@charset "utf-8";

/*=========================================*/
/* 旅行相談サービス */
/*=========================================*/


/*-- HEADER --*/

#header_bg::after{
	display:none;
}

#header_bg.hide::after{
	display:none;
}


/*-- FOOTER --*/

#footer_area::before{
	background-image:url(../images_002/footer/footer_bg_wave_yellow.png);
}


/*-- NAV --*/

#ordermade_nav_area{
	position:relative;
	background-color:rgba(253,248,230,1.0);
	overflow:hidden;
}


/*-- TITLE --*/

.ordermade_title_flame.title_eng_gourmet::before{
	background-image:url(../ordermade/gourmet/images/ordermade_title_gourmet_eng.png);
}

.ordermade_title_flame.title_eng_spot::before{
	background-image:url(../ordermade/spot/images/ordermade_title_spot_eng.png);
}

.ordermade_title_flame.title_eng_experience::before{
	background-image:url(../ordermade/experience/images/ordermade_title_experience_eng.png);
}

.ordermade_title_flame.title_eng_onsen::before{
	background-image:url(../ordermade/onsen/images/ordermade_title_onsen_eng.png);
}

.ordermade_title_flame.title_eng_stay::before{
	background-image:url(../ordermade/stay/images/ordermade_title_stay_eng.png);
}

.ordermade_title_flame.title_eng_special::before{
	background-image:url(../ordermade/special/images/ordermade_title_special_eng.png);
}


/*-- TITLE --*/

.ordermade_title_fukidashi_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 25px 45px 25px;
	max-width:1280px;
	text-align:center;
}

.ordermade_title_fukidashi{
	position:relative;
}

.ordermade_title_fukidashi img{
	height:80px;
}

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

.ordermade_title_fukidashi_flame{
	padding:0px 20px 40px 20px;
}

.ordermade_title_fukidashi img{
	height:70px;
}

}

@media all and (max-width:960px), print{

.ordermade_title_fukidashi_flame{
	padding:0px 15px 35px 15px;
}

.ordermade_title_fukidashi img{
	height:60px;
}

}

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

.ordermade_title_fukidashi_flame{
	padding:0px 15px 30px 15px;
}

.ordermade_title_fukidashi img{
	height:50px;
}

}

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

.ordermade_title_fukidashi_flame{
	padding:0px 15px 25px 15px;
}

.ordermade_title_fukidashi img{
	height:45px;
}

}


/*-- CONTENTS FLAME --*/

#ordermade_contents_area{
	position:relative;
	background-color:rgba(241,238,230,1.0);
	overflow:hidden;
}

#ordermade_contents_area::before{
	position:absolute;
	top:0px;
	right:-180px;
	width:360px;
	height:360px;
	background-image:url(../images_002/common/article_bg_flower.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:360px auto;
	content:'';
}

#ordermade_contents_area::after{
	position:absolute;
	top:250px;
	left:-180px;
	width:360px;
	height:360px;
	background-image:url(../images_002/common/article_bg_flower.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:360px auto;
	content:'';
}

#ordermade_contents_flame{
	position:relative;
	padding:0px 0px 250px 0px;
}

#ordermade_contents_flame::before{
	position:absolute;
	bottom:-1px;
	left:0px;
	width:100%;
	height:250px;
	background-image:url(../images_002/common/contents_bg_wave_yellow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
	content:'';
	z-index:5;
}

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

#ordermade_contents_flame{
	padding:0px 0px 225px 0px;
}

}

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

#ordermade_contents_area::before{
	right:-150px;
	width:300px;
	height:300px;
	background-size:300px auto;
}

#ordermade_contents_area::after{
	top:200px;
	left:-150px;
	width:300px;
	height:300px;
	background-size:300px auto;
}

#ordermade_contents_flame{
	padding:0px 0px 200px 0px;
}

}

@media all and (max-width:960px), print{

#ordermade_contents_area::before{
	right:-120px;
	width:240px;
	height:240px;
	background-size:240px auto;
}

