@charset "UTF-8";
/*==================================================
=			defalut			 =
==================================================*/
#garupahotel,#garupahotel div,#garupahotel span,#garupahotel object,#garupahotel iframe,#garupahotel h1,#garupahotel h2,#garupahotel h3,#garupahotel h4,#garupahotel h5,#garupahotel h6,#garupahotel p,#garupahotel blockquote,#garupahotel pre,#garupahotel abbr,#garupahotel address,#garupahotel cite,#garupahotel code,#garupahotel del,#garupahotel dfn,#garupahotel em,#garupahotel img,#garupahotel ins,#garupahotel kbd,#garupahotel q,#garupahotel samp,#garupahotel small,#garupahotel strong,#garupahotel sub,#garupahotel sup,#garupahotel var,#garupahotel b,#garupahotel i,#garupahotel dl,#garupahotel dt,#garupahotel dd,#garupahotel ol,#garupahotel ul,#garupahotel li,#garupahotel fieldset,#garupahotel form,#garupahotel label,#garupahotel legend,#garupahotel table,#garupahotel caption,#garupahotel tbody,#garupahotel tfoot,#garupahotel thead,#garupahotel tr,#garupahotel th,#garupahotel td,#garupahotel li,#garupahotel aside,#garupahotel dialog,#garupahotel figure,#garupahotel footer,#garupahotel header,#garupahotel hgroup,#garupahotel menu,#garupahotel nav,#garupahotel section,#garupahotel time,#garupahotel mark,#garupahotel audio,#garupahotel video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}
#garupahotel{line-height:1;}#garupahotel li,#garupahotel aside,#garupahotel dialog,#garupahotel figure,#garupahotel footer,#garupahotel header,#garupahotel hgroup,#garupahotel nav,#garupahotel section{display:block;}#garupahotel nav ul{list-style:none;}#garupahotel blockquote,#garupahotel q{quotes:none;}#garupahotel blockquote:before,#garupahotel blockquote:after,#garupahotel q:before,#garupahotel q:after{content:'';content:none;}#garupahotel a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}#garupahotel ins{background-color:#ff9;color:#000;text-decoration:none;}#garupahotel mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;text-decoration:line-through;}#garupahotel abbr[title],#garupahotel dfn[title]{border-bottom:1px dotted #000;cursor:help;}#garupahotel table{border-collapse:collapse;border-spacing:0;}#garupahotel hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}#garupahotel input,#garupahotel select{vertical-align:middle;}#garupahotel img{vertical-align:bottom;}

#garupahotel .cf:before,#garupahotel .cf:after {content:"";display:table;}
#garupahotel .cf:after {clear:both;}
#garupahotel .cf {*zoom:1;}

