@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}
a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
a {
	color: #999999;
	text-decoration:none;
}

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

body {
    position: relative;
    font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

.line_pc{
	display:block;
}
.line_sp{
	display:none;
}
/*--------------------------------------------------
	header
--------------------------------------------------- */
header {
    position: relative;
    width: 100%;
    height: 130px;
    z-index: 1000;
}


.pc_only{
display: block;
}
.smp_only{
display: none !important;
}


#logo{
	margin:10px 0 0 0px;
}

#h_logorea{
	width:1000px;
	margin:20px auto 20px auto;
}
#h_logorea h1{
	float:left;
}
#h_logorea p{
	float:right;
	line-height:150%;
	font-size:1em;
	color:#F00;
	text-align:right;
}

#h_logorea_sm{
	display:none;
}

.h_tel_pc{
	display:inline-block;
}
.h_tel_sp{
	display:none;
}
/*subnav*/
header div.subnav {

    width: 240px;
    height: 20px;
    z-index: 4;
    position: absolute;
    top: -100px;
    right: 20px;
	display:none;
}
header div.subnav a.sns {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute
}
header div.subnav a.sns.fb {
    top: 1px;
    right: 0
}
header div.subnav a.sns.tw {
    top: 2px;
    right: 0px
}

/*slider*/
.slick-dots li button::before{
font-size: 14px !important;
}
.slick-next {
  right: 10px !important;
  z-index: 100;
}
.slick-prev {
  left: 10px !important;
  z-index: 100;
}
/**/
nav {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 30px;
    z-index:5;
    text-align:center;
    background:#ffffff;
}
nav ul {
    width: 1020px;
    height: 14px;
    margin: 0 auto;
    list-style: none outside;
	text-align:center;
}

nav ul li {
    display:inline-block;
	margin:0;
	text-align:center;
    
}
nav ul li:last-child {
	margin:0;
    
}

nav ul li a {
    display: block;
    width: auto;
    height: 14px;

    line-height: 14px;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    letter-spacing:0.2em;
    color: #007DD2;
}


#pc_navi_img{
	display:block;
}

#sm_navi_img{
	display:none;
}

.head_btn21{
	margin:0;
	padding:0;
	vertical-align:top;
	display: inline-block;
width: 149px;
}
.head_btn21 a{
	display:block;
	margin:0;
	padding:0;
	vertical-align:top;
}
.head_btn21 a img{
	vertical-align:top;
}
.btn_root_pc{
	display:inline-block;
	padding:0 0 0 15px;
}

/*header.scroll*/
header.scroll nav,
.form header nav {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.90;
	padding: 0;
  height:50px;
}
header.scroll nav ul,
.form header nav ul {
  position:fixed;
  top:5px;
  left:10px;
    width: 1000px;
    height: 14px;
    margin-left:150px;
    list-style: none outside
}
header.scroll h1 img,
.form header h1 img {
  display: none
}
header.scroll h1,
.form header h1 {
  position:fixed;
  width:96px;
  height:28px;
	padding: 0;
	margin: 0;
  top:10px;
  left:20px;
  z-index:6;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("img/common/logo_s.png");
}
header.scroll div.subnav,
.form header div.subnav {
    width: 240px;
    height: 20px;
    z-index:10;
    position: fixed;
    top: 15px;
    right: 20px;
	display:block;
}

#couple25{
	padding-top: 200px;
	margin-top: -200px;
	height: 1px;
display: block;
}

/*
div.bg {
    width: 100%;
    height: 450px;
    position: absolute;
    top: 440px;
    left: 0px;
    background-size: contain;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("img/top/main.png");
}
*/

.wrap_renoir {
	width:1000px;
	margin: 0 auto 40px;
	}
.wrap_renoirleftbox{
	float:none;
	width:100%;
}
.wrap_renoirrightbox{
	float:none;
	width:100%;
}
.morining_menu{
	border:1px #CDC0A6 solid;
	box-sizing:border-box;
	width:100%;
	text-align:center;
}
.wrap_renoirleftbox h2{
	position: relative;
font-size: 180%;
font-family: "A1明朝", "YuMincho", "游明朝","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho" , serif !important;
margin-bottom: 30px;
float: left;
border-left: 4px #996600 solid;
padding: 0 0 5px 10px;
}

.morining_menu h3{
	background-color:#CDC0A6;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	color:#FFF;
}
.morining_menu_inner{
	width:96%;
	margin:15px auto;
	line-height:140%;
}
.morining_menu_inner ul{
	margin:0 0 20px 20px;
}
.morining_menu_inner li{
	list-style-position:outside;
	text-align:left;
	list-style-type:disc;
}
.morining_menu_txt01{
	color:#B25900;
	font-weight:bold;
}
.morining_menu_txt02{
	font-weight:bold;
	color:#8C0000;
}
.morining_menu_txt03{
	text-align:left;
	margin:0 0 5px 0;
}
.morining_menu_img{
	float:left;
	width:20%;
}
.morining_menu_img img{
	width:100%;
}
.menu_list{
	float:left;
	width:18%;
	margin:0 0 0 2%;
}
.runo_img{
	width:70%!important;

}

.wrap_snsarea{
	width:1000px;
	margin: 0 auto 40px;
	}
.wrap_snsarea h3{
	text-align:center;
	margin:0 0 15px 0;
}
.wrap_snsarea ul{
	text-align:center;
	margin:0 0 15px 0;
	/*border-bottom:3px #7E8E98 solid;*/
	border-top:3px #7E8E98 solid;
	width:100%;
	box-sizing:border-box;
	padding:20px 0;
}
.wrap_snsarea ul:last-of-type{
	border-top:none;
}
.wrap_snsarea ul li{
	display:inline;
}
.wrap_snsarea p{
	text-align:center;
	font-size:1.6em;
}
.wrap_snsarea p span{
	color:#F00;
	font-size:15px;
	line-height:120%;
}
	
	
/*
   slide
----------------------------------------------------- */

#mainphoto_sm{
	display:none;
}
.slick-slider{
margin: 50px 0;
}

.slide {
  clear:both;
  width: 100%;
  height:560px;
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 1;
}
.skippr>div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 62.5%;
  background-repeat:no-repeat;
}
.skippr-nav-container,.skippr-nav-item {
	display:none;
}


.main_tit{
	width:100%;
	background-color:#007CD2;
	padding:2% 0;
	margin:60px 0 0 0;
}
.main_tit p{
	width:1000px;
	margin:0 auto;
}

/*--------------------------------------------------
	content
--------------------------------------------------- */
#content {
  position:relative;
  /*margin:750px auto 50px;*/
  margin:0 auto 50px;
	padding: 0;
	text-align: left;
}