#ordermade_contents_area::after{
	top:150px;
	left:-120px;
	width:240px;
	height:240px;
	background-size:240px auto;
}

#ordermade_contents_flame{
	padding:0px 0px 150px 0px;
}

}

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

#ordermade_contents_flame{
	padding:0px 0px 100px 0px;
}

}


/*-- MODAL スライダー --*/

.ordermade_modal_top_bnr_flame .swiper-slide{
	width:100%;
	height:auto;
	display:flex;
	display:-webkit-flex;
}

.ordermade_modal_top_bnr_flame .swiper-button-prev,
.ordermade_modal_top_bnr_flame .swiper-button-next{
	width:50px;
	height:50px;
}

.ordermade_modal_top_bnr_flame .swiper-button-prev,
.ordermade_modal_top_bnr_flame .swiper-button-next{
	position:absolute;
	top:var(--swiper-navigation-top-offset, 45%);
}

.ordermade_modal_top_bnr_flame .swiper-button-prev::after,
.ordermade_modal_top_bnr_flame .swiper-button-next::after{
	margin:auto;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size:contain;
	content:"";
}

.ordermade_modal_top_bnr_flame .swiper-button-prev::after{
	background-image:url(../images_002/common/swiper_button_yellow_prev.png);
}

.ordermade_modal_top_bnr_flame .swiper-button-next::after{
	background-image:url(../images_002/common/swiper_button_yellow_next.png);
}

.ordermade_modal_top_bnr_flame .swiper-button-prev{
	top:30%;
	left:0px;
}

.ordermade_modal_top_bnr_flame .swiper-button-next{
	top:30%;
	right:0px;
}

.ordermade_modal_top_bnr_flame .swiper-pagination-bullet{
	width:12px;
	height:12px;
	background-color:rgba(62,61,50,1.0);
}

.ordermade_modal_top_bnr_flame .swiper-pagination-bullet-active{
	background-color:rgba(242,180,44,1.0);
}

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

.ordermade_modal_top_bnr_flame .swiper-button-prev{
	left:10px;
}

.ordermade_modal_top_bnr_flame .swiper-button-next{
	right:10px;
}

.ordermade_modal_top_bnr_flame .swiper-pagination-bullet{
	width:10px;
	height:10px;
}

}


/*-- MODAL BANNER FLAME --*/

.ordermade_modal_top_bnr_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 35px 150px 35px;
	max-width:1440px;
	z-index:10;
}

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

.ordermade_modal_top_bnr_flame{
	padding:0px 30px 125px 30px;
	max-width:960px;
}

}

@media all and (max-width:960px), print{

.ordermade_modal_top_bnr_flame{
	padding:0px 25px 100px 25px;
	max-width:960px;
}

}

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

.ordermade_modal_top_bnr_flame{
	padding:0px 0px 75px 0px;
}

}


/*-- BANNER --*/

.modal_top_bnr{
	position:relative;
	padding:0px 15px 0px 15px;
	max-width:100%;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
	cursor:pointer;
}

.modal_top_bnr .icon_search{
	position:absolute;
	top:25px;
	left:40px;
	width:50px;
	height:50px;
	z-index:10;
	transition:0.25s ease-out;
}

.modal_top_bnr:hover .icon_search{
	transform:scale(1.05,1.05);
}

.modal_top_bnr .icon_search img{
	width:50px;
	height:50px;
}

.modal_top_bnr .img_box{
	position:relative;
	width:100%;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:50px;
	   -moz-border-top-left-radius:50px;
	        border-top-left-radius:50px;
	-webkit-border-top-right-radius:50px;
	   -moz-border-top-right-radius:50px;
	        border-top-right-radius:50px;
}

