@charset "utf-8";

#wrap{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-image: url(../../img/mainpic03.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: black;
	}

#gNavi{
	/* display: none; */
	padding: 5px 0;
}
header {
   background-color: #004098;
}
.gnavi-box {
	width: 100%;
	position: relative;
	display: table;
	padding: 0;
	background-color: transparent;
}


/*パンクズ
*****************************/
/*SubNavi*/
#breadcrumbsList{
	padding: 0;
	background-color: #68b6f6;
	z-index: 1500;
	position: relative;
}
.subnavi-wrap{
	/*position: absolute;*/
	width: 100%;
	min-width: 960px;
	max-width: 960px;
	margin: 0 auto;
	/* height:25px; */
	/* z-index:100; */
	display:block;
	padding:0;
	/* line-height: 1.5em; */
	/* border-bottom: 1px solid #ddd; */
}

.SubNaviBox{
	margin: 0 auto;
	width: 95%;
	/* max-width: 860px; */
	/* width: 80%; */
}

/*SubNaviパンくず*/
.pan-box{
	margin: 0;
	text-align: left;
	/* padding: 10px; */
	float:left;
	font-size: 0.95em;
	/*line-height: 1.4em;*/
	height:35px;
}
.pan-box ul{
/* overflow:hidden; */}
.pan-box ul li{
	padding: 8px 8px 0px 0;
	color: #004098;
	float: left;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.2em;
}

.pan-box ul li a{
	text-decoration:underline;
	color: #ffffff;
	font-weight: normal;
}
.pan-box ul li a:hover{
	text-decoration:none;
	color: #00A2D9;
}
.pan-box{
	min-width: 960px;
	max-width: 1080px;
	margin: 0 auto;
	width: 100%;
}
.pan-box ul{
	width: 70%;
	margin: 0;
	float: left;
}
.pan-sns{
	width: 30%;
	height: 35px;
	float: right;
	list-style:none;
	vertical-align: middle;
	line-height: 50px;
	margin: 0;
	/* display: block; */
}
.pan-facebook{
	float: right;
	width: 110px;
	height: 20px;
	margin: 0 0;
	vertical-align:middle;
}
.pan-twitter{
	float: right;
	width: 80px;
	height: 20px;
	margin: 0 5px 0 10px;
	vertical-align:middle;
}

#breadcrumbsList {
	padding: 0;
	background-color: #FFF;
	border-bottom: 1px solid #bbb;
}
.pan-box ul li a {
	color: #00A2D9;
}
/****************************************
		# メインビジュアル設定
*****************************************/
/*#mainvisualWrap{
	background-position: center center;
	background-image: url(/kix/summer/img/test/mainvisual_search.jpg);
	background-color: #036;
	padding-top: 0;
}
#mainvisualWrap .section-box{
	height: 200px;
	background-color: transparent;
}

.searchBox{
	display: none!important;
}*/


/****************************************
		# ヘッダー設定
*****************************************/
header{
	width: 100%;
	/* height: 50px; */
	padding: 0;
	opacity: 1;
	/* position: fixed; */
	top: 0;
	left: 0;
	background-color: #004098;
	/*background-color: rgba(255,255,255,0.8);*/
	z-index: 100;
	transition:all 0.4s ease;
}
header:hover{
	opacity: 1;
	transition:all 0.4s ease;
}
#headerLocal{
	padding:0 0 3px;
}
.header-wrap{
	width: 1100px;
	margin: 0 auto;
	/*display: table;*/
	line-height: 1;
}
.header-wrap li{
	/*display: table-cell;*/
	/* vertical-align: middle; */
}
.header-wrap li.header-logo{
	max-width: 70px;
	width: 70px;
	vertical-align: middle;
	float:left
}
.header-wrap li.header-logo img{
	width: 100%;
	vertical-align: middle;
}
.header-txt{
	width: 75px;
	vertical-align: middle;
	font-weight: bold;
	color: #023B95;
	font-size: 1.4em;
	padding-left: 5px;
	float:left;
}