#kasou #content {
  position:relative;
  margin:50px auto 50px;
	padding: 0;
	text-align: left;
}

/*photo*/
#photo {
  width:100%;
  margin:0 0 130px;
  float: left;
}
#photo li{
  float:left;
  width:33.33%;
}
#photo li p,
#photo li h2{
	padding:1em 12px 0.5em 20px;
}
#photo li h2 {
  font-size:140%;
  font-weight:700;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  color:#41c5c7;
}
#photo li img {
  width:100%;
  height:auto;
}

/*news*/
#news {
  width:600px;
  margin:50px auto;
}
#news h2 {
  text-align:center;
  margin-bottom:20px;
}
#news li {
  display:block;
	padding:1em 12px 0.5em 20px;
  line-height:2.0em;
  border-bottom:1px solid #f2f2f2;
}
#news li p {
  padding-left:6.5em;
}
#news li span {
  width:5.0em;
  float:left;
}

/*fb*/
.box-fb {
  display:none;
	width:500px;
  height:300px;
  margin:0px auto 200px;
  text-align:center;
}

/*twitter*/
.tweet_area{
	width:100%;
	margin:0 auto;
}

.text_center{
	text-align:center;
	margin:auto;
	width:1000px;
	display:block;
}

.top_concept{
	font-size:1.2em; padding:15px 0; background:url(img/top/bg_concept.jpg) top right no-repeat;
}
.top_concept dl{
	float:left;
	width:48%;
	margin:0 1% 15px;
	box-sizing:border-box;
	padding:10px;
	min-height:210px;
	
}
.top_concept dt{
	font-weight:bold;
	margin:0 0 15px 0;
	text-align:center;
}
.top_concept dl li{
	list-style-position:outside;
	list-style-type:circle;
	margin:0 0 0 10px;
}
.top_concept p{
	text-align:center;
	margin:0 0 15px 0;
}
.concept_bg01{
	background-color: rgba(255,255,191,0.8);
}
.concept_bg02{
	background-color: rgba(191,255,223,0.8);
}
.concept_bg03{
	background-color: rgba(223,255,191,0.8);
}
.concept_bg04{
	background-color: rgba(255,207,191,0.8);
}


/*section*/
section {
  width:1000px;
  padding:0 0;
  margin:100px auto 80px auto;
  clear:both;
  border:1px #8C6900 solid;
  box-sizing:border-box;
  padding:15px;
}
/*
#section01 {
	background-color: #F4EEE3;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #996600;
  width:1000px;
  padding:0 0;
  margin:100px auto 80px auto;
  clear:both;
  box-sizing:border-box;
  padding:15px;
}
*/
#twitter_area{
	width:100%;

  box-sizing:border-box;
}

#btnarea2001{
	width:1000px;
	margin:0 auto 80px;
}
#section01 {
	background-color: #F4EEE3;
    border: 3px solid #fff;
	margin:100px auto 80px auto;
    box-shadow: 0 0 0 1px #996600;
  width:1000px;
  box-sizing:border-box;
  padding:15px;
}
#section01 h2{
	position:relative;
  font-size:180%;
  font-family: "A1明朝", "YuMincho", "游明朝","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho" , serif !important;
  margin-bottom:30px;
  float:left;
  border-left:4px #996600 solid;
  padding:0 0 5px 10px;
  color:#B20000;
}
section p{
  padding-bottom:0.5em;
}
section h2 {
  position:relative;
  font-size:180%;
  font-family: "A1明朝", "YuMincho", "游明朝","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "MS 明朝", "ＭＳ Ｐ明朝", "MS PMincho" , serif !important;
  margin-bottom:30px;
  float:left;
  border-left:4px #996600 solid;
  padding:0 0 5px 10px;

}

section h3 {
  font-size:17px;
  border:1px #007DD2 solid;
  padding:4px;
  line-height: 140%;
  margin:-3px 0 30px 40px;
  float:left;
}
section h4 {
  font-size:100%;
  line-height: 140%;
  font-weight:700;
  margin:5.0em 0 1.0em;
}
section h5 {
	float:right;
	font-size:17px;
}
.photo_r {
  float:right;
  margin-left:2.5em;
  font-size:80%;
  line-height:1.2;
}