.modal_top_bnr .img_box .img{
	position:relative;
	width:100%;
	padding-top:50%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.modal_top_bnr:hover .img_box .img{
	transform:scale(1.05,1.05);
}

.modal_top_bnr .text_box{
	position:relative;
	padding:50px 45px 25px 45px;
	/*--height:80px;--*/
	background-color:rgba(255,255,255,1.0);
	flex-grow:1;
	/* radius */
	-webkit-border-bottom-left-radius:50px;
	   -moz-border-bottom-left-radius:50px;
	        border-bottom-left-radius:50px;
	-webkit-border-bottom-right-radius:50px;
	   -moz-border-bottom-right-radius:50px;
	        border-bottom-right-radius:50px;
}

.modal_top_bnr .text_box{
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
}

.modal_top_bnr .text_box .title{
	position:absolute;
	top:-35px;
	left:-10px;
	padding:0px 25px 0px 25px;
	width:85%;
	height:70px;
	font-size:112.5%;
	line-height:125%;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-align:left;
}

.modal_top_bnr .text_box .title_flame{
	position:absolute;
	top:50%;
	width:100%;
	transform:translate(0, -50%);
}

.modal_top_bnr .text_box .title .sub{
	width:100%;
	font-size:75%;
	text-align:left;
}

.modal_top_bnr .text_box .title .main{
	padding:1px 0px 1px 0px;
	width:100%;
	text-align:left;
}

/* 文字数制限 */
.modal_top_bnr .text_box .title p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
}

.modal_top_bnr .text_box .text{
	position:relative;
	font-size:100%;
	line-height:175%;
	color:rgba(62,61,50,1.0);
	font-weight:500;
	text-align:left;
}

/* 文字数制限 */
/*--.modal_top_bnr .text_box .text p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}--*/

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

.modal_top_bnr .img_box{
	/* radius */
	-webkit-border-top-left-radius:35px;
	   -moz-border-top-left-radius:35px;
	        border-top-left-radius:35px;
	-webkit-border-top-right-radius:35px;
	   -moz-border-top-right-radius:35px;
	        border-top-right-radius:35px;
}

.modal_top_bnr .text_box{
	padding:50px 35px 20px 35px;
	/* radius */
	-webkit-border-bottom-left-radius:35px;
	   -moz-border-bottom-left-radius:35px;
	        border-bottom-left-radius:35px;
	-webkit-border-bottom-right-radius:35px;
	   -moz-border-bottom-right-radius:35px;
	        border-bottom-right-radius:35px;
}

.modal_top_bnr .text_box .title{
	top:-25px;
	padding:0px 23px 0px 23px;
	width:82.5%;
	height:60px;
	font-size:106.25%;
}

.modal_top_bnr .text_box .text{
	font-size:93.75%;
}

}

@media all and (max-width:960px), print{

.modal_top_bnr:hover .icon_search{
	transform:scale(1.0,1.0);
}

.modal_top_bnr .img_box{
	/* radius */
	-webkit-border-top-left-radius:25px;
	   -moz-border-top-left-radius:25px;
	        border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	   -moz-border-top-right-radius:25px;
	        border-top-right-radius:25px;
}

.modal_top_bnr .img_box .img{
	transition:0s ease-out;
}

.modal_top_bnr:hover .img_box .img{
	transform:scale(1.0,1.0);
}

.modal_top_bnr .text_box{
	padding:50px 35px 20px 35px;
	/* radius */
	-webkit-border-bottom-left-radius:25px;
	   -moz-border-bottom-left-radius:25px;
	        border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	   -moz-border-bottom-right-radius:25px;
	        border-bottom-right-radius:25px;
}

.modal_top_bnr .text_box .title{
	top:-25px;
	left:-10px;
	padding:0px 21px 0px 21px;
	width:82.5%;
	height:60px;
	font-size:100%;
}

.modal_top_bnr .text_box .text{
	font-size:87.5%;
}

}

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

.modal_top_bnr{
	padding:0px 30px 0px 30px;
}

.modal_top_bnr .icon_search{
	left:55px;
}

}

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