#otherBnrWrap.item-wrap #otherBnrBox {
	max-width: 960px;
	padding-top: 0;
	margin-bottom: 0;
	background-color:transparent;
}

/****************************************
		# グローバルナヴィ設定
*****************************************/

#gNavi{
	padding: 10px 0 10px;
	background-color: transparent;
	position: relative;
	top:0;
	left: 0;
	transition:all 0.2s ease;
	width: 100%;
	text-align: center;
	z-index: 1500;
	/* background-image: url(/kix/fair/sss/img/bg/bg_logo_suke.png); */
}
#gNavi .section-box{
	/*width: 1200px;*/
	max-width: 1080px;
	min-width: 960px;
	/* height: 40px; */
	margin: 0 auto;
	padding: 0;
	/* background-color: #000; */
	overflow: visible;
}
.top-keywordbox{
	background-color: #DEA000;
	padding: 7px 5px 1px;
	/* height:50px; */
	line-height: 1;
	margin: 0;
}

.gnavi-box{
	width: 100%;
	position: relative;
	display: table;
	background-color: #004098;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.gnavi-box li{
	/* float: left; */
	/* width: 12.5%; */
	padding: 5px 8px;
	/* padding-right: 12px; */
	height: 100%;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
	transition:all 0.2s ease;
	position: relative;
	display: table-cell;
	/* z-index: 1000; */
	border-right: 1px dotted #89CEE6;
	background-color: #004098;
	/* background-repeat: no-repeat; */
	/* background-position: right 2px top 50%; */
	/* background-size: 22px; */
	/* background-image: url(/kix/jcom/img/icon/icon_down01.png); */
}
.gnavi-box li a{
	display: block;
	height: 100%;
	/* padding: 5px; */
	/* border-right: 1px dotted #aaa; */
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
}
.gnavi-box li:hover{
	background-color: #FFF;
	transition: all 0.2s ease;
	color: #333;
	border-right: 1px dotted #00A2D9
}
.gnavi-box li a:hover{
	/* background-color: #FFF; */
	transition: all 0.2s ease;
	color: #333;
}

.gnavi-box li.header-logo {
	width: 70px;
	vertical-align: middle;
	background-color: #FFF;
	border:none;
}
.gnavi-box li.header-txt {
	width: 58px;
	vertical-align: middle;
	font-weight: bold;
	color: #023B95;
	font-size: 0.95em;
	padding-left: 0;
	float:none;
	background-color: #FFF;
	text-align:left;
}
.gnavi-box li.header-txt a{
	color: #004098;
}
.gnavi-box li.gnavi--hover{
	background-color: #FFF;
	transition: all 0.2s ease;
	color: #333;
}
.gnavi-box li.gnavi--hover a{
	color: #333;
}

.gnavi-menu-wrap{
	/* width: 100%; */
	/* max-width: 1080px; */
	/* min-width: 960px; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #CCC;
}
.gnavi-menu-box{
	display: block;
	/* max-width: 412px; */
	/* min-width: 200px; */
	/*border: 3px solid #000;*/
	border: 1px solid #FFF;
	border-top: 10px solid #FFF;
	padding: 10px;
	margin: 0 auto;
	line-height: 1;
	background-color: #FFD842;
	/* background-image: url(/kix/fair/hatsuyume/pc/img/bg_gold.jpg);*/
	/* border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	background-image: url(../img/bg/bg_logo_3.jpg);
}
.gnavi-menu-box li{
	float: left;
	width: 50%;
	background-color: transparent;
	/*margin: 1%;*/
	border-right: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	border:5px solid transparent;
	transition:all 0.8s ease;
	color: #000;
	padding: 0;
	-moz-box-shadow: 0px 1px 1px #ccc;
}
.gnavi-menu-box li:hover{
	border:5px solid #666;
	background-color: #FDEFBE;
	transition:all 0.8s ease;
}