.yearend_area{
  width: 1000px;
  margin: 90px auto 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.yearend_area_left , .yearend_area_right{
	width:48%;
	border:1px #333 solid;
	box-sizing:border-box;
}
.yearend_area_left h4 , .yearend_area_right h4{
	background:#007ED2;
	color:#fff;
	text-align:center;
	font-size:2em;
	font-weight:600;
	padding:15px 0;
}
.yearend_area_left table{
	width:90%;
	margin:20px auto;
}
.yearend_area_left table td{
	padding:15px;
	font-size:1.3em;
	border-bottom:1px #ccc dotted;
}
.color_red{
	color:#f00;
	font-weight:600;
}
.yearend_area_txt{
	font-size:1.5em;
}
.yearend_area_right p{
	width:90%;
	margin:20px auto;
	font-size:1.3em;
	text-align:center;
	line-height:160%;
}

.yearend_leftbox{
	float:left; width:198px; margin:0 15px 0 0;
}
.yearend_rightbox{
	float:right; width:75%;
}

.font_bold{
	font-weight:bold;
}


#tit_plan{
font-size: 2em;
font-weight: bold;
color: #0059B2;
}
.gw2025_area{
  width: 1000px;
  margin: 90px auto 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gw2025_area h4{
	background:#007ED2;
	color:#fff;
	text-align:center;
	font-size:2em;
	font-weight:600;
	padding:15px 0;
	width:100%;
}
.gw2025_area_left , .gw2025_area_right{
	width:48%;
	box-sizing:border-box;
	margin:20px auto;
	font-size:1.6em;
	color:#000;
}
.gw2025_area_left li, .gw2025_area_right li{
	line-height:140%;
}

.gw2025_area_txt01{
	color:#0003FF;
}
.gw2025_area_txt02{
	color:#f00;
}
.gw2025_area_txt03{
	color:#000;
	font-size:1.6em;
	margin:0 0 30px;
}

.top_room{
	width: 1000px;
  margin: 0px auto 40px;
border:1px #666666 solid;
box-sizing:border-box;
padding:3%;
text-align:center;
}
.top_room ul{
display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.top_room ul li{
	width:48%;
}
.top_room h5{
	font-size:2em;
	font-weight:600;
	margin:0 0 20px;
	color:#007ED2;
}
.encyo2504{
background: #F82629;
width: 100%;
padding: 20px;
box-sizing: border-box;
color: #fff;
margin: 0 0 50px !important;
font-size: 1.8em;
font-weight: bold;
line-height: 140%;
}
.encyo2505{
background: #FF9999;
width: 100%;
padding: 20px;
box-sizing: border-box;
color: #fff;
margin: 0 0 50px !important;
font-size: 1.8em;
font-weight: bold;
line-height: 140%;
}
:root{
	scroll-padding: 100px;
	scroll-behavior: smooth;
}

.p_cos{
text-align: center;
margin: 30px auto !important;
max-width: 560px;
padding:0;
}


#night_txtinner {
	background-color: #F4EEE3;
  width:100%;
  clear:both;
  box-sizing:border-box;
  padding:10px;
}

.night_tit1805 {
	color:#D90000;
	font-weight:bold;
}

.top_couple1811{
	width:1000px;
	margin:auto;
}

.top_couple1811 li{
	float:left;
	width:49.3%;
	margin:0 0.986% 0 0;
}
.top_couple1811 li:last-child{
	float:left;
	width:49.3%;
	margin:0 0 0 0;
}

.cam_1901{
	text-align:center;
	margin:0 0 15px 0;
}
.cam_gw19{
	text-align:center;
	width:1000px;
  padding:15px;
  margin:100px auto 80px auto;
	font-size:18px;
	background-color:#C30;
	color:#FFF;
	box-sizing:border-box;
	
}
.cam_gw19 a{
	color:#BFFFFF;
}

.cam_1903{
	background-color:#FF0;
	color:#F30;
	display:inline-block;
	padding:3px;
}
.cam_1901txt01{
	font-size:1.2em;
	line-height:120%;
	margin:0 0 20px 0;
}
.cam_1901txt02{
	font-size:1.2em;
	font-weight:bold;
}
.cam_1901txt03{
	background-color:#F03;
	padding:15px;
	color:#FFF;
}
.cam_1901txt04{
	font-size:1.2em;
	color:#F03;
}

.asanomi{
	width:80%;
	margin:auto;
}
.asanomi td{
	padding:5px;
	vertical-align:top;
	font-size:1.1em;
}
.asanomi_txt{
	background-color:#FF0;
	color:#F00;
}

#ba_1907{
	width:1000px;
	margin:0 auto 80px;
}
#ba_1912{
	width:100%;
	margin:0 auto 80px;
}
#ba_1907 ul , #ba_1912 ul{
	box-sizing:border-box;
}
#ba_1907 li , #ba_1912 li{
	float:left;
	width:48%;
	margin:0 0 20px 0;
}
#ba_1907 li:nth-of-type(2n) , #ba_1912 li:nth-of-type(2n){
	margin:0 0 20px 4%;
}
#ba_1912 li img{
	width:100%;
}

.top_shop_photo{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
width:100%;
margin:0 0 10px;
}
.top_shop_photo li{
	width:48%;
	text-align:center;
}

.shopplan{
	width:1000px;
	margin:0 auto 30px;
}
.shopplan h6{
	margin:0 0 25px 0;
	width:100%;
}
.shopplan table{
	margin:0 0 25px 0;
	width:100%;
	box-sizing:border-box;
	border:none;
	
}
.shopplan table th{
	vertical-align:top;
	text-align:left;
	font-size:2em;
	color:#5B2427;
	font-weight:600;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0 0 5px 0;
	height: 30px;
}
.shopplan table td{
	vertical-align:top;
	text-align:left;
	font-size:1.5em;
	border:none;
}
#shopplan_ico{
	width:120px;
}

/* ポップアップウインドウの設定 */
.popup {
  background-color: #fff;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 90vh;
  overflow-y: scroll;
  box-sizing: border-box;
  z-index:1000;
  text-align:left;
}
/* チェックボックスの初期設定 */
#popup-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{

  color: #fff;
  cursor: pointer;
  margin: 10px auto;
  text-align: center;
}

/* ポップアップの内容 */
.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
  min-height: 75vh;
  text-align:left;
}
.popup-content h2{
	margin:0 0 20px 0;
	text-align:center;
	font-size:1.2em;
	border:2px #000000 solid;
	padding:5px;
}
.popup-content ul{
	margin:0 0 20px 0;
}
.popup-content ul li{
	list-style-position:outside;
	list-style-type:circle;
	padding:0 0 0 5px;
	margin:0 0 0 10px;
}
#for_haken{
	background-color:#FFFBDA;
	box-sizing:border-box;
	padding:15px;
	color:#FF7F00;
	margin:15px 0;
}
#for_haken p{
	font-size:1em;
}
#for_haken p img{
	vertical-align:middle;
	padding:0 3px 0 0;
}
#for_haken a{
	color:#00468C;
	padding: 0 0 0 35px;
}
#for_haken_txt01{
	color:#FF2626;
	font-weight:bold;
}
#for_haken_txt02{
	color:#B20000;
	font-size:1em;
}
/*----------------------------お得情報------------------------------------*/
#toku{
	background-color:#F3F3F3;
	padding:12px;
	box-sizing:border-box;
}

#toku dl{
	float:left;
	box-sizing:border-box;
	width:23%;
	border:2px #CCCCCC solid;
	margin:0 2.66% 0 0;
	padding:6px;
	text-align:center;
	background-color:#FFF;
	height:390px;
	position:relative;
}
#toku dl dt , #toku dl dd{
	margin:0 0 15px 0;
}
#toku dl dt img{
	width:100%;
}
#toku p{
	position:absolute;
	bottom:5px;
	left:25%;
}
#toku p a{
	text-decoration:underline;
	color:#265CFF;
}

#toku dl:last-child {
	margin:0;
    
}
.pc_syosai{
	display:none;
}
/*----------------------------トップ2列バナー------------------------------------*/
.ba_2retsu {
    width: 100%;
    margin: 0 auto;
}
.ba_2retsu li{
	float:left;
	width:49%;
	margin:0 2% 15px 0;
}

.ba_2retsu li:nth-of-type(2n){
	float:left;
	width:48%;
	margin:0 0 15px 0;
}

/*----------------------------トップ3列バナー------------------------------------*/
.ba_3retsu {
    width: 100%;
    margin: 0 auto;
}
.ba_3retsu li{
	float:left;
	width:32%;
	margin:0 2% 15px 0;
}

.ba_3retsu li:nth-of-type(3n){
	float:left;
	width:32%;
	margin:0 0 15px 0;
}



/*----------------------------トップfaq------------------------------------*/
#top_faqarea{
	width:32%;
	box-sizing:border-box;
	float:left;
}

