@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}
.f-pink { color: #f55aa5}

/* レイアウト */
.t10b { font-size: 10px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */
#bg {
	font-family: "メイリオ";
	font-size:12px;
	width:950px;

	padding-bottom:20px;
}
#bg img {
	vertical-align:bottom;
}
#bg a img {
	border:0;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;

}

/* タイトル
------------------------------------------ */
h1 {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding:3px;
	margin:0px;
}
.titTop {
	padding:0px;
	margin:0px;
}
.imgTop {
	padding:0px;
	margin:0px;
}


.introbox{
	    padding: 20px;
    background-color: #FDFFDF;
    margin: 20px auto 20px;
    font-family: "メイリオ";
    width: 800px;
    border-radius: 20px;
}

.introtxt{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin: 20px 0 0px 0;
	color: #130799;
}

.intromoney{
	text-align: center;
	font-size: 65px;
	font-weight: bold;
	color: #FF0004;
	margin: 10px 0 10px 0;
}

.intromoney span{
	font-size: 48px;
}

.subtxt{
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px 0;
}


.subtxt2{
	font-size: 14px;
	text-align: center;
	margin: 0 0 50px 0;
}



.intro_bottomarea{
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.intro_bottomarea ul{
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	width: 65%;
	
}


.intro_bottomarea ul li{
	margin: 0 2% 0 2%;
	text-align: center;
	color: #ffffff;
	width: 50%;
	border-radius: 20px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 18px;
}

.yadomark{
	background-color: #f39bc1;
}

.jrmark{
	background-color: #f39bc1;
}


.airmark{
	background-color: #79b8e4;
}


.intro_bottomarea p{
	font-size: 18px;
	color: #130799;
	font-weight: bold;
}


/* チケットの案内
------------------------------------------ */
#boxTicket {
	width:910px;
	/*background-image: url(../images/bg_info.gif);*/
	padding:0px 0px 20px 0px;
	margin:0px 0px 30px 20px;
}
#boxTicket h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
}
#boxTicket p {
	font-size:14px;
	line-height:1.6em;
	padding:20px 0px 20px 40px;
	margin:15px 20px 15px 20px;
	background-color:#FFF;
}
#boxTicket p strong {
	font-size:20px;
	color:#F00;
}
#boxTicket ul {
	padding:0px;
	margin:0px;
}
#boxTicket li {
	text-align:center;
	padding:0px;
	margin:0px;
}