.gnavi-menu-box li a{
	display: block;
	/*min-height: 160px;*/
	padding: 10px;
	color: #000;
	border: 1px solid #FFF;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background: #FFF;
	font-size: 16px;
	margin: 0px;
	background-image: url(/kix/fair/hatsuyume/pc/img/icon/icon_search.png);
	background-position: left 7px top 8px;
	background-repeat: no-repeat;
	background-size: 20px;
}
.gnavi-menu-box li a:hover{
	background-color: #FFF;
	transition:all 0.4s ease;
	text-decoration: none;
}
.gnavi-menu-box li img{
	display: block;
	margin: 0 auto;
	width: 80%;
	margin-bottom: 5px;
}
#gNaviMenuKokunai{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuKokunai .gnavi-menu-box{
	position: absolute;
	bottom: -158px;
	left: -120px;
	z-index: 200;
	width: 240px;
	/* margin-left: 200px; */
}
#gNaviMenuAsia{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuAsia .gnavi-menu-box{
	position: absolute;
	top: 9px;
	left: -8px;
	z-index: 200;
	/* margin-left: 200px; */
	width: 420px;
}
#gNaviMenuBeach{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuBeach .gnavi-menu-box{
	position: absolute;
	top: 1px;
	left: -8px;
	z-index: 2000;
	width: 420px;
}
#gNaviMenuEurope{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuEurope .gnavi-menu-box{
	position: absolute;
	top: 1px;
	left: -8px;
	z-index: 200;
	width: 460px;
}
#gNaviMenuUsa{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuUsa .gnavi-menu-box{
	position: absolute;
	top: 1px;
	left: -8px;
	z-index: 200;
	width: 400px;
}
#gNaviMenuTheme{
	background-color: #FFF;
	display: none;
	position: relative;
	transition:all 0.8s ease;
}
#gNaviMenuTheme .gnavi-menu-box{
	position: absolute;
	top: 9px;
	right: -8px;
	z-index: 200;
	width: 460px;
}
#gNaviMenuTheme .gnavi-menu-box li a{
	background-image: url(/kix/jcom/img/icon/icon_next03.png);
	background-size: 13px;
	background-position: top 11px right 8px;
	background-repeat: no-repeat;
}


.gnavi-box li.gnavi--overseas{
	background-color: #FFD842;
	color: #FFF;
	transition: all 0.4s ease;
	padding-right: 15px;
	/* padding-right: 7px; */
	color: #333;
	background-image: url(/kix/jcom/img/icon/icon_next03.png);
	background-size: 13px;
	background-position: top 15px right 4px;
	background-repeat: no-repeat;
}
.gnavi-box li.gnavi--overseas a{
	color: #333;
}
.gnavi-box li.gnavi--domestic{
	background-color: #98CF00;
	transition: all 0.4s ease;
	padding-right: 7px;
	color: #FFF;
	background-image: url(/kix/jcom/img/icon/icon_next03.png);
	background-size: 13px;
	background-position: top 14px right 2px;
	background-repeat: no-repeat;
}
.gnavi-box li.gnavi--domestic a{
	/* padding-right: 7px; */
	color: #333;
	/* background-image: url(/kix/jcom/img/icon/icon_next03.png); */
	/* background-size: 13px; */
	/* background-position: top 11px right -3px; */
	/* background-repeat: no-repeat; */
}
.gnavi-box li.gnavi--domestic a:hover{
	opacity: 0.8;
}

.gnavi-box li.gnavi--executive,
.gnavi-box li.gnavi--fit{
	padding:0;
/* 	background-image:none; */
}
.gnavi-box li.gnavi--executive a,
.gnavi-box li.gnavi--fit a{
	padding-right: 12px;
	/* 	background-image: url(/kix/jcom/img/icon/icon_down01_wh.png);
	background-size: 16px;
	background-position: top 30px right 50%;
	background-repeat: no-repeat; */
	padding: 5px 10px;
	/* padding-right: 14px; */
	/* background-image: url(/kix/jcom/img/icon/icon_next03.png); */ */
	background-size: 13px;
	/* background-position: top 12px right 4px; */
	/* background-repeat: no-repeat; */
	/* background-size: 14px; */
}
.gnavi-box li.gnavi--executive a:hover,
.gnavi-box li.gnavi--fit a:hover{
	color: #333;
}