#top_faqarea a{
	text-decoration:underline;
	color:#265CFF;
}
#top_faqarea p{
	margin:0 0 15px 0;
	line-height:120%;

}
#top_faqareatxt01{
	font-weight:bold;
	color:#09F;
	font-size:1.2em;
	margin:0;
	padding:0;
}

/*----------------------------ナイトパック------------------------------------*/
#top_nightpack{
	width:32%;

	box-sizing:border-box;
	padding:0;
	float:left;
}
#top_nightpack img{
	margin:0 0 0 0;
	width:100%
}
#top_nightpack a{
	text-decoration:underline;
	color:#265CFF;
}
#top_nightpack p{
	margin:0 0 15px 0;
	text-align:center;
}
#top_nightpack table{ 
	margin:0 auto 15px auto;
	width:70%;
	font-size:15px;
}
#top_nightpack_txt{ 
	font-size:22px;
	color:#F00;
	font-weight:bold;
}
.mar_lr2{
	margin:0 2%;
}

.pack_icotime{
	display:inline-block;
}
.pack_icotime_sp{
	display:none;
}

#btn_plan1712 a{
	font-size:1.2em;
	color:#06C;
}
/*----------------------------パック------------------------------------*/


#rest_pack{
width:24%;
padding:1%;
border:5px #F3F3F3 solid;
margin:0 0.8% 2% 0;
box-sizing:border-box;	
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;


}
#rest_pack01{
width:24%;
padding:1%;
border:5px #F3F3F3 solid;
margin:0 0 2% 0;
box-sizing:border-box;	
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;


}


#app_info{
width:24%;
padding:1%;
margin:0 0.8% 2% 0;
box-sizing:border-box;	
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;
}

#app_info01{
width:24%;
padding:1%;
margin:0 0 2% 0;
box-sizing:border-box;	
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;
}

#rest_pack h2 , #rest_pack01 h2{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
	width:100%;
	padding:3.5% 0;
}
#rest_pack p , #rest_pack01 p{
	text-align:center;
	margin:0 0 15px 0;
}
#rest_pack table , #rest_pack01 table{ 
	margin:0 auto 15px auto;
	width:90%;
	font-size:15px;
}


#rest_pack a , #rest_pack01 a{
	text-decoration:underline;
	color:#265CFF;
}
.rest_box001{  
	background: -moz-linear-gradient(top, #00238C, #0C5BAB 50%, #1996CC);
background: -webkit-gradient(linear, left top, left bottom, from(#00238C), color-stop(0.5, #0C5BAB), to(#1996CC));
	color:#FFF;
	border:none;
}
.rest_box002{
	background: -moz-linear-gradient(top, #111111, #255381 50%, #3C9DFF);
background: -webkit-gradient(linear, left top, left bottom, from(#111111), color-stop(0.5, #255381), to(#3C9DFF));
	color:#FFF;
	border:none;
}

.rest_box01{
	background-color:#B3D334;
	padding:2% 0;
	color:#FFF;
}
.rest_box02{
	background-color:#93AE26;
	padding:2% 0;
	color:#FFF;
}
.rest_box03{
	background-color:#F07A42;
	padding:2% 0;
	color:#FFF;
}
.rest_box04{
	background-color:#006DD9;
	padding:2% 0;
	color:#FFF;
}
.rest_box05{
	background-color:#FF7373;
	padding:2% 0;
	color:#FFF;
}
.rest_box06{
	background-color:#FFA64D;
	padding:2% 0;
	color:#FFF;
}
.rest_box07{
	background-color:#85B200;
	padding:2% 0;
	color:#FFF;
}
.rest_box08{
	background-color:#99B3FF;
	padding:2% 0;
	color:#FFF;
}

#rest_pack:nth-last-of-type(1){
	margin:0 0 2% 0;
    
}
#rest_pack01:last-child{
	margin:0;
    
}

#app_info:last-child{
	margin:0;
    
}

#top_nightpack_txt01{ 
	font-size:22px;
	color:#F00;
	font-weight:bold;
	text-align:center;
}

.wc2018{
	width:1000px;
}
.newservice2105{
	width:100%;
}

#newservice2105area{
	border: 3px #D80000 solid;
}
#newservice2105area h2{
	border-left: 4px #D80000 solid;
}



.granhama {
  max-width: 1000px;
  margin: 50px auto 50px;
}
.granhama h2 {
  border-top: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  padding: 15px 0;
  text-align: center;
  color:#03C;
  font-size: 1.3em;
  margin: 0 0 30px;
}
.granhama_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.granhama_inner div:nth-of-type(1) {
  width: 44%;
}
.granhama_inner div:nth-of-type(2) {
  width: 52%;
}

/*----------------------------サービスタイム------------------------------------*/
.servicetime p{
	margin:0 0 20px 0;
	text-align:center;
}
.servicetime p img{
	width:100%;
}
.servicetime ul{
	display:none;
}
.servicetime table{
	width:100%;
	box-sizing:border-box;
	text-align:center;
	border:1px #CCCCCC solid;
	background-color:#0059B2;
	margin:0 0 20px 0;
}
.servicetime table td{
	border-collapse:collapse;
	border:1px #CCCCCC solid;
	background-color:#FFFFDF;
	padding:10px;
}
#s-table , #s-table01{
	margin:0 0 20px 0;
	width:100%;
	box-sizing:border-box;
}
#s-table_smp{
	margin:0 0 20px 0;
	width:100%;
	box-sizing:border-box;
	display:none;
}
#s-table th , #s-table01 th{
	background-color:#06C;
	color:#FFF;
	text-align:center;
}
#s-table td , #s-table01 td{
	background-color:#fff;
	color:#000;
	text-align:center;
}
#servicetime_txt01{
	background-color:#0059B2;
	color:#FFF;
}
#servicetime_txt02{
	background-color:#0080FF;
	color:#FFF;
}
#servicetime_txt03{
	background-color:#FF7373;
	color:#FFF;
}
#servicetime_txt04{
	text-align:right;
	font-size:0.8em;
}
#servicetime_txt05{
	color:#F00;
	font-weight:bold;
}


#servicetime_txt06{
	color:#fff;
	font-weight:bold;
	background-color:#B200B2;
}
#servicetime_txt07{
	color:#fff;
	font-weight:bold;
	background-color:#0080FF;
}
#servicetime_txt08{
	color:#fff;
	font-weight:bold;
	background-color:#FF9326;
}
#servicetime_txt09{
	color:#fff;
	font-weight:bold;
	background-color:#FF0000;
}
#servicetime_txt10{
	color:#f00;
	font-weight:bold;
	font-size:1.3em;
	background-color:#fff;
}
#servicetime_txt11{
	font-size:1.3em;
	background-color:#fff;
}