#garupahotel img{
	image-rendering: -webkit-optimize-contrast;
	/* width: auto!important; */
	height: auto !important;
}
#garupahotel a{
	transition: 0.3s;
	word-wrap:break-word;
}
#garupahotel a:hover{
	opacity:0.7;
	animation: cont 0.5s;
	-webkit-animation: cont 0.5s;
	-moz-animation: cont 0.5s;
}
#garupahotel p{
	line-height:1.6;
	text-align: left;
}
#garupahotel{
	width: 100%;
	text-align:center;
	margin:0 auto;
	color:#000;
  font-family: 'Noto Sans JP', sans-serif, serif, Meiryo, sans-serif, "ヒラギノ角ゴ", "Hiragino Sans", "Hiragino Kaku Gothic ProN";
	position: relative;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	line-height: 1.4;
	background-color: transparent;
}
#garupahotel::after{
	content: "";
	width: 381px;
	height: 100%;
	position: fixed;
	left: 0;
	background-image: url(/static/img/entertainment/garupahotel/garupa-bg.png);
	background-size: cover;
	background-repeat: repeat;
	background-position: left;
	z-index: -1;
	top: 0;
}
#garupahotel .serif{
	font-family: 'Noto Serif JP', serif;
}
#garupahotel .hov,a{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#garupahotel .hov:hover{
	text-decoration: transparent;
	opacity:0.6;
}
#garupahotel .hov:active{
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
#garupahotel i{
	font-family: 'Font Awesome 5 Free';
}
#garupahotel section{
	position: relative;
}
#garupahotel .sp_img{
	display:none;
}
#garupahotel .tab_img{
	display:none;
}
#garupahotel .pc_img{
	display:block;
}
#garupahotel .wrapper{
	box-sizing: border-box;
	position: relative;
	width: 1120px;
	margin: 0 auto;
}
#garupahotel .wrapper-inner{
	width:95%;
	max-width: 1060px;
	margin:0 auto;
	position: relative;
}
#garupahotel .flexbox{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#garupahotel .flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#garupahotel .common-h2{
	font-size: 44px;
	color: #7B7713;
	position: relative;
	margin: 60px auto 30px;
	font-weight: 700;
	display: inline-block;
	line-height: 1.1;
	z-index: 1;
	padding: 40px 0;
	width: 100%;
}
#garupahotel .common-h2::before,#garupahotel .common-h2::after{
	content: '';
	width: 268px;
	height: 38px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: url(/static/img/entertainment/garupahotel/garupa-obj_h2.png) center / contain repeat;
}
#garupahotel .common-h2::before{
	top: 0;
}
#garupahotel .common-h2::after{
	bottom: 0;
}
#garupahotel .common_btn{
	margin-top: 30px;
}
#garupahotel .common_btn a,#garupahotel .common_btn p{
	width: 45%;
	max-width: 500px;
	display: inline-block;
	padding:  15px 10px;
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 30%);
	font-weight: 900;
	font-size: 20px;
	line-height: 1.2;
	border-radius: 100px;
	text-align: center;
	color: #fbee88;
}
#garupahotel .common_btn p{
	background-color: #6b6b6b;
	font-size: 15px !important;
	margin: 4px 0 0;
	box-shadow: none;
}
#garupahotel .common_btn a:first-child{
	background-color: #ff356b;
}
#garupahotel .common_btn a:nth-child(2){
	background-color: #1B9BEB;
}
#garupahotel .garupa-line{
	display: block;
	width: 100%;
	height: 20.58px;
	background: url(/static/img/entertainment/garupahotel/garuppa-line.png) center / contain no-repeat;
	margin: 30px auto;
}
#garupahotel .common_btn a:hover{
	opacity: 1;
	color: #fbee88;
}
#garupahotel .common_btn a:first-child:hover{
	background-color: #dd003b;
}
#garupahotel .common_btn a:nth-child(2):hover{
	background-color: #0081d1;
}
#garupahotel .reserve_info p{
	margin-top: 30px;
	color: #CB0000;
	font-size: 14px !important;
	font-weight: 700;
}
#garupahotel .reserve_info a{
	color: #0058D0;
	font-size: 14px;
	font-weight: 700;
}
#garupahotel .ex{
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
}

/*============================================================================================================================*/

/*メイントップ*/
#garupahotel main{
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
#garupahotel main h1 img{
	display: block;
	max-width: 700px;
	width: 100% !important;
	margin: 20px auto;
}
#garupahotel main > img{
	display: block;
	max-width: 1060px;
	width: 100% !important;
	margin: 0 auto;
}
#garupahotel main p{
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	background-color: #8E8C62;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	margin: 10px auto;
}


/*ガルパメンバーがホテルガールになってアナタをおもてなし！*/
#garupahotel .lead h2{
	color: #7B7713;
	font-size: 40px;
	font-weight: 900;
}
#garupahotel .lead img{
	width: 26%;
	display: inline-block;
	margin-top: 20px;
}
#garupahotel .lead p{
	width: 70%;
	display: inline-block;
	margin-top: 20px;
	font-size: 20px;
	font-weight: 700;
}