/****************************************
		# 事前登録設定
*****************************************/
#memberWrap{
	/*height: 524px;*/
	padding: 0 0 5px;
	background-image: url(../img/bg/bg_logo_2.jpg);
}
/* 予約ガイド */
#guideArea {
	width: 694px;
	border: 15px solid #ea5e94;
	margin: 50px auto;
}
#guideArea h2#guide {
	background: #ea5e94;
	border: none;
	color: #ffffff;
	font-size: 150%;
	line-height: 1.4;
	padding: 0 0 12px;
	margin: 0;
	text-align: center;
	display: none;
}
#guideArea .guide-area-box {
	width: 100%;
	padding: 34px 32px 20px;
	background-color: #FFFFFF;
}
#guideArea a:link {
	color: #f0242c;
	text-decoration: underline;
}
#guideArea a:visited {
	color: #f0242c;
	text-decoration: underline;
}
#guideArea a:hover {
	text-decoration: none;
}
#guideArea .guide-area-channel li {
	width: 190px;
	border: 5px solid #ea5e94;
	float: left;
	margin-right: 15px;
	position: relative;
	padding: 20px 0 10px;
}
#guideArea .guide-area-channel li img{
	width:100%;
}
#guideArea .guide-area-channel li:last-child {
	margin-right: 0;
}
#guideArea .guide-area-channel li>a {
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	height: 204px;
}
#guideArea .guide-area-channel li>a>div {
	position: absolute;
	bottom: 20px;
	width: 190px;
	text-align: center;
	text-decoration: underline;
	font-size: 0.85em;
}
#guideArea .guide-area-channel li>a:hover>div {
	text-decoration: none;
}







.guide-area-registry {
	position: relative;
	width: 630px;
	height: 146px;
	margin-top: 20px;
}
.guide-area-registry .guide-area-text {
	position: absolute;
	top: 5px;
	left: 50px;
}
a#registryBtn01 {
	position: absolute;
	top: 90px;
	left: 60px;
	width: 240px;
	height: 48px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/guide/btn_inter_off.gif) 0 0 no-repeat;
}
a:hover#registryBtn01 {
	background: url(../img/guide/btn_inter_on.gif) 0 0 no-repeat;
}
a#registryBtn02 {
	position: absolute;
	top: 90px;
	right: 70px;
	width: 240px;
	height: 48px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/guide/btn_dome_off.gif) 0 0 no-repeat;
}
a:hover#registryBtn02 {
	background: url(../img/guide/btn_dome_on.gif) 0 0 no-repeat;
}
#guideArea .guide-area-schedule {
	width: 490px;
	height: 48px;
	margin: 20px auto 0;
}
a#scheduleBtn {
	display: block;
	width: 490px;
	height: 48px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/guide/btn_sche02_off.gif) 0 0 no-repeat;
}
a:hover#scheduleBtn {
	background: url(../img/guide/btn_sche02_on.gif) 0 0 no-repeat;
}
/* トップバナーエリア */
.topBannerArea {
	width: 960px;
	margin: 0 auto 20px;
}



/* お問い合わせ
*****************************/
#contactWrap.section{
	padding: 0;
	margin:0 auto 0;
	/*background-color: transparent;*/
	background-color: #FFF;
}

#contactWrap .section-box{
	display: block;
	padding: 20px;
	background-color: #FFF;
	margin: 30px auto;
	border: 5px solid #F4BA23;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 900px;
	float: none;
}
#contactWrap .section-box:hover {
	display: block;
	transition: all 0.2s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	background-color: #FFF;
}


#contactWrap .contact-ttl{
	width: 100%;
	font-size: 24px;
	padding: 15px 40px 15px 15px;
	line-height: 30px;
	margin-bottom: 0;
	color:#004098;
	display: block;
}
#contactWrap .contact-ttl img{
	width: 20px;
	vertical-align: middle;
	margin-right: 15px;
	display: inline-block;
}