/* 耳より情報
------------------------------------------ */
#boxInfo {
	/*background-image: url(../images/bg_info.gif);*/
	width: 910px;
	padding-bottom:20px;
	margin:0px 0px 0px 20px;
	overflow:hidden;
}
#boxInfo h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
}
.Info1 {
	float:left;
	background-color: #FFF;
	background-image: url(../images/bg_info2.gif);
	background-repeat: no-repeat;
	width: 425px;
	margin:0px 20px 0px 20px;
}
.Info2 {
	float:left;
	background-color: #FFF;
	background-image: url(../images/bg_info2.gif);
	background-repeat: no-repeat;
	width: 425px;
}
.InfoIn {
	background-image: url(../images/bg_info3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:15px 0px 0px 17px;
}
.InfoIn h4 {
	padding:0px;
	margin:0px 0px 13px 0px;
}
.InfoIn p {
	width:375px;
	font-size:12px;
	line-height:18px;
	color:#535353;
	padding:0px;
	margin:0px 0px 10px 7px;
}



/*メニュー*/

.menuarea{
	width:950px;
	margin:50px 0 20px 0;
	padding:0 0 10px 0;
	overflow:hidden;
}

.menuarea h3{
	width:950px;
	font-size: 24px;
	margin:0 0 20px 0 ;
	padding:10px 0 10px 10px;
	border-left: #130799 5px solid;
	
}

.btleft{
	width:100%;
}

.btright{
	width:236px;
	height:83px;
	float:left;
	    margin: 7px 0 0 0;
}

.btlong{
	width: 846px;
	margin: 20px auto 20px;
}

.menuarea ul{
	list-style:none;
	/*background-color:#ffcb78;*/
	margin:0;
	padding:10px 5px;
	overflow:hidden;
}

.menubox{
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.menubox li{
	/*width: 19.5%;*/
	/*width: 24.5%;*/
	width: 33%;
	margin: 0 0 15px 0;
	
}

.menubox li a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background: rgb(19,7,153);
background: -moz-linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
background: linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#130799",endColorstr="#5499fe",GradientType=1);
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	margin: 0 1% 0 1%;
	font-weight: bold;
	font-size: 14px;
	transition: .4s;
	position: relative;
	
}

.menubox li a::before{
	content: "▶";
    font-size: 15px;
    top: 35%;
    left: 2%;
    position: absolute;
}


.menubox li a:hover{
	opacity: 0.8;
	text-decoration: none !important;
}


.menubox li a span{
	display: block;
}

.menubox li a span.ic_point{
	
	padding: 5px;
	overflow: hidden;
	color: #FFFFFF;
	margin: 0 0 5px 0;
}

/*
.menuarea ul li{
	width:215px;
	height:43px;
	float:left;
	margin:0;
	padding:5px 0 16px 18px;
	
}*/

.btright p{
	width:205px;
	height:33px;
	margin:0 0 0 0;
	padding:16px 0px 0 20px;
}


/*ポイント共通*/

.pointbox{
	width:910px;
	margin:0 0 20px 20px;
	padding:0;
	overflow:hidden;
}

.pointbox h3{
	width:910px;
	height:89px;
	margin:0 0 0px 0;
	padding:0;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;	
}

.pointbox h4{
	max-width: 865px;
	margin: 20px auto;
}

.kinenbox{
	
	padding: 20px 0 0 0;
	background-color: #ffffff;
	margin: 0 auto 20px;
}

.kinenbox_img{
	    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
	
}

.kinenbox_img li{
	    width: 32%;
    margin: 0 1% 2% 1%;
    border: 2px solid #cccccc;
	
}

.kinen_txt{
	 
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
	background-color: #ffecf2;
}

.kinenbox_img li img{
	width: 100%;
}


.pointboxIn{
	width:910px;
	background-image:url(../images/bg_point.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:0 0 20px 0;
}

.pinkborder{
	background-image:url(../images/bg_point2.gif) !important;
}

/*ポイント1*/
#point1 h3{
	background-image:url(../images/ti_point1_2.png);
	background-repeat:no-repeat;
}



.boxpoint1{
	width:865px;
	margin:0 0 0 22px;
	overflow:hidden;
}

.boxpoint1 h4{
	/*width:865px;*/
	height:45px;
	margin:20px 0 20px 0;
	padding:0;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;	
}

.boxpoint1 h5{
	font-size:14px;
	color:#670103;
	margin:0 0 10px 7px;
	padding:10px 0 10px 0;
	border-bottom:#670103 solid 1px;
	font-weight:bold !important;
}

.room1 h4{
	background-image:url(../images/ti_room1.png);
	background-repeat:no-repeat;
}

.room2 h4{
	background-image:url(../images/ti_room2.png);
	background-repeat:no-repeat;
}

.room3 h4{
	background-image:url(../images/ti_room3.png);
	background-repeat:no-repeat;
}

.boxleft{
	float: left;
	width: 383px;
	margin: 0 2.5% 0 2.5%;
}


.boxright{
	float: right;
	width: 383px;
	margin: 0 2.5% 0 2.5%;
}


.roomphoto{
	
	margin:0 0 20px 0;
	padding:0;
	clear: both;
	overflow:hidden;
}


.roomdetail{
	clear: both;
	width:803px;
	border:3px solid #670103;
	background-color:#FFF;
	overflow:hidden;
	padding:7px;
	margin:20px auto 0px;
	
}

.roomdetail h5{
	text-align:center;
}

.roomdetailin{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}


.iconarea{
	margin: 10px 0 10px 0;
}

.iconarea ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.iconarea ul li{
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	border-radius: 20px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
}

.iconarea ul li.bgpink{
	background-color: #ea609e;
}


dl.data{
	width:383px;
	margin:10px 0 0px 0px; 
	padding:0;
	background-color:#FFF;
}


dl.data dt{
	margin:0;
}

dl.data dd{
	width:371px;
	border-left:#c90000 solid 1px;
	border-right:#c90000 solid 1px;
	border-bottom:#c90000 solid 1px;
	margin:0;
	padding:5px;
}

dl.data dd table{
	margin:0;
	padding:5px;
}


dl.reco{
	width:431px;
	margin:0 0 10px 10px;
	padding:0;
	float:left;
	overflow:hidden;
}


dl.reco dt{
	margin:0;
	padding:0;

}

dl.reco dd{
	margin:0;
	padding:0;
}

dl.room1 dd.tv{
	width:211px;
	height:147px;

	margin:10px 0 0 120px !important;
	padding:6px 0 0 0 !important;
}


dl.room1 dd.text{
	margin:10px 0 0 0 !important;
	padding:6px 0 0 0 !important;
	line-height:24px;
	letter-spacing:1px;
	font-size:14px;
	
}


dl.room2 dd.img{
	width:151px;
	height:107px;
	float:left;
	margin:0px 0 0 0 !important;
	padding:6px 0 10px 10px !important;
}


dl.room2 dd.text{
	float:left;
	margin:0px 0 0 0 !important;
	padding:6px 0 0 10px !important;
	line-height:22px;
	
}

dl.room2 dd.text{
	float:left;
	margin:0px 0 0 0 !important;
	padding:6px 0 0 10px !important;
	line-height:22px;	
}

dl.room2 dd.img2{
	width:153px;
	height:149px;
	float:right;
	margin:0px 0 0 0 !important;
	padding:6px 0 0 10px !important;
}


dl.room3 dd.text{
	margin:0px 0 0 0 !important;
	padding:6px 0 0 10px !important;
	line-height:24px;
	font-size:14px;
	
}


dl.room3 dd.text strong{
	font-size:16px;	
}

#point1 .other{
	width:865px;
	margin:20px 0 0 22px;
}

