@charset "utf-8";

/* 	reset
---------------------------------------------------------- */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td,
address, caption {
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: 1.5;
}

fieldset, img {
	border: 0;
	vertical-align: top;
}

th, td {
	vertical-align: top;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ul,dl,ol {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

hr,legend {
	display: none;
	margin: 0;
	padding: 0;
}
sub {
	font-size: 64%;
	vertical-align: -0.1em;
}


/* ===== Basic Style ===== */

html{
height:100%;
}

body{
*position:relative;
height:100%;
color:#333;
background:#fff;
font-size:100%;
font-family: Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}

.wrapper{
	position: relative;
}



/* ===== Link ===== */

a{
text-decoration:none;
}

a:link,
a:visited{
color:#000;
}

a:hover,
a:focus{
color:#000;
}

a:active{
color:#000;
}

/* ===== Text ===== */

p,
ul,
ol,
dl,
table{
margin-bottom:20px;
}

p,
ul li,
ol li,
dl dt,
dl dd,
caption,
th,
td,
input,
option,
textarea{
line-height:1.5;
font-size:0.9285em;
}

@media screen and (max-width: 767px) {
	p,
	ul,
	ol,
	dl,
	table{
	margin-bottom:15px;
	}

	p,
	ul li,
	ol li,
	dl dt,
	dl dd,
	caption,
	th,
	td,
	input,
	option,
	textarea{
	line-height:1.5;
	font-size:0.9rem;
	}

	img{
		width: 100%;
		height: auto;
	}
	input[type="submit"] {
  		-webkit-appearance: none;
	}
}

.only-sp{
	display: none;
}

main{
	padding-top: 150px;
	display: block;
}

@media screen and (max-width: 767px) {
	.only-sp{
	display: block;
	}

	main{
		padding-top: 0;

	}
}



/* ===== Header ===== */
#header{
	z-index:9999;
	background-color: #000;
	position: fixed;
	width: 100%;
}

.fixed-head{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

.header-contents{
	width:100%;
	min-height: 150px;
	position: relative;
	background-color: #FFF;
}

.header-contents .logo{
	position: absolute;
	top: 15px;
	left: 19px;
	width: 207px;
}

.header-contents .logo img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
	.header-contents{
		display: none;
	}

}

/* header-sub-navi */

.header-sub-navi{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #f0f0f0;
}

.header-sub-navi ul{
	margin:0;
}

.header-sub-navi ul li{
	margin:0;
	float: left;
	position: relative;
	font-size: 0.813em;
}

.header-sub-navi ul li:first-child{
	border-right: 1px solid #bfbfbf;
}

.header-sub-navi ul li a{
	padding: 12px 25px 12px 40px;
	display: block;
	transition: all .5s;
}

.header-sub-navi ul li:last-child a{
	color: #e67700;
}

.header-sub-navi ul li a:hover{
	background-color: rgba( 196, 196, 196, 0.5);
}

.header-sub-navi ul li.service:before{
	position: absolute;
	content: "";
	top: 14px;
	left: 16px;
	width: 16px;
	height: 16px;
	background: url("../img/common/icon_service.png") top left no-repeat;
}

.header-sub-navi ul li.login:before{
	position: absolute;
	content: "";
	top: 14px;
	left: 16px;
	width: 16px;
	height: 16px;
	background: url("../img/common/icon_login.png") top left no-repeat;
}

/* header-navi */

.header-navi{
	width: 100%;
	padding-top:90px;
	background-color: #FFF;
}

.header-navi ul{
	margin:0px;
}

.header-navi ul li{
	position: relative;
	background-color: #e60012;
	float: left;
	width : 25%;
	margin:0;
	font-weight: bold;
}

.header-navi ul li a{
	display: block;
	padding: 14px 0px 10px 0px;
	min-height: 60px;
	color: #FFF;
	box-sizing: border-box;
	transition: all .5s;
	text-align: center;
}

.header-navi ul li a:hover{
	background-color: rgba( 244, 128, 131, 1);
}

.header-navi ul li a:before{
	position: relative;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	display: inline-block;
	padding-right: 5px;

}

.header-navi ul li.store a:before{
	content: url("../img/common/icon-store.png");
}

.header-navi ul li.menu a:before{
	content: url("../img/common/icon-menu.png");
}

.header-navi ul li.price a:before{
	content: url("../img/common/icon-price.png");
}

.header-navi ul li.room a:before{
	content: url("../img/common/icon-room.png");
}

.header-navi ul li.campaign a:before{
	content: url("../img/common/icon-campaign.png");
}

.header-navi ul li.coupon a:before{
	content: url("../img/common/icon-coupon.png");
}

.sp-header{
	display: none;
}

body.store li.store a{
	background-color: rgba( 244, 128, 131, 1);
}

body.menu li.menu a{
	background-color: rgba( 244, 128, 131, 1);
}

body.price li.price a{
	background-color: rgba( 244, 128, 131, 1);
}

body.room li.room a{
	background-color: rgba( 244, 128, 131, 1);
}

body.campaign li.campaign a{
	background-color: rgba( 244, 128, 131, 1);
}

body.coupon li.coupon a{
	background-color: rgba( 244, 128, 131, 1);
}

@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
	.sp-header{
		display: block;
		z-index: 999;
		background-color: #FFF;
		width: 100%;
		border-bottom: 10px solid #e60012;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}

	.fixed-head{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	transform: translate3d(0, 0, 0);
	}

	.sp-header .logo{
		width: 37.33%;
		padding: 4% 0 4% 4%;
		float: left;
	}

	.sp-header .btn-coupon{
		position: absolute;
		top: 13px;
		right: 17%;
		width: 21.33%;
	}

	body.shop .sp-header .btn-coupon{
		display: none;
	}



	.modal-open{
		position: absolute;
		top: 13px;
		right: 13px;
		width: 12%;
		height: 0;
	}
}

/* breadcrumb */

.breadcrumb {
    margin-bottom: 0px;
}
ol.breadcrumb li{
	float:left;
	}
ol.breadcrumb li a,
ol.breadcrumb li em{
	font-size:0.813em;
    display: block;
    padding-right: 10px;
    height: 42px;
    margin: 0 31px;
    position: relative;
    text-decoration: none;
    color: #000;
    padding-top: 13px;
    box-sizing: border-box;
}
ol.breadcrumb li a:after {
    content: url("../img/common/breadcrumb-arrow.png");
    display: block;
    width: 11px;
    height: 42px;
    position: absolute;
    top: 0;
    right: -36px;
}

ol.breadcrumb li a:hover {
    color: #e60012;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		display: none;
	}
}

/* ===== Content ===== */

/* key-visual */

/* 1600px以上用（PC用）の記述 */

.key-visual-wrapper{
	background-color: #f7f7f7;
}

.key-visual{
	width: 100%;
	margin: 0 auto;
}

.kv{
	max-width: 100%;
	margin: 0 auto;
	padding:0;
}


.key-visual img{
	width: 100%;
	height: auto;
}

.key-visual .hidden-sm-view .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(15%);
  -moz-filter: opacity(15%);
  -o-filter: opacity(15%);
  -ms-filter: opacity(15%);
  filter: opacity(15%);
  transition: 0.2s linear;
}

.hidden-sm-view{
 	display: block !important;
}

.hidden-lg-view{
 	display: none !important;
}

@media screen and (max-width: 1600px) {
	/* 1600px以下用（タブレット用）の記述 */
	.key-visual{
	width: 100%;
	margin: 0 auto;
	}

	.kv{
	max-width: 100%;
	margin: 0 auto;
	padding:0;
	}

	.kv-sm{
		margin-bottom: 0px;
	}

	.key-visual img{
	width: 100%;
	height: auto;
	}
}

@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
	.key-visual{
	width: 100%;
	margin: 0 auto;
	}

	.key-visual img{
	width: 100%;
	height: auto;
	overflow: hidden;
	}

	.hidden-sm-view{
 	display: none !important;
 	}

 	.hidden-lg-view{
 	display: block !important;
	}

}

/* top SPのnavigation */

.sp-nav{
	display: none;
}

@media screen and (max-width: 767px) {
	.sp-nav{
		display: block;
		z-index: 99999;
	}

	.sp-nav ul{
		border-bottom:1px solid #bfbfbf;
		margin: 0;
	}

	.sp-nav ul li{
		float: left;
		width : calc(100% / 3);
		border-top:1px solid #bfbfbf;
		border-left:1px solid #bfbfbf;
		box-sizing: border-box;
	}

	.sp-nav ul li img{
		width: 100%;
		height: auto;
	}

	.sp-nav ul.sub-navi li{
		float: left;
		width : calc(100% / 2);
		border-top:none;
		border-left:1px solid #bfbfbf;
		box-sizing: border-box;
	}

	.sns-icon{
		background-color: #dddddd;
	}

	.sns-icon ul {
		width: 100%;
		margin: 0 auto;
		padding:8px 0;
	}

	.sns-icon ul li{
		width:48%;
		float: left;
		padding: 2%;
	}

	.sns-icon ul li img{
		width: 20%;
		height: auto;
		display: block;
		text-align: center;
		margin:0 auto;
	}

/*	body.menu .static,
	body.price .static,
	body.facility .static,
	body.campaign .static,
	body.coupon .static{
		display: none;
	}*/
}

/* SPのみに表示　今日のお得　*/

/* 本日のお得 */

.today-special{
	display: none;
	padding: 20px 0;
}

.today-special .note{
	font-size: 0.813em;
	color: #FFF;
	margin: 0 auto;
	width: 90.6%;
}

.today-special .shoulder{
	font-size: 0.813em;
	color: #FFF;
	text-align: center;
	margin-bottom: 5px;
}

.today-special h2{
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 20px;
	color:#FFF;
}

@media screen and (max-width: 767px) {
	.today-special{
		display: block;
		background: url("../img/common/bg-today-special.png") 0 0 repeat;
	}

	.today-special > div{
		display: none;
	}

	.otoku-banner-block{
		background-color: #FFF;
		margin: 0 auto 18px;
		border-radius: 5px;
		width: 90.66%;
		overflow: hidden;
	}

	.otoku-banner-block .thumbs{
		width:50%;
		float: left;
		overflow: hidden;
	}

	.otoku-banner-block .text-block{
		width: 50%;
		float: left;
		padding: 1% 2% 0% 3%;
		box-sizing: border-box;
	}

	.otoku-banner-block .text-block h3{
		color: #e60012;
		font-size: 0.9rem;
	}

	.otoku-banner-block .text-block p.detail{
		font-size: 0.7rem;
		margin-bottom: 3px;
	}

	.otoku-banner-block .text-block .time{
		position: relative;
		padding-left: 18%;
		margin-bottom: 0;
		font-size: 1rem;
		font-size: 0.8rem;
	}

	.otoku-banner-block .text-block .time:before{
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 20px;
		height: 20px;
		background: url(../img/common/icon-clock.png) 0 0 no-repeat;
	}
}

/*　TOP　*/

.menus-section{
	padding: 37px 0 0;
	position: relative;
}

.menus-section h2{
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 37px;
}

.menus-section h2 span{
	padding: 3px 0 3px 48px;
	background:url("../img/common/icon-heading-menu.png") 0 0 no-repeat;
	background-size: 41px 32px;
	font-weight: bold;
}

.panel-block-wrapper{
	background-color: #f7f7f7;
	clear: both;
}

.panel-block{
	width: 1600px;
	margin: 0 auto;
}

.panel-block .panels{
	width : 25%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 2);
	width : calc(100% / 2);
	float: left;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	box-sizing: border-box;
}

.panel-block .panels a{
	display: block;
	transition: all .5s;
}

.panel-block .panels a:hover{
	opacity: 0.7;
}

.panel-block .panels:first-child{
	border-left:1px solid #e3e3e3;
}

.panel-block .panels img{
	width: 100%;
	height: auto;
}

.panel-block .panels-heading{
	position: relative;
	color: #e60012;
	padding: 12px 0;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
}

.panel-block .panels-heading:after{
	display: inline-block;
	content: url("../img/common/icon-arrow.png");
	width: 16px;
	height: 16px;
	margin: 5px 0 0 6px;
}

.panel-block .panels-detail{
	font-size: 0.875em;
	text-align: center;
	padding:  0 15px 30px 15px;
	margin: 0;
}