.contact-box-wrap{
	width: 99%;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 20px;
	background-color: #FEF5DE;
	margin-bottom: 10px;
}
.contact-box{
	width: 50%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
.contact-box-ttl{
	font-size: 24px;
	color: #000; 
	font-weight: bold;
}
.contact-box-ttl span{
	font-size: 18px;
}
.contact-box-subttl{
	font-size: 16px;
	color: #000; 
}

.contact-icon{
	background-color:#C00;
	width:40px;
	float:left;
	vertical-align: middle;
	margin-right:15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contact-icon img{
	width: 100%;
	display: block;
}
.contact-tel{
	font-size: 34px;
	color: #CE0000;
	font-weight: bold;
	line-height: 1;
	float: right;
	margin-bottom: 10px;
}

.contact-tel-info{
	float: right;
}
.contact-hour{ 
	clear: both;
	display: block;
	font-size: 12px; 
	line-height:normal; 
	text-align:right;
}
.contact-che{
	color: #CE0000;
	font-size: 11px;
}


.store-box-wrap{
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.store-box{
	width: 49%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid #E5F2FF;
	margin: 0.5%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.store-box-ttl{
	font-size:25px;
	font-weight:bold;
}
.store-box-hour{
	font-size: 12px;
}
.store-tel-icon{
	background-color:#C00;
	width:30px;
	float:left;
	margin-top:5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.store-tel-icon img{
	width: 100%;
	display: block;
}
.store-tel{
	padding-left:40px;
	font-size:30px;
	color:#C00;
	font-weight:bold;
}


.contact-btn{
	clear: both;
	text-align: center;
	margin: 20px auto;
	width: 480px;
	font-weight: bold;
	font-size: 18px;
	background-color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 16px;
	background-image: url(/kix/jcom/img/icon/icon_next.png);
	background-position: right 20px top 15px,bottom -150px left -460px;
	background-repeat: no-repeat,no-repeat;
	background-size: 15px, auto;
}
.contact-btn a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #004098;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #F4BA23;
	transition:all 0.4s ease;
	font-weight: normal;
	background-image: url(/kix/jcom/img/icon/icon_next.png);
	background-position: right 20px top 15px,bottom -150px left -460px;
	background-repeat: no-repeat,no-repeat;
	background-size: 15px, auto;
}
.contact-btn a:hover{
	transition:all 0.8s ease;
	filter:alpha(opacity=70); 
	opacity:0.7;
}
.contact-btn img{
	width: 20px;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
	float: right;
}

#resultsArea .linkArea.btn.newWindow {
	background-image: url(//smp.his-j.com/cmn/portal/kanto/img/icon_box.png);
	background-position: 95% 50%;
	background-size: 15px 13px;
}
#resultsArea .linkArea.btn {
	width: auto;
	margin: 6% 10% 0;
	padding: 0.5% 0;
	text-align: center;
	background-color: #FF9F00;
	background-image: url(//smp.his-j.com/cmn/portal/kanto/img/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
#resultsArea .linkArea {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
}
#resultsArea .linkArea.btn a {
	padding: 12px 20px 12px 0;
}

#resultsArea .linkArea a {
	color: #FFF;
	display: block;
	text-decoration: none;
}




/* 20170215追記　バナー追加
*****************************/
#sort_limit {
	padding: 25px 0 0px;
}
#bannerArea{
	text-align: center;
	padding: 10px 0 3px;
	margin-top: 10px
	width:100%;
	display: block;
}
#bannerArea .row{
	/*background-color: #EEE;*/
	margin-bottom: 3px
}
#bannerArea .row:hover{
	/*background-color: #DDD;*/
}

#bannerArea .row a{
	display: block;
	padding: 2px 0;
}

#bannerArea .row img{
	border:1px solid #EEE;
	box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
}
#bannerArea .row img:hover{
	opacity: 0.7;
}

/* 20241129追記　おすすめリンク追加
*****************************/
#bnrarea-foot{
	padding: 50px 0 30px;
	text-align: center;
	}