/*予約説明*/
#garupahotel .c-box{
	border: solid #a9a775 1px;
	background-color: #fff;
	margin-top: 60px;
}
#garupahotel .c-box .c-box_inner{
	padding: 25px 25px 0;
	box-sizing: border-box;
	width: 100%;
}
#garupahotel .c-box h2{
	font-size: 30px;
	display: block;
	width: 100%;
	background-color: #a9a775;
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	font-weight: 700;
}
#garupahotel .c-box p{
	font-size: 13px;
}
#garupahotel .c-box .f-rbox img{
	width: 100% !important;
}
#garupahotel .c-box .f-lbox p{
	font-size: 16px;
}
#garupahotel .c-box .common_btn{
	font-size: 16px;
	padding: 25px;
	box-sizing: border-box;
}
#garupahotel .reserve .c-box .flexbox-bt .f-lbox{
	width: 58%;
	text-align: left;
}
#garupahotel .reserve .c-box .flexbox-bt .f-rbox{
	width: 38%;
	text-align: left;
}
#garupahotel .reserve  .c-box .f-lbox strong{
	font-size: 25px;
	display: block;
	margin-top: 20px;
	color: #CB0005;
	font-weight: 400;
	text-align: left;
}
#garupahotel .ej-s .c-box p:first-child{
	font-size: 14px;
	font-weight: 400;
}
#garupahotel .ej-s .c-box p:first-child span{
	font-size: 14px;
	font-weight: 700;
}

/*ポイント*/
#garupahotel .point ul{
	text-align: left;
}
#garupahotel .point ul li{
	margin-top: 30px;
	display: block;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
}
#garupahotel .point ul li span{
	font-size: 15px;
	display: block;
	line-height: 1.4;
	margin-top: 5px;
}
#garupahotel .point ul li::before{
	content: '\f005';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 0;
	/* transform: translateY(-50%); */
}
#garupahotel .point ul li:first-child:before{
	color:#F90077;
	/* color:#a19e4b; */
}
#garupahotel .point ul li:nth-child(2)::before{
	/* color:#EF360B; */
	color:#F90077;
}
#garupahotel .point ul li:nth-child(3)::before{
	/* color:#4AD392; */
	color:#F90077;
}
#garupahotel .point ul li:nth-child(4)::before{
	color:#4E5EAC;
}
#garupahotel .point ul li:nth-child(5)::before{
	color:#EAC909;
}
#garupahotel .point ul li:nth-child(6)::before{
	color:#2A97E3;
}
#garupahotel .point ul li:nth-child(7)::before{
	color:#9F3DD8;
}

/*======グッズ======*/
#garupahotel .goods > div{
	margin-top: 40px;
	border: solid 2px #F50D8A;
	border-radius: 15px;
	padding: 30px 25px;
	box-sizing: border-box;
	background-color: #fff;
	text-align: left;
}
#garupahotel .goods > div h2{
	color: #F50D8A;
	font-size: 32px;
	font-weight: 900;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	padding-bottom: 13px;
}
#garupahotel .goods > div h2 i{
	font-family: 'Font Awesome 5 free';
	font-weight: 700;
	font-style: normal;
	margin-right: 10px;
}
#garupahotel .goods > div h2::after{
	content: '';
	width: 150px;
	height: 5px;
	background-color: #F50D8A;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
#garupahotel .goods > div .goods-ex{
	font-size: 16px;
	margin-top: 10px;
	font-weight: 700;
	text-align: center;
	display: block;
}
#garupahotel .goods > div .goods-ex span{
	font-size: 13px;
	text-align: left;
	display: block;
}
#garupahotel .goods > div .flexbox-bt div p{
	margin-top: 5px;
	font-size: 16px;
}
#garupahotel .goods > div .ex{
	text-align: left;
}
#garupahotel .goods > div .goods-list{
	text-align: center;
	display: block;
	margin: 20px auto 0;
	color: #4e77ba;
	font-size: 24px;
	font-weight: 900;
	position: relative;
}
#garupahotel .goods > div p.goods-list{
	color: rgb(107, 107, 107);
}
#garupahotel .goods > div a.goods-list::after{
	content: '\f0a9';
	font-weight: 700;
	font-size: 24px;
	color: #4e77ba;
	font-family: 'Font Awesome 5 Free';
	text-decoration: none;
}