@media screen and (max-width: 1600px) {
	.panel-block{
	width: 100%;
	margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.menus-section{
		padding: 20px 0 0;
	}

	.menus-section h2{
		font-size: 	1.8rem;
		text-align: center;
		margin: 0 0 20px;
	}

	.menus-section h2 span{
		padding: 0 0 0 41px;
		background:url("../img/common/icon-heading-menu.png") 0 0 no-repeat;
		background-size: 41px 32px;
	}

	.panel-block{
		width: 100%;
		margin: 0 auto;
	}

	.panel-block .panels{
		border-top:1px solid #e3e3e3;
		border-right: none;
		width : 100%;
		float: none;
		box-sizing: border-box;
	}

	.panel-block .panels a{
		display: block;
		transition: all .5s;
	}

	.panel-block .panels a:hover{
		opacity: 1;
	}

	.panel-block .panels:first-child{
		border-left:none;
	}

	.panel-block .panels img{
		width: 100%;
		height: auto;
	}

	.panel-block .panels-heading{
		padding: 5px 0;
		font-size: 1.4rem;
		font-weight: bold;
		width: 100%;
	}

	.panel-block .panels-heading:after{
		content: url("../img/common/icon-arrow.png");
		width: 10px;
		height: 16px;
		/*margin: 5px 0 0 12px;*/
		position: absolute;
		top:3px;
	}

	.panel-block .panels-detail{
		font-size: 1.2rem;
		padding:  0 15px 30px 15px;
		margin: 0;
	}
}

.aubanner{
text-align: center;
 padding: 10px 0 20px 0;
}
.applibanner a:hover{
	opacity: 0.7;
}

.applibanner{
	margin:0 auto;
	width: 580px;
	text-align: center;
	padding: 10px 0 20px 0;
}

.applibanner img{
	width: 100%;
}

.aubanner a:hover{
	opacity: 0.7;
}

/*campaign-section*/

.campaign-section{
	padding: 60px 0 30px;
	background: url("../img/common/bg-campaign.png");
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}

.campaign-section .inner,
.menus-section .inner{
	width: 940px;
	margin:0 auto;
	position: relative;
}

.campaign-section h2{
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 37px;
}

.campaign-section h2 span{
	padding: 5px 0px 3px 48px;
	background:url("../img/common/icon-heading-campaign.png") 0 0 no-repeat;
	background-size: 41px 32px;
	font-weight: bold;
}

.panel-block-thirds{
	width: 940px;
	margin: 0 auto;
	letter-spacing: -0.5em;
}

.button-more{
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	font-size: 0.875em;
	font-weight: bold;
	background-color: #FFF;
	box-shadow:1px 1px 2px #CCC;
}

.button-more a:after{
	position: absolute;
	content: "";
	top: 10px;
	right: 18px;
	width: 16px;
	height: 16px;
	background: url("../img/common/icon-arrow-black.png") 100% 0px no-repeat;
}

.button-more a{
	text-align: center;
	padding: 8px 18px 8px 8px;
	display: block;
	transition: all .5s;
}

.button-more a:hover{
	background-color: #fafaf4;
}

.panel-block-thirds .panels{
	width:300px;
	margin: 0 20px 30px 0;
	box-sizing: border-box;
	border:1px solid #e3e3e3;
	background-color: #FFF;
	box-shadow:0px 1px 0px 0px #ccc;
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal; /* 追加 */
}

.panel-block-thirds .panels:nth-child(3n){
	margin-right: 0;
}

.campaign-top-section .panel-block-thirds .panels:nth-child(-n+2){
	width: 460px;
}

.campaign-top-section .panel-block-thirds .panels:nth-child(2){
	margin-right: 0;
}

.campaign-top-section .panel-block-thirds .panels:nth-child(3n){
	margin-right: 20px;
}

.campaign-top-section .panel-block-thirds .panels:nth-child(3n-1){
	margin-right: 0;
}

.panel-block-thirds .panels a{
	display: block;
	transition: all .5s;
}

.panel-block-thirds .panels a:hover{
	opacity: 0.7;
}

.panel-block-thirds .panels img{
	width: 100%;
	height: auto;
}

.panel-block-thirds .panels .panels-text{
	padding: 20px;
}

.panel-block-thirds .panels .panels-date{
	color: #999;
	font-size: 0.625em;
	margin:0 0 2px;
}

.panel-block-thirds .panels-heading{
	position: relative;
	padding: 0 0 7px;
	font-size: 1em;
	font-weight: bold;
}

.panel-block-thirds .panels-heading:after{
	width: 16px;
	height: 16px;
	margin: 5px 0 0 12px;
}

.panel-block-thirds .panels-detail{
	font-size: 0.875em;
	text-align: center;
	padding:  0 15px 30px 15px;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.campaign-section{
		padding: 20px 0;
		background: url("../img/common/bg-campaign.png");
		border-top:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
	}

	.campaign-section h2{
		font-size: 	1.8rem;
		text-align: center;
		margin: 0 0 0 20px;
	}

	.campaign-section h2 span{
		padding: 0 0 0 48px;
		background:url("../img/common/icon-heading-campaign.png") 0 0 no-repeat;
		background-size: 41px 32px;
	}

	.campaign-section .inner,
	.menus-section .inner{
		width: 100%;
	}

	.button-more{
		position: relative;
		font-size: 0.6rem;
		font-weight: normal;
		background-color: #FFF;
		width: 120px;
		float: right;
		margin:0 20px 15px 0;
	}

	.button-more a:after{
		position: absolute;
		content: "";
		top: 6px;
		right: 4px;
		width: 16px;
		height: 16px;
		background: url("../img/common/icon-arrow-black.png") 100% 1px no-repeat;
	}

	.button-more a{
		padding: 8px;
		display: block;
		transition: all .5s;
	}

	.button-more a:hover{
		background-color: #fafaf4;
	}

	.panel-block-thirds{
		width: 100%;
		clear: both;
	}

	.panel-block-thirds .panels{
		width:92.66%;
		float: none;
		margin: 30px auto;
		display: block;
	}

	.panel-block-thirds .panels a{
		display: block;
		height: 100%;
	}

	.panel-block-thirds .panels a:hover{
		opacity: 1;
	}

	.panel-block-thirds .panels img{
		width: 100%;
		height: auto;
	}

	.panel-block-thirds .panels .panels-text{
		padding: 10px 15px;
	}

	.panel-block-thirds .panels .panels-date{
		font-size: 0.8rem;
	}

	.panel-block-thirds .panels h3{
		font-size: 0.8rem;
		font-weight: bold;
		line-height: 1.2;
	}

	.panel-block-thirds .panels-heading{
		font-size: 1.2rem;
		padding: 6px 0;
	}

	.panel-block-thirds .panels-heading:after{
		width: 16px;
		height: 16px;
		margin: 5px 0 0 12px;
	}

	.panel-block-thirds .panels-detail{
		font-size: 0.875em;
		text-align: center;
		padding:  0 15px 20px 15px;
		margin: 0;
	}

	.campaign-top-section .panel-block-thirds .panels:nth-child(-n+2){
		width: 100%;
	}

	.campaign-top-section .panel-block-thirds .panels:nth-child(2){
		margin-right: 0;
	}

	.campaign-top-section .panel-block-thirds .panels:nth-child(n+3){
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}



	.panel-block-thirds .panels:nth-child(n+3),
	.column-section .panel-block-thirds .panels{
		margin: 20px auto;
	}

	.panel-block-thirds .panels:nth-child(n+3) .panels-thumbnail,
	.column-section .panel-block-thirds .panels .panels-thumbnail  {
		width: 50%;
		float: left;
	}

	.panel-block-thirds .panels:nth-child(n+3) .panels-text,
	.column-section .panel-block-thirds .panels .panels-text {
		width: 50%;
		padding: 4px 8px 0 8px;
		float: left;
	}

	.panel-block-thirds .panels:nth-child(n+3) .panels-heading,
	.column-section  .panels .panels-heading{
		font-size: 0.8rem;
		padding: 4px 0 0 0;
	}

	.applibanner{
		margin:0 auto;
		width: 100%;
		text-align: center;
		padding: 10px 0 20px 0;
	}

	.applibanner img{
		width: 100%;
	}

	.aubanner a:hover{
		opacity: 1;
	}


}

/* column */
.column-section{
	padding: 37px 0 30px;
	background-color: #f7f7f7;
	border-bottom:1px solid #e3e3e3;
}

.column-section h2{
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 37px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.column-section{
		padding: 20px 0;
		background-color: #f7f7f7;
		border-bottom:1px solid #e3e3e3;
	}

	.column-section h2{
		font-size: 	1.8rem;
		margin: 0 0 20px;
	}
}

/*recruit-banner*/


.recruit-banner{
	padding: 37px 0 30px;
	text-align: center;
	background: url("../img/common/bg-campaign.png");
		border-bottom:1px solid #e3e3e3;

}

.recruit-banner h2{
	font-weight: bold;
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 30px;
}

.recruit-banner a:hover{
	opacity: 0.7;
}

/* news */
.news-section{
	padding: 37px 0 40px;
}

.news-section h2{
	font-weight: bold;
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 30px;
}

.news-section ul{
	width: 620px;
	margin: 0 auto;
	border-top: 1px solid #d9d9d9;
}

.news-section ul li {
	position: relative;
	border-bottom: 1px solid #d9d9d9;
 	font-size:0.813em;
 	margin: 0;
 	padding: 20px 0px 0px 20px ;
}

.news-section ul li .date{
	float: left;
	width: 60px;
	color: #999;
	font-size: 0.625em;
	margin-right:15px;
}

.news-section ul li .detail{
	position: relative;
	float: left;
	width: 500px;
}

.news-section ul li .detail a{
	display: block;

}

.news-section ul li .detail a:after{
	background: url("../img/common/icon-arrow-black.png") 100% 0 no-repeat;
	position: absolute;
  	content: "";
  	width: 10px;
  	height: 16px;
  	top: 20%;
  	right: 0;
}

.news-section ul li .detail a{
	padding-right: 20px;
}

.news-section ul li .detail a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.news-section{
		padding: 30px 0;
	}

	.news-section h2{
		font-size: 	1.8rem;
		margin: 0 0 20px;
	}

	.news-section ul{
		width: 90.66%;
		margin: 0 auto;
		border-top: 1px solid #d9d9d9;
	}

	.news-section ul li {
		position: relative;
		border-bottom: 1px solid #d9d9d9;
	 	font-size:0.813em;
	 	margin: 0;
	 	padding: 20px 0px 6px 5px ;
	}

	.news-section ul li .date{
		float: left;
		width: 20%;
		color: #999;
		font-size: 0.7rem;
		margin-right:15px;
	}

	.news-section ul li .detail{
		position: relative;
		float: left;
		width: 74%;
		font-size: 0.8rem;
	}

	.news-section ul li .detail a{
		display: block;
		padding-right: 20px;

	}

	.news-section ul li .detail a:after{
		background: url("../img/common/icon-arrow-black.png") 100% 0 no-repeat;
		position: absolute;
	  	content: "";
	  	width: 50px;
	  	height: 50px;
	  	right: 0;
	}

	.news-section ul li .detail a:hover{
		text-decoration: underline;
	}
}

/* banner */

.banner-section{
	padding: 37px 0 30px;
	background: url("../img/common/bg-campaign.png");
	border-top:1px solid #e3e3e3;
}

.banner-section ul.slider{
	margin: 0 auto;
	width: 740px;
}

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

	.banner-section{
	padding: 37px 0 30px;
	background: url("../img/common/bg-campaign.png");
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	}

	.banner-section ul.slider{
		margin: 0 auto;
		width: 65%;
	}
}

/* banner */
.sns-section{
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}

.sns-block{
	width: 100%;
}

.sns-block .unit{
	width : 33.33333%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3);
	float: left;
	border-right:1px solid #e3e3e3;
	box-sizing: border-box;
}

.sns-block .unit a{
	transition: all .5s;
	display: block;
}

.sns-block .unit a:hover{
	opacity: .5;
}

.sns-block .unit p,
.sns-block .unit h2{
	text-align: center;
	margin: 0;
	padding: 15px 0;
}

@media screen and (max-width: 767px) {
	.sns-section{
		display: none;
	}
}



/* ===== Footer ===== */

.footer-main{
	background-color:#f5f5f5;
}

.footer-main ul{
	width: 850px;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 0.875em;
	text-align: center;
}

.footer-main ul li{
	float: left;
	text-align: center;
	padding-left: 25px;
}

.footer-main ul li a{
	color: #010000;
	text-decoration: underline;
}

.footer-sub{
	padding: 20px 0 30px;
	position: relative;
	background-color:#000000;
}

.footer-sub ul{
	width: 390px;
	margin: 0 auto;
	padding: 30px 0;
	font-size: 0.875em;
}

.footer-sub ul li a{
	color: #FFF;
	text-decoration: underline;
}

.footer-sub ul li{
	padding: 0 20px;
	float: left;
	border-right:1px solid #FFF;
	font-size: 0.875em;
}

.footer-sub ul li:last-child{
	border-right:none;
}


.footer-sub address{
	text-align: center;
}

p.page-top{
	margin: 0;
	position: absolute;
	bottom:10px;
	right: 10px;
	width: 4%;
}

p.page-top img{
	width: 100%;
}

.share-bottom{
	display: none;
}

@media screen and (max-width: 767px) {
	.footer-main{
		background-color:#f5f5f5;
	}

	.footer-main ul{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 30px;
		font-size: 0.875em;
	}

	.footer-main ul li:first-child{
		border-top: 1px solid #bfbfbf;
	}

	.footer-main ul li{
		float: none;
		text-align: left;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/common/icon-arrow-black.png") 96% 50% no-repeat;
	}


	.footer-main ul li a{
		padding:15px 0;
		color: #010000;
		text-decoration: none;
		display: block;
	}

	.footer-main ul li.twitter,
	.footer-main ul li.facebook{
		float: left;
		width: 50%;
		text-align: center;
		background: none;
		border: none;
	}

	.footer-main ul li.twitter img,
	.footer-main ul li.facebook img{
		width: 18%;
	}

	.footer-sub{
		position: relative;
		background-color:#000000;
	}

	.footer-sub ul{
		width: 100%;
		margin: 0 auto;
		padding: 5px 0;
		font-size: 0.8rem;
	}

	.footer-sub ul li{
		float: left;
		text-align: center;
		font-size: 0.6rem;
		width: 33%;
		box-sizing: border-box;
	}

	.footer-sub ul li:nth-child(2) a{
		padding-top: 6px;
	}

	.footer-sub ul li a{
		color: #FFF;
		text-decoration: underline;
		min-height: 34px;
		display: block;
	}

	.footer-sub address{
		width: 60%;
		text-align: center;
		margin: 0 auto;
		padding: 25px 0;
	}

	p.page-top{
		z-index: 99;
		margin: 0;
		position: fixed;
		right: 0;
		width: 14%;
		bottom: 0;
		width: 51px;
		height: 38px;
		opacity: 0.8;
	}

	.share-bottom{
		display: block;
  		position: fixed;
  		bottom: 0;
  		left: 0;
  		width: 100%;
  		margin-bottom: -70px;
  		height: 108px;
  		cursor: pointer;
	}

	.share-bottom .button{
		width: 89px;
		height: 38px;
		opacity: 0.8;
	}

	.share-bottom .icons {
		background-color: #FFF;
		height: 70px;
	}

	.share-bottom .icons div{
		background-color: #FFF;
		float: left;
		width: 33.33%;
	}

	.share-bottom .icons div:nth-child(2){
		border-right: 1px solid #EEE;
		border-left: 1px solid #EEE;
	}

	.share-bottom .icons div:nth-child(3){
		padding-top: 12px;
		padding-left: 12%;
	}

	.share-bottom .icons div img{
		width: 70%;
		display: block;
		margin: 0 auto;
	}
}


/* ===== Section/Layout Block/Unit ===== */

.section{
	padding-bottom:20px;
}

.main-contents{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 50px;
}

body.menu .main-contents{
	padding-bottom: 0;
}

.main-contents-02{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 50px;
}

body.menu .main-contents-02{
	padding-top: 50px;
}

.halves .unit{
	float: left;
	width: 460px;
}

.halves .unit:first-child{
	margin-right:20px;
}

@media screen and (max-width: 767px) {
	.section{
	padding-bottom:20px;
	}

	.main-contents{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 20px;
	}

	.main-contents-02{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 50px;
	}

	.halves .unit{
		float: none;
		width: 100%;
	}

	.halves .unit:first-child{
		margin-right:0;
	}
}