#bnrarea-foot p{
	width:992px;
	margin:0 auto 12px;			
	font-size:32px;
	line-height:1.3em;
	font-weight:700;
	}
#bnrarea-foot p span{
	font-size: 24px;
	display: block;
	}	
#bnrarea-foot ul {
	width: 960px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#bnrarea-foot ul li{
	margin-bottom: 10px;
	}
#bnrarea-foot ul li:hover{
	transition: all 0.6s ease;
	opacity: 0.8;
	}
#bnrarea-foot ul li.col-1{
	width: 100%;
	}
#bnrarea-foot ul li.col-2{
	width: 49.4%;
	}
#bnrarea-foot ul li img{
	width: 100%;
	}
/*ホバー時*/
#bnrarea-foot ul li a.hover{
	transition: all 0.6s ease;
	opacity: 0.8;
	}

#recommendarea{
	padding: 30px 0;
	text-align: center;
	width: 992px;
	margin: 50px auto 0;
	background: #f2f2f2;
}
#recommendarea p{
	margin:0 0 15px 0;			
	font-size:25px;
	line-height:1.3em;
	font-weight:700;
}
#recommendarea ul{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
    padding: 0 10px;
}
#recommendarea li{
	font-size: 16px;
	border-radius: 50px;
	/*background: #0057b8;1/9変更*/
	background: #F54B00;
    margin: 0 2px 10px;
}
#recommendarea li a{
	color: #fff;
	display: block;
	padding: 5px 15px;
	border-radius: 50px;
}
#recommendarea li a:hover{
	transition: all 0.6s ease;
	opacity: 0.8;
}

/*------------------------------------------------
        LINEお友達登録ボタン
--------------------------------------------------*/
.line-wrap-detail {
        padding: 50px 0 0;/*ページによって調整*/
}
.line-inner {
        width: 992px;
        margin: 0 auto;
        text-align: center;
        letter-spacing: 0.1vw;
        line-height: 1.5;
}
.line-wrap-detail .line-inner {
        background: #fff;
        border: solid 1px #d3d3d3;
        display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
    letter-spacing: 1px;
}
.line-inner .head {
    width: 100%;
    text-align: center;
    background-color: #15c618;
    padding: 6px;
    color: #fff;
    font-size: 20px;
        line-height: 1.5em;
    font-weight: bold;
}
.line-inner .textarea {
        width: 50%;
        text-align: left;
        padding: 30px 0 30px 30px;
}
.line-inner .btnarea {
        width: 49%;
        display: flex;
        align-items: center;
        padding: 30px 30px 30px 0;
}
.line-inner .text1 {
    font-size: 17px;
    line-height: 1.4em;
}
.line-inner .text1 span {
        display: inline-block;
        font-weight: bold;
        color: #fb0b0b;
        background-color: #ffe1e1;
        padding: 0 2px;
}
.line-inner .text2 {
        font-size: 21px;
        font-weight: bold;
        margin-bottom: -2px;
        background: linear-gradient(transparent 60%, #fff231 0%);
        display: inline-block;
        line-height: 1.7em;
        padding: 0 4px;
}
.line-button a {
        display: block;
        color: #fff;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
        border-radius: 8vw;
        box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
        background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
        background-size: 50px;
        background-position: 12px;
        background-color: #15c618;
        padding: 10px 10px 6px 70px;
        position: relative;
        text-decoration: none;
}
.line-button a:hover {
        opacity: .8;
        transition: all 0.6s ease;        
}
.line-button a span.small {
        width: 88%;
        display: block;
        font-size: 14px;
        font-weight: normal;
}
.line-button a span.strong {
        display: block;
}
.line-button a span.strong::after {
        font-family: "FontAwesome", "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f138";
        font-size: 15px;
        margin-left: 6px;
        padding-right: 14px;
}
.line-button a span.line-friend {
        font-size: 1.3em;
        color: #fff231;
        padding: 0 2px;
}
.line-qr {
    width: 80px;
    margin-right: 8px;
}
.line-qr img {
        width: 100%;
}