#servicetime_txt12{
	font-weight:bold;
	background-color:#D2E9FF;
}
#servicetime_txt13{
	font-weight:bold;
	background-color:#FFDFBF;
}
#servicetime_txt14{
	font-weight:bold;
	background-color:#EFFFBF;
}
#servicetime_txt15{
	font-weight:bold;
	background-color:#BFFFDF;
}

/*----------------------------トップ店舗案内------------------------------------*/
.pc_setsubi{
	text-align:center;
	margin:0 0 40px 0;
}

#top_access{
	width:100%;
	box-sizing:border-box;
	padding:2%;
	border:5px #F3F3F3 solid;
}

#top_access_left{
	float:left;
	width:40%;
}
#top_access_left table{
	margin:0 0 15px 0;
	width:100%;
}

#top_access_left table td{
	padding:5px;
	border-bottom:1px #CCCCCC dotted;
}
#top_access_right{
	float:right;
	width:56%;
}

/*----------------------------周辺案内------------------------------------*/
#top_annai p{
	width:23%;
	float:left;
	margin:0 2.5% 0 0;
	text-align:center;
	box-sizing:border-box;
}
#top_annai p:last-child {
	margin:0;
	padding:0;
    
}

.areainfo_inner{
	display:block;
	background-color:#EEF9FF;
	padding:3px;
	box-sizing:border-box;
	text-align:left;
	line-height:110%;
	width:100%;
	margin:0 0 15px 0;
}




/*----------------------------レンタルルームとは------------------------------------*/
.amenity_inner h2{
	color:#007CD2;
	float:none;
	margin:0 0 20px 0;

}

.about_use{
	margin:0 0 35px 0;
}


.about_use td{
	padding:15px 0;
	border-bottom:1px #CCCCCC dotted;
}

.uri{
	margin:0 0 50px 0;
}

.uri dt{
	color:#007CD2;
}

.uri dd{
	margin:0 0 20px 0;
}


.amenity_inner h4{
	margin:0 0 10px 0;
}
.anser{
	margin:0 0 40px 0;
}

.img_about{
	text-align:center;
}

.about_access{
	margin:50px 0;
}
.about_access h6{
	margin:0 0 30px 0;
	font-size:1.7em;
	color:#36F;
}
.about_access ul{
	float:left;
	margin:0 0 20px 0;
}
.about_access p{
	float:right;
}
.about_access li::before{
	content:"●";
	color:#F06;
	margin:0 5px 0 0;
}


/*----------------------------ルーム案内------------------------------------*/

.room_area{
	margin:0 0 25px 0;

}
.room_area h4{
	background-color:#F3F8FC;
	color:#007CD2;
	padding:10px 0 10px 10px;
	box-sizing:border-box;
	margin:0 0 25px 0;
	font-size:1.2rem;
}

.leftroombox , .leftpricebox{
	float:left;
	width:630px;
}
.leftroombox_sm{
	display:none;
}
.rightroombox{
	float:right;
	width:290px;
}


.room_txt01{
	font-weight:bold;
	font-size:1.2rem;
}


/*----------------------------料金案内------------------------------------*/

.price_area{
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	border-bottom:1px #CCCCCC dotted;

}

.price_area_noboder{
	border:none;

}
.price_area h2{
	color:#007CD2;
	float:none;
	margin:0 0 35px 0;
	padding:0 0 5px 10px;
	border-bottom:1px #007CD2 solid;
	width:100%;
	box-sizing:border-box;
}
.price_area h5{
	color:#00468C;
	font-size:2rem;
	font-weight:bold;
	margin:0 0 20px 0;
	float:none;
}
.leftpricebox table{
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	box-sizing:border-box;
	width:100%;
}
.leftpricebox table th{
	font-weight:bold;
	width:30%;
	padding:10px;
	border:1px #CCCCCC solid;
}
.leftpricebox table td{
	padding:10px;
	border:1px #CCCCCC solid;
	
}
#price_txt01{
	color:#DA00D8;
	font-weight:bold;
}

.pricerest_gw{
	width:100%;
}

.pricerest_left{
	float:left;
	width:48%;
}
.pricerest_right{
	float:right;
	width:48%;
}

.pricerest_left table , .pricerest_right table{
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	box-sizing:border-box;
	width:100%;
}
.pricerest_gw table{
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	box-sizing:border-box;
	width:100%;
	margin:0 0 20px 0;
}
.pricerest_left table th , .pricerest_right table th , .pricerest_gw table th{
	color:#FFF;
	width:35%;
	padding:10px;
	border:1px #CCCCCC solid;
}
.pricerest_left table td , .pricerest_right table td{
	padding:10px;
	font-weight:bold;
	color:#FFA74F;
	border:1px #CCCCCC solid;
	
}
.pricerest_gw table td{
	padding:10px;
	font-weight:bold;
	color:#F00;
	border:1px #CCCCCC solid;
	
}
.pricerest_gw caption{
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}


#price_txt02{

	font-size:1.2rem;
}
#price_txt03{

	font-size:1.5rem;
	font-weight:bold;
}
#price_txt04{
	color:#F00;
	font-size:1.5rem;
	font-weight:bold;
}

#price_txt05{
	color:#2693FF;
	font-size:1.5rem;
	font-weight:bold;
}

#price_txt06{
	color:#8D6BE4;
	font-size:1.5rem;
	font-weight:bold;
}

/*----------------------------アメニティー------------------------------------*/

.amenity_left{
	float:left;
	width:48%;
}
.amenity_right{
	float:right;
	width:48%;
}

.amenity_left li , .amenity_right li{
	list-style-type:disc;
	list-style-position:outside;
	margin:0 0 0 15px;
}

#ameni{
	margin:0 0 25px 0;
}
#ameni dt{
	color:#06C;
	font-weight:bold;
	margin:0 0 10px 0;
	
}
#ameni dd{
	background-color:#F6F6F6;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}


/*----------------------------faq------------------------------------*/

#faq dt{
	color:#06C;
	font-weight:bold;
	margin:0 0 10px 0;
	background:url(img/common/img_faq01.jpg) 0 50% no-repeat;
	padding:0 0 0 30px;
	line-height:110%;
	
}
#faq dd{
	background-color:#F6F6F6;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 40px 0;
}



/*----------------------------アクセス------------------------------------*/
.access_left{
	float:left;
	width:630px;
}
.access_left table{
	width:100%;
	box-sizing:border-box;
	margin:0 0 30px 0;
}
.access_left table td{
	padding:10px 0;
	border-bottom:1px #CCCCCC dotted;
}
.access_right{
	float:right;
	width:320px;
}
.access_right img{
	vertical-align:top;
	margin:0;
	padding:0;
}
.access_left p{
	line-height:120%;
	font-weight:bold;
	font-size:1.2em;
}
.access_left img{
	width:100%;
	padding:5px 0 0 0;
}