/*お持ち帰りグッズ*/
#garupahotel .goods > div:nth-child(2) .flexbox-bt div{
	margin-top: 20px;
	width: 22%;
}
#garupahotel .goods > div:nth-child(2) .flexbox-bt div:nth-of-type(3){
	margin-top: 20px;
	width: 50%;
}
#garupahotel .goods > div:nth-child(2) .flexbox-bt div img{
	width: 100% !important;
}
/*ガルパ一色！客室内装飾イメージ*/
#garupahotel .goods > div:nth-child(1) .flexbox-bt div{
	width: 47% ;
	margin-top: 20px;
}
#garupahotel .goods > div:nth-child(1) .flexbox-bt div img{
	width: 100% !important;
}
/*AR・限定ボイス・フォトスポット！体験型コンテンツ*/
#garupahotel .goods h3{
	display: inline-block;
	text-align: left;
	background-color: #928f8f;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	border-radius: 50px;
	padding: 2px 12px;
	box-sizing: border-box;
	margin-top: 20px;
}
#garupahotel .goods > div:nth-child(3) .flexbox-bt img{
	width: 12% !important;
}
#garupahotel .goods > div:nth-child(3) .flexbox-bt div{
	width: 85% ;
}
#garupahotel .goods .cont-ex{
	font-size: 14px;
	margin-top: 5px;
}
/*=EJアニメホテル限定！=*/
#garupahotel .ej-s .c-box img{
	margin: 20px auto;
	width: 100%;
	max-width: 470px;
}
#garupahotel .ej-s .c-box:last-child .ex:last-child{
	text-align: right;
}

/*=コラボルームを展開するホテルはコチラ！=*/
#garupahotel .map .flexbox-bt{
	border: solid 2px #ABA87B;
	margin-top: 40px;
	padding: 30px 20px;
	box-sizing: border-box;
	background-color: #fff;
}
#garupahotel .map .flexbox-bt img{
	width: 40%;
}
#garupahotel .map .flexbox-bt .map-list{
	width: 20%;
	text-align: left;
}
#garupahotel .map .flexbox-bt .map-list a{
	margin-top: 15px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
	color: #000;
	text-decoration: underline;
}
#garupahotel .map .flexbox-bt .map-list a::before{
	content: '\f005';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 15px;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:first-child::before{
	color:#25B6A0;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(2)::before{
	color:#CC2120;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(3)::before{
	color:#C19BC6;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(4)::before{
	color:#E3006A;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(5)::before{
	color:#F08508;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(6)::before{
	color:#15AAE5;
}
#garupahotel .map .flexbox-bt .map-list:first-of-type a:nth-child(7)::before{
	color:#1C8C4E;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:first-child::before{
	color:#9EBD2B;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:nth-child(2)::before{
	color:#E1C21E;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:nth-child(3)::before{
	color:#7B248B;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:nth-child(4)::before{
	color:#0D68B7;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:nth-child(5)::before{
	color:#BD4B97;
}
#garupahotel .map .flexbox-bt .map-list:nth-of-type(2) a:nth-child(6)::before{
	color:#F1967B;
}

/*販売・ご予約*/
#garupahotel .price h3{
	margin-top: 10px;
	font-size: 26px;
	font-weight: 900;
	padding-left: 15px;
	box-sizing: border-box;
	display: block;
	text-align: left;
	text-align: left;
	position: relative;
}
#garupahotel .price h3::before{
	content: '';
	background-color: #000;
	width: 6px;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 20px;
	position: absolute;
}
#garupahotel .price table {
	width: 100%;
	border: solid 1px #909090;
	margin-top: 10px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
#garupahotel .price table th:first-child, #garupahotel .price table td:first-child {
	border-left: none;
}
#garupahotel .price table th {
	background: #fff;
	padding: 20px 0;
	width: 25%;
	box-sizing: border-box;
	border-left: solid 1px #909090;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
}
#garupahotel .price table td {
	background: #EFEFEF;
	padding: 20px 0;
	width: 25%;
	box-sizing: border-box;
	border-left: solid 1px #909090;
	border-top: solid 1px #909090;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	vertical-align: middle;
}
#garupahotel .price table tr td:first-of-type {
	font-weight: 700;
}

