/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
/*.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.yellowtail-regular {
  font-family: "Ms Madi", cursive;
  font-weight: 400;
  font-style: normal;
}
.zen-antique-regular {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}
*/

/*all_reset*/
ul,p,dd,h4,dl{
	margin: 0;
	padding: 0;
}
a:hover{
	text-decoration: none;
}
li{
	list-style: none;
}
.st2-main-container {
    padding-top: 0;
}
.pc_none{
	display: none;	
}
.sp_none{
	display: block;
}
.st2-divide-api .st2-api__link__title{
	font:Roboto, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}
.st2-btn__container,
.theme_btn a{
    transition: opacity .5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.st2-btn__container:hover,
.theme_btn a:hover {
    text-decoration: none;
	opacity: 0.7;	
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.pc_none{
		display: block;	
	}
	.sp_none{
		display: none;
	}
}
/*icon*/
.st2-icon-bottom-arrow{
	width: 1.2rem;
	height: 1.2rem;
}
.tabiplanet .st2-btn{
	display: none;
}
.st2-tab--changer>div{
	max-width: 100%;
}
section,nav{
	padding: 0 20px;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	section,nav{
		padding: 0 2.989%;
	}
	.st2-icon-bottom-arrow{
		width: 1.0rem;
		height: 1.0rem;
	}
}

/*1300px*/
.catch,nav .anc,nav p,.st2-tab>div,.st2-tab--api>div,.st2-divide-api>div,.st2-tab--changer__switcher,.st2-divide-layout>div,.st2-color-section>div,.st2-card--top[data-transfer],.st2-faq>div,.st2-heading-lv2>div,.st2-heading-lv5>div,.contents_theme .title,.osusume_area .st2-pic-block>div,.contents_search h2,.contents_howto h2,.contents_ranking h2,.contents_qa h2,.contents_osusumetokushu h2,.st2-search-kokunaidp__inner,.el-webconnect-module__inner{
	max-width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
.st2-search>div{
	max-width: 1300px;
	margin: 0 auto;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
}

/*h1*/
.st2-page-title__heading__txt {
	font-size: 1.2rem;
	font-weight: normal;
}
.st2-page-title {
    padding-top: 1rem;
    margin-bottom: 1rem;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.st2-page-title__heading__txt {
		font-size: 0.9rem;
	}
	.st2-page-title {
		padding-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

}
/*main*/
.main_img p{
	margin: 0 -20px;
}
.main_img img{
	width: 100%;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.main_img p{
		margin: 0 -2.989%;
	}
}
/*catch*/
.catch{
	color: #fff;
	border: 1px #fff solid;
    padding: 4rem 3rem;
    margin:8rem auto 5rem;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.catch ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.catch li{
	width: calc(100% / 3 - 60px)
}

.catch li.catch_l{
    font-size: 2.3rem;
    line-height: 1.4;
    text-align: right;
}
.catch li.catch_l p{
    display: inline-block;
    text-align: left;
}
.catch li.catch_l span{
	font-size: 3.5rem;
}
.catch li img{
	max-width: 180px;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.catch li.catch_r{
	font-size: 1.6rem;
	line-height: 1.6;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.catch{
		padding:2rem 1rem;
		margin:0 auto 3rem;
	}
	.catch ul{
		display: block;
	}
	.catch li{
		width: 100%;
	}
	.catch li.catch_l{
		font-size: 1.5rem;
        display: inline-block;
        width: 60%;
        margin-right: 5%;
        text-align: left;
		vertical-align: middle;
	}
	.catch li.catch_l span{
		font-size: 2.0rem;
	}
	.catch li.catch_r{
		font-size: 1.1rem;
		margin-top: 2rem;
	}
	.catch li img{
		max-width: 100%;
	}
	.catch li.catch_m{
		display: inline-block;
		width: 30%;
		vertical-align: middle;
	}
}

/*anc*/
.anc{
	display: flex;
}
.anc li{
	width: 25%;
	margin-right: 1%;
}
.anc li:last-child{
	margin-right: 0;
}
.anc li a{
    display: block;
    font-size: 1.8rem;
    background-color: #e3dbc4;
    padding: 0.6rem 0 0.8rem;
	color: #2a261a;
    border: 1px solid #ffffff;
    text-align: center;
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.anc li a .st2-icon-bottom-arrow{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 10px;
	fill:#2a261a;
}
nav p{
	text-align: right;
	margin-top: 1rem;
}
nav p a{
	font-size: 1.8rem;
	color: #fff;
	text-decoration: underline;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
nav p a .st2-icon-bottom-arrow{
	fill:#fff;
	margin-left: 1rem;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.anc{
		flex-wrap: wrap;
	}
	.anc li {
		width: 49%;
		margin-right: 2%;
	}
	.anc li:nth-child(2n){
		margin-right: 0;
	}
	.anc li a{
		font-size: 1.1rem;
		padding: 0.6rem 1.5rem 0.8rem;
		margin-bottom: 0.5rem;
	}
	.anc li a .st2-icon-bottom-arrow{
		right: 8px;
	}
	nav p a{
		font-size: 1.2rem;
	}

}

/*bg_all*/
.bg_all{
	background-image: linear-gradient(0deg, #c5b98d, #363328 17%, #39362b 77%, #1e1a0e);
	margin: 0 -20px;
	padding-bottom: 12rem;
	padding-top: 1px;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.bg_all{
		margin: 0 -2.989%;
	}
}

/*contents_theme-tab*/
.contents_theme {
	margin-top: 10rem;
}
.contents_theme .title{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 2.5rem;
	margin-bottom: -2rem;
}
.contents_theme .eng{
	font-size: 3.0rem;
	margin-right: 2rem;
}
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher{
	padding: 2%;
	position: relative;
	border-bottom: none;
}
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::before,
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::after{
	content: '';
	width: 300px;
	height: 150px;
	position: absolute;
}
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::before{
	border-right: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	top: 0;
	right: 0;
}
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::after{
	border-left: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	bottom: 0;
	left: 0;
}

.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__container{
	padding: 0;
	border: none;
}
.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__holder{
	flex-wrap: wrap;
}
.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item{
	width: 32.5%;
	margin-bottom:1rem;
	z-index: 1;
	background-color: #fff;
}
.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__item .st2-tab--changer__container{
	background: none;
	border-radius: 0;
}
.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item:nth-child(4n){
	margin-left: 0;
}
.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__body{
	padding-top: 10rem;
}
.contents_theme hr{
	border: none;
	border-top: 3px dotted #bdad79;
	max-width: 80%;
	padding: 0 20px;
	margin: 5rem auto;
}
.contents_theme .other_plan_btn{
	width: 80%;
	margin: 0 auto;
}

@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_theme {
		margin-top: 5rem;
	}
	.contents_theme .eng{
		font-size: 1.8rem;
		margin-right: 1rem;
	}
	.contents_theme .title{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item{
		width:49%;
		margin-right: 2%;
		margin-left: 0;
	}
	.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item:nth-child(2n){
		margin-right: 0;
		margin-left: 0;
	}
	.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item:nth-child(5),.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__item:nth-child(6){
		margin-bottom: 0;
	}
	.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::before,
	.contents_theme .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher::after{
		content: '';
		width: 80px;
		height: 70px;
	}
	.contents_theme .st2-tab--changer[data-style="1"] .st2-tab--changer__body{
		padding-top: 7rem;
	}
	.contents_theme .other_plan_btn{
		width: 100%;
	}
	.contents_theme hr{
		max-width: 100%;
		margin: 3rem auto;
	}

}

/*panel*/
.contents_theme .st2-tab--changer__panel>div:first-child{
	max-width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:5rem 4rem 4rem;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.2);
}
.contents_theme .st2-tab--changer__panel section{
	padding: 0
}

@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_theme .st2-tab--changer__panel>div:first-child{
		padding:3rem 4% 2rem;
	}
	.panel1,.panel2,.panel3,.panel4,.panel5,.panel6{
		padding: 7rem 2.989%;
		margin: 0 -2.989%;
		width: 100%;
		position: relative;
	}
	.panel1:before,.panel2:before,.panel3:before,.panel4:before,.panel5:before,.panel6:before{
	  content: "";
	  display: block;
	  width: 100%;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: -9;
	  background-size: cover;
	  background-position: center;
	}
	
}
@media (max-width:768px){
  .panel1,.panel2,.panel3,.panel4,.panel5,.panel6{
    background-attachment:scroll;
  }
}

.st2-tab--changer__panel h2 img{
	position: absolute;
	top: -70px;
	transform: translateX(-50%);
	left: 50%;
	width: 5%;
}
.st2-tab--changer__panel h2 .fl{
	font-size:6rem;
}
.st2-tab--changer__panel h2 .fm{
	font-size:4.5rem;
}

@media (max-width:1024px) {
}
@media (max-width:736px) {
	.st2-tab--changer__panel h2 img{
		top: -50px;
		width: 13%;
	}

}

@media (max-width:1024px) {
}

/*api*/
.st2-api__title__heading{
	border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.st2-api__title__heading h4 {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-size: 1.8rem;
	font-weight: 700;
	color: #2a261a;
}
.st2-api__list--label .st2-icon-train{
	fill: #4c4320;
}
.st2-divide-api[data-column="3"] .st2-divide-api__item {
	margin: 3rem 0 0 3.3%;
	width: 30%;
}
.st2-divide-api[data-column="3"]>div>div>div>div {
        margin: -3rem 0 0 -3.3%;
}
.st2-api [class*=st2-api__match-wrapper-] {
    margin-bottom: 0;
}
.st2-link-icons__link {
    background-color: #4c4320;
    transition: none;
    border: none;
    color: #ffffff;
    font-size: 1.1rem;
	border-radius: 3px;
}
.st2-link-icons__item {
    margin-right: .2rem;
}
.st2-api__free-area {
    margin-bottom: 1rem;
}
.st2-api__list__item {
	line-height: 1.6;
	margin-bottom: 0.5rem;
}
.st2-api__recommend[data-color="3"] .st2-api__recommend__content{
	background-color: #ede9d9;
	padding: 1rem;
}
.st2-api__recommend[data-color="3"] .st2-api__recommend__header h5 span{
	font-size: 0;
}
.st2-api__recommend[data-color="3"] .st2-api__recommend__header h5 span:before{
	font-size: 1.3rem;
	content:"ひとり旅Point";
}
.st2-api__recommend .st2-icon-point{
	display: none;
}
.st2-api__recommend__header h5 {
	font-weight: normal;
}
.st2-api__recommend{
	margin: 0.7rem 0;
}
.st2-api__recommend:last-child {
    margin-bottom: 0;
}
.st2-api__list--label__item-txt span {
    font-size: 1.2rem;
}
.st2-api__list--label[data-type=accessNode] .st2-api__list--label__item .st2-api__list--label__item-icon{
	padding: 0;
}
.st2-api__list__item>div.st2-api__list__container::before{
	top: .5em;
}
.st2-api__list--label {
    margin-bottom: 0;
}
[class=st2-divide-api][data-column="3"] .st2-api__pic-block+.st2-api__link{
	margin-bottom: 0;
}
.st2-api__list--link {
	margin-bottom: 1rem;
	margin-top: 1.0rem;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.st2-api__title__heading h4 {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.st2-divide-api[data-column="3"]>div>div>div>div {
		margin: 0;
	}
	.st2-divide-api[data-column="3"] .st2-divide-api__item {
		margin: 3rem auto;
		width: 100%;
	}
     .st2-api__title__sub-upper p,.st2-api__list--label[data-type=accessNode] .st2-api__list--label__item .st2-api__list--label__item-txt>div>span {
        font-size: 1.0rem;
    }
	.st2-api__paragraph p {
		font-size: 1.1rem;
	}
	.st2-link-icons__link {
		font-size: 1.0rem;
	}
	.st2-api__free-area {
		margin-bottom: 0.5rem;
	}
	.st2-api__list--label {
		margin-bottom: 0;
	}
	.st2-divide-api[data-border] .st2-divide-api__item {
        padding: 1rem 2.9891304348%;
    }
	.st2-api__list--label .st2-icon-train {
		width: 1.4rem;
		height: 1.4rem;
	}
	.st2-api__list--label[data-type=accessNode] .st2-api__list--label__item .st2-api__list--label__item-txt {
		padding: 0 0 1rem 0.5rem;
	}
	.st2-api__recommend__content .st2-api__list .st2-api__list__item {
		font-size: 1.1rem;
	}
	.st2-api__list--link {
		margin-top: 0; 
	}
	.st2-api__recommend{
		margin: 0;
	}
	.st2-api__recommend[data-color="3"] .st2-api__recommend__header h5 span:before{
		font-size: 1.1rem;
	}

}

.st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__trigger{
	background: #fff;
	border: #ff9934 solid 2px;
	box-sizing: border-box;
}
.st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__title{
	color: #ff9934;
}
.st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__title .st2-icon-plus{
	fill:#ff9934;
}
[class=st2-divide-layout][data-column="3"] .st2-btn .st2-btn__container,
.st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__title,
.other_plan_btn .st2-btn[data-color="3"] .st2-btn__container{
	padding: 1.5rem 2.5rem;
	font-size: 2.0rem;
	border-width: 2px;
}

.st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__body{
	background: rgb(0 0 0 / 8%);
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	[class=st2-divide-layout][data-column="3"] .st2-btn .st2-btn__container, .st2-accordion--linkblock[data-color="1"] .st2-accordion--linkblock__title,.other_plan_btn .st2-btn[data-color="3"] .st2-btn__container{
		padding: 1.0rem 2.5rem;
		font-size: 1.5rem;
		border-width: 2px;
	}
	[class=st2-divide-layout][data-column="3"] .st2-btn, [class=st2-divide-layout][data-column="4"] .st2-btn, [class=st2-divide-layout][data-column="5"] .st2-btn {
		margin-bottom: 1rem;
	}

}

/*point*/
.point{
	background-color: rgba(98, 80, 23, 0.7);
	border-radius: 30px;
	padding: 14rem 1rem 5rem;
	position: relative;
	width: 100%;
    box-sizing: border-box;
	margin-top: 10rem;
}
.point .point_title{
	display: flex;
	position: absolute;
	width: 100%;
	top: -45px;
	left: -15px;
	align-items: center;
}
.point .point_title img{
	width: calc(100% / 2 - 20%);
    margin: 0 auto;
}
.point dl{
    margin: 0 auto;
    color: #fff;
	width: 85%;
}
.point dt{
	font-size: 2.2rem;
    margin-bottom: 0.5rem;
    padding: 1.5rem 2rem 0;
    border-top: 3px dotted #fff;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.point dd{
	font-size: 1.6rem;
	line-height: 2.0;
	margin-bottom: 1rem;
	padding: 0 0 0 4rem;
}
@media (max-width:1024px) {
}

/*other*/
.other{
	background-color: rgba(220, 220, 220, 0.5);
	padding: 5rem;
	margin-top: 5rem;
}

.other .st2-heading-lv2 {
    margin: 0;
}

.other .st2-heading-lv2[data-style="2"][data-color]>div{
	border-left: none;
	padding: 0;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
}

/*osusume_area*/

.osusume_area h4 img{
	max-width: 220px;
	width: 40%;
}
.osusume_area h4 .hotel_title .hotel{
	display: block;
}
.osusume_area h4 .hotel_title .hotel_title_area{
	font-size: 1.4rem;
    padding: 0.3rem 1.5rem;
    margin-bottom: 0.5rem;
    border-radius: 50px;
    width: 80%;
    background-color: #fff;
    display: inline-block;
}
.osusume_area .st2-btn[data-color="11"] .st2-btn__container{
	padding: 1rem 2.5rem;
	font-size: 1.5rem;
}
.osusume_area [class=st2-divide-layout][data-column="3"] .st2-btn,
.osusume_area [class=st2-divide-layout][data-column="3"] .st2-accordion--linkblock{
	margin-bottom: 0;
}
.osusume_area .st2-accordion--linkblock[data-color="2"] .st2-accordion--linkblock__body {
	background-color: rgba(255, 255, 255, 0.5);
}
.osusume_area .st2-pic-block[data-pic-pos=right] .st2-pic-block__container-wrapper:first-child {
	max-width: 26%;
	flex-shrink: 0;
}
.osusume_area .st2-pic-block__pic-holder img {
	border-radius: 10px;
}
.osusume_area .st2-catch{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	margin: 1rem 0;
}
.osusume_area .btn_area{
	display: flex;	
}
.osusume_area .btn_area .st2-accordion--linkblock{
	width: 30%;
}

@media (max-width:1024px) {
}
@media (max-width:736px) {
	.osusume_area .st2-pic-block {
		margin-bottom: 0;
	}
	.osusume_area .st2-divide-layout{
		margin-top: 0.5rem;
	}
    .osusume_area .st2-divide-layout[data-column="3"] .st2-divide-layout__item {
        margin-top:0;
    }
	.osusume_area .st2-divide-layout[data-column="3"]>div>div>div>div {
		gap: 1rem;
	}
}

/*tabiplanet*/
.other .tabiplanet .st2-heading-lv3--top .ellipsis--2row{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	height: auto;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
}
.theme_btn{
	max-width: 1300px;
	margin: 0 auto;
}
.theme_btn a{
	text-align: center;
    display: block;
    background-color: #fff9e3;
    color: #1d1b15;
    border: 3px solid #1d1b15;
    border-radius: 50px;
    padding: 2rem 2.5rem;
    font-size: 2.0rem;
    width: 50%;
    margin: 8rem auto 0;
	position: relative;
}
.theme_btn a .st2-icon-top-arrow{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 10px;
	fill: #2a261a;
	width: 1.2rem;
	height: 1.2rem;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.theme_btn a{
		border: 2px solid #1d1b15;
		padding: 1rem 2.5rem;
		font-size: 1.5rem;
		width: 80%;
	}
}

/*bottom_area*/
.contents_search h2,.contents_howto h2,.contents_ranking h2,.contents_qa h2,.contents_osusumetokushu h2{
	margin: 10rem auto 1rem;
	font-size: 2.8rem;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	padding-left:28px;
	position: relative;
}
.contents_search h2:before,.contents_howto h2:before,.contents_ranking h2:before,.contents_qa h2:before,.contents_osusumetokushu h2:before{
	content: "■";
	position: absolute;
	font-size: 1.8rem;
	color: #fff;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_search h2,.contents_howto h2,.contents_ranking h2,.contents_qa h2,.contents_osusumetokushu h2{
		font-size: 1.8rem;
		padding-left:18px;
	}
	.contents_search h2:before,.contents_howto h2:before,.contents_ranking h2:before,.contents_qa h2:before,.contents_osusumetokushu h2:before{
		font-size: 1.2rem;
	}
}

/*contents_search*/
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__item{
	width: calc(100% / 3);
}
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__body{
	padding: 0;
}
.contents_search .st2-tab--changer[data-color="5"] .st2-tab--changer__switcher,
.contents_search .st2-tab--changer[data-color="5"] .st2-tab--changer__container{
	border-color: #fff;
}
.contents_search .st2-tab--changer__container{
	background: none;
}
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__container{
	padding: 1rem 3rem;
}
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt{
	color: #fff;
}
.contents_search .st2-tab--changer[data-color="5"] .st2-tab--changer__switcher .st2-icon-bottom-arrow{
	fill:#fff;
}
.contents_search .st2-tab--changer[data-color="5"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container{
	background: #fff;
}
.contents_search .st2-tab--changer[data-color="5"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container:hover{
	opacity: 1;
}
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__item-txt{
	color: #373429;
}
.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-icon-bottom-arrow{
	fill: #534100;
}
.contents_search .st2-search>div,
.contents_search .st2-search-kokunaidp__inner,
.contents_search .el-webconnect-module__inner{
	box-shadow: none;
}
.contents_search .st2-search-kokunaidp__inner,
.contents_search .el-webconnect-module__inner{
	padding: 1rem 2rem 3rem;
}
.contents_search .st2-search-kokunaidp,
.contents_search .el-webconnect-module{
    margin: 0;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__container {
		padding: 0.5rem 0.5rem 1rem;
	}
	.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__switcher .st2-icon-bottom-arrow{
		bottom: 0.2rem;
	}
	.contents_search .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt{
		font-size: 1.1rem;
	}
	.contents_search .st2-search>div{
		padding-bottom: 1rem;
	}
}

/*contents_ranking*/
.contents_ranking .st2-divide-layout[data-border] .st2-divide-layout__item{
	padding: 0;
	border: none;
	background: #2a261a;
	border-radius: 10px;
}
.contents_ranking .st2-pic-block__pic-holder img{
	border-radius: 10px 10px 0 0;
}
.contents_ranking .st2-heading-lv6__heading__txt{
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	letter-spacing: 0.4rem;
	font-size: 2.5rem;
}
.contents_ranking .st2-pic-block__txt-container{
	padding: 0 1rem;
}
.contents_ranking [class=st2-divide-layout][data-column="5"] .st2-accordion--linkblock{
	margin-bottom: 1rem;
}
.contents_ranking [class=st2-divide-layout][data-column="5"] .st2-btn{
	margin-bottom: 3rem;
}
.contents_ranking .st2-divide-layout .st2-accordion--linkblock__body{
	padding: 1rem;
	background: #fff4e6;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_ranking .st2-pic-block__txt-container{
		padding: 0 1rem 1px;
	}
	.contents_ranking .st2-heading-lv6__heading__txt {
		font-size: 1.6rem;
		text-align: center;
	}
}

/*contents_howto*/
.contents_howto .st2-divide-layout[data-border] .st2-divide-layout__item{
	background: none;
	border: 2px solid #fff;
}
.contents_howto .st2-divide-layout[data-border] .st2-divide-layout__item dt,.contents_howto .st2-divide-layout[data-border] .st2-divide-layout__item dd{
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
}
.contents_howto dt{
	font-size: 1.8rem;
	display: flex;
	line-height: 1.6;
	align-items: center;
}
.contents_howto dd{
    margin-top: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.0;
}
.contents_howto .num{
	font-family: "Ms Madi", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 3.5rem;
	margin-right: 1.5rem;
}

@media (max-width:1024px) {
}
@media (max-width:736px) {
    .contents_howto .st2-divide-layout[data-border] .st2-divide-layout__item {
        padding: 1rem 2.9891304348% 2rem;
    }
	.contents_howto dt{
		font-size: 1.4rem;
		display: flex;
		line-height: 1.6;
		align-items: center;
	}
	.contents_howto dd{
		margin-top: 1.0rem;
		font-size: 1.1rem;
		line-height: 1.8;
	}
	.contents_howto .num{
		font-size: 1.8rem;
		margin-right: 1.0rem;
	}
}
/*contents_qa*/
.contents_qa .st2-faq{
	background: rgb(42 38 26 / 30%);
	padding:1.5rem 2rem 3rem;
	margin: 0 -20px;
}
.contents_qa .st2-faq__container:first-child {
     border-top: none; 
}
.contents_qa .st2-faq__title {
	font-size: 1.8rem;
	font-weight: normal;
	color: #fff;
}
.contents_qa .st2-faq__title-txt::before{
    color: #dfedff;
}
.st2-faq__body::before{
    color: #ffdfdf;
	font-weight: normal;
}
.contents_qa .st2-faq__body {
	font-size: 1.6rem;
	color: #fff;
}
.contents_qa .st2-faq__title .st2-icon-plus{
	fill:#ffffff;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_qa .st2-faq{
		padding:1.5rem 2.989% 3rem;
		margin: 0 -2.989%;
	}
	.contents_qa .st2-faq__title {
		font-size: 1.1rem;
	}
	.st2-faq__title-txt::before {
		top: -4px;
		left: -1.5rem;
		font-size: 1.3rem;
	}
	.st2-faq__body::before {
		left: 0.5rem;
		font-size: 1.3rem;
	}
	.st2-faq__body>div {
		font-size: 1.1rem;
	}
}

/*contents_osusumetokushu*/
.contents_osusumetokushu .st2-pic-block__container-wrapper .st2-pic-block__pic-caption--over p{
	font-weight: normal;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.contents_osusumetokushu .st2-divide-layout[data-sp-column="2"]>div>div>div>div{
		gap: .6rem;
	}

}

/*fix_area*/
.fix_area{
	position: fixed;
    bottom: 80px;
    right: 30px;
	z-index: 100;
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.fix_area {
		position: fixed;
		bottom:7rem;
		right: 1rem;
		width: 90px;
	}
}


/*フェードアップ---------------------*/
.fadeUpTrigger{
	opacity: 0;
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes fadeUpAnime{
from {
	opacity: 0;
	transform: translateY(200px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.order_fadeIn_Trigger,
.contents_ranking .st2-divide-layout[data-border] .st2-divide-layout__item,
.contents_howto .st2-divide-layout[data-border] .st2-divide-layout__item,
.st2-divide-api .st2-divide-api__item{
	opacity: 0;
}
.order_fadeIn,
.contents_ranking_fadeIn,
.contents_howto_fadeIn,
.contents_api_fadeIn{
  opacity: 0;
  transform: translateY(40px);
  animation: orderfadeIn 1.0s forwards;
}
.order_fadeIn:nth-child(1),
.contents_ranking_fadeIn:nth-child(1),
.contents_howto_fadeIn:nth-child(1),
.contents_api_fadeIn:nth-child(1){
  animation-delay: 0s;
}
.order_fadeIn:nth-child(2),
.contents_ranking_fadeIn:nth-child(2),
.contents_howto_fadeIn:nth-child(2),
.contents_api_fadeIn:nth-child(2){
  animation-delay: 0.2s;
}
.order_fadeIn:nth-child(3),
.contents_ranking_fadeIn:nth-child(3),
.contents_howto_fadeIn:nth-child(3),
.contents_api_fadeIn:nth-child(3){
  animation-delay: 0.4s;
}
.order_fadeIn:nth-child(4),
.contents_ranking_fadeIn:nth-child(4),
.contents_howto_fadeIn:nth-child(4),
.contents_api_fadeIn:nth-child(4){
  animation-delay: 0.6s;
}
.order_fadeIn:nth-child(5),
.contents_ranking_fadeIn:nth-child(5),
.contents_howto_fadeIn:nth-child(5),
.contents_api_fadeIn:nth-child(5){
  animation-delay: 0.8s;
}
.order_fadeIn:nth-child(6),
.contents_ranking_fadeIn:nth-child(6),
.contents_howto_fadeIn:nth-child(6),
.contents_api_fadeIn:nth-child(6){
  animation-delay: 1.0s;
}

@keyframes orderfadeIn {
  to {
	opacity: 1;
	transform: translateY(0); 
}
}
@media (min-width: 737px) {
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
}