#point1 .other h4{
	width:865px;
	height:47px;	
	background-image:url(../images/ti_point1_2.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	
}

dl.otherbox{
	width:269px;
	border:3px solid #670103;
	background-color:#FFF;
	margin:20px 20px 0 0px;
	padding:0 0 20px 0;
	float:left;
}

dl.last{
	margin:20px 0 0 0 !important;
}

dl.otherbox dt{
	margin:0;
	padding:0;
}

dl.otherbox dd.txt{
	text-align:center;
	margin:10px 0;
	padding:0;
	line-height:18px;
}


dl.otherbox dd.img{
	margin:0px 0 0 25px;
	padding:0;

}

/*ポイント2*/
#point2 h3{
	background-image:url(../images/ti_point3.png);
	background-repeat:no-repeat;
}


#point2 .left{
	width:253px;
	height:212px;
	float:left;
	margin:15px 0 10px 20px;
}


#point2 .right{
	width:616px;
	height:332px;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(../images/te_familly.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#point2 .att{
	margin:10px 0 0 10px;
	font-weight:bold;
}



/*ポイント4*/
#point4 h3{
	background-image:url(../images/ti_point4_2.png);
	background-repeat:no-repeat;
}


#point4 .right{
	    width: 160px;
    float: right;
    margin: 15px 45px 10px 0px;
}

#point4 .right img{
	width: 100%;
}


#point4 .left{
	width:616px;
	height:60px;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(../images/te_breakfast.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#point4 .att{
	margin:10px 0 0 10px;
	font-weight:bold;
}

/*ポイント3*/