/*注意事項*/
#garupahotel .application h2 {
	font-size: 30px;
	font-weight: 900;
	width: 100%;
	padding: 10px 5px;
	box-sizing: border-box;
	color: #fff;
	background: #797979;
	font-weight: 900;
	margin-top: 60px;
}
#garupahotel .application p {
	font-weight: 100;
	line-height: 1.6;
	padding: 30px;
	background: #fff;
	font-size: 15px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border: solid 1px #707070;
	margin-bottom: 50px;
}
#garupahotel .application p span{
	font-weight: 700;
}
#garupahotel .application p strong{
	font-weight: 900;
	font-size: 20px;
	color: #DB0404;
}
#garupahotel .application p a{
	color: #0883C4;
}


/*モーダル*/
#garupahotel-list-inner a{
	display: inline-block;
	width: 45%;
	position: relative;
	color: #000;
	font-weight: 700;
	font-size: 15px;
	text-decoration: underline;
	padding-left: 20px;
	box-sizing: border-box;
	margin:10px 0;
}
#garupahotel-list-inner a:hover{
	opacity: .5;
}
#garupahotel-list-inner a::before{
	content: '\f005';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 15px;
}
#garupahotel-list-inner a:first-child::before{
	color:#25B6A0;
}
#garupahotel-list-inner a:nth-child(2)::before{
	color:#CC2120;
}
#garupahotel-list-inner a:nth-child(3)::before{
	color:#E3006A;
}
#garupahotel-list-inner a:nth-child(4)::before{
	color:#F08508;
}
#garupahotel-list-inner a:nth-child(5)::before{
	color:#15AAE5;
}
#garupahotel-list-inner a:nth-child(6)::before{
	color:#1C8C4E;
}
#garupahotel-list-inner a:nth-child(7)::before{
	color:#9EBD2B;
}
#garupahotel-list-inner a:nth-child(8)::before{
	color:#E1C21E;
}
#garupahotel-list-inner a:nth-child(9)::before{
	color:#7B248B;
}
#garupahotel-list-inner a:nth-child(10)::before{
	color:#0D68B7;
}
#garupahotel-list-inner a:nth-child(11)::before{
	color:#BD4B97;
}
#garupahotel-list-inner a:nth-child(12)::before{
	color:#F1967B;
}

/*日帰り*/
#garupahotel .c-box.p-day{
	border: solid #f86d07 1px;
}
#garupahotel .c-box.p-day h2{
	background-color: #f86d07;
}
#garupahotel .p-day .common_btn a,#garupahotel .p-day .common_btn p{
	width: 100%;
	max-width: 600px;
	margin: 1rem auto 0;
}
#garupahotel .p-day > a{
	margin: 1rem auto;
	font-weight: bold;
	display: inline-block;
}

#garupahotel #day-list{
	margin-top: 5rem;
}
#garupahotel .goods-ex{
	text-align: left;
}
/*======================================

画面サイズ750px以下

======================================*/
@media screen and (max-width: 750px){
	#garupahotel .pc_img{
		display:none;
	}
	#garupahotel .sp_img{
		display:none;
	}
	#garupahotel .tab_img{
		display:block;
	}
	#garupahotel{
		min-width: auto;
	}
	#garupahotel::after{
		width: 15px;
		height: 100%;
	}
	#garupahotel .wrapper{
		width: 100%;
	}
	#garupahotel .wrapper-inner{
		max-width: 690px;
		width: 95%;
	}

	#garupahotel::after{
		width: 140.5px;
		background-size: contain;
	}
	#garupahotel .common-h2{
		font-size: 28px;
		margin: 30px auto 5px;
		padding: 30px 0;
	}
	#garupahotel .common-h2::before,#garupahotel .common-h2::after{
		width: 268px;
		height: 25px;
	}
	#garupahotel .common_btn{
		margin-top: 0;
		display: block;
	}
	#garupahotel .common_btn a,#garupahotel .common_btn p{
		width: 100%;
		margin-top: 20px;
		font-size: 16px;
		padding: 15px 10px;
		max-width: 400px;
		box-sizing: border-box;
	}
	#garupahotel .garupa-line{
		height: 17px;
		background-size: cover;
	}
	#garupahotel .reserve_info p{
		margin-top: 30px;
		color: #CB0000;
		font-size: 14px !important;
		font-weight: 700;
	}