/* ===== Heading ===== */
h1.main-heading-search{
	background:url(../search/img/main-heading-search-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0 0 50px;
	background-size: cover;
}

h1.main-heading-search img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}


h1.main-heading2{
	background: url(../img/common/bg-heading2.png) repeat;
	text-align: center;
	margin: 0 0 50px;
	padding: 40px 0;
	color: #000;
	font-size: 2.000em;
	font-weight: bold;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	display: block;
}

h1.main-heading2 br{
	display: none;
}


h1.main-heading-menu{
	background:url(../menu/img/main-heading-menu-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0;
	background-size: cover;
}

h1.main-heading-menu img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}


h1.main-heading-price{
	background:url(../price/img/main-heading-price-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0 0 50px;
	background-size: cover;
}

h1.main-heading-price img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}

h1.main-heading-campaign{
	background:url(../campaign/img/main-heading-campaign-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0 0 50px;
	background-size: cover;
}

h1.main-heading-campaign img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}

h1.main-heading-room{
	background:url(../facility/img/main-heading-room-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0px;
	background-size: cover;
}

h1.main-heading-room img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}

h1.main-heading-coupon{
	background:url(../coupon/img/main-heading-coupon-bg.jpg) 50% 50% no-repeat #F7F7F7;
	width: 100%;
	height:300px;
	margin: 0 0 50px;
	background-size: cover;
}

h1.main-heading-coupon img{
	display: block;
	margin: 0 auto;
	padding-top: 75px;
}



@media screen and (max-width: 767px) {
	h1.main-heading-search{
		width: 100%;
		height:120px;
		margin: 0 0 20px;
		background-size: cover;
	}

	h1.main-heading-search img{
	padding-top: 7%;
	width: 40%;
	}


	h1.main-heading2{
		background: url(../img/common/bg-heading2.png) repeat;
		text-align: center;
/*		margin: 0 0 20px;*/
		padding: 30px 0px;
		color: #000;
		font-size: 1.5rem;
		font-weight: bold;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
		display: block;
		box-sizing: border-box;
	}

	h1.main-heading2 br{
		display: block;
	}

	.main-heading2 .heading-small{
		font-size: 1.3rem;
	}

	h1.main-heading-menu{
		width: 100%;
		height:120px;
		margin: 0px;
		background-size: cover;
	}

	h1.main-heading-menu img{
		padding-top: 6%;
		width: 40%;
	}

	h1.main-heading-price{
		width: 100%;
		height:120px;
		margin: 0 0 20px;
		background-size: cover;
	}

	h1.main-heading-price img{
		padding-top: 7%;
		width: 52%;
	}

	h1.main-heading-campaign{
		width: 100%;
		height:120px;
		margin: 0 0 20px;
		background-size: cover;
	}

	h1.main-heading-campaign img{
		padding-top: 7%;
		width: 32%;
	}

	h1.main-heading-room{
		width: 100%;
		height:120px;
		margin: 0px;
		background-size: cover;
	}

	h1.main-heading-room img{
		padding-top: 6%;
		width: 40%;
	}

	h1.main-heading-coupon{
		width: 100%;
		height:120px;
		margin: 0 0 20px;
		background-size: cover;
	}


	h1.main-heading-coupon img{
		padding-top: 7%;
		width: 52%;
	}

}

/* ===== Search ===== */
.unit h2{
	font-weight: bold;
	font-size: 1em;
	margin:0 0 30px;
}

.search-block{
	border:10px solid #f2f2f2;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 25px;
}

.search-block.no-border{
	border: none;
}


#accordion-menu{
	margin: 0 auto;
	border-bottom:#d9d9d9 1px solid;
}

#accordion-menu dt{
	display:block;
	width:100%;
	height:50px;
	padding-left: 25px;
	line-height:50px;
	font-weight: bold;
	border-top:#d9d9d9 1px solid;
	cursor:pointer;
	background:url(../img/common/switch-plus.png) 93% 50% no-repeat;
}

#accordion-menu dt.active{
		background:url(../img/common/switch-minus.png) 93% 50% no-repeat;
}

#accordion-menu dd{
	width:100%;
	padding-left: 25px;
	border-top:#d9d9d9 1px solid;
	display:none;
}

#accordion-menu dd ul{
	margin-bottom: 0;
}

#accordion-menu dd ul li{
	height:50px;
	padding-left: 0px;
	line-height:50px;
	border-bottom:#d9d9d9 1px solid;
}

#accordion-menu dd ul li:hover{
	background-color: #EEE;
}

#accordion-menu dd ul li:last-child{
	border-bottom: none;
}

#accordion-menu dd ul li a{
	display: block;
	padding-left: 20px;
}

#accordion-menu dd ul li a:hover{
	background-color: #eee;
}

#accordion-menu dd ul li a{
	background:url(../img/common/icon-arrow-black.png) 93% 50% no-repeat;
}

.search-block p.note{
	font-size: 0.750em;
  	padding-left: 1em;
  	text-indent: -1em;
  	margin-bottom: 15px;
}

.search-block p.note span{
	color: #CC0000;
}

.search-block .button a{
	position: relative;
	display: block;
	width: 400px;
	transition:all .5s;
	color: #FFF;
	text-align: center;
	padding:8px 0;
	background-color: rgb(230,0,18);
}

.layout-block-cross-search .button input{
	position: relative;
	display: block;
	width: 400px;
	transition:all .5s;
	color: #FFF;
	text-align: center;
	padding:8px 0;
	background-color: rgb(230,0,18);
	border:none;
	cursor: pointer;
	margin: 0 auto;
}


.search-block .button a:hover,
.search-block .button input:hover{
	opacity: 0.7;
}

.search-block .button a:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}

.button-input {
	position: relative;
	clear: both;
}

.button-input:hover{
	opacity: 0.7;
}

.button-input:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
	position: absolute;
	right: 350px;
	top: 11px;
}

.search-block .form-block{
	margin-bottom:20px;
	font-size: 0.9285em;
	padding: 12px;
}

.search-block .form-block label{
	width: 48%;
	padding: 7px 0;
	display: inline-block;
}

.search-block .form-block input{
	margin-right: 5px;
}

.textform{
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: 330px;
	padding: 5px;
	float: left;
}

.button-search{
	float: left;
	background-color: #e60012;
	color: #FFF;
	display: block;
	padding: 5px 0;
	width: 58px;
	text-align: center;
	margin-left: 10px;
	border:none;
}

/*cross-search*/
.layout-block-cross-search{
	border: 10px solid #f2f2f2;
    box-sizing: border-box;
    padding: 20px 20px 40px 20px;
    margin-bottom: 25px;
}

.layout-block-cross-search h2{
	font-weight: bold;
    font-size: 1em;
    margin: 0 0 10px;
}

.layout-block-cross-search h3{
	font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 10px;
    background-color: #fafafa;
    text-align: center;
}

.layout-block-cross-search .unit-prefecture{
	float: left;
	width: 460px;
}

.layout-block-cross-search .unit-spec{
	float: left;
	width: 420px;
}

.layout-block-cross-search .joken-serach{
	width: 460px;
}

.search-block-noborder{
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 25px;
}

/*radiobutton*/
.radio01-input{
	margin-left: 15px;
}

.radio01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  width: 80%;
}

.radio01-input:checked + .radio01-parts{
  color: #e60012;
}

.check01-input:checked + .check01-parts{
  color: #e60012;
}

@media screen and (max-width: 767px) {
	.unit h2{
		font-weight: bold;
		font-size: 1.2rem;
		margin:0 0 15px;
	}

	.search-block{
		border:7px solid #f2f2f2;
		box-sizing: border-box;
		padding: 20px;
		margin-bottom: 25px;
	}

	.unit-spec .search-block{
		padding: 0px;
	}

	#accordion-menu{
		display: none;
		margin: 0 auto;
		border-bottom:#d9d9d9 1px solid;
	}

	#accordion-menu dt{
		display:block;
		width:100%;
		height:45px;
		padding-left: 10px;
		line-height:45px;
		border-top:#d9d9d9 1px solid;
		cursor:pointer;
		background:url(../img/common/switch-plus.png) 98% 50% no-repeat;
	}

	#accordion-menu dt.active{
			background:url(../img/common/switch-minus.png) 98% 50% no-repeat;
	}

	#accordion-menu dd{
		width:100%;
		padding-left: 15px;
		border-top:#d9d9d9 1px solid;
		display:none;
	}

	#accordion-menu dd ul{
		margin-bottom: 0;
	}

	#accordion-menu dd ul li{
		height:45px;
		padding-left: 0px;
		line-height:45px;
		border-bottom:#d9d9d9 1px solid;
	}

	#accordion-menu dd ul li:last-child{
		border-bottom: none;
	}

	#accordion-menu dd ul li a{
		display: block;
		padding-left: 12px;
	}

	#accordion-menu dd ul li a:hover{
		background-color: #eee;
	}

	#accordion-menu dd ul li a{
		background:url(../img/common/icon-arrow-black.png) 93% 50% no-repeat;
	}

	.search-block p.note{
		font-size: 0.8rem;
	  	padding-left: 1em;
	  	text-indent: -1em;
	  	margin-bottom: 15px;
	}

	.search-block p.note span{
		color: #CC0000;
	}

	.search-block .button a{
		position: relative;
		display: block;
		width: 100%;
		transition:all .5s;
		color: #FFF;
		text-align: center;
		padding:6px 0;
		background-color: rgb(230,0,18);
	}

	.search-block .button a:hover{
		opacity: 0.7;
	}

	.search-block .button a:after{
		content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -3px;
	}

	.search-block .button input{
		position: relative;
		display: block;
		width: 100%;
		transition:all 0;
		color: #FFF;
		text-align: center;
		padding:8px 0;
		background-color: rgb(230,0,18);
		border:none;
		font-weight: bold;
		cursor: pointer;
		border-radius: 0;
	}

	.joken-serach .button:after{
		content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
		position: absolute;
		right: 19%;
		top: 11px;
	}

	.button-input:after{
		content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
		position: absolute;
		right: 16%;
		top: 11px;
	}

	.search-block .form-block{
		margin-bottom:20px;
		font-size: 0.9285em;
	}

	.textform{
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		width: 100%;
		padding: 8px;
		float: none;
		font-size: 1rem;
	}

	.search-block .form-block{
		margin-bottom:10px;
		font-size: 0.9285em;
		padding: 12px;
	}

	.search-block .form-block label{
		width: 90%;
		padding: 7px 0;
		display: block;
	}

	.search-block .form-block input{
		margin-right: 5px;
	}

	.button-search{
		text-align: center;
		margin: 0 auto;
		display: table;
		margin-top: 12px;
		width: 30%;
		border-radius: 0;
		float: none;
	}

	.button-search a{
		background-color: #e60012;
		color: #FFF;
		display: block;
		padding: 5px 0;
		width: 58px;
	}

	.layout-block-cross-search .button input{
		position: relative;
		display: block;
		width: 100%;
		transition:all .5s;
		color: #FFF;
		text-align: center;
		padding:8px 0;
		background-color: rgb(230,0,18);
		border:none;
		cursor: pointer;
		margin: 0 auto;
		border-radius: 0px;
	}

	/*cross-search*/
	.layout-block-cross-search{
		border: 10px solid #f2f2f2;
	    box-sizing: border-box;
	    padding: 20px;
	    margin-bottom: 25px;
	}

	.layout-block-cross-search h2{
		font-weight: bold;
	    font-size: 1em;
	    margin: 0 0 10px;
	}

	.layout-block-cross-search h3{
		font-weight: bold;
	    font-size: 0.9em;
	    margin: 0 0 20px;
	    padding: 10px;
	    background-color: #fafafa;
	}

	.layout-block-cross-search .unit-prefecture{
		float: left;
		width: 100%;
	}

	.layout-block-cross-search .unit-spec{
		float: left;
		width: 100%;
	}

	.layout-block-cross-search .joken-serach{
		width: 100%;
	}

	.search-block-noborder{
		box-sizing: border-box;
		padding: 0px;
		margin-bottom: 20px;
	}

	/*radiobutton*/
	.radio01-input{
		margin-left: 3px;
	}

	.radio01-parts{
	  padding-left: 10%;
	  position:relative;
	  margin-right: 10%;
	  display: inline-block;
	  cursor: pointer;
	  width: 75%;
	}

	.radio01-input:checked + .radio01-parts{
	  color: #e60012;
	}

	.check01-input:checked + .check01-parts{
	  color: #e60012;
	}

	.accordion-menu-0{
		background:url(../img/common/switch-plus.png) 98% 50% no-repeat;
	}

	.accordion-menu-0.active{
		background:url(../img/common/switch-minus.png) 98% 50% no-repeat #fafafa;
	}

	.heading-prefecture{
		display: none;
	}

	.heading-room{
		display: none;
	}

	.heading-spec{
		display: none;
	}

	.js-accordion-menu2{
		margin-bottom: 25px;
	}

}

/* ===== Search ===== */

.result-title-block{
	margin: 0;
}

.result-title-block-text{
	float: left;
	width: 560px;
}

.result-title-block .btn-red{
	float: right;
}

ul.storelist{
	border-top: 1px solid #d9d9d9;
	width: 940px;
	margin-bottom: 0;
}

ul.storelist li{
	padding: 5px 0 0px;
	border-bottom: 1px solid #d9d9d9;
}

ul.storelist li a{
	padding: 10px 0 5px;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../img/common/icon-arrow-black.png) 98% 45% no-repeat;
	transition: all .5s;
}

ul.storelist li a:hover{
	background-color: #f2f2f2;
}

ul.storelist .store-name{
	width: 300px;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	font-weight: bold;
}

ul.storelist .address{
	width: 300px;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}

ul.storelist .icon{
	width: 305px;
	float: left;
}

ul.storelist .icon ul{
	margin: 0;
}

ul.storelist .icon li{
	border-bottom: none;
	float: left;
	padding: 0 4px 4px 0;
}

ul.storelist .icon li img{
	width: 72px;
	height: auto;
}

