@charset "UTF-8";

/* -----------------------------------------------
* 冊子とWEB連携体験ツアー用スタイルシート
-------------------------------------------------- */
#experience_quiz .inner .my-widget{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display: inline-block;
	width: 200px;
	margin-right: 50px;
	vertical-align: top;}

#experience_quiz .inner .my-widget ul#menu-experience li a{
	color: #fff !importat;
	}

#experience_quiz .inner .my-widget ul#menu-experience li.current_page_item a{
	color: #ffcc00;
	}

#experience_quiz .inner .my-widget ul#menu-experience li::before{
	color: #fff;}

#experience_quiz .inner .my-widget ul#menu-experience li.current_page_item::before{
	color: #ffcc00;}

#experience_quiz .inner main{
	display: inline-block;
	width : -webkit-calc(94% - 270px) ;
	width : calc(94% - 270px) ;
	background-color:#fff;
	border-radius: 15px;
	padding:3%;}


#experience_quiz .inner main article.experience_article{
	display: block;
	margin: 20px 0 30px 0;
	}

#experience_quiz main article.experience_article.pending{
	opacity: 0.5;
	}

#experience_quiz main article.experience_article.pending::before{
	content: "提出済み";
	}

@media only screen and (max-width: 750px) {
#experience_quiz .inner .my-widget{
	display: block;
	width: 100% !important;
	margin: 0px auto 30px auto;}

#experience_quiz .inner main{
	display: block;
	width: 100% !important;
	margin: 0px auto;
	background-color:#fff;
	border-radius: 15px;
	padding:7%;}}

/*--------------------------------------------------------------
    マイメニュー
--------------------------------------------------------------- */
@media screen and (max-width: 768px){
section#experience_quiz .my-widget .menu-experience-container{
	display: none !important;}}

/* -----------------------------------------------
* 冊子とWEB連携体験ツアー
-------------------------------------------------- */
#registration{
	background-color:#e7f0ed !important;
	padding:30px;
	margin:20px 20px 50px 20px;
	border-radius: 30px;
	}

@media screen and (max-width: 768px){
#registration{
	background-color:#e7f0ed !important;
	padding:8%;
	margin:3% 5% 10% 5%;
	}}

#registration h4{
	font-weight:bold;
	font-size:130%;
	color:#116a53;
	border-bottom:1px #116a53 dotted;
	}

#registration a{
	font-weight:bold;
	font-size:120%;
	color:#116a53;
	}

/*--------------------------------------------------------------
    旅の思い出投稿   タイトル
--------------------------------------------------------------- */
#experience_quiz main.guest_entry .entry{
	width:100% !important;
	display:block !important;
	}

header.quiz_entry{
	display: block;
	width: 100% !important;}

header.quiz_entry h3.memory_tit{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center;
	display: block;
	width: 100% !important;
	margin: 50px auto 30px auto;
	}

h3.memory_tit::after{
	display: block;
	content: " ";
	height: 1px !important;
	width: 50% !important;
	margin: 10px auto 0px auto;
	background-color:#000;
	color:#fff !important;
	}

#experience_quiz .entry p{
	display: block !important;
	text-align:left;
	float:none;
	}

main.guest_entry nav.guest_entry_menu ul.guest_menu_li {
	text-align:center;
	margin:0px auto;
	padding:0;}

nav.guest_entry_menu ul.guest_menu_li li{
	display: inline-block;
	width:120px;
	padding:0;}

@media screen and (max-width: 768px){
nav.guest_entry_menu ul.guest_menu_li {
	text-align:center;
	margin:50px auto;
	padding:0;}

nav.guest_entry_menu ul.guest_menu_li li{
	display: inline-block;
	width:100px;
	padding:0;}
}


nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li01 a,
nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li02 a,
nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li03 a{
	display: block;
	color: #fff;
	background-color:#116a53;
	border:1px solid #116a53;
	border-radius: 300px;
	padding: 16px 15px 9px 15px;
	font-size: 100% !important;
	font-weight: bold;}