/*メイントップ*/
#garupahotel main p{
	font-size: 15px;
	padding: 2px 5px;
	margin: 10px auto;
}

/*ガルパメンバーがホテルガールになってアナタをおもてなし！*/
#garupahotel .lead h2{
	font-size: 22px;
}
#garupahotel .lead .flexbox-bt{
	display: block;
}
#garupahotel .lead img{
	width: 100%;
	max-width: 200px;
	margin-top: 0 auto;
}
#garupahotel .lead p{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
}

/*予約説明*/
#garupahotel .c-box{
	margin-top: 40px;
}
#garupahotel .c-box h2{
	font-size: 22px;
}
#garupahotel .c-box .flexbox-bt{
	display: block;
}
#garupahotel .c-box .f-rbox img{
	width: 100% !important;
}
#garupahotel .c-box .f-lbox p{
	font-size: 14px;
}

#garupahotel .reserve .c-box .flexbox-bt .f-lbox{
	width: 100%;
}
#garupahotel .reserve .c-box .flexbox-bt .f-rbox{
	width: 100%;
	margin-top: 20px;
}

#garupahotel .reserve  .c-box .f-lbox strong{
	font-size: 18px;
}
#garupahotel .c-box .common_btn{
	padding: 0 20px 20px;
}

/*ポイント*/

#garupahotel .point ul li{
	margin-top: 15px;
	font-size: 16px;
	padding-left: 20px;
}
#garupahotel .point ul li span{
	font-size: 13px;
}

/*======グッズ======*/
#garupahotel .goods > div{
	margin-top: 40px;
	border: solid 1px #F50D8A;
	border-radius: 8px;
	padding: 25px;
}
#garupahotel .goods > div h2{
	color: #F50D8A;
	font-size: 20px;
	font-weight: 900;
	padding-bottom: 8px;
}
#garupahotel .goods > div h2::after{
	width: 80px;
	height: 3px;
}
#garupahotel .goods > div .goods-ex{
	font-size: 15px;
	text-align: left;
}
#garupahotel .goods > div .flexbox-bt div p{
	font-size: 14px;
}
#garupahotel .goods > div .ex{
	text-align: left;
}
#garupahotel .goods > div .goods-list{
	font-size: 16px;
}
#garupahotel .goods > div a.goods-list::after{
	font-size: 16px;
}

/*AR・限定ボイス・フォトスポット！体験型コンテンツ*/
#garupahotel .goods h3{
	font-size: 15px;
}
/*=EJアニメホテル限定！=*/
#garupahotel .ej-s .c-box:last-child .ex:last-child{
	text-align: left;
}


/*=コラボルームを展開するホテルはコチラ！=*/
#garupahotel .map .flexbox-bt{
	margin-top: 20px;
	padding:  20px;
}
#garupahotel .map .flexbox-bt img{
	width: 100%;
	margin: 0 auto;
	max-width: 360px;
}
#garupahotel .map .flexbox-bt .map-list{
	width: 48%;
}
#garupahotel .map .flexbox-bt .map-list a{
	margin-top: 10px;
}


/*販売・ご予約*/
#garupahotel .price h3{
	font-size: 20px;
}
#garupahotel .price h3::before{
	width: 3px;
}
#garupahotel .price table th {
	font-size: 14px;
}
#garupahotel .price table td {
	font-size: 14px;
}