@media screen and (max-width: 767px) {
	.result-title-block{
		margin: 0;
	}

	.result-title-block-text{
		float: none;
		width: 100%;
	}

	.result-title-block .btn-red{
		float: none;
		margin-bottom: 20px;
	}

	ul.storelist{
		border-top: 1px solid #d9d9d9;
		width: 100%;
		margin-bottom: 0;
	}

	ul.storelist li{
		padding: 5px 0 0px;
		border-bottom: 1px solid #d9d9d9;
	}

	ul.storelist li a{
		padding: 10px 0 5px;
		display: inline-block;
		width: 100%;
		height: 100%;
		background: url(../img/common/icon-arrow-black.png) 98% 45% no-repeat;
	}

	ul.storelist li a:hover{
		background-color: #FFF;
	}

	ul.storelist .store-name{
		width: 100%;
		float: none;
		padding: 0 20px 10px;
		box-sizing: border-box;
	}

	ul.storelist .address{
		width: 100%;
		float: none;
		padding: 0 20px 10px;
		box-sizing: border-box;
	}

	ul.storelist .icon{
		width: 90%;
		float: none;
		padding-left: 5%;
	}

	ul.storelist .icon ul{
		margin: 0;
	}

	ul.storelist .icon li{
		border-bottom: none;
		float: left;
		padding: 0 4px 4px 0;
		width: 22%;
	}

	ul.storelist .icon li img{
		width: 100%;
		height: auto;
	}

}

/* ===== shop detail ===== */
.lead{
	margin-bottom: 40px;
}

.layout-block-map{
	width: 100%;
}

.layout-block-map .unit-buttons{
	width:300px;
	float: left;
}

.shopdetail-button{
	width: 300px;
	margin-bottom: 15px;
	position: relative;
}

.shopdetail-button a{
	display: block;
	padding: 18px 0;
	background-color: rgb(230,0,18);
	color: #FFF;
	text-align: center;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 5px 0px 0px #b3000f;
	-moz-box-shadow:0px 5px 0px 0px #b3000f;
	-webkit-box-shadow:0px 5px 0px 0px #b3000f;
	transition: all .5s;
	height: 70px;
}

.shopdetail-button a:hover{
	opacity: 0.8;
}

.layout-block-map .unit-map{
	width:620px;
	float: right;
}