.modal_top_bnr{
	padding:0px 25px 0px 25px;
}

.modal_top_bnr .icon_search{
	left:50px;
}

}

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

.modal_top_bnr{
	padding:0px 20px 0px 20px;
}

.modal_top_bnr .icon_search{
	left:45px;
}

}


/*-- TITLE COLOR --*/

.modal_top_bnr .text_box .title.bg_cream{
	background-color:rgba(228,222,207,1.0);
}

.modal_top_bnr .text_box .title.bg_cream::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(203,193,169,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_cream::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(228,222,207,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_green{
	background-color:rgba(119,157,107,1.0);
}

.modal_top_bnr .text_box .title.bg_green::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(87,127,76,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_green::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(119,157,107,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_blue{
	background-color:rgba(121,154,155,1.0);
}

.modal_top_bnr .text_box .title.bg_blue::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(89,123,124,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_blue::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(121,154,155,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_orange{
	background-color:rgba(224,135,0,1.0);
}

.modal_top_bnr .text_box .title.bg_orange::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(210,103,0,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_orange::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(224,135,0,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_pink{
	background-color:rgba(204,131,137,1.0);
}

.modal_top_bnr .text_box .title.bg_pink::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(183,99,105,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_pink::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(204,131,137,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_yellow{
	background-color:rgba(204,175,60,1.0);
}

.modal_top_bnr .text_box .title.bg_yellow::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(183,147,37,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_yellow::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(204,175,60,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_red{
	background-color:rgba(185,106,115,1.0);
}

.modal_top_bnr .text_box .title.bg_red::before{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:10px;
	height:10px;
	background-color:rgba(159,75,83,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 100% 100%);
	content:"";
}

.modal_top_bnr .text_box .title.bg_red::after{
	position:absolute;
	top:0px;
	right:-10px;
	width:20px;
	height:70px;
	background-color:rgba(185,106,115,1.0);
	clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%);
	content:"";
}

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

.modal_top_bnr .text_box .title.bg_cream::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_green::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_blue::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_orange::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_pink::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_yellow::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_red::after{
	height:60px;
}

}

@media all and (max-width:960px), print{

.modal_top_bnr .text_box .title.bg_cream::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_green::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_blue::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_orange::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_pink::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_yellow::after{
	height:60px;
}

.modal_top_bnr .text_box .title.bg_red::after{
	height:60px;
}

}


/*-- BANNER FLAME --*/

.ordermade_article_bnr_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 55px 85px 55px;
	max-width:1280px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	z-index:10;
}

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

.ordermade_article_bnr_flame{
	padding:0px 45px 75px 45px;
}

}

@media all and (max-width:960px), print{

.ordermade_article_bnr_flame{
	padding:0px 35px 65px 35px;
	max-width:360px;
}

}

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

.ordermade_article_bnr_flame{
	padding:0px 25px 65px 25px;
	max-width:320px;
}

}


/*-- BANNER --*/

.ordermade_article_bnr{
	position:relative;
	margin:0px 1.5% 35px 1.5%;
	width:30.33333%;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
}

.ordermade_article_bnr .img_box{
	position:relative;
	width:100%;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:35px;
	   -moz-border-top-left-radius:35px;
	        border-top-left-radius:35px;
	-webkit-border-top-right-radius:35px;
	   -moz-border-top-right-radius:35px;
	        border-top-right-radius:35px;
}

.ordermade_article_bnr .img_box .img{
	position:relative;
	width:100%;
	padding-top:66.66666%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.ordermade_article_bnr:hover .img_box .img{
	transform:scale(1.05,1.05);
}

.ordermade_article_bnr .text_box{
	position:relative;
	padding:25px 25px 30px 25px;
	flex-grow:1;
	/* radius */
	-webkit-border-bottom-left-radius:35px;
	   -moz-border-bottom-left-radius:35px;
	        border-bottom-left-radius:35px;
	-webkit-border-bottom-right-radius:35px;
	   -moz-border-bottom-right-radius:35px;
	        border-bottom-right-radius:35px;
}

.ordermade_article_bnr .text_box .title{
	position:relative;
	padding:0px 0px 15px 0px;
	font-size:137.5%;
	line-height:165%;
	letter-spacing:0.03em;
	font-weight:600;
	text-align:left;
}

.ordermade_article_bnr .text_box .text{
	position:relative;
	font-size:112.5%;
	line-height:175%;
	color:rgba(62,61,50,1.0);
	font-weight:500;
	text-align:left;
}

/* 文字数制限 */
.ordermade_article_bnr .text_box .text p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.ordermade_article_bnr a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	/* radius */
	-webkit-border-radius:35px;
	   -moz-border-radius:35px;
	        border-radius:35px;
}

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

.ordermade_article_bnr{
	margin:0px 1.5% 30px 1.5%;
}

.ordermade_article_bnr .img_box{
	/* radius */
	-webkit-border-top-left-radius:25px;
	   -moz-border-top-left-radius:25px;
	        border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	   -moz-border-top-right-radius:25px;
	        border-top-right-radius:25px;
}

.ordermade_article_bnr .text_box{
	padding:22px 22px 26px 22px;
	/* radius */
	-webkit-border-bottom-left-radius:25px;
	   -moz-border-bottom-left-radius:25px;
	        border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	   -moz-border-bottom-right-radius:25px;
	        border-bottom-right-radius:25px;
}

.ordermade_article_bnr .text_box .title{
	padding:0px 0px 13px 0px;
	font-size:125%;
	letter-spacing:0.02em;
}

.ordermade_article_bnr .text_box .text{
	font-size:106.25%;
}

.ordermade_article_bnr a{
	/* radius */
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
	        border-radius:25px;
}

}

@media all and (max-width:960px), print{

.ordermade_article_bnr{
	margin:0px 0% 20px 0%;
	width:100%;
}

.ordermade_article_bnr .img_box{
	/* radius */
	-webkit-border-top-left-radius:15px;
	   -moz-border-top-left-radius:15px;
	        border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	   -moz-border-top-right-radius:15px;
	        border-top-right-radius:15px;
}

.ordermade_article_bnr .img_box .img{
	transition:0s ease-out;
}

.ordermade_article_bnr:hover .img_box .img{
	transform:scale(1.0,1.0);
}

.ordermade_article_bnr .text_box{
	padding:19px 19px 22px 19px;
	/* radius */
	-webkit-border-bottom-left-radius:15px;
	   -moz-border-bottom-left-radius:15px;
	        border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	   -moz-border-bottom-right-radius:15px;
	        border-bottom-right-radius:15px;
}

.ordermade_article_bnr .text_box .title{
	padding:0px 0px 11px 0px;
	font-size:112.5%;
	letter-spacing:0.01em;
}

.ordermade_article_bnr .text_box .text{
	font-size:100%;
}

.ordermade_article_bnr a{
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

}


/*-- BANNER COLOR --*/

.ordermade_article_bnr .text_box.bg_white{
	background-color:rgba(255,255,255,1.0);
}

.ordermade_article_bnr_gourmet{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(224,135,0,1.0));
}

.ordermade_article_bnr_spot{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(204,131,137,1.0));
}

.ordermade_article_bnr_experience{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(119,157,107,1.0));
}

.ordermade_article_bnr_onsen{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(121,154,155,1.0));
}

.ordermade_article_bnr_stay{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(204,175,60,1.0));
}

.ordermade_article_bnr_special{
	/* shadow */
	filter:drop-shadow(5px 5px 0px rgba(185,106,115,1.0));
}

.ordermade_article_bnr .text_box .title.color_gourmet{
	color:rgba(224,135,0,1.0);
}

.ordermade_article_bnr .text_box .title.color_spot{
	color:rgba(204,131,137,1.0);
}

.ordermade_article_bnr .text_box .title.color_experience{
	color:rgba(119,157,107,1.0);
}

.ordermade_article_bnr .text_box .title.color_onsen{
	color:rgba(121,154,155,1.0);
}

.ordermade_article_bnr .text_box .title.color_stay{
	color:rgba(204,175,60,1.0);
}

.ordermade_article_bnr .text_box .title.color_special{
	color:rgba(185,106,115,1.0);
}


/*-- PLAN BANNER --*/

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

.ordermade_plan_bnr_area{
	padding:0px 15px 95px 15px;
	max-width:640px;
}

.ordermade_plan_bnr{
	margin:2% 2% 2% 2%;
	width:46%;
}

}


/*-- RETURN NAV --*/

.common_article_return_nav_flame{
	position:relative;
	padding:0px 0px 100px 0px;
	width:100%;
	overflow:hidden;
}

.common_article_return_nav{
	position:relative;
	margin:0px auto 0px auto;
	max-width:540px;
	background-color:rgba(242,180,44,1.0);
	display:block;
	text-decoration:none;
	cursor:pointer;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.common_article_return_nav:hover{
	background-color:rgba(0,84,110,1.0);
}

.common_article_return_nav .name{
	position:relative;
	padding:0px 35px 0px 35px;
	font-size:137.5%;
	line-height:70px;
	color:rgba(0,84,110,1.0);
	font-weight:600;
	text-align:center;
	transition:0.25s ease-out;
	z-index:1;
}

.common_article_return_nav:hover .name{
	color:rgba(255,255,255,1.0);
}

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

.common_article_return_nav{
	max-width:480px;
}

.common_article_return_nav .name{
	padding:0px 30px 0px 30px;
	font-size:125%;
	line-height:65px;
}

}

@media all and (max-width:960px), print{

.common_article_return_nav{
	max-width:320px;
}

.common_article_return_nav:hover{
	background-color:rgba(242,180,44,1.0);
}

.common_article_return_nav .name{
	padding:0px 25px 0px 25px;
	font-size:100%;
	line-height:60px;
}

.common_article_return_nav:hover .name{
	color:rgba(0,84,110,1.0);
}

}


/*=========================================*/
/* MODAL */
/*=========================================*/


/*-- CLOSE --*/

@media print{

.ordermade_modal_close{
	display:none;
}

}

@media screen and (min-width:1281px){

.ordermade_modal_close{
	position:fixed;
	top:17px;
	right:20px;
	width:70px;
	height:76px;
	display:block;
	z-index:210;
}

.ordermade_modal_close a{
	display:block;
	cursor:pointer;
}

.ordermade_modal_close img{
	width:70px;
	height:76px;
	filter:drop-shadow(0px 0px 5px rgba(62,61,50,0.1));
}

}

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

.ordermade_modal_close{
	position:fixed;
	top:17px;
	right:20px;
	width:70px;
	height:76px;
	display:block;
	z-index:210;
}

.ordermade_modal_close a{
	display:block;
	cursor:pointer;
}

.ordermade_modal_close img{
	width:70px;
	height:76px;
	filter:drop-shadow(0px 0px 5px rgba(62,61,50,0.1));
}

}

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