nav.guest_entry_menu ul.guest_menu_li li a em{
	display: block;
	font-size: 70%;
	font-weight: normal;
	font-style: normal;
	line-height:1;}

body.page-template-page-experience nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li01 a,
body.page-template-templates_quizpage-gest_entry-php nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li02 a,
body.post-type-archive-travel_photos nav.guest_entry_menu ul.guest_menu_li li.guest_menu_li03 a,
nav.guest_entry_menu ul.guest_menu_li li a:hover{
	color: #116a53 !important;
	background-color:#fff !important;}

/*--------------------------------------------------------------
    旅の思い出投稿
--------------------------------------------------------------- */
main.guest_entry #memory_post{
	display: block;
	width: 80%;
	text-align:left;
	margin:0px auto;
	position: relative !important;}

main.guest_entry #memory_post #message.updated{
	display:block !important;
	width:100% !important;
	height:30px !important;
	position: relative !important;} 

main.guest_entry #memory_post #message.updated p{
	font-size:22px !important;
	color:red !important;
	width:300px !important;
	height:50px !important;
	display:block !important;
	text-align:center;
	margin:0px auto !important;
	position: relative !important;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;}

@media screen and (max-width: 768px){
main.guest_entry #memory_post{
	width: 100%;}
}
                          
.acf-label{
	width: 100%;
	text-align:left;}

/*--------------------------------------------------------------
    旅の思い出スポット
--------------------------------------------------------------- */
ul#travel_photos_cat{
	width:100%;
	margin:15px 0 50px 0;
	text-align:center;
	display: flex;
	flex-wrap:wrap;/* 改行許可 */
	gap: 30px;}

ul#travel_photos_cat li{
	display:block;
	text-align:center;
	width : -webkit-calc((100% - 60px) / 3) ;
	width : calc((100% - 60px) / 3) ;
	text-align:center;
	position: relative;}

@media screen and (max-width: 768px){

ul#travel_photos_cat li{
	width : -webkit-calc((100% - 20px) / 2) ;
	width : calc((100% - 30px) / 2) ;}}

ul#travel_photos_cat li figure {
	display:block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 300px;
	overflow: hidden;}

ul#travel_photos_cat li figure img{
	object-fit: cover;/* 要素いっぱいに画像を表示（はみ出た部分は削除） */
	width: 100%;      /* 親要素の幅いっぱい */
	height: 100%      /* 親要素の高さいっぱい */}

ul#travel_photos_cat li span.cat_tit{
	display:block;
	font-size:110%;
	font-weight:bold;
	margin:7px 0;}

ul#travel_photos_cat li span.cat_description{
	display:block;
	text-align:left;
	font-size:70%;}

/*--------------------------------------------------------------
    旅の思い出一覧
--------------------------------------------------------------- */
header.quiz_entry{
	display:block;
	text-align:left;
	margin-bottom:30px;}

header.quiz_entry h3.spot_tit{
	font-size:180%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:block;
	text-align:center;
	padding-bottom:10px;
	border-style:none;}

header.quiz_entry figure{
	display:block;
	margin:10px auto;}
                              
header.quiz_entry p{
	text-align:left;}

header.quiz_entry dl{
	display:block;
	margin:20px auto 10px auto;}

header.quiz_entry dl dt::before{
	content: "●";
	font-size:115%;
	display:inline-block;
	margin-right:3px;
	text-align:left;}

.question{
	border-top:1px solid #333;
	border-bottom:1px solid #999;
	padding:20px 0px 10px 0px;
	margin:10px auto 30px auto;}

h4.question_tit{
	font-weight:normal;
	display:block;
	background-color: transparent !important;
	text-align:center;
	padding:10px 15px;
	width: 90%;
	margin:10px auto;}

@media screen and (max-width: 768px){
.nazoform input{
	width: 90%;}}