/*----------------------------キャンペーン------------------------------------*/
#campaign_inner h3{
	color:#007CD2;
	float:none;
	margin:0 0 35px 0;
	padding:0 0 5px 0;
	border-bottom:2px #007CD2 solid;
	border-top:none;
	border-left:none;
	border-right:none;
	width:100%;
	font-size: 180%;
	text-align:left;
}
#campaign_inner table{
	width:100%;
	box-sizing:border-box;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	margin:0 0 30px 0;
}
#campaign_inner table td{
	padding:10px;
	border:1px #CCCCCC solid;
	vertical-align:top;
}

.cam_leftbox{
	float:left;
	width:240px;
}

.cam_rightbox{
	float:right;
	width:630px;
}

/*----------------------------エリア情報------------------------------------*/
#area_info img{
display: block;
margin: 0 0 50px;

}
#area_info h3{
margin: 0 0 10px;
font-weight: bold;
color: #0059B2;
float: none;
border: none;
}
#area_info p{
margin: 0 0 50px;
}
.time_area{
background: #CEECFF;
padding: 3%;
margin: 0 0 50px;
}
.area_infoTxt01{
background: #fff;
line-height:1.8rem;
}
.area_infoTxt01 > span {
  background: linear-gradient(transparent 0%, transparent 50%, #FFFF00 50%, #FFFF00 100%);
  font-weight: bold;
}
.area_infoTxt02{
font-size: 1.2em;

}
.area_infoTxt03{
font-size: 1.2em;
color: #f00;
}
.time_area p{
margin: 0 !important;
font-weight: bold;
}

/*who*/
#who li {
  margin-bottom: 10px;
	background-color: #F2F2F2;
	padding: 20px 30px;
	border-radius: 5px;
	font-size: 16px;
  /*color: #1A74B0;*/
}
#who li.i_sun,
#who li.i_moon,
#who li.i_car,
#who li.i_rain,
#who li.i_pc,
#who li.i_eye,
#who li.i_hsp {
  background-image:url(img/who/i_sun.png);
  background-repeat:no-repeat;
  background-position:95% center;
}
#who li.i_sun {  background-image:url(img/who/i_sun.png);	}
#who li.i_moon {  background-image:url(img/who/i_moon.png);	}
#who li.i_car {  background-image:url(img/who/i_car.png);	}
#who li.i_rain {  background-image:url(img/who/i_rain.png);	}
#who li.i_pc {  background-image:url(img/who/i_pc.png);	}
#who li.i_eye {  background-image:url(img/who/i_eye.png);	}
#who li.i_hsp {  background-image:url(img/who/i_hospital.png);	}

 /*faq*/
.faq-q {
  color: #16586D;
  font-size:120%;
  margin-right:0.5em;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}
.faq-a {
  color: #9B1C1F;
  font-size:180%;
  margin-right:0.5em;
  font-weight:700;
  font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}
#faq p {
  padding-left:3.0em;
  text-indent:-2.5em;
}


 /*contact*/
 #contact li {
  display:block;
	padding:1em 12px 0.5em 20px;
  line-height:2.0em;
  border-bottom:1px solid #f2f2f2;
}
#contact li p {
  padding-left:6.5em;
}
#contact li span {
  width:5.0em;
  float:left;
}

input#submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #41c5c7;
    color: #fff;
    border-style: none;
}
button#myreset,
button#submit {
  margin-left:5px;
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #41c5c7;
    color: #fff;
    border-style: none;
}


.fig {
  width:100%;
  height:auto;
}



/*contact*/
#contact {
  width:600px;
}
#contact .formmail {

}
#contact dl {
  width:380px;
   position:relative;
   padding-left:220px;
   padding-top:10px;
   padding-bottom:5px;
   background-color:#f2f2f2;
   margin-bottom:2px;
}

#contact dt {position:absolute; top:10px; left:10px; width:210px;}
#contact dd {min-height:30px;}
.t_red { color:#D73A3C;}

#contact dl.button{
  background-color:#ffffff;
}
dl.button dd {
	text-align:center;
  margin-left:-200px;
 }
.success { font-weight:700;}

#contact form input,
#contact form textarea,
#contact form button {
	border:none;
  font-size:15px;
}

/*内容確認*/
.check table {
	width:500px;
  border-collapse:collapse;
  }
.check th { width:200px;}
.check th,
.check td {
	padding:10px;
  background-color:#f2f2f2;
  border-bottom:2px solid #ffffff;
}

 .form header {
    height: 50px;
}
 .form #content {
  margin-top:0px;
}
 .form section {
  width:500px;
  margin:50px auto;
  padding-bottom: 100px;
  text-align:center;
}

/* - ZeroMail -を非表示---*/
.wtn_copyright{ display:none;}




/*m-pos*/
#m-pos p {
  text-align:center
}


.left_btn{
	float:left;
}
.right_btn{
	float:right;
}
.banner_area{
	width:100%;
	box-sizing:border-box;
}
.banner_area li{
	float:left;
	margin:0;
	padding:0;
	width:32%;
	box-sizing:border-box;
}

#banner_areatxt01{
	margin:0 2%;
}
/*--------------------------------------------------
	footer
--------------------------------------------------- */
footer {
  position:relative;
  width:100%;
  min-height:140px;
  margin:100px 0 0;
  padding:20px 0 0;
  background:#007DD2;
}
#foot_inner {
  position:relative;
  width:1000px;
  margin:0 auto;
  text-align:center;
}
footer ul {
  display:inline-block;
  padding:0 0 20px 0;
}
footer li {
  float:left;
  padding:0 10px;
}
#foot_inner a {
  color:#ffffff;
  text-decoration:none;
}
.copyright {
  color:#ffffff;
  text-align:center;
  width:100%;
  margin:20px 0 0;
}

.tel_number{
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
	width:400px;
	text-align:center;
	display:inline-block;
}



/* To Page Top */
#pagetop {
	display: block;
  position:absolute;
  top:-60px;
  left:50%;
	width: 58px;
	height: 31px;
  margin-left:-29px;
}
#pagetop a{
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(img/common/pageup.png);
	background-size: 58px;
	background-repeat: no-repeat;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/*================================================
 *  追跡ボタン

 ================================================*/
.top_mail {
	position:fixed;
	bottom:15px;
	right:15px;
}
.top_mail a {
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	line-height:120%;
}
.top_mail p {
	background:#FF6600;
	text-align:center;
	padding:15px 5px;
}
.top_mail p:hover {
	background:#FF8533;
}