.layout-block-map .unit-map .gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.layout-block-map .unit-map .gmap iframe,
.layout-block-map .unit-map .gmap object,
.layout-block-map .unit-map .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.reserve a:before{
	content: '';
	background: url(../img/common/icon-reserve.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	padding-right: 12px;
}

.phone a:before{
	content: '';
	background: url(../img/common/icon-phone.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	padding-right: 12px;
}


body.coupon .coupon-detail .coupon{
	margin: 20px 0 20px 0;
}

.layout-block-map .coupon{
	position: relative;
	width: 300px;
}

.layout-block-map .coupon img{
	width: 100%;
	height: auto;
}

.layout-block-map .coupon .ttl{
	position: absolute;
	top: 18px;
	left: 0px;
	width: 100%;
	color: #FFF;
}

.layout-block-map .coupon .ttl p.name{
	text-align: center;
	color: #FFF;
	font-size:1.500em;
	font-weight: bold;
	margin-bottom: 3px;
}

.layout-block-map .coupon .ttl p.off{
	font-size:1.125em;
	text-align: center;
	margin-bottom: 6px;
	font-weight: bold;
}

.layout-block-map .coupon .number{
	font-size:1.3em;
	margin-bottom: 9px;
}

.layout-block-map .coupon .code{
	color: #000;
	background-color: #FFF;
	border-radius: 25px;
	width: 80%;
	margin:0 auto;
	padding: 4px 0;
	text-align: center;
	font-weight: bold;
	font-size:1.125em;
}

.layout-block-map .coupon .coupon-store{
	background-color: #ea2026;
	text-align: center;
	color: #FFF;
	padding: 8px 0 3px;
	margin-bottom: 15px;
}

.layout-block-map .coupon .coupon-store p{
	margin-bottom: 10px;
}

.layout-block-map .unit-buttons .notation{
	font-size: 0.750em;
	text-align: right;
}

.layout-block-map .unit-buttons .notation a{
	text-decoration: underline;
}

.open-map{
	float: right;
	width: 140px;
	padding-top: 9px;
}

.open-map a{
	border:1px solid #bfbfbf;
	padding: 10px 15px;
	font-size: 0.750em;
	display: block;
}

.shopdetail-notice{
	text-align: left;
	margin: -20px 10px 20px;
}

@media screen and (max-width: 767px) {
	.lead{
		margin-bottom: 15px;
	}

	.layout-block-map{
		width: 100%;
	}

	.layout-block-map .unit-buttons{
		width:100%;
		float: none;
	}

	.shopdetail-button{
		width: 50%;
		padding-right: 2%;
		float: left;
		margin-bottom: 15px;
		position: relative;
	}

	.shopdetail-button:last-child {
		padding-right: 0;
	}

	.shopdetail-button a{
		display: block;
		padding: 10px 0;
		background-color: rgb(230,0,18);
		color: #FFF;
		text-align: center;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		box-shadow:0px 5px 0px 0px #b3000f;
		-moz-box-shadow:0px 5px 0px 0px #b3000f;
		-webkit-box-shadow:0px 5px 0px 0px #b3000f;
		transition: none;
		height: 60px;
	}

	.shopdetail-button a:hover{
		opacity: 1;
	}

	.layout-block-map .unit-map{
		width:100%;
		float: right;
	}

	.layout-block-map .unit-map .gmap{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.layout-block-map .unit-map .gmap iframe,
	.layout-block-map .unit-map .gmap object,
	.layout-block-map .unit-map .gmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.reserve a:before{
		content: '';
		background: url(../img/common/icon-reserve.png) 0 0 no-repeat;
		width: 25px;
		height: 25px;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		padding-right: 5px;
	}

	.phone a:before{
		content: '';
		background: url(../img/common/icon-phone.png) 0 0 no-repeat;
		width: 25px;
		height: 25px;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		padding-right: 5px;
	}

	body.coupon .coupon-detail .coupon{
		background: url(../img/common/bg-heading2.png) repeat;
		margin: 10px 0 20px 0;
		text-align: center;
		padding: 20px;
	}

	.layout-block-map .coupon{
		position: relative;
		width: 100%;
	}

	.layout-block-map .coupon .ttl{
		position: absolute;
		top: 20px;
		left: 0px;
		width: 100%;
		color: #FFF;
	}

	.layout-block-map .coupon .ttl p.name{
		text-align: center;
		color: #FFF;
		font-size:1.500em;
		font-weight: bold;
		margin-bottom: 0;
	}

	.layout-block-map .coupon .ttl p.off{
		font-size:1.125em;
		text-align: center;
		margin-bottom: 18px;
		font-weight: bold;
	}

	.layout-block-map .coupon .number{
		font-size:1.3em;
		margin-bottom: 9px;
	}

	.layout-block-map .coupon .code{
		color: #000;
		background-color: #FFF;
		border-radius: 25px;
		width: 80%;
		margin:0 auto;
		padding: 4px 0;
		text-align: center;
		font-weight: bold;
		font-size:1.125em;
	}

	.layout-block-map .coupon .coupon-store{
		background-color: #ea2026;
		text-align: center;
		color: #FFF;
		padding: 8px 0 3px;
		margin-bottom: 15px;
	}



	.layout-block-map .unit-buttons .notation{
		font-size: 0.750em;
		text-align: right;
	}

	.open-map{
		float: right;
		width: 160px;
		text-align: center;
		padding-top: 9px;
	}

	.open-map a{
		border:1px solid #bfbfbf;
		padding: 10px 15px;
		font-size: 0.750em;
		display: block;
	}

}

/*TAB contents*/

.tab{
	overflow:hidden;
	margin-bottom: -1px;
}

.tab li{
	float:left;
	width: 220px;
	background:#ffeded;
	padding:20px 0px;
	color: #e60012;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	cursor: pointer;
}

.tab li:last-child{
	border-right: 1px solid #ccc;
}

body.menu .tab li{
	background:#bfbfbf;
	color: #fff;
}

.tab li.select,
body.menu .tab li.select{
	background:#FFF;
	border-bottom: 1px solid #FFF;
	color: #e60012;
}

body.menu .tab li:hover{
	background:#FFF;
	color: #e60012;
}

.hide {
	display:none;
}

.panels-detail-store{
	width:300px;
	margin: 0 20px 30px 0;
	box-sizing: border-box;
	border:1px solid #e3e3e3;
	background-color: #FFF;
	box-shadow:0px 1px 0px 0px #ccc;
	display:inline-block;
	vertical-align:top;
}

.panels-detail-store:nth-child(3n){
	margin-right: 0;
}

.panels-detail-store a{
	display: block;
	transition: all .5s;
}

.panels-detail-store a:hover{
	opacity: 0.7;
}

.panels-detail-store img{
	width: 100%;
	height: auto;
}

.panels-detail-store .panels-text{
	padding: 20px;
}

.panels-detail-store .panels-date{
	color: #999;
	font-size: 0.625em;
	margin:0;
}

.panels-detail-store .panels-heading{
	position: relative;
	padding: 12px 0;
	font-size: 1em;
	font-weight: bold;
}

.panels-detail-store .panels-heading:after{
	width: 16px;
	height: 16px;
	margin: 5px 0 0 12px;
}

.panels-detail-store .panels-detail{
	font-size: 0.875em;
	text-align: center;
	padding:  0 15px 30px 15px;
	margin: 0;
}

.tab-content-detail{
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.tab-content-detail .inner{
	width: 880px;
	margin: 30px auto 0;
}

.tab-content-detail .inner h1{
	font-size: 0.875em;
	text-align: center;
	padding-bottom: 20px;
}

.tab-content-detail-01{
	width: 550px;
	float: left;
}

.tab-content-detail-01 p{
	margin-bottom: 0;
}

.tab-content-detail-01 table td,
.tab-content-detail-01 table th{
	border-bottom: 1px solid #bfbfbf;
	padding: 15px 15px;
}

.tab-content-detail-01 table{
	border-top: 1px solid #bfbfbf;
}

.tab-content-detail-01 table th{
	width: 160px;
	font-weight: bold;
}

.tab-content-detail-01 table tr.item{
	display: none;
}

.note{
	color: #666666;
	font-size:0.750em;
}

.note span{
	color: #CC0000;
}

.red{
	color: #cc0000;
}

.tab-content-detail-02{
	width: 300px;
	float: right;
}

.tab-content-detail-02 ul li{
	float: left;
	padding: 0 3px 4px 0;
}

.tab-content-detail-02 ul li img{
	width: 72px;
	height: auto;
}

.tab-content-detail-02 ul li:nth-child(8n) {
	padding-right: 0;
}

.button-room-detail{
	width: 100%;
	text-align: center;
}

.button-room-detail a{
	position: relative;
	display: block;
	padding: 10px 0;
	color: #FFF;
	background-color: #000;
	transition: all .5s;
}

.button-room-detail a:after{
	content: url("../img/common/icon-arrow-white.png");
	vertical-align: middle;
	display: inline-block;
	padding-top: 2px;
	padding-left: 15px;
}

.button-room-detail a:hover{
	opacity: 0.8;
}

.button-price-detail{
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.button-price-detail a{
	position: relative;
	display: block;
	padding: 10px 0;
	color: #FFF;
	background-color: #000;
	transition: all .5s;
}

.button-price-detail a:after{
	content: url("../img/common/icon-arrow-white.png");
	vertical-align: middle;
	display: inline-block;
	padding-top: 2px;
	padding-left: 15px;
}

.button-price-detail a:hover{
	opacity: 0.8;
}

.tab-content-price-wrapper{
	width: 880px;
	margin: 0 auto;
	padding: 35px 0;
}

.tab-content-price-wrapper h2.price-heading{
	margin-bottom: 12px;
	color: #000;
	text-align: center;
	font-size: 1.000em;
	font-weight: bold;
}

.tab-content-price-wrapper .detail{
	margin:0 0 35px 0;
	text-align: center;
	color: #ea2026;
	font-weight: bold;
}

.tab-content-price-wrapper .detail span{
	font-size: 1.250em;
}

.tab-content-price-unit{
	float: left;
	width: 430px;
}

.tab-content-price-unit h3{
	background: url("../img/common/bg-heading-slashed.png");
	text-align: center;
	padding: 10px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
}

.tab-content-price-unit:first-of-type{
	margin-right: 20px;
}

.tab-content-price-wrapper table{
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	background-color: #FFF;
	width: 100%;
	margin-bottom: 10px;
}

.tab-content-price-wrapper table p{
	margin-bottom: 0;
}

.tab-content-price-wrapper table th,
.tab-content-price-wrapper table td{
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	padding: 10px;
	vertical-align: middle;
}

.tab-content-price-wrapper tr.heading-01 th{
	text-align: center;
	font-weight: bold;
	background-color: #ffe0e0;
}

.tab-content-price-wrapper tr.heading-02 th{
	text-align: center;
	font-weight: bold;
	background-color: #e5f3ff;
}

.tab-content-price-wrapper tr.heading-sub-01 td{
	text-align: center;
	font-weight: bold;
	background-color: #fff5f5;
}

.tab-content-price-wrapper tr.heading-sub-02 td{
	text-align: center;
	font-weight: bold;
	background-color: #f2f9ff;
}

.tab-content-price-wrapper tr.student td{
	background-color: #f9ffeb;
}

.tab-content-price-wrapper tr.non-member td{
	background-color: #eeeeee;
}

.tab-content-price-wrapper td .price{
	color: #e60012;
	font-size: 	1.250em;
	text-align: right;
}

.tab-content-price-wrapper td .price span{
	font-size: 0.600em;
}

.tab-content-price-wrapper td .price-02{
	font-size: 	1em;
	text-align: right;
}

.tab-content-price-wrapper td .price-02 span.minus{
	font-size: 	1.250em;
	font-weight: bold;
	color: #007822;
}

.tab-content-price-wrapper td .price-02 span.plus{
	font-size: 	1.250em;
	font-weight: bold;
	color: #000000;
}

.tab-content-price-wrapper td .price-02 span.minus span,
.tab-content-price-wrapper td .price-02 span.plus span{
	font-size: 0.600em;
}

.bg-price-grey{
	background-color: #f7f7f7;
	width: 100%;
	padding: 0;
}

.bg-price-grey h2{
	background-color: #e1d1ff;
	width: 880px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: center;
	font-weight: bold;
}

.price-notation-block{
	width: 880px;
	margin:0 auto;
	padding: 50px 0;
}
@media screen and (max-width: 767px) {
	.tab li{
		width: 50%;
		background:#ffeded;
		padding:12px 0px;
		float:left;
		text-align: center;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		cursor: pointer;
	}

	.tab li:last-child{
		border-right: none;
	}

	.tab li.select{
		background:#FFF;
		border-bottom: 1px solid #FFF;
	}

	.tab li:hover{
		background:#FFF;
	}

	.hide {
		display:none;
	}

	.panels-detail-store{
		width:100%;
		margin: 0 0 30px 0;
		box-sizing: border-box;
		border:1px solid #e3e3e3;
		background-color: #FFF;
		box-shadow:0px 1px 0px 0px #ccc;
		display:inline-block;
		vertical-align:top;
		box-sizing: border-box;
	}

	.panels-detail-store:nth-child(3n){
		margin-right: 0;
	}

	.panels-detail-store a{
		display: block;
		transition: all .5s;
	}

	.panels-detail-store a:hover{
		opacity: 0.7;
	}

	.panels-detail-store img{
		width: 100%;
		height: auto;
	}

	.panels-detail-store .panels-text{
		padding: 20px;
	}

	.panels-detail-store .panels-date{
		color: #999;
		font-size: 0.625em;
		margin:0;
	}

	.panels-detail-store .panels-heading{
		position: relative;
		padding: 12px 0;
		font-size: 1em;
		font-weight: bold;
	}

	.panels-detail-store .panels-heading:after{
		width: 16px;
		height: 16px;
		margin: 5px 0 0 12px;
	}

	.panels-detail-store .panels-detail{
		font-size: 0.875em;
		text-align: center;
		padding:  0 15px 30px 15px;
		margin: 0;
	}

	.tab-content-detail{
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.tab-content-detail .inner{
		width: 94%;
		margin: 15px auto 0;
	}


	.tab-content-detail-01{
		width: 100%;
		float: none;
		box-sizing: border-box;
	}

	.tab-content-detail-01 table td,
	.tab-content-detail-01 table th{
		border-bottom: 1px solid #bfbfbf;
		padding: 10px;
		display: block;
	}

	.tab-content-detail-01 table{
		width: 100%;
		border-top: 1px solid #bfbfbf;
		box-sizing: border-box;
	}

	.tab-content-detail-01 table th{
		border-bottom: none;
		width: 100%;
		padding-bottom: 0;
	}

	.note{
		font-size:0.8rem;
	}

	.red{
		color: #cc0000;
	}

	.tab-content-detail-02{
		width: 100%;
		float: none;
	}

	.tab-content-detail-02 ul li{
		float: left;
		padding: 0 4px 4px 0;
		width: 25%;
		box-sizing: border-box;
	}

	.tab-content-detail-02 ul li img{
		width: 100%;
		height: auto;
	}

	.tab-content-detail-02 ul li:nth-child(4) {
		padding-right: 0px;
	}

	.tab-content-detail-02 ul li:nth-child(7n) {
		padding-right: 4px;
	}

	.button-room-detail{
		width: 100%;
		text-align: center;
	}

	.button-room-detail a{
		position: relative;
		display: block;
		padding: 10px 0;
		color: #FFF;
		background-color: #000;
		transition: all .5s;
	}

	.button-room-detail a:after{
		content: url("../img/common/icon-arrow-white.png");
		vertical-align: middle;
		display: inline-block;
		padding-top: 2px;
		padding-left: 15px;
	}

	.button-room-detail a:hover{
		opacity: 0.8;
	}


	.button-price-detail{
		width: 100%;
	}

	.button-price-detail a{
		position: relative;
		display: block;
		padding: 10px 0;
		color: #FFF;
		background-color: #000;
		transition: all .5s;
	}

	.button-price-detail a:after{
		content: url("../img/common/icon-arrow-white.png");
		vertical-align: middle;
		display: inline-block;
		padding-top: 2px;
		padding-left: 15px;
	}

	.button-price-detail a:hover{
		opacity: 0.8;
	}

	.tab-content-price-wrapper{
		width: 90.66%;
		margin: 0 auto;
		padding: 25px 0;
	}

	.tab-content-price-wrapper h2.price-heading{
		margin-bottom: 12px;
		color: #000;
		text-align: center;
		font-size: 1.000em;
		font-weight: bold;
	}

	.tab-content-price-wrapper .detail{
		margin:0 0 20px 0;
		text-align: center;
		color: #ea2026;
		font-weight: bold;
	}

	.tab-content-price-wrapper .detail span{
		font-size: 1.250em;
	}

	.tab-content-price-unit{
		float: none;
		width: 100%;
	}

	.tab-content-price-unit h3{
		background: url("../img/common/bg-heading-slashed.png");
		text-align: center;
		padding: 10px 0;
		margin: 0 0 20px 0;
		font-weight: bold;
	}

	.tab-content-price-unit:first-of-type{
		margin-right: 20px;
	}

	.tab-content-price-wrapper table{
		border-top: 1px solid #bfbfbf;
		border-left: 1px solid #bfbfbf;
		background-color: #FFF;
		width: 100%;
		margin-bottom: 30px;
	}

	.tab-content-price-wrapper table p{
		margin-bottom: 0;
	}

	.tab-content-price-wrapper table th,
	.tab-content-price-wrapper table td{
		border-bottom: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		padding: 10px;
		vertical-align: middle;
	}

	.tab-content-price-wrapper tr.heading-01 th{
		text-align: center;
		font-weight: bold;
		background-color: #ffe0e0;
	}

	.tab-content-price-wrapper tr.heading-02 th{
		text-align: center;
		font-weight: bold;
		background-color: #e5f3ff;
	}

	.tab-content-price-wrapper tr.heading-sub-01 td{
		text-align: center;
		font-weight: bold;
		background-color: #fff5f5;
	}

	.tab-content-price-wrapper tr.heading-sub-02 td{
		text-align: center;
		font-weight: bold;
		background-color: #f2f9ff;
	}

	.tab-content-price-wrapper tr.student td{
		background-color: #f9ffeb;
	}

	.tab-content-price-wrapper tr.non-member td{
		background-color: #eeeeee;
	}

	.tab-content-price-wrapper td .price{
		color: #e60012;
		font-size: 	1.250em;
		text-align: right;
	}

	.tab-content-price-wrapper td .price span{
		font-size: 0.600em;
	}

	.tab-content-price-wrapper td .price-02{
		font-size: 	1em;
		text-align: right;
	}

	.tab-content-price-wrapper td .price-02 span.minus{
		font-size: 	1.250em;
		color: #007822;
	}

	.tab-content-price-wrapper td .price-02 span.plus{
		color: #000000;
		font-size: 	1.250em;
	}

	.tab-content-price-wrapper td .price-02 span.minus span,
	.tab-content-price-wrapper td .price-02 span.plus span{
		font-size: 0.600em;
	}

	.bg-price-grey{
		background-color: #f7f7f7;
		width: 100%;
		padding: 0;
	}

	.bg-price-grey h2{
		background-color: #e1d1ff;
		width: 100%;
		margin: 0 auto;
		padding: 12px 0;
		text-align: center;
		font-weight: bold;
	}

	.price-notation-block{
		width: 90.66%;
		margin:0 auto;
		padding: 20px 0;
	}

}

/*-　詳細ページ下部　menu-campaign　-*/

.wrapper-menu-campaign{
	background-color: #f7f7f7;
	width: 100%;
	border-top: 1px solid #e3e3e3;
}

.wrapper-menu-campaign .menus-section{
	width: 940px;
	margin: 0 auto;
}

.wrapper-menu-campaign .panel-block{
	width: 950px;
	background-color: #FFF;

}

.wrapper-menu-campaign .campaign-section{
	background: none;
	border:none;
}

.panel-block-halves-detail .panels{
	width:457px;
	margin: 0 20px 20px 0;
	box-sizing: border-box;
	border:1px solid #e3e3e3;
	background-color: #FFF;
	box-shadow:0px 1px 0px 0px #ccc;
	display:inline-block;
	vertical-align:top;
}

.panel-block-halves-detail .panels:nth-child(2n){
	margin-right: 0;
}

.panel-block-halves-detail .panels a{
	display: block;
	transition: all .5s;
}

.panel-block-halves-detail .panels a:hover{
	opacity: 0.7;
}

.panel-block-halves-detail .panels .panels-thumbnail{
	float: left;
	width: 140px;
	height: 80px;
}

.panel-block-halves-detail .panels img{
	width: 100%;
	height: auto;
}

.panel-block-halves-detail .panels .panels-text{
	float: left;
	padding: 5px 5px 5px 15px;
	width: 300px;
}

.panel-block-halves-detail .panels .panels-date{
	color: #999;
	font-size: 0.625em;
	margin:0;
}

.panel-block-halves-detail .panels-heading{
	position: relative;
	padding:0 0 3px;
	font-size: 1em;
	font-weight: bold;
}

.panel-block-halves-detail .panels-detail{
	font-size: 0.875em;
	text-align: center;
	padding:  0 15px 30px 15px;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.wrapper-menu-campaign{
		background-color: #f7f7f7;
		width: 100%;
	}

	.wrapper-menu-campaign .menus-section{
		width: 100%;
		margin: 0 auto;
	}

	.wrapper-menu-campaign .panel-block{
		width: 100%;
		background-color: #FFF;
	}

	.wrapper-menu-campaign .panel-block .panels{
		width:50%;
		float: left;
		vertical-align: top;
		border-right: 1px solid #e3e3e3;
		box-sizing: border-box;
	}

	.wrapper-menu-campaign .panel-block .panels .panels-heading{
		font-size: 0.9rem;
	}

	.wrapper-menu-campaign .panel-block .panels .panels-detail{
		font-size: 0.8rem;
	}

	.wrapper-menu-campaign .campaign-section{
		background: none;
		border:none;
	}

	.panel-block-halves-detail{
		width: 92%;
		margin: 0 auto;
	}

	.panel-block-halves-detail .panels{
		width:100%;
		margin: 0 0 15px;
		box-sizing: border-box;
		border:1px solid #e3e3e3;
		background-color: #FFF;
		box-shadow:0px 1px 0px 0px #ccc;
		display:inline-block;
		vertical-align:top;
	}

	.panel-block-halves-detail .panels:nth-child(2n){
		margin-right: 0;
	}

	.panel-block-halves-detail .panels a{
		display: block;
		transition: none;
	}

	.panel-block-halves-detail .panels a:hover{
		opacity: 1;
	}

	.panel-block-halves-detail .panels .panels-thumbnail{
		float: left;
		width: 50%;
		height: 100%;
	}

	.panel-block-halves-detail .panels img{
		width: 100%;
		height: auto;
	}

	.panel-block-halves-detail .panels .panels-text{
		float: left;
		padding: 5px 3px 5px 15px;
		width: 50%;
	}

	.panel-block-halves-detail .panels .panels-date{
		color: #999;
		font-size: 0.625em;
		margin:0;
	}

	.panel-block-halves-detail .panels-heading{
		padding: 4px 0 0;
		font-size: 0.8rem;
		font-weight: bold;
		line-height: 1.2;
	}

	.panel-block-halves-detail .panels-detail{
		font-size: 0.875em;
		text-align: center;
		padding:  0 15px 30px 15px;
		margin: 0;
	}

}


/* MENU PAGE */
.push-section{
	padding: 37px 0 0;
}

.push-section h2{
	font-size: 	1.250em;
	text-align: center;
	margin: 0 0 37px;
	font-weight: bold;
}

.menu .tab-content h2{
	color: #000;
	font-size: 1.250em;
	text-align: left;
	margin: 0 0 37px;
	font-weight: bold;
}

body.menu .tab-content-detail .inner{
	width: 100%;
	background: url("../img/common/bg-campaign.png");
	margin: 0;
}

body.menu .tab-content-detail .inner-white{
	width: 100%;
	background: none;
	margin: 0;
}


body.menu .tab-content-detail .inner .inner-contents,
body.menu .tab-content-detail .inner-white .inner-contents{
	width: 880px;
    margin: 0 auto;
    padding-top: 30px;
}


.menu-tab .panel-block-thirds .panels{
	width:280px;
	margin: 0 20px 30px 0;
	border:1px solid #e3e3e3;
	background-color: #FFF;
	box-shadow:0px 1px 0px 0px #ccc;
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal; /* 追加 */
	box-sizing: border-box;
}

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

	.push-section{
		padding: 0;
	}

	.push-section h2{
		font-size: 	1.6rem;
		text-align: center;
		margin: 0 0 20px;
		font-weight: bold;
	}

	.menu .tab-content h2{
		color: #000;
		font-size: 1.4rem;
		text-align: left;
		margin: 0 0 20px 5%;
		font-weight: bold;
	}

	body.menu .tab-content-detail .inner .inner-contents,
	body.menu .tab-content-detail .inner-white .inner-contents{
	width: 100%;
    margin: 0 auto;
    padding-top: 30px;
	}

	.menu-tab .panel-block-thirds .panels{
		width:92.66%;
		float: none;
		margin: 30px auto;
		display: block;
	}

	.menu .inner-white .panel-block-thirds .panels:nth-child(n+1),
	.column-section .panel-block-thirds .panels{
		margin: 20px auto;
	}

	.menu .inner-white .panel-block-thirds .panels:nth-child(n+1) .panels-thumbnail,
	.column-section .panel-block-thirds .panels .panels-thumbnail  {
		width: 50%;
		float: left;
	}

	.menu .inner-white .panel-block-thirds .panels:nth-child(n+1) .panels-text,
	.column-section .panel-block-thirds .panels .panels-text {
		width: 50%;
		padding: 8px 8px 0 8px;
		float: left;
	}

	.menu .inner-white .panel-block-thirds .panels:nth-child(n+1) .panels-heading,
	.column-section  .panels .panels-heading{
		font-size: 0.8rem;
		padding: 4px 0 0 0;
	}
}

/*MENU二つ目のタブ*/

.regular-menu .panel{
	width: 460px;
	margin: 0 20px 30px 0;
	border:1px solid #e3e3e3;
	background-color: #FFF;
	box-shadow:0px 1px 0px 0px #ccc;
	float: left;
	box-sizing: border-box;
}

.inner-white .regular-menu .panel{
	width: 430px;
}

.regular-menu .panel:nth-child(2n){
	margin-right: 0;
}

.regular-menu .panel .photo{
	float: right;
	width: 240px;
	margin: 0 0 0 15px;
}

.regular-menu .panel .photo img{
	width: 100%;
	height: auto;
}

.regular-menu .panel h3{
	font-size: 1em;
	padding: 10px 10px 10px;
	font-weight: bold;
}

.regular-menu .panel .description-block{
	position: relative;
	background-color: #f7f7f7;
	padding: 14px 14px 5px 14px;
}

p.description{
	font-size: 0.875em;
	margin-bottom: 3px;
}

p.center{
	text-align: left;
}

p.description span{
	color: #FFF;
	background-color: #e60012;
	width: 52px;
	text-align: center;
	font-size: 0.714em;
	display: inline-block;
	margin-right: 15px;
}

.description-block p.price{
	text-align: right;
	margin-bottom: 0;
	right: 40px;
	margin-top: 15px;
	font-size: 1.429em;
	color: #e60012;
}

.description-block p.price span{
	font-size: 	0.6em;
	vertical-align: middle;
}

p.description span.center{
	color: #000;
	background:none;
	text-align: center;
	display: inline-block;
	width: 150px;
}

#machine ul.btn-border{
	text-align: center;
	width: 225px;
	margin: 30px auto 0;
}

ul.btn-border{
	text-align: center;
	width: 456px;
	margin: 30px auto 0;
}

ul.btn-border li a{
	display: block;
	width: 220px;
	padding: 12px 0;
	text-align:center;
	border:1px solid #bfbfbf;
	transition: all .5s;
}

ul.btn-border li a:after{
	content: '';
	background: url("../img/common/icon-arrow-black.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 10px;
	margin-top: -2px;
	vertical-align: middle;
}

.btn-arrow a{
	display: block;
	padding: 12px 0;
	transition: all .5s;
}

.btn-arrow a:after{
	content: '';
	background: url("../img/common/icon-arrow-black.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 10px;
	margin-top: -2px;
	vertical-align: middle;
}

.btn-border li a:hover{
	background-color: #eee;
}

ul.btn-border li{
	float: left;
}

ul.btn-border li:first-child{
	padding-right: 10px;
}

.btn-border-white{
	text-align: center;
	width: 220px;
	margin: 15px auto;
}

.btn-border-white a{
	display: block;
	width: 220px;
	padding: 12px 0;
	text-align:center;
	color: #FFF;
	border:1px solid #FFF;
	transition: all .5s;
}

.btn-border-white a:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 10px;
	margin-top: -2px;
	vertical-align: middle;
}

.btn-border-white a:hover{
	background-color: rgba(232,232,232,0.5);
}


@media screen and (max-width: 767px) {
	.regular-menu .panel{
		width: 90.6%;
		margin: 0 auto 20px;
		border:1px solid #e3e3e3;
		background-color: #FFF;
		box-shadow:0px 1px 0px 0px #ccc;
		float: none;
		box-sizing: border-box;
	}

	.inner-white .regular-menu .panel{
		width: 90.6%;
	}

	.regular-menu .panel:nth-child(2n){
		margin: 0 auto 20px;
	}

	.regular-menu .panel .photo{
		float: right;
		width: 50%;
		margin: 0 0 0 15px;
	}

	.regular-menu .panel h3{
		font-size: 1em;
		padding: 15px;
		font-weight: bold;
	}

	.regular-menu .panel .description-block{
		position: relative;
		background-color: #f7f7f7;
		padding: 14px;
	}

	p.description{
		font-size: 0.875em;
		margin-bottom: 0px;
	}

	p.description span{
		color: #FFF;
		background-color: #e60012;
		width: 52px;
		text-align: center;
		font-size: 0.714em;
		display: inline-block;
		margin-right: 15px;
	}

	.description-block p.price{
		text-align: right;
		margin-bottom: 0;
		right: 40px;
		margin-top: 15px;
		font-size: 1.2rem;
		color: #e60012;
	}

	.description-block p.price span{
		font-size: 	0.6em;
		vertical-align: middle;
	}

	#machine ul.btn-border{
		width: 90.6%;
	}

	#machine ul.btn-border li{
		width: 100%;
	}

	ul.btn-border{
		text-align: center;
		width: 92%;
		margin: 15px auto 0;
	}

	ul.btn-border li{
		width: 50%;
	}

	ul.btn-border li a{
		display: block;
		width: 100%;
		padding: 12px 0;
		text-align:center;
		border:1px solid #bfbfbf;
	}

	ul.btn-border li{
		float: left;
	}

	ul.btn-border li:first-child{
		padding-right: 10px;
	}

	.btn-border-white{
		text-align: center;
		float: left;
		width: 49%;
		margin: 15px auto;
	}

	.margin-right-2{
		margin-right:2%;
	}

	.btn-border-white a{
		display: block;
		width: 100%;
		padding: 12px 0;
		text-align:center;
		color: #FFF;
		border:1px solid #FFF;
		transition: all .5s;
	}

	.btn-border-white a:after{
		content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 10px;
		margin-top: -2px;
		vertical-align: middle;
	}

	.btn-border-white a:hover{
		background-color: rgba(232,232,232,0);
	}


}

/*price page*/
span.roundnumber{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	width:18px;
	height:18px;
	border-radius:10px;
	padding:1px;
	background-color: #e60012;
	color: #FFF;
}



.layout-block-example{
	width: 100%;
	padding: 46px 0 0;
}

.layout-block-example p.note{
	font-weight: normal;
}

.unit-example-01{
	float:left;
	width: 320px;
	margin-right: 20px;
	padding: 10px;
	background: url("../img/common/bg-campaign.png");
	box-sizing: border-box;
}

.unit-example-01 p{
	text-align: center;
	font-size: 0.750em;
	margin-bottom: 10px;
	font-weight: bold;
}

.unit-example-01 table{
	width: 100%;
	background-color: #FFF;
	border-left: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

.unit-example-01 table td{
	padding: 9px;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

.unit-example-01 table td.hours{
	background-color: #ffeded;
	text-align: center;
	font-weight: bold;
}

.unit-example-01 table td.days{
	text-align: center;
	font-weight: bold;
}

.unit-example-01 table td.heading{
	border-right: none;
}

.unit-example-01 table p{
	margin-bottom: 0;
}

p.price {
    font-size: 1.429em;
    font-weight: bold;
    color: #e60012;
}

p.price span{
	font-size: 0.6em;
}

.unit-example-02{
	width: 100%;
	margin-bottom: 18px;
}

.unit-example-02 .title{
	font-weight: bold;
	margin-left: 10px;
}

.unit-example-02 .unit{
	border-bottom: 1px solid #bfbfbf;
	padding: 12px;
}

.unit-example-02 .unit:first-child{
	border-top: 1px solid #bfbfbf;
}

.unit-example-02 .unit p{
	margin: 10px 14px;
}

.unit-example-02 p.note{
	font-size: 0.750em;
	margin-top: 15px;
	color: #666666;
}

.unit-example-02 p.note span{
	color: #CC0000;
}

.recommend-block {
	width: 100%;
    padding: 46px 0 0;
/*    background-color: #f7f7f7;*/
/*    border-bottom: 1px solid #e3e3e3;*/
    border-top: 1px solid #e3e3e3;
}

.recommend-block .inner-contents{
	width: 940px;
	margin:0 auto;
}

.recommend-block .inner-contents img{
	width: 100%;
	height: auto;
}

.recommend-block .unit{
	width: 460px;
	float: left;
	margin-left: 20px;
}

.recommend-block .unit:first-child{
	margin-left: 0px;
}

.recommend-block h2 {
    font-size: 1.250em;
    text-align: center;
    margin: 0 0 37px;
    font-weight: bold;
}


body.price .panel .photo {
    float: right;
    width: 300px;
    margin: 0 0 0 2px;
}

body.price .panel .time {
    font-size: 1em;
    padding-top: 60px;
    font-weight: bold;
    text-align: center;
}

h3 span.icon{
	background-color: #FFF;
	color: #000;
	padding: 2px;
	display: inline-block;
	width: 68px;
	text-align: center;
	font-size: 0.7em;
	margin-bottom: 7px;
}

body.price .regular-menu .panel .description-block {
	background-color: #FFF;
}

body.price .description-block p{
	margin-bottom: 5px;
}

body.price .description-block h3.title{
	font-weight: bold;
}

.plan-block{
	width: 100%;
    padding: 46px 0 30px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e3e3e3;
    background: url("../img/common/bg-campaign.png");
}

.plan-block h2 {
    font-size: 1.250em;
    text-align: center;
    margin: 0 0 37px;
    font-weight: bold;
}

.plan-block .inner-contents{
	width: 940px;
	margin:0 auto;
}

.bg-color-00{
	background-color: #f7f3c9;
}

.bg-color-01{
	background-color: #e1d1ff;
}

.bg-color-02{
	background-color: #e2eacd;
}

.bg-color-03{
	background-color: #cde6d2;
}

.bg-color-04{
	background-color: #c4e3e2;
}

.bg-color-05{
	background-color: #b8e2f6;
}

.bg-color-06{
	background-color: #ffc4a0;
}

.bg-color-07{
	background-color: #ffd1e5;
}

.bg-color-08{
	background-color: #bfe0ff;
}

.plan-block-02 {
	width: 100%;
    padding: 37px 0 30px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.plan-block-02 .inner-content{
	width: 940px;
	margin:0 auto;
}

.plan-block-02 .unit{
	width: 460px;
	float: left;
	margin-left: 20px;
}

.plan-block-02 .unit:first-child{
	margin-left: 0px;
}

.plan-block-02 h2 {
    font-size: 1.250em;
    text-align: center;
    margin: 0 0 37px;
    font-weight: bold;
}

.center{
	text-align: center;
	font-size: 0.875em;
}

.btn-black{
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.layout-block-example .btn-black{
	margin: 0 auto;
	text-align: center;
}


.btn-black a{
	padding: 10px 0;
	display: block;
	background-color: #000;
	color: #FFF;
	transition: all .5s;
}

.btn-black a:hover{
	opacity: 0.7;
}

.btn-black a:after{
		content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}


.btn-black2{
	/*width: 300px;*/
	text-align: center;
	margin: 0 auto;
}

.layout-block-example .btn-black2{
	margin: 0 auto;
	text-align: center;
}


.btn-black2 a{
	padding: 10px 0;
	display: block;
	background-color: #000;
	color: #FFF;
	transition: all .5s;
}

.btn-black2 a:hover{
	opacity: 0.7;
}

.btn-black2 a:after{
		content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}

.btn-red{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

.btn-red a{
	padding: 10px 8px;
	display: block;
	background-color: #e60012;
	color: #FFF;
	transition: all .5s;
}

.btn-red a:hover{
	opacity: 0.7;
}

.btn-red a:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 10px;
	height: 16px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}

.btn-red-pdf{
	width: 490px;
	margin: 30px auto;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.btn-red-sp-inline{
		margin: 30px auto;
		display: table;
		padding: 10px;
	}
}
@media screen and (min-width: 768px){
.btn-red-inline{
	margin: 30px auto;
	text-align: center;
	padding: 10px;
}
}

.btn-red-pdf a{
	padding: 18px 0;
	display: block;
	background-color: #e60012;
	color: #FFF;
	transition: all .5s;
}

.btn-red-pdf a:hover{
	opacity: 0.7;
}

.btn-red-pdf a:after{
	content: '';
	background: url("../img/common/icon-pdf.png") no-repeat;
	display: inline-block;
	width: 14px;
	height: 17px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}

.btn-red-faq{
	width: 450px;
	margin: 30px auto;
	text-align: center;
}

.btn-red-faq a{
	padding: 18px 0;
	display: block;
	background-color: #e60012;
	color: #FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 5px 0px 0px #b3000f;
	-moz-box-shadow:0px 5px 0px 0px #b3000f;
	-webkit-box-shadow:0px 5px 0px 0px #b3000f;
	transition: all .5s;
}

.btn-red-faq a:hover{
	opacity: 0.7;
}

.btn-red-faq a:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 14px;
	height: 17px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}

.btn-red-404{
	width: 300px;
	margin: 30px auto;
	text-align: center;
}

.btn-red-404 a{
	padding: 18px 0;
	display: block;
	background-color: #E60012;
	color: #FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 5px 0px 0px #F48083;
	-moz-box-shadow:0px 5px 0px 0px #F48083;
	-webkit-box-shadow:0px 5px 0px 0px #F48083;
	transition: all .5s;
}

.btn-red-404 a:hover{
	opacity: 0.7;
}

.btn-red-404 a:after{
	content: '';
	background: url("../img/common/icon-arrow-white.png") no-repeat;
	display: inline-block;
	width: 14px;
	height: 17px;
	padding: 0px;
	margin-left: 8px;
	margin-top: -1px;
	vertical-align: middle;
}


.others-block{
	padding: 0 0 70px 0;
	text-align: center;
}

.others-block p{
	text-align: center;
}

@media screen and (max-width: 767px) {
	span.roundnumber{
		display:inline-block;
		text-align:center;
		vertical-align:middle;
		font-size:12px;
		width:18px;
		height:18px;
		border-radius:10px;
		padding:1px;
		background-color: #e60012;
		color: #FFF;
	}

	.layout-block-example{
		width: 100%;
		padding: 0;
	}

	.unit-example-01{
		float:none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 10px;
		background: url("../img/common/bg-campaign.png");
		box-sizing: border-box;
	}

	.unit-example-01 p{
		text-align: center;
		font-size: 1rem;
	}

	.unit-example-01 table{
		width: 100%;
		background-color: #FFF;
		border-left: 1px solid #bfbfbf;
		border-bottom: 1px solid #bfbfbf;
	}

	.unit-example-01 table td{
		padding: 9px;
		border-top: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
	}

	.unit-example-01 table td.hours{
		background-color: #ffeded;
		text-align: center;
	}

	.unit-example-01 table td.days{
		text-align: center;
	}

	.unit-example-01 table td.heading{
		border-right: none;
	}

	p.price {
	    font-size: 1.429em;
	    font-weight: bold;
	    color: #e60012;
	}

	p.price span{
		font-size: 0.6em;
	}

	.unit-example-02{
		float:none;
		width: 100%;
		margin-bottom: 18px;
	}

	.unit-example-02 .unit{
		border-bottom: 1px solid #bfbfbf;
		padding: 6px;
	}

	.unit-example-02 .unit:first-child{
		border-top: 1px solid #bfbfbf;
	}

	.unit-example-02 .unit p{
		margin: 5px 6px;
	}

	.unit-example-02 p.note{
		font-size: 0.750em;
		margin-top: 15px;
	}

	.recommend-block {
		width: 100%;
	    padding: 18px 0 20px;
	}

	.recommend-block .inner-contents{
		width: 90.6%;
		margin:0 auto;
	}

	.recommend-block .unit{
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.recommend-block .unit:first-child{
		margin-left: 0px;
		margin-bottom: 15px;
	}

	.recommend-block h2 {
	    font-size: 1.250em;
	    text-align: center;
	    margin: 0 0 15px;
	    font-weight: bold;
	}

	body.price .panel .time {
	    font-size: 1em;
	    padding: 26px 5px 3px;
	    font-weight: bold;
	    text-align: center;
	}


	body.price .panel .photo {
	    float: right;
	    width: 70%;
	    margin: 0 0 0 15px;
	}

	body.price .panel h3 {
	    font-size: 0.8rem;
	    padding-top: 17px;
	    font-weight: bold;
	}

	h3 span.icon{
		background-color: #FFF;
		color: #000;
		padding: 2px;
		display: block;
		width: 36px;
		text-align: center;
		font-size: 0.7em;
		margin: 7px auto;
	}

	body.price .regular-menu .panel .description-block {
		background-color: #FFF;
	}

	body.price .description-block p{
		margin-bottom: 5px;
	}

	body.price .description-block h3.title{
		font-weight: bold;
		padding-top: 0;
	}

	.plan-block{
		width: 100%;
	    padding: 18px 0 20px;
	    background-color: #f7f7f7;
	    border-bottom: 1px solid #e3e3e3;
	    background: url("../img/common/bg-campaign.png");
	}


	.plan-block h2 {
	    font-size: 1.250em;
	    text-align: center;
	    margin: 0 0 15px;
	    font-weight: bold;
	}

	.plan-block .inner-contents{
		width: 90.6%;
		margin:0 auto;
	}

	.plan-block-02 {
		width: 100%;
	    padding: 37px 0 30px;
	    background-color: #f7f7f7;
	    border-bottom: 1px solid #e3e3e3;
	    border-top: 1px solid #e3e3e3;
	}

	.plan-block-02 .inner-content{
		width: 90.6%;
		margin:0 auto;
	}

	.plan-block-02 .unit{
		width: 100%;
		float: left;
		margin-left: 0;
	}

	.plan-block-02 .unit:first-child{
		margin-left: 0px;
	}

	.plan-block-02 h2 {
	    font-size: 1.250em;
	    text-align: center;
	    margin: 0 0 37px;
	    font-weight: bold;
	}

	.center{
		text-align: center;
		font-size: 0.875em;
	}


	.btn-black{
		width: 96.6%;
		text-align: center;
		margin: 0 auto;
	}

	.btn-black a{
		padding: 15px 0;
		display: block;
		background-color: #000;
		color: #FFF;
	}

	.btn-black a:hover{
		opacity: 1;
	}

	.btn-black a:after{
			content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
	}

	.btn-red{
		width: 90.6%;
		margin: 0 auto;
		text-align: center;
	}

	.btn-red a{
		padding: 15px 0;
		display: block;
		background-color: #e60012;
		color: #FFF;
		transition: all .5s;
	}

	.btn-red a:hover{
		opacity: 0.7;
	}

	.btn-red a:after{
		content: '';
		background: url("../img/common/icon-arrow-white.png") no-repeat;
		display: inline-block;
		width: 10px;
		height: 16px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
	}

	.others-block{
		width: 90.6%;
		margin: 0 auto;
		padding: 20px 0;
	}

	.btn-red-pdf{
		width: 93%;
		margin: 30px auto;
		text-align: center
	}

	.btn-red-pdf a{
		padding: 18px 0;
		display: block;
		background-color: #e60012;
		color: #FFF;
		transition: all .5s;
	}

	.btn-red-pdf a:hover{
		opacity: 0.7;
	}

	.btn-red-pdf a:after{
		content: '';
		background: url("../img/common/icon-pdf.png") no-repeat;
		display: inline-block;
		width: 14px;
		height: 17px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
	}

	.btn-red-faq{
		width: 100%;
		margin: 30px auto;
		text-align: center;
		padding: 0;
	}

	.btn-red-404{
		width: 80%;
		margin: 30px auto;
		text-align: center
	}

	.btn-red-404 a{
		padding: 18px 0;
		display: block;
		background-color: #E60012;
		color: #FFF;
		transition: all .5s;
	}

	.btn-red-404 a:hover{
		opacity: 0.7;
	}

	.btn-red-404 a:after{
		content: '';
		display: inline-block;
		width: 14px;
		height: 17px;
		padding: 0px;
		margin-left: 8px;
		margin-top: -1px;
		vertical-align: middle;
	}

	.btn-red-404{
		width: 100%;
		margin: 30px auto;
		text-align: center;
		padding: 0;
	}

}

.campaign-top-section{
	padding-top: 37px;
}

@media screen and (max-width: 767px) {
	.campaign-top-section{
	padding-top: 0px;
	}
}


/* ===== modal ===== */

.modal-content,
.modal-open,
.modal-wrap{
	display: none;
}

@media screen and (max-width: 767px) {
	.modal-open{
		display: block;
	}

	.lock {
		overflow:hidden;
	}

	.modal-content {
		position:relative;
		display:none;
		width:100%;
		margin:0;
		top:0 !important;
		left: 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.modal-content .logo{
		width: 37.33%;
	    padding: 4% 0 4% 4%;
	}

	.modal-content .btn-coupon{
		position: absolute;
    	top: 13px;
    	right: 17%;
    	width: 21.33%;
	}

	.modal-content p {
		margin:0;
		padding:0;
	}

	.modal-overlay {
		z-index:9998;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:rgba(253,253,253,1);
	}

	.modal-wrap {
		-webkit-overflow-scrolling: touch;
		z-index:9999;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow:auto;
	}

	.modal-open {
		color:#00f;
		text-decoration:underline;
		z-index: 999;
	}

	.modal-open:hover {
		cursor:pointer;
		color:#f00;
	}

	.modal-close:hover {
		cursor:pointer;
		color:#f00;
	}

	.close_top{
		text-align: right;
		margin: 0px;
	}

	.close_top .modal-close{
		position: absolute;
		top: 13px;
		right: 13px;
		width: 12%;
		height: 0;
	}

	.modal-content > ul{
		overflow: hidden;
		margin:0;
		padding:0;
	}

	.modal-content > ul li.lavel{
		background-color: #F70841;
		font-size: 1.6em;
		padding:5px 30px;
		font-weight: bold;
	}

	.modal-content > ul li.lavel a{
		color: #fff;
	}

	p.close_bottom{
		float: right;
		width: 12%;
		padding: 6px;
	}

	p.close_bottom a{
		display: block;
		background-color: #fff;
		color:#00f;
		text-align: right;
	}
}

/*facility*/

.list-spec-wrapper{
	background-color: #f48083;
	width: 100%;
}

.list-spec-wrapper h2{
	color: #FFF;
	font-size: 1.250em;
	font-weight: bold;
	padding: 35px 0;
	text-align: center;
}

.list-spec{
	width: 940px;
	padding-bottom: 30px;
	margin:0 auto 30px;
}

.list-spec li{
	float: left;
	width: 186px;
	color: #FFF;
	padding: 0 20px;
	background: url("../img/line-dotted.png") 100% 0 no-repeat;
	display: block;
	min-height: 60px;
	font-size: 0.875em;
	font-weight: bold;
	box-sizing: border-box;
}

.list-spec li:last-child{
	background: none;
 }

.anchor-block{
 	width: 940px;
}

.anchor-block p{
	background-color: #bfbfbf;
	color: #FFF;
	text-align: center;
	padding:9px 0;
	font-size: 0.750em;
	margin-bottom: 0;
}

.anchor-block ul{
	width: 940px;
	border-left:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	box-sizing: border-box;
	font-weight: bold;
	margin-bottom: 0;
}

.anchor-block ul.second{
 	width: 940px;
}

.anchor-block li{
	width: 25%;
	background: url("../img/common/icon-arrow-down.png") no-repeat 95% 50%;
	float: left;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	box-sizing: border-box;
}

.anchor-block ul.second li{
	width: 50%;
}

.anchor-block li a{
	display: block;
	padding:15px 20px;
	box-sizing: border-box;
	font-size: 0.750em;
	transition: all .5s;
}

.anchor-block li a:hover{
	background-color: rgba(200,200,200,0.5);
}

.layout-block-facility{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 30px;
}

.layout-block-facility .unit{
	width: 450px;
	margin: 0 40px 30px 0;
	float: left;
}

.layout-block-facility .unit img{
	width: 100%;
	height: auto;
}

.layout-block-facility .unit:nth-child(2n){
	margin-right: 0px;
}

.layout-block-facility .unit .icon{
	float: right;
	padding-top: 15px;
	width: 72px;
}

.layout-block-facility .unit .btn-arrow a{
	padding: 0;
}

.layout-block-facility p.shoulder{
	padding-top: 15px;
	margin-bottom: 6px;
	font-weight: bold;
}

.layout-block-facility .unit h3{
	margin-bottom: 15px;
	font-weight: bold;
}

.layout-block-facility .btn-red{
	width: 380px;
}

.barrier-free-block{
	background-color: #e9f5e4;
}

.barrier-free-block .inner{
	width: 940px;
	padding-bottom:50px;
	margin: 0 auto;
}

.barrier-free-block .inner h3{
	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 30px 0;
}

.barrier-free-block .inner .figure{
	float: left;
	padding-right: 50px;
	width: 460px;
}

.barrier-free-block .inner .figure img{
	width: 100%;
}

.barrier-free-block .inner .text-unit{
	overflow: hidden;
}

.button-block{
	width: 940px;
	margin:0 auto;
	padding: 60px 0;
}

.button-block h3{
	text-align: center;
	font-weight: bold;
	font-size: 	1.125em;
}

@media screen and (max-width: 767px) {
	.list-spec-wrapper{
		background-color: #f48083;
		width: 100%;
	}

	.list-spec-wrapper h2{
		color: #FFF;
		font-size: 1.250em;
		font-weight: bold;
		padding: 15px 0;
		text-align: center;
	}

	.list-spec{
		width: 100%;
		padding-bottom: 30px;
		margin:0 auto;
	}

	.list-spec li{
		float: none;
		width: 90.6%;
		color: #FFF;
		padding: 10px;
		background: none;
		display: block;
		min-height: 30px;
		font-size: 0.875em;
		font-weight: bold;
		box-sizing: border-box;
		border-bottom: 1px dotted #fac0c1;
		margin: 0 auto;
	}

	.list-spec li:last-child{
		background: none;
	 }

	.list-spec li:first-child{
		border-top: 1px dotted #fac0c1;
	 }

	.anchor-block{
	 	width: 100%;
	}

	.anchor-block p{
		background-color: #bfbfbf;
		color: #FFF;
		text-align: center;
		padding:9px 0;
		font-size: 0.750em;
	}

	.anchor-block ul{
		width: 100%;
		border-left:1px solid #bfbfbf;
		border-top:1px solid #bfbfbf;
		box-sizing: border-box;
	}

	.anchor-block ul.second{
		width: 100%;
	}

	.anchor-block li{
		background: url("../img/common/icon-arrow-down.png") no-repeat 95% 50%;
		float: left;
		border-right:1px solid #bfbfbf;
		border-bottom:1px solid #bfbfbf;
		box-sizing: border-box;
		width: 50%;

	}

	.anchor-block li a{
		display: block;
		padding:15px 20px;
		box-sizing: border-box;
		font-size: 0.750em;
		transition: all .5s;
	}

	.anchor-block li a:hover{
		background-color: rgba(255,255,255,0);
	}

	.layout-block-facility{
		width: 100%;
		margin: 0 auto;
		padding: 60px 0 0;
	}

	.layout-block-facility .unit{
		width: 100%;
		margin: 0 40px 30px 0;
		float: none;
	}



	.layout-block-facility .text-block{
		width: 90.6%;
		margin:0 auto;
	}

	.layout-block-facility .unit:nth-child(2n){
		margin-right: 0px;
	}

	.layout-block-facility .unit .icon{
		float: right;
		padding-top: 15px;
	}

	.layout-block-facility p.shoulder{
		padding-top: 15px;
		margin-bottom: 6px;
	}

	.layout-block-facility .unit h3{
		margin-bottom: 15px;
	}

	.layout-block-facility .btn-red{
		width: 90.6%;
	}

	.barrier-free-block{
		background-color: #e9f5e4;
	}

	.barrier-free-block .inner{
		width: 90.6%;
		padding-bottom:25px;
		margin: 0 auto;
	}

	.barrier-free-block .inner h3{
		color: #000;
		text-align: center;
		font-weight: bold;
		padding: 20px 0 10px;
	}

	.barrier-free-block .inner .figure{
		float: none;
		padding-right: 0px;
		text-align: center;
		width: 100%;
	}

	.barrier-free-block .inner .text-unit{
		width: 100%;
		overflow: hidden;
	}

	.button-block{
		width: 100%;
		margin:0 auto;
		padding: 20px 0;
	}

	.button-block h3{
		text-align: center;
		font-weight: bold;
		font-size: 	1.125em;
	}
}

/*joysound page*/

.machine-dam-block{
	width: 626px;
	margin: 0 auto 40px;
}

.machine-dam-block .unit{
	float: left;
	width: 313px;
}

.machine-dam-block .unit img{
	width:100%;
	height: auto;
}

.first-block{
	background: #f1906a;
	min-height: 428px;
	width: 100%;
	color: #FFF;
	padding: 20px;
}

.second-block{
	background: #3d4248;
	min-height: 428px;
	width: 100%;
	color: #FFF;
	padding: 20px;
}

.first-block li,
.second-block li{
	border-bottom: dotted 1px rgba(255,255,255,0.7);
	padding: 10px 0;
	font-size: 0.875em;
}

body.room .notation-block{
	margin: 20px auto 40px;
	text-align: left;
	width: 460px;
}

.notation-block p{
	margin-bottom: 10px;
}

.notation-block ul.note{
	list-style-type: disc;
	margin-left: 25px;
}


@media screen and (max-width: 767px) {
	.machine-dam-block{
		width: 90.6%;
		margin: 0 auto 40px;
	}

	.machine-dam-block .unit{
		float: left;
		width: 100%;
	}

	.first-block{
		background: #f1906a;
		min-height: inherit;
		width: 100%;
		color: #FFF;
		padding: 20px;
		margin-bottom: 0;
	}

	.second-block{
		background: #3d4248;
		min-height: inherit;
		width: 100%;
		color: #FFF;
		padding: 20px;
		margin-bottom: 0;
	}

	.first-block li,
	.second-block li{
		border-bottom: dotted 1px rgba(255,255,255,0.7);
		padding: 10px 0;
		font-size: 0.875em;
	}

	body.room .notation-block{
		margin: 20px auto 40px;
		text-align: left;
		width: 90.6%;
	}

	.notation-block p{
		margin-bottom: 10px;
	}

	.notation-block ul.note{
		list-style-type: disc;
	}

}


/*joysound page*/

.machine-joysound-block{
	width: 313px;
	margin: 0 auto 40px;
}

.machine-joysound-block .unit{
	float: left;
	width: 313px;
}

.machine-joysound-block .unit img{
	width: 100%;
	height: auto;
}

.machine-joysound-block .first-block{
	background: #00a0e9;
	min-height: 385px;
	width: 100%;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
}

.machine-joysound-block .second-block{
	background: #212a31;
	min-height: 385px;
	width: 100%;
	color: #FFF;
	padding: 20px;
}

.machine-joysound-block .third-block{
	background: #005caf;
	min-height: 385px;
	width: 100%;
	color: #FFF;
	padding: 20px;
}

.machine-joysound-block .first-block li,
.machine-joysound-block .second-block li,
.machine-joysound-block .third-block li{
	border-bottom: dotted 1px rgba(255,255,255,0.7);
	padding: 10px 0;
	font-size: 0.875em;
}


@media screen and (max-width: 767px) {
	.machine-joysound-block{
		width: 100%;
		margin: 0 auto 40px;
	}

	.machine-joysound-block .unit{
		float: none;
		width: 90.6%;
		margin:0 auto;
	}

	.machine-joysound-block .first-block{
		background: #00a0e9;
		min-height: inherit;
		width: 100%;
		color: #FFF;
		padding: 20px;
		box-sizing: border-box;
	}

	.machine-joysound-block .second-block{
		background: #212a31;
		min-height: inherit;
		width: 100%;
		color: #FFF;
		padding: 20px;
	}

	.machine-joysound-block .third-block{
		background: #005caf;
		min-height: inherit;
		width: 100%;
		color: #FFF;
		padding: 20px;
	}

	.machine-joysound-block .first-block li,
	.machine-joysound-block .second-block li,
	.machine-joysound-block .third-block li{
		border-bottom: dotted 1px rgba(255,255,255,0.7);
		padding: 10px 0;
		font-size: 0.875em;
	}
}

/* about */

.detail-block{
	background: url(../img/common/bg-detail.png) 0 0 repeat;
	width: 100%;
}

.detail-block .inner-contents{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	color: #FFF;
}

.detail-block .inner-contents h2{
	color: #FFF;
	font-size: 1.250em;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.detail-block .inner-contents ul.firstrow{
	width: 610px;
	margin: 0 auto;
}

.detail-block .inner-contents ul.secondrow{
	width: 940px;
	margin: 0 auto;
}

.detail-block .inner-contents ul li{
	width: 280px;
	float: left;
	text-align: center;
	color: #FFF;
	margin-right:50px;
}

.detail-block .inner-contents ul.firstrow li:last-child,
.detail-block .inner-contents ul.secondrow li:last-child{
	margin-right:0;
}

.detail-block .inner-contents h3{
	font-size: 1em;
	margin: 13px 0;
	font-weight: bold;
}

.detail-block .inner-contents .note{
	color: #FFF;
}

.voice-block{
	background: url(../img/common/bg-campaign.png) 0 0 repeat;
}

.voice-block .inner-contents{
	width: 940px;
	margin: 0 auto;
	padding: 50px 0;
}

.voice-block .inner-contents h2{
	font-size: 1.250em;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.voice-block .inner-contents ul.firstrow{
	width: 940px;
}

.voice-block .inner-contents ul.firstrow li{
	width: 300px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.voice-block .inner-contents ul.firstrow li:last-child{
	margin-right: 0;
}

.voice-block .inner-contents ul.secondrow{
	width: 300px;
	margin: 0 auto;
	position: relative;
}

.voice-block .inner-contents ul.firstrow li p,
.voice-block .inner-contents ul.secondrow li p{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 260px;
}

.service-news-section{
	width: 620px;
	margin:0 auto;
	padding: 40px 0;
}

.service-news-section h2{
	font-size: 1.250em;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.service-news-section ul{
	width: 100%;
	border-top: 1px solid #d9d9d9;
}

.service-news-section ul li{
	background: url(../img/common/icon-arrow-black.png) 98% 45% no-repeat;
	border-bottom: 1px solid #d9d9d9;
	padding: 0;
	padding-top: 5px;
	transition: all .5s;
}

.service-news-section ul.card li a{
	display: inline-block;
	padding: 12px 0 10px;
}

.service-news-section ul.card li a:hover{
	background: rgba(229,229,229,0.5);
}

.service-news-section ul.card .icon{
	width: 96px;
	float: left;
	margin:0;
}

.service-news-section ul.card .detail{
	float: left;
	width: 340px;
	margin:0;
	padding-top: 8px;
}

.service-news-section ul.card .card-name{
	float: left;
	text-align: left;
	margin:0;
	padding-top: 8px;
	width: 184px;
}

.service-news-section ul.secondrow-card .detail{
	width: 523px;
}

.border-wrap{
	width: 100%;
	border-top: 1px solid #e3e3e3;
}

@media screen and (max-width: 767px) {
	.detail-block{
	background: url(../img/common/bg-detail.png) 0 0 repeat;
	width: 100%;
	}

	.detail-block .inner-contents{
		width: 90.6%;
		margin: 0 auto;
		padding: 25px 0;
		color: #FFF;
	}

	.detail-block .inner-contents h2{
		color: #FFF;
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.detail-block .inner-contents ul.firstrow{
		width: 100%;
		margin: 0 auto;
	}

	.detail-block .inner-contents ul.secondrow{
		width: 100%;
		margin: 0 auto;
	}

	.detail-block .inner-contents ul li{
		width: 100%;
		float: none;
		text-align: center;
		color: #FFF;
		margin-right:0px;
	}

	.detail-block .inner-contents ul li img{
		width: 65%;
	}

	.detail-block .inner-contents ul.firstrow li:last-child,
	.detail-block .inner-contents ul.secondrow li:last-child{
		margin-right:0;
	}

	.detail-block .inner-contents h3{
		font-size: 1.1rem;
		margin: 13px 0 3px;
		font-weight: bold;
	}

	.detail-block .inner-contents .note{
		color: #FFF;
	}

	.voice-block{
		background: url(../img/common/bg-campaign.png) 0 0 repeat;
	}

	.voice-block .inner-contents{
		width: 90.6%;
		margin: 0 auto;
		padding: 30px 0;
	}

	.voice-block .inner-contents h2{
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.voice-block .inner-contents ul.firstrow{
		width: 100%;
	}

	.voice-block .inner-contents ul.firstrow li{
		width: 100%;
		float: none;
		margin-right: 0px;
		position: relative;
	}

	.voice-block .inner-contents ul.firstrow li:last-child{
		margin-right: 0;
	}

	.voice-block .inner-contents ul.secondrow{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.voice-block .inner-contents ul.firstrow li p,
	.voice-block .inner-contents ul.secondrow li p{
		position: absolute;
		top: 15px;
		left: 20px;
		width: 85%;
	}

	.secondrow .btn-border-white{
		float: none;
		margin: 0 auto 20px;
		width: 80%;
	}

	.service-news-section{
		width: 100%;
		margin:0 auto;
		padding: 40px 0;
	}

	.service-news-section h2{
		font-size: 1.250em;
		text-align: center;
		margin-bottom: 30px;
		font-weight: bold;
	}

	.service-news-section ul{
		width: 100%;
		border-top: 1px solid #d9d9d9;
	}

	.service-news-section ul li{
		background: url(../img/common/icon-arrow-black.png) 98% 45% no-repeat;
		border-bottom: 1px solid #d9d9d9;
		padding: 0;
		padding-top: 5px;
		transition: all .5s;
	}

	.service-news-section ul.card li a{
		display: inline-block;
		padding: 12px 0 10px;
		width: 100%;
	}

	.service-news-section ul.card li a:hover{
		background: rgba(255,255,255,0);
	}

	.service-news-section ul.card .icon{
		width: 20%;
		float: left;
		margin:0;
	}

	.service-news-section ul.card .detail{
		float: left;
		width: 80%;
		margin:0;
		padding-top: 8px;
	}

	.service-news-section ul.card .card-name{
		display: none;
	}

	.service-news-section ul.secondrow-card .detail{
		width: 70%;
	}
}

/*coupon*/

.coupon-detail{
	width: 940px;
	margin: 50px auto;
}

.coupon-detail .unit-01{
	width: 600px;
	float: left;
	margin-right: 20px;
}

.coupon-detail .unit-01 ul{
	border-top: 1px solid #d9d9d9;
	margin-bottom: 20px;
}

.coupon-detail .unit-01 ul li{
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 15px 0 15px;
}

.coupon-detail .unit-01 ul li .title{
	margin-left: 27px;
	display: block;
}

.coupon-detail .unit-01 .btn-red{
	margin-left: 0;
}

.coupon-detail span.roundnumber{
	float: left;
}

.coupon-detail .unit-02{
	width: 320px;
	float: left;
}

.coupon-detail .unit-02 img{
	width: 100%;
	height: auto;
}

.notation-block{
	width:100%;
	font-size: 0.750em;
}

.notation-block h3{
	margin-bottom: 20px;
	font-weight: bold;
}

.notation-block ul{
	color: #666666;
	line-height: 1.9;
	margin-left: 20px;
}

.notation-block ul li{
	list-style-type: disc;
	line-height: 2;
}

@media screen and (max-width: 767px) {
	.coupon-detail{
	width: 100%;
	margin: 30px auto;
	}

	.coupon-detail .unit-01{
		width: 100%;
		float: none;
		margin-right: 20px;
	}

	.coupon-detail .unit-01 ul{
		border-top: 1px solid #d9d9d9;
		margin-bottom: 20px;
	}

	.coupon-detail .unit-01 ul li{
		border-bottom: 1px solid #d9d9d9;
		padding: 20px 15px 0 15px;
	}

	.coupon-detail .unit-01 ul li .title{
		margin-left: 25px;
	}

	.coupon-detail .unit-01 .btn-red{
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	.coupon-detail .unit-02{
		width: 100%;
		float: none;
	}

	.coupon-detail .unit-02 img{
		width: 100%;
		height: auto;
	}

	.notation-block{
		width:100%;
		font-size: 0.750em;
	}

	.notation-block h3{
		margin-bottom: 12px;
		font-weight: bold;
	}

	.notation-block ul{
		color: #666666;
		line-height: 1.9;
		margin-left: 20px;
	}

	.notation-block ul li{
		list-style-type: disc;
		line-height: 1.6;
	}
}


/*attention*/

.attention-block ul{
	border-top: 1px solid #d9d9d9;
}

.attention-block ul li{
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 15px 12px 15px;
}

.attention-block p.ttl{
	font-weight: bold;
}


.attention-block ul li span.roundnumber{
	margin-right: 15px;
}

.attention-block ul li p{
	margin-bottom: 10px;
}

.attention-block ul li ul{
		border-top: none;
		margin-left: 22px;
}

.attention-block ul li ul li{
	border-bottom: none;
	margin-bottom: 5px;
	padding: 5px;
	list-style-type: disc;
}


/*FAQ*/

dl.faq{
	border-top: 1px solid #d9d9d9;
}

dl.faq dt{
	padding-top: 18px;
	color: #ED3B46;
}

dl.faq dd{
	border-bottom: 1px solid #d9d9d9;
}

dl.faq p{
	padding-left:3em;
	text-indent:-2em;
}

/*店舗物件*/

.realestate-block{
	width: 100%;
}

.realestate-block p.company-name{
	text-align: right;
}

.realestate-block h2{
	border-bottom: 1px solid #EEE;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.realestate-block dl dd{
	margin-left: 30px;
}

dd .indent{
	margin-left: 70px;
	display: block;
}

.contact-block{
	border: 1px solid #EEE;
	padding: 20px;
}

.contact-block .floatL{
	float: left;
}

.contact-block .floatR{
	float: right;
}

.contact-block .btn-red{
	padding-top: 70px;
}

.contact-block p{
	margin-bottom: 0;
}

.contact-block p.red{
	color:#CC0000;
	margin-bottom:16px;
}

@media screen and (max-width: 767px) {
	.contact-block .floatR,
	.contact-block .floatL{
	float: none;
	}

	.contact-block .btn-red{
		padding-top: 20px;
		width: 100%;
	}

	dd .indent{
	margin-left: 20px;
	display: block;
	}

}

.hidden-pc-view{
	display: none;
}


@media screen and (max-width: 767px) {
	.hidden-pc-view{
			display: block;
	}
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

* {
	margin: 0;
	position: 0;
	box-sizing: border-box;
}

ul {
	padding: 0;
}

/* hidden */
@media screen and (min-width: 768px) {
  .hidden-lgview {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-smview {
    display: none !important;
  }
}


/* ===== Self Clearing ===== */

.clearfix:after,
.header-sub-navi ul:after,
.header-navi ul:after,
.panel-block:after,
.panel-block-thirds:after,
.panels:after,
.news-section ul li:after,
.sns-block:after,
.footer-main ul:after,
.footer-sub ul:after,
.sp-nav ul:after,
.sp-header:after,
.menu-block:after,
.otoku-banner-block:after,
.sns-icon ul:after,
.news-section ul.card li:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
font-size:0;
line-height:0;
}

.clearfix,
.header-sub-navi ul,
.header-navi ul,
.panel-block,
.panels,
.panel-block-thirds,
.news-section ul li,
.sns-block,
.footer-main ul,
.footer-sub ul,
.sp-nav ul,
.sp-header,
.menu-block,
.otoku-banner-block,
.sns-icon ul,
.news-section ul.card li{
zoom:1;
}