#experience_quiz .inner main.guest_entry{
	font-family: 'M PLUS Rounded 1c', sans-serif;}


#experience_quiz .inner main.guest_entry .entry_li{
	width:100%;
	text-align:center;
	display: flex;
	flex-wrap:wrap;/* 改行許可 */
	gap: 20px 20px;
	margin: 20px 0px 50px 0px;}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner{
	display:block;
	text-align:center;
	width : -webkit-calc((100% - 40px ) / 3) ;
	width : calc((100% - 40px ) / 3);}
                                                 
#experience_quiz .inner main.guest_entry .entry_li .entry_inner figure {
	display:block;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner figure img{
	object-fit: cover;/* 要素いっぱいに画像を表示（はみ出た部分は削除） */
	width: 100%;      /* 親要素の幅いっぱい */
	height: 100%      /* 親要素の高さいっぱい */}

@media screen and (max-width: 768px){
#experience_quiz .inner main.guest_entry .entry_li .entry_inner{
	display:block;
	text-align:center;
	width : -webkit-calc((100% - 20px ) / 2) ;
	width : calc((100% - 20px ) / 2);}}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner h3.entry__ttl{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:120%;
	text-align:center;
	margin:8px 0;
	padding:0;
	}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner p{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:80%;
	line-height:1.6;
	text-align:left;
	}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner p.entry__time{
	display:block;
	font-size:60%;
	text-align:center;
	margin:5px 0 0 0;
	padding:0;
`		}

#experience_quiz .inner main.guest_entry .entry_li .entry_inner span.author{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:block;
	width:80%;
	margin:0 auto;
	padding:0 0 3px 0;
	font-size:100%;
	text-align:center;
	border-bottom:1px solid #eee;
	}


/*--------------------------------------------------------------
    旅の思い出個別ページ
--------------------------------------------------------------- */
span.travel_cat a{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:inline-block;
	background-color:#eee;
	text-align:center;
	margin:10px 0;
	padding:5px 20px;
	border-radius: 150px;
`		}
span.author{
	font-size:130%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
`		}

span.author::before{
	content: "投稿者／";
	font-size:80%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:inline-block;
`		}

#experience_quiz p.entry__time{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	display:block;
	font-size:80%;
	text-align:right;
	margin:5px 0 0 0;
	padding:0;
`		}

/*--------------------------------------------------------------
    正解！
--------------------------------------------------------------- */
.correct_answer {
	position: relative;
	width: 300px;
	height: 300px;
	background-size: cover;
	overflow: hidden;
	margin: 0 auto;}

.circle_container {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}

.text_circle {
width: 300px;/*文字サークルの大きさ*/
animation: rotateIt 10s linear infinite;/*文字サークルの回転の速さ*/
margin: 0 auto;
}

@keyframes rotateIt {
to {
transform: rotate(-360deg);
}
}

.text_circle text {
font-size: 1.2rem;
text-transform: uppercase;/*すべての文字を大文字に*/
fill: #000;/*文字の色*/
}

.text_circle textPath {
letter-spacing: 17px;/*文字の余白*/
}

.icon_img {
position: absolute;
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
}
/*--------------------------------------------------------------
    ページネーション
--------------------------------------------------------------- */
.pagination_wrapper {}

.pagination_wrapper ul.page-numbers{
	text-align:center;}

.pagination_wrapper ul.page-numbers li{
	border :1px solid #eee;
	display:inline-block;
	text-align:center;
	width :25px;
	height :25px;
	background-color :#eee;
	line-height :23px;
}

.pagination_wrapper ul.page-numbers li a{
	display:block;
	width :23px;
	height :23px;
	background-color :#eee;
	font-weight :normal;}

.pagination_wrapper ul.page-numbers li span.current{
	display:block;
	width :23px;
	height :23px;
	background-color :#fff;
	font-weight :bold;}