.tweet {
	position:fixed;
	bottom:85px;
	right:15px;
	
}
.tweet a {
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	line-height:120%;
}
.tweet p {
	background-color:#3FC6C8;
	text-align:center;
	padding:15px 26.5px;
}
.tweet p:hover {
	background:#83DADC;
}


/*----------------------------english------------------------------------*/

.eng_inner{
	margin:40px auto;
}
.eng_inner img{
	width:100%;
}

.eng_inner ul{
	margin:40px auto;
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
width:80%;
}

.eng_inner ul li{
	width:46%;
}



/*********** メールフォーム  **************/
.head_area{
 background: url(css/img/h2_bg.png) repeat-x;
}
.head_area h2.contacts{
 width: 148px;
 height: 25px;
 background: url(css/img/h2.png) no-repeat 0 27px;
 margin: 0 auto;
 padding: 27px 0 0 0;
 text-align: center;
 text-indent: -9999px;
}
.all_cover{
    width: 980px;
    margin: 30px auto;
    padding: 10px;
    background: #D9E1F4;
    border-radius: 10px;
}
#form_cover{
    padding-top: 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.5;
}
.form_box{
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
	padding:0;
	margin:0;
}
.form_box table{
    border-spacing: 0;
}
.form_box table th,
.form_box table td,{
    font-size: 13px;
}
.form_box table p{
    font-size: 12px;
    padding-top: 5px;
}
.form_box table input[type='text']{
    border: 1px solid #CCC;
    padding: 5px;
    width: 98%;
}
.form_box table input[type="radio"]{
    vertical-align: middle;
}
.form_box table tbody tr th{
    width: 166px;
    padding: 10px;
    background: #EEE;
	text-align:left;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.form_box table tbody tr td{
    width: 771px;
    min-height: 21px;
    padding: 11px 10px;
    background: #FFF;
    border-bottom: 1px solid #999;
}
.form_box table tbody tr th{
    vertical-align: middle;
    font-weight: normal;
}
.form_box table tbody tr th span{
    color: #D80000;
}
.form_box table tbody tr td{
    vertical-align: middle;
}
.form_box table select{
    border: 1px solid #CCC;
    padding: 5px;
}
.form_box table tbody tr td textarea{
    min-height: 200px;
    font-size: 13px;
    border: 1px solid #CCC;
    padding: 5px;
    width: 98%;
}
.last{
    border-bottom: 0 !important;
	margin:0;
	padding:0;
}
.btn_cover {
    margin-top: 20px;
    text-align: center;
}
.btn_cover input[type='button'].checkbtn{
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 5px;
    outline: none;
    padding: 10px 27px;
    vertical-align: baseline;
    font-weight: normal;
    background: #60609F;
    color: #FFF;
    cursor: pointer;
}

.btn_cover input[type='reset']{
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 5px;
    outline: none;
    padding: 10px 40px;
    vertical-align: baseline;
    font-weight: normal;
    background: #9F6060;
    color: #FFF;
    cursor: pointer;
}
.btn_cover input[type='submit']{
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 5px;
    outline: none;
    padding: 10px 47px;
    vertical-align: baseline;
    font-weight: normal;
    background: #60609F;
    color: #FFF;
    cursor: pointer;
}
#back_form{
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 5px;
    outline: none;
    padding: 10px 48px;
    vertical-align: baseline;
    font-weight: normal;
    background: #9F6060;
    color: #FFF;
    cursor: pointer;
}
.long{
    padding: 20px 10px !important;
}
.thanks_text {
    padding-top: 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.5;
}

#tel_sm{
	display:none;
 }

.red {
	color:#FF0000;
}

.gray {
	color:gray;
}
.kansen{
	color:#F00;
	padding:15px;
	box-sizing:border-box;
	border:2px #f00 solid;
	margin:20px auto;
	width:1000px;
}



/*=================form================*/