.ordermade_modal_close{
	position:fixed;
	top:17px;
	right:20px;
	width:70px;
	height:76px;
	display:block;
	z-index:210;
}

.ordermade_modal_close a{
	display:block;
}

.ordermade_modal_close img{
	width:70px;
	height:76px;
	filter:drop-shadow(0px 0px 5px rgba(62,61,50,0.1));
}

}

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

.ordermade_modal_close{
	top:15px;
	right:15px;
	width:64px;
	height:70px;
}

.ordermade_modal_close img{
	width:64px;
	height:70px;
}

}


/*-- FLAME --*/

@media print{

.ordermade_modal_area{
	display:none;
}

}

@media screen and (min-width:1281px){

.ordermade_modal_area{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(62,61,50,0.5);
	display:none;
	z-index:200;
}

.ordermade_modal_bg a{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(62,61,50,0.5);
	display:block;
	z-index:201;
}

.ordermade_modal_flame{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	max-width:800px;
	width:95%;
	max-height:95%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,1.0);
	z-index:202;
}

.ordermade_modal_flame{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.ordermade_modal_flame::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.ordermade_modal_box{
	position:relative;
	padding:45px 45px 45px 45px;
}

.ordermade_modal_box .img{
	position:relative;
	padding:0px 0px 25px 0px;
}

.ordermade_modal_box .img img{
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.ordermade_modal_box .sub{
	position:relative;
	padding:0px 5px 5px 5px;
	font-size:93.75%;
	line-height:150%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

.ordermade_modal_box .main{
	position:relative;
	padding:0px 5px 15px 5px;
	font-size:125%;
	line-height:150%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

.ordermade_modal_box .text{
	position:relative;
	padding:0px 5px 0px 5px;
	font-size:100%;
	line-height:175%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

}

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

.ordermade_modal_area{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(62,61,50,0.5);
	display:none;
	z-index:200;
}

.ordermade_modal_bg a{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(62,61,50,0.5);
	display:block;
	z-index:201;
}

.ordermade_modal_flame{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	max-width:800px;
	width:95%;
	max-height:95%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,1.0);
	z-index:202;
}

.ordermade_modal_flame{
	overflow-y:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE, Edge */
}

.ordermade_modal_flame::-webkit-scrollbar{
	display:none; /* Chrome, Safari */
}

.ordermade_modal_box{
	position:relative;
	padding:40px 40px 40px 40px;
}

.ordermade_modal_box .img{
	position:relative;
	padding:0px 0px 25px 0px;
}

.ordermade_modal_box .img img{
	width:100%;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.ordermade_modal_box .sub{
	position:relative;
	padding:0px 5px 5px 5px;
	font-size:93.75%;
	line-height:150%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

.ordermade_modal_box .main{
	position:relative;
	padding:0px 5px 15px 5px;
	font-size:150%;
	line-height:125%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

.ordermade_modal_box .text{
	position:relative;
	padding:0px 5px 0px 5px;
	font-size:100%;
	line-height:175%;
	color:rgba(62,61,50,1.0);
	font-weight:600;
	text-align:left;
}

}

@media screen and (max-height:800px){

.ordermade_modal_flame{
	max-width:640px;
}

.ordermade_modal_box{
	padding:35px 35px 35px 35px;
}

.ordermade_modal_box .img{
	padding:0px 0px 20px 0px;
}

.ordermade_modal_box .sub{
	font-size:87.5%;
}

.ordermade_modal_box .main{
	padding:0px 5px 10px 5px;
	font-size:112.5%;
}

.ordermade_modal_box .text{
	font-size:93.75%;
}

}

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

.ordermade_modal_flame{
	max-width:640px;
}

.ordermade_modal_box{
	padding:25px 25px 25px 25px;
}

.ordermade_modal_box .img{
	padding:0px 0px 20px 0px;
}

.ordermade_modal_box .sub{
	font-size:87.5%;
}

.ordermade_modal_box .main{
	padding:0px 5px 10px 5px;
	font-size:112.5%;
}

.ordermade_modal_box .text{
	font-size:93.75%;
}

}

@media screen and (max-height:640px){

.ordermade_modal_flame{
	max-width:320px;
}

.ordermade_modal_box{
	padding:20px 20px 20px 20px;
}

.ordermade_modal_box .sub{
	font-size:75%;
}

.ordermade_modal_box .main{
	padding:0px 5px 10px 5px;
	font-size:100%;
}

.ordermade_modal_box .text{
	font-size:87.5%;
}

}

@media screen and (max-height:480px){

.ordermade_modal_flame{
	top:0px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height:100%;
	max-height:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
}

}