#point3 h3{
	background-image:url(../images/ti_point4.png);
	background-repeat:no-repeat;
}

#point3 .left{
	width:616px;
	height:150px;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(../images/te_breakfast.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.rest{
	width:857px;
	border-bottom:4px solid #670103;
	border-left:4px solid #670103;
	border-right:4px solid #670103;
	background-color:#FFF;
	margin:0 0 0 23px;
	overflow:hidden;
	
}

.resttit{
	width:865px;
	position:relative;
	margin:23px 0 0 23px;
	padding:0;
	overflow:hidden;
}

.resttit p.ti{
	width:865px;
	height:148px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-image:url(../images/ti_fontana.png);
	background-repeat:no-repeat;
}

.resttit p.te{
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:59px;
	left:30px;
	line-height:20px;
}

.resttit p.ti2{
	width:865px;
	height:148px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-image:url(../images/ti_hagoromo.png);
	background-repeat:no-repeat;
}

.resttit p.te2{
	font-size:16px;
	font-weight:bold;
	position:absolute;
	top:55px;
	left:30px;
	line-height:20px;
}


.restinfo{
	width:804px;
	margin:0px 0 20px 25px;
	padding:0;
	overflow:hidden;
}

.restinfo p{
	margin:0;
	padding:0;
}

.restinfo table{

	padding:10px;
	border-bottom:3px solid #670103;
	border-left:3px solid #670103;
	border-right:3px solid #670103;
	font-size:14px;
}

.restinfo table td{
	padding: 5px;
}

.photoarea1{
	width:773px;
	background-color:#f3e3d1;
	padding:15px;
	margin:25px 0 20px 26px;
	overflow:hidden;
	
}

.photoarea1 p.photo{
	width:90%;
	margin: 0 auto 20px;
	max-width: 550px;
}

.photoarea1 p.photo img{
	width: 100%;
}

.photoarea1 p.photo2{
	width:236px;
	float:right;
	
}

.photoarea1 p.text1{
	margin:0px 0 0 0;
	padding:0;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}


.photoarea2{
	width:236px;
	background-color:#f3e3d1;
	padding:15px;
	float:left;
	margin:25px 0 20px 20px;
	overflow:hidden;
	
}

.photoarea2 p.photo{
	width:236px;
	margin:0;
	padding:0;
	
}

.photoarea2 p.text1{
	width:197px;
	margin:0px 0 0 0;
	padding:0;
	
}


.photoarea3{
	width:600px;
	background-color:#f3e3d1;
	padding:15px;
	margin:25px 0 20px 115px;
	overflow:hidden;
	
}

.photoarea3 p.photo{
	width:236px;
	float:left;
	margin:0 0 0 30px;
}

.photoarea3 p.photo2{
	width:236px;
	float:right;
	margin:0 30px 0 0px;
	
}



#point5 h3{
	background-image:url(../images/ti_point5.png);
	background-repeat:no-repeat;
	height: 182px !important;
}

#point5 h4{
	width:865px;
	height:53px;
	margin:23px 0 0 23px;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	background-image:url(../images/ti_buffet.gif);
	background-repeat:no-repeat;
}


.resttit2{
	width:865px;
	position:relative;
	margin:23px 0 0 23px;
	padding:0;
	overflow:hidden;
}

.resttit2 p.ti{
	width:865px;
	/*height:148px;*/
	height:600px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-image:url(../images/ti_point5_3.png);
	background-repeat:no-repeat;
	border-bottom: 4px solid #fb2de5;
}

.resttit2 p.te{
	    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 59px;
    left: 30px;
    line-height: 27px;
}


/*お申込みはこちら*/
/*#app h3{
	height:59px;
	background-image:url(../images/ti_app.png);
	background-repeat:no-repeat;
}*/

.yado{
	width:846px;
	height:63px;
	margin:20px 0 0 32px;
	background-color:#FFF;
}

.jr{
	width:396px;
	margin:20px 0 20px 32px;
	float:left;
	background-color:#FFF;
}