.form_section{
	width: 100%;
padding: 0;
margin: 0 auto;
}
.form_section table , .section09 .inner table {
    margin-top: 40px;
    width: 100%;
	margin:40px auto 0;
}
.form_section table , .section09 .inner table{
    background: #f5f5f5;
	border-collapse: collapse;
	}
  .form_section table th , .section09 .inner table th {
    width: 280px;
	border: 1px solid #ddd;
	padding:20px;
	vertical-align: middle;
    position: relative; }
  .form_section table td , .section09 .inner table td {
    background: #fff;
	padding:20px;
	border: 1px solid #ddd; }
.form_section span.require,
.form_section span.option {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.07em;
  padding: 3px 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px; }
.form_section span.require {
  background: #cb1c1c; }
.form_section span.option {
  background: #1c77cb; }
.form_section [type=check],
.form_section [type=radio],
.form_section [type=submit] {
  cursor: pointer; }
.form_section [type=check] + label,
.form_section [type=radio] + label {
  display: inline-block;
  cursor: pointer; }
.form_section [type=tel],
.form_section [type=email],
.form_section [type=text],
.form_section [type=password],
.form_section textarea,
.form_section select {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  background-color:#fff;
  box-sizing: border-box;
}
.form_section select {
width: 42%;
}
 .form_section textarea {
  height: 200px; }
.form_section input#zip1 {
  display: inline-block;
  width: 80px; }
.form_section input#zip2 {
  display: inline-block;
  width: 150px;
  margin-bottom: 7px; }
.form_section [type=submit] {
  display: block;
  border: 1px solid #323d7f;
  background: #323d7f;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  color: #fff;
  padding: 20px 100px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 25px auto;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }
.form_section .checkbox .parts,
.form_section .radio .parts {
  padding-left: 25px;
  position: relative;
  line-height: 1; }
  .form_section .checkbox .parts::before,
  .form_section .radio .parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    border: 1px solid #ccc; }
.form_section .checkbox .parts::before {
  width: 15px;
  height: 15px;
  border-radius: 4px; }
.form_section .radio .parts::before {
  width: 16px;
  height: 16px;
  border-radius: 50%; }
.form_section .radio input:checked + .parts {
  color: #2ea2f3; }
  .form_section .radio input:checked + .parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #2ea2f3;
    border-radius: 50%; }
.form_section .checkbox input:checked + .parts {
  color: #2ea2f3; }
  .form_section .checkbox input:checked + .parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #2ea2f3;
    border-right: 3px solid #2ea2f3; }
.form_section .selector {
  position: relative; }
  .form_section .selector::after {
    content: "";
    font-family: 'FontAwesome';
    content: url(images/ico_form.jpg);
    position: absolute;
    top: 50%;
	width:15px;
	height:15px;
    right: 20px;
    margin-top: -12px;
    z-index: 10; }
  .form_section .selector select {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;

    padding: 1em;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: block;
    z-index: 1;
    cursor: pointer; }
.form_section ::-webkit-input-placeholder {
  color: #b9b9b9; }
.form_section ::-moz-placeholder {
  color: #b9b9b9; }
.form_section :-moz-placeholder {
  color: #b9b9b9; }
.form_section :-ms-input-placeholder {
  color: #b9b9b9; }
.form_section span.require {
  background: #cb1c1c;
}

<!--返信ページ-->
#kakunin{
    padding:200px 0!important;

}

.heyagi_service{
width: 1000px;
border: 3px #00468C solid;
margin: 0 auto 30px;

}
.heyagi_service td{
padding: 10px;
  vertical-align: middle;
  font-size: 2.5em;
  line-height: 130%;
  color: #333;
}
.heyagi_service td span{
color: #B20000;
font-weight: bold;
}
.heyagi_service td img{
max-width: 159px;
}

/*----------------------------レンタルルームの遊び方------------------------------------*/

.asobi{
width: 100%;
box-sizing: border-box;
}
.asobi h3{
color: #06C;
  border-bottom: 1px #333 solid;
  border-top: none;
  border-left: none;
  border-right: none;
  float: none;
  margin: 0 0 20px;
  font-size: 1.5em;
  text-align: left;
}
.asobi h3::after{
display: none;
}
.asobi a{
color: #f00;
}
.asobi_machi{
background: url(img/top/img_asobi04.jpg) right bottom no-repeat;
background-size: 15vw;
height: 15.5vw;
}
.asobi_single{
background: url(img/top/img_asobi01.jpg) 70% bottom no-repeat;
background-size: 15vw;
height: 15.5vw;
}
.asobi_single_txt01{
width: 55% !important;
}
.asobi_couple{
background: url(img/top/img_asobi02.jpg) 70% bottom no-repeat;
background-size: 15vw;
height: 15.5vw;
}

.asobi_txt01{
	text-align:center;
	max-width:60%;
	margin:30px auto 20px;
}
.asobi_txt01 img{
	width:100%;
}
.asobi_campaign{

border: 10px #1EA5FF solid;
padding: 20px;
background: url(img/top/img_asobi03.png) 95% bottom no-repeat;
background-color: #E3F4FF;
background-size: 10vw;
}
.asobi_campaign h4{
text-align: center;
  margin: 0 auto 25px;
  font-size: 1.5em;
  display: block;
  color: #06C;
  background: none;
}
.asobi_campaign h4::before, .asobi_campaign h4::after {
  content: '';
  display: inline-block;
  width: 80px;
  height: 2px;
  background-color: #06C;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em;
}
.asobi_campaign h4::before {
  margin: 0 30px 5px 0;
}
.asobi_campaign h4::after {
  margin: 0 0 5px 30px;
}
.asobi_campaign table{
border: none;
  margin: 0 auto 20px;
  width: 80%;
}
.asobi_campaign h6{
font-size: 1.2em;
}
.asobi_campaign p{
margin: 0 0 20px;
}
.asobi_campaign p span{
color: #f00;
}
.asobi_campaign table:first-of-type{
border-bottom: 1px #ccc dotted;
}
.asobi_campaign table:first-of-type td{
padding: .5rem 1rem 20px;
}
.asobi_campaign table caption{
text-align: left;
font-size: 1.2em;
}
.asobi_campaign table td{
border: none;
}
.asobi_campaign table td span{
color: #C3191F;
}
.asobi_campaign_txt01{
width: 40%;
}



.txt2512{
	box-sizing:border-box;
	width: 1000px;
  　margin: 0 auto 40px;
	border:2px #D90000 solid;
	text-align:center;
	padding:25px;
}
.txt2512 h3{
	font-size:2em;
	margin:0 0 15px;
	border:none;
	display: flex;
  align-items: center;
  justify-content: center;
  color:#111;
}
.txt2512 h3::before,
.txt2512 h3::after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: #111;
}
.txt2512 h3::before {
  margin-right: 0.5em;
}
.txt2512 h3::after {
  margin-left: 0.5em;
}
.txt2512 p{
	font-size:1.5em;
	margin:0;
	color:#111;
}
.txt2512 p span{
	color:#f00;
}/* 
 * Naver v3.1.2 - 2015-04-04 
 * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
 * http://formstone.it/naver/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */

/* 
 * Naver v3.1.2 - 2015-04-04 
 * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
 * http://formstone.it/naver/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */

/* 
 * Naver v3.1.2 - 2014-11-25 
 * A jQuery plugin for responsive navigation. Part of the Formstone Library. 
 * http://formstone.it/naver/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

.naver {
  margin: 0;
}
.naver,
.naver *,
.naver *:before,
.naver *:after {
  box-sizing: border-box;
}
.naver-handle {
  width: 100%;
  background: #ffffff;
 
  color: #111111;
  cursor: pointer;
  display: none;
  font-size: 16px;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.naver-handle:after {
  height: 3px;
  width: 15px;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  background: #41c5c7;
  box-shadow: 0 5px 0 #41c5c7, 0 -5px 0 #41c5c7;
  content: '';
  display: block;
  margin: auto 0;
}
.naver.open .naver-handle:after {
  width: 15px;
  height: 15px;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #41c5c7;
  content: "\00d7";
  font-size: 22px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
}
.naver-wrapper {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}
.naver-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.naver.enabled .naver-handle {
  display: block;
}
.naver.enabled .naver-wrapper {
  height: 0px;
  overflow: hidden;
}
.naver.enabled .naver-container {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-width: 0 1px 1px;
}
.skippr {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
.skippr>div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 62.5%
}
.skippr>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%
}
.skippr-nav-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  bottom: 25px;
  overflow: auto;
  z-index: 999
}
.skippr-nav-element {
  cursor: pointer;
  float: left;
  background-color: rgba(255,255,255,0.5);
  -webkit-transition: all .25s linear;
  transition: all .25s linear
}
.skippr-nav-element-bubble {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 4px
}
.skippr-nav-element-block {
  width: 60px;
  height: 10px
}
.skippr-nav-element:hover,
.skippr-nav-element-active { background-color: #fff }
.skippr-arrow {
  position: absolute;
  z-index: 999;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 30px;
  height: 30px;
  transform-origin: center center;
  -webkit-transform-origin: top left;
  cursor: pointer
}
.skippr-previous {
  left: 2.5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid white;
  border-left: 2px solid white
}
.skippr-next {
  right: 3.5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid white;
  border-right: 2px solid white
}
/*# sourceMappingURL=skippr.css.map */