/*注意事項*/
#garupahotel .application h2 {
	font-size: 20px;
}
#garupahotel .application p {
	background: #fff;
	font-size: 14px;
}
#garupahotel .application p strong{
	font-size: 18px;
}

}
/*======================================

画面サイズ480px以下

======================================*/
@media screen and (max-width: 480px){
	#garupahotel .sp_img{
		display:block;
	}
	#garupahotel .tab_img{
		display:none;
	}
	#garupahotel .pc_img{
		display:none;
	}

	#garupahotel .common-h2{
		font-size: 20px;
		margin: 20px auto 5px;
		padding: 20px 0;
	}
	#garupahotel .common-h2::before,#garupahotel .common-h2::after{
		width: 238px;
		height: 20px;
	}

	#garupahotel .common_btn a{
		margin-top: 15px;
		font-size: 14px;
	}
	#garupahotel .garupa-line{
		height: 12px;
		background-size: cover;
		margin: 20px auto;
	}
	#garupahotel .reserve_info p{
		margin-top:10px;
		font-size: 13px;
	}


/*メイントップ*/
#garupahotel main p{
	font-size: 15px;
}

/*ガルパメンバーがホテルガールになってアナタをおもてなし！*/
#garupahotel .lead h2{
	font-size: 18px;
}
#garupahotel .lead img{
	max-width: 150px;
}
#garupahotel .lead p{
	font-size: 13px;
}

/*予約説明*/
#garupahotel .c-box{
	margin-top: 20px;
}
#garupahotel .c-box h2{
	font-size: 18px;
	text-align: left;
}
#garupahotel .c-box .f-rbox img{
	width: 100% !important;
}
#garupahotel .c-box .f-lbox p{
	font-size: 13px;
}

#garupahotel .reserve  .c-box .f-lbox strong{
	font-size: 14px;
	margin-top: 10px;
}

/*ポイント*/

#garupahotel .point ul li{
	margin-top: 10px;
	font-size: 14px;
}
#garupahotel .point ul li::before{
	top: 0;
	left: 0;
	transform: none;
}

/*======グッズ======*/
#garupahotel .goods > div{
	margin-top: 25px;
	padding: 20px;
}
#garupahotel .goods > div h2{
	color: #F50D8A;
	font-size: 18px;
	text-align: left;
}
#garupahotel .goods > div .goods-ex{
	font-size: 13px;
}
#garupahotel .goods > div .flexbox-bt div p{
	font-size: 12px;
}
#garupahotel .goods > div .goods-list{
	font-size: 13px;
	margin-top: 10px;
}
#garupahotel .goods > div a.goods-list::after{
	font-size: 14px;
}

/*AR・限定ボイス・フォトスポット！体験型コンテンツ*/
#garupahotel .goods h3{
	font-size: 14px;
}
#garupahotel .goods .cont-ex {
	font-size: 13px;
}
#garupahotel .map .flexbox-bt .map-list{
	width: 100%;
}

/*販売・ご予約*/
#garupahotel .price h3{
	font-size: 16px;
}
#garupahotel .price .table-wrap{
	overflow-x: scroll;
	box-sizing: border-box;
	scrollbar-color: rgb(254, 242, 253);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#garupahotel .price .table-wrap::-webkit-scrollbar  {
  display:none;
}
#garupahotel .price table{
	min-width: 500px;
}
#garupahotel .price table th {
	font-size: 13px;
}
#garupahotel .price table td {
	font-size: 13px;
}

/*注意事項*/
#garupahotel .application h2 {
	font-size: 18px;
}
#garupahotel .application p {
	background: #fff;
	font-size: 13px;
}
#garupahotel .application p strong{
	font-size: 15px;
}
#garupahotel-list-inner a{
	display: inline-block;
	width: 100%;
	margin:5px 0;
	font-size: 13px;
}
}


#garupahotel .wrap-owabi{
	background: #fff8db;
	padding: 20px;
	margin: 30px auto;
	border-radius: 4px;
}
#garupahotel .wrap-owabi p.title-owabi{
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #CB0000;
	font-size: 18px;
}

#garupahotel .btn_goods{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	padding: 15px 10px;
	max-width: 400px;
	box-sizing: border-box;
	background-color: #f86d07;
	border-radius: 100px;
	color: #fff;
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 30%);
    font-weight: 900;
	text-align: center;
}