.air{
	width:396px;
	float:right;
	margin:20px 32px 20px 0;
	background-color:#FFF;

}

.btnone{
	pointer-events: none;
}

.btn2boxarea{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.btnbox{
	    width: 47%;
    margin: 30px 1% 10px 1%;
    background-color: #ffffff;
    padding: 0 0 0px 0;
    border-radius: 5px;
    border: 1px solid #cccccc;
}


.btnbox p{
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	height: 80px;
	display: flex;
	justify-content:center;
	align-items: center;
	margin: 0 0 10px 0;
	
	
}

.all p{
	background-color: darkblue;
}


.gakusei p{
	background-color:#fb2de5;
}

ul.btn3{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 0 0px 0;
}

ul.btn3 li{
	width: 47%;
	margin: 0 1% 0 1%;
}

ul.btn3 li a{
	display:block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #cccccc;
	text-decoration: none;
	transition: .4s;
	padding: 10px 0;
	border-radius: 10px;
	color: #ffffff;
	position: relative;
	
}


ul.btn3 li a::before{
	content: "▶";
    font-size: 17px;
    top: 28%;
    left: 3%;
    position: absolute;
}



ul.btn3 li.yadobtn a{
	background-color: #ec3d8b;
}


ul.btn3 li.jrbtn a{
	background-color: #f39bc1;
}


ul.btn3 li.airbtn a{
	background-color: #79b8e4;
}

ul.btn3 li a:hover{
	color: #ffffff !important;
	text-decoration: none !important;
	opacity: 0.8;
}
/*
ul.btn3 li.yadobtn a:hover{
	background-color:#ec3d8b;
}


ul.btn3 li.jrbtn a:hover{
	background-color:#09a431;
}



ul.btn3 li.airbtn a:hover{
	background-color:#007fba;
}*/

.btnboxather{
	margin: 30px auto 30px !important;
	width: 97%;
	/*border: none !important;*/
}

.btnbox2{
	margin: 0px auto 20px;
	padding: 0 0 20px 0;
	border-bottom: 2px dashed #cccccc;
	width: 97%;
	clear: both;
}

.btnbox2 ul li a{
	font-size: 24px;
	padding: 20px !important;
	position: relative;
} 

.btnbox2 ul li a::before{
	content: "▶";
    font-size: 19px;
    top: 34%;
    left: 5%;
    position: absolute;
}


.btnbox2 ul.btn3 li.yadobtn a{
	background-color:#ec3d8b;
	color: #ffffff !important;
}


.btnbox2 ul.btn3 li.jrbtn a{
	background-color: #f39bc1;
	color: #ffffff !important;
}


.btnbox2 ul.btn3 li.airbtn a{
	background-color: #79b8e4;
	color: #ffffff !important;
}

.btnbox2 ul.btn3 li a:hover{
	opacity: 0.8;
	text-decoration: none !important;
}
/*
.btnbox2 ul.btn3 li.yadobtn a:hover{
	background-color:#ffffff;
	color: #ec3d8b !important;
}


.btnbox2 ul.btn3 li.jrbtn a:hover{
	background-color:#ffffff;
	color: #09a431 !important;
}



ul.btn3 li.airbtn a:hover{
	background-color:#ffffff;
	color: #007fba !important;
}
*/


.btnbox3{
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 97%;
    margin: 0 auto;
}

.btntit{
	width: 50%;
	margin: 0 2% 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #E50000;
}

.btnarea{
	padding: 10px;
	width: 50%;
}

.menutitarea{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	background-color:#ffcb78;
	padding: 10px 0 0px 0;
}

.menutitarea p{
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding: 10px 0;
}

.menutitarea p.ippantit{
	    width: 73.5%;
    margin: 0px 10px 0 10px;
	background-color: #670103;
}

.menutitarea p.gakuseitit{
	width: 23.6%;
	background-color:#fb2de5;
}

.pink span{
	color: #fb2de5 !important;
}

.pink span.ic_point{
	color: #ffffff !important;
	background-color:#fb2de5 !important;
}


.btnl_area{
	margin: 20px 0 30px 0;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: center;
	align-items: stretch;
}

.btnl{
	/*margin: 0 1% 0 1%;*/
	margin: 0 auto 0 ;
	padding: 0;
	/*width: 48%;*/
	width: 95%;
}

.btnl a{
	position: relative;
	display:block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #cccccc;
	text-decoration: none;
	transition: .4s;
	padding: 20px;
	border-radius: 10px;
	background: rgb(19,7,153);
background: -moz-linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
background: linear-gradient(180deg, rgba(19,7,153,1) 0%, rgba(84,153,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#130799",endColorstr="#5499fe",GradientType=1);
	font-size: 24px;
	color: #ffffff !important;
}


.btnl a::before{
	content: "▶";
    font-size: 19px;
    top: 34%;
    left: 5%;
    position: absolute;
}


.btnl a:hover{
	opacity: 0.8;
	text-decoration: none !important;
}


.point_box_area{
	border: 2px solid #f7a1ba;
	margin: 0 0 50px 0;
	position: relative;
}

.pointimg_free{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30%;
	max-width: 311px;
}

.pointimg_free img{
	width: 100%;
}


.pointimg_free2{
	position: absolute;
    top: -147px;
    right: -229px;
    width: 52.5%;
    max-width: 571px;
}

.pointimg_free2 img{
	width: 100%;
}

.point_box_area h3{
	font-size: 24px;
	padding: 20px;
	margin: 0 0 20px 0;
	color: #ffffff;
	background: rgb(255,65,165);
background: -moz-linear-gradient(90deg, rgba(255,65,165,1) 0%, rgba(255,168,190,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,65,165,1) 0%, rgba(255,168,190,1) 100%);
background: linear-gradient(90deg, rgba(255,65,165,1) 0%, rgba(255,168,190,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff41a5",endColorstr="#ffa8be",GradientType=1);
}

.point_box_area h3 span{
	font-size: 16px;
}

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


.room_area{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 0 50px 0;
	padding: 20px 0 0 0;
}

.room_area dl{
	width: 42%;
    margin: 0 4% 0 4%;
    max-width: 383px;
}


.room_area dl dt{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-left: solid 5px #ff3fa4;
	margin: 0 0 10px 0;
}
.room_area dl dd.room_img{
	max-width: 383px;
	width: 100%;
	margin: 0 0 10px 0;
}

.room_area dl dd.room_img img{
	width: 100%;
}

.room_area dl dd.room_detail{
	margin: 0 0 0 0;
	/*border: 1px solid #ff3fa4;*/
}

.room_area dl dd.room_detail p{
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background-color: #ff3fa4;
	padding: 10px 10px;
	margin: 0;
}
.room_area dl dd.room_detail table{
    margin:0;
	    border-collapse: collapse;
	}

.room_area dl dd.room_detail table td{
	    border-top: 1px solid #ff3fa4;
    border-left: 1px solid #ff3fa4;
    border-bottom: 1px solid #ff3fa4;
    border-right: 1px solid #ff3fa4;
    margin: 0;
    padding: 10px 0;
	text-align: center;
	vertical-align: middle;
    
}


.roompointarea{
	margin: 20px 0 0 0;
}

.roompointarea h4{
	font-size: 18px;
	font-weight: bold;
	border-left: 5px solid #488efe ;
	padding: 0 0 0px 10px;
	margin: 0 0 20px 0;
}

.miniboxarea{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

dl.minibox{
	    overflow: hidden;
    margin: 0 0% 0px 0%;
    padding: 0;
    border: 2px #488efe solid;
    width: 32%;
}

dl.minibox dt{
	color:#FFF;
	background-color:#488efe;
	padding:10px;
	font-size:14px;
	font-weight:bold;
}

dl.minibox dd.photo{
	width:90%;
	max-width: 150px;
	margin:10px auto 10px ;
}

dl.minibox dd.photo img{
	text-align:center;
	width:100%;
}


dl.minibox dd.text{
	margin:10px;
	
}

.pointintro{
	padding: 10px;
	font-size: 23px;
	color: #ff41a5;
	font-weight: bold;
	margin: 0 0 0px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pointintro span{
	font-size: 18px;
}

.pointintro .icon{
	width: 8%;
	max-width:253px; 
}

.pointintro .icon img{
	width: 100%;
}

.breakfastbox {
    position: relative;
    margin: 5em 0 2em;
    padding: 0px;
   /* border: solid 3px #130799;*/
}
.breakfastbox .breakfast-title {
    position: absolute;
    display: inline-block;
        top: -38px;
    left: -10px;
    padding: 10px 10px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ffffff;
    color: #130799;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.breakfast_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px dashed #130799;
	padding: 10px 0 15px 0;
	margin: 0 0 15px 0;
	
}

.annaibox{
	border: 2px solid #003D9B;
	padding: 15px 15px;
	border-radius: 10px;
	margin: 20px 0 20px 0;
	width: 91%;
}

.annaibox_tit{
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: bold;
}

.annaibox p{
	font-size: 14px;
	line-height: 1.5;
}

.breakfast_txt{
	font-size: 16px;
    line-height: 1.8;
	
}

.breakfast_txt span{
	font-size: 14px;
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
    line-height: 1.2 !important;
    display: block;
}

.breakfast_img{
	max-width: 400px;
	width: 25%;
}

.breakfast_img img{
	width: 100%;
}

.breakfast_center{
	/*border-bottom: 2px dashed #130799;*/
	padding: 10px 0 0px 0;
	margin: 0px 0 15px 0;
}

.breakfast_img2{
	max-width: 550px;
	width: 100%;
	
	margin: 0 auto 20px;
}

.breakfast_img2 img{
	width: 100%;
}

.breakfast_txt2{
	font-size: 16px;
    line-height: 1.8;
	text-align: center;
	
}

.breakfast_bottom{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.breakfast_tit{
	font-size: 18px;
	padding: 10px 10px;
	color: #ffffff;
	background-color: #488efe;
	margin: 0;
	font-weight: bold;
}

.breakfast_box table{
	width: 100%;
	padding:10px;
	border-bottom:3px solid #488efe;
	border-left:3px solid #488efe;
	border-right:3px solid #488efe;
	font-size:14px;
}

.breakfast_box table td{
	padding: 5px;
}

.annnai_txt{
	font-size: 16px;
    line-height: 1.8;
}

.annnai_txt span{
	font-size: 14px;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    line-height: 1.2 !important;
    display: block;
}

.bgskyblue{
	background-color: #8dedfb;
	margin: 0;
	padding: 20px 0 20px 0;
	overflow: hidden;
	
}


/* =========================================================
◆ラジオ ON AIR
========================================================= */
.radioBox {
    
	line-height: 1.2;
	overflow: hidden;
	margin: 0px auto 20px auto;
	font-size: 130%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.radioBox .detail {
	
	max-width: 700px;
    margin-right: 10px;
	width: 73%;
}

.radioBox .detail img {
	width: 100%;
    margin-bottom: 5px;
}

.radioBox .photo {
	width: 35%;
	max-width: 230px;
	margin-bottom: 10px;
}

.radioBox .photo p {
	text-align: center;
	margin-top: 4px;
	font-weight: bold;
}

.radioBox .photo img {
	width:100%;
	height: auto;
}

.radioCaption {
	text-align: center;
	font-size: 153.9%;
	font-weight: bold;
	margin-top: 30px;
}

.scheduleBox {
clear: both;
	line-height: 1.4;
	width: 80%;
	margin: 0 10% 10px;
	padding: 20px 0;
	margin-top: 10px;
	text-align: center;
	background: #FDD;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.scheduleBox span {
	font-size: 120%;
    font-weight: bold;
	color: #F00;
}

.itemList {
    float: left;
    width: 50%;
}
 
.itemList .itemList_in {
	margin: 10px 40px;
}

.itemList .itemList_in dl {
	width: 400px;
}

.itemList .itemList_in dl dd {
    margin: 0;
	font-size: 123.1%;
	text-align: left;
	padding-top: 10px;
}

.itemList .itemList_in dl dd.name {
	font-size: 153.9%;
	text-align: center;
}

.onairList02 {
	font-size: 153.9%;
	font-weight: bold;
    line-height: 1.4;
	width: 92%;
	margin: 2% 4% 0;
}

dl.onairList {
	overflow: hidden;
	zoom: 1;
	font-size: 153.9%;
	font-weight: bold;
	width: 92%;
	margin: 2% 4% 0;
}

dl.onairList dt {
	padding: 2px 0;
	width: 150px;
	float: left;
	clear: both;
}

dl.onairList dd {
	padding: 2px 0 2px 170px;
}

.linedot {
	border-bottom: 1px solid #999;
	padding: 10px 0 20px;
	margin-bottom: 10px;
}

.linedot02 {
	border-bottom: 1px dashed #999;
	padding: 10px 0 20px;
	margin-bottom: 40px;
}

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_box {
	width: auto;
	margin: 2em auto;
}

.cp_box label {
	font-weight: bold;
	position: relative;
	display: block;
	width: 90%;
	margin: auto;
	padding: 20px 0;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #FFF;
	background: #F00;
	border-radius: 4px;
	font-size: 153.9%;
}

.cp_box label:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #C00;
}

.cp_box label::after {
	font-family: 'FontAwesome';
	content: ' \f067';
	color: #FFF;
}

.cp_box label:hover::after {
	color: #FFF;
}

.cp_box input:checked ~ label::after {
	font-family: 'FontAwesome';
	content: ' \f068';
	color: #FFF;
}

.cp_box input:checked ~ label:hover::after {
	color: #FFF;
}

.cp_box input {
	display: none;
}

.cp_box .cp_container {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;
	margin-top: -1px;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.cp_box input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}

/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
	height: auto;
}

.commonBox{
	margin: 30px 0 0 0;
}

.mediabox{
	padding: 20px 20px;
}


.media {
margin-bottom: 20px;
}
.media p {
font-size: 16px;
text-align: center;
padding: 0px;
margin: 0px;
}
.media p img {
margin-bottom: 10px;
}

.in h4 {
    font-size: 19px;
	letter-spacing: -1px;
    font-weight: normal;
    padding: 0px 0 20px 0px;
    text-align: center;
    font-family: "Mplus 1p";
    color: #000000;
    clear: both;
	margin: 0px;
}
.in h4 span:before {
    content: url(../images/h2_l.png);
    margin: 10px;
    position: relative;
    top: 8px;
}
.in h4 span:after {
    content: url(../images/h2_r.png);
    margin: 10px;
    position: relative;
    top: 8px;
}


/*-----スライドswiper カスタマイズ--------------------*/
.swiper-container{
	width: 90%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
}
.swiper-container .swiper-pagination {
	bottom: 15px !important;
}
.swiper-pagination-bullet-active{
background-color: #FFFFFF !important;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px;
	color: #666666;
	font-weight: bold;
	opacity: 0.5;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:0px !important;
	top:50% !important;;
}
.swiper-button-next{
	right:0px !important;
	top:50% !important;;
}

.swiper-custom-parent{
  margin: 0 auto;
  max-width: 1050px;
  position: relative;
margin-bottom: 30px;
}

.bordernone{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


.youtube_shortbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	width: 95%;
	margin: 50px auto 30px;
}
.youtube {
	max-width:473px;
	width: 45%;
	margin: 10px auto 10px;
}

.youtube iframe{
	width: 100%;
}
