@charset "utf-8";


/*
===== CONTENTS ===========================================

	1: reset 
	2: body and base setting
	3: link setting

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


/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/


body {
	text-align:center;/* box centering */
	font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	margin: 0px;
	padding: 0px;
	/*background:#fcf6db url(bg.gif) repeat-x left top;*/
	color:#000;
	font-size: 12px;
	
}

* html body{
	font-size: 75%;
}

*+html body{
	font-size: 75%;	
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.5em;/* base line height */
	text-align: left;
	display: block;
}

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

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
	font-size: 12px;
}

/*table th{
	text-align: left;  width:100%;
}*/

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	color:#444;
	font-family:sans-serif;
}

/*
===== 3: link setting ===========================
*/
a:link,
a:visited{
	color: #5d87bc;
}

a:hover,
a:active{
	color: #5d87bc;
	text-decoration: none;
}

/*
===== 4: layout ==========================================
*/

div#container{
	width: 100%;
	text-align: center;
}



div#header{
	margin: 0px auto;
	width:969px;
}

div#contents{
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	max-width: 950px;
	width: 100%;
	text-align: center;
	background-color:#fff;
	background: url(form_bg.gif) repeat-y left top;
	-moz-background-size:100% auto;
   background-size:100% auto;
}




div.contactBox{
	margin: 0px auto 20px;
	/*max-width: 836px;*/
	width:90%;
	text-align: center;
	padding:58px 0px 0px 0px;
}




div.contactBox h1{
	margin: 0px 0px 45px 0px;
}


div.contactBox p.formimg{
	margin: 0px 0px 60px 40px;
}

div.contactBox div.formBox{
	/* margin: 0px 0px 50px 40px; */
	margin:0px auto;
}


div.contactBox div.formBox p.attention{
	margin: 0px 0px 10px 0px;
}

div.contactBox div.formBox p.attention span{
	color: #d70303;
	font-weight: bold;
}


.required{
	color: #d70303;
	font-weight: bold;
}


div.contactBox div.formBox table{
	margin: 0px 0px 20px 0px;
	max-width: 800px;
	width:100%;
	border-top: solid 1px #a2a2a2;
}

/* #v テーブルの項目 右 */
div.contactBox div.formBox table th{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 12px;
	background-color: #d9e0f0;
	max-width: 170px;
	width:25%;
	border-bottom: dotted 1px #746d6b;
}


/* #v テーブルの項目 左 */
div.contactBox div.formBox table td{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 15px;
	border-bottom: dotted 1px #746d6b;
	width:75%;
}


div.formBox2 table{
  margin:50px auto;
}


/* #v テーブルの項目その② 右 */
div.contactBox div.formBox2 table th{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #def1df;
	width: 170px;
	border-bottom: dotted 1px #746d6b;
   font-size:15px;
}

/* #v テーブルの項目その② 左 */
div.contactBox div.formBox2 table td{
   width:500px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 12px;
	border-bottom: dotted 1px #746d6b;
   font-size:17px;
}

div.contactBox div.formBox tr.text01 input,
div.contactBox div.formBox tr.text01 textarea{
	max-width: 400px;
	width:90%;
   padding 1px 3px:
   border:1px solid #aaa;
}
div.contactBox div.formBox tr.text01 input{
   height:20px;
}


div.contactBox div.formBox2 tr.text02 input,
div.contactBox div.formBox2 tr.text02 textarea{
	max-width: 400px;
	width:90%;
   border:1px solid #aaa;
}

div.contactBox div.formBox div.submit{
	text-align: center;
}


div.contactBox div.formBox div.submit p{
	margin: 0px 0px 20px 0px;
	text-align: center;
}


div.contactBox div.formBox div.submit input{
	background: url(btn_send.gif) no-repeat left top;
	width: 429px;
	height: 76px;
	border: none;
	cursor: pointer;
}

div.btnBox{
	margin: 0px auto 80px;
	padding: 20px 0px 0px 0px;
	width:90%;
/*
	height:auto; overflow:hidden;
	max-width: 570px;
*/
  max-width:700px;
  display:flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}


div.privacyBox{
	margin: 0px auto;
	max-width: 689px;
	width:100%;
}

div.privacyBox h2{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	background: url(h2_privacy.gif) no-repeat left top;
	line-height: 44px;
	font-size: 14px;
}

div.privacyBox p{
	margin: 0px 0px 30px 0px;
}

div.privacyBox p span{
	color: #d22461;
	font-weight: bold;
}



div.privacyBox ul{
	margin: 0px 0px 25px 0px;	
}


div.privacyBox ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: url(arrow.gif) no-repeat 0px 3px;
}


div.privacyBox dl{
	
}


div.privacyBox dl dt{
	font-weight: bold;
}

div.privacyBox dl dd{
	
}


div.privacyBox dl dd p{
	margin: 0px 0px 0px 0px;
}



div.formBox p.end{
	padding: 20px 0px 20px 0px;
	text-align: center;
}



div#footer{
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	max-width: 938px;
   width:100%;
	background:url(form_footer_bg.gif) repeat-x left top;
}

div#footer p{
	margin: 0px 10px 0px 0px;
	text-align: right;
}



/* section */

.section{
	
}

.boxL{
	float: left;
	display: inline;
}


.boxR{
	float: right;
	display: inline;
}

.imgL{
	margin-right: 10px;
	float: left;
}

.imgR{
	margin-left: 10px;
	float: right;
}


/*
===== 00: CLEARFIX ==========================================
*/
.section:after
{ content: display: block; clear: both; height: 0; }

.section
{ display: inline-block; }

.section
{ display: block; }

/* MacIE \*//*/
.section
{ overflow: hidden; }
/* */



/*
===== 00: 17/04/22 Yasuda ==========================================
*/

/* 画像リンクの透過 */
a:hover img, button img:hover {
  cursor:pointer;
  filter: alpha(opacity=75);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=75)";  /* ie 8 */
  -moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.75;              /* Safari 1.x */
  opacity:0.75;
  zoom:1;
}


#header_bk{
  width:100%; height:62px; background-image:url(header_bk.gif);
}

#header_contents{
  width:100%; max-width:950px; margin:0px auto 5px;
}


.error{
  color:blue; font-weight:bolder; background-color:#ffe6e6; padding:3px; width:90%;
}


.contactBox_img{
  width:100%; max-width:836px;
}


#submit_back{
	background: url(btn_send.gif) no-repeat left top;
	max-width: 429px;
	width:50%;
	height: 76px;
	border: none;
	cursor: pointer;
}


.pcOut{
   display:none;
}



/*********** 所在 *************/
.place_box{
  display:none; width:100%; max-width:400px; max-height:100%; margin:5px auto;
}

.place_box p{
   display:block;
   background-color:#4c89d5;
   width:100%;
   text-align: left;
   font-size:12px;
   font-weight: bolder;
   color:white;
}

.place_box img{
  float:left; margin-right:8px; margin-bottom:8px; width:100%; max-width:84px;
}

.place_box .place_box_d1{
   display:table; margin:5px auto 0px;
}

.place_box .place_box_d2{
   float:left;
}
/*********** 所在 *************/



/*********** 営業時間 *************/
.hours h3{
  background-color:red;
}


.hours dt{
  width:90%;
  line-height:30px;
  text-align:center;
  border:1px solid #ccc;
  cursor:pointer;
  font-size: 12px;
  /* background:url(images/plus.png) no-repeat center right 5px; */
  background-color:#eef;
  
}
.hours dt.active{
  background:url(images/minus.png) no-repeat center right 5px;
}
.hours dd{
  background:#ffe;
  width:90%;
  line-height:20px;
  text-align:center;
  border:1px solid #666;
  display:none;
  margin: 0;
  font-size: 12px;
}


#table_complete th, #table_complete td{
  font-size:14px;
  padding:8px;
}

/*********** 営業時間 END *************/



/*********** ボタン(モーダルウィンドウ) *************/
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
}

.btn {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 10px 0;
	width:240px;
}

.btn:hover{
   color:yellow;
}
/*********** ボタン(モーダルウィンドウ) END *************/




.sub2{
  padding:0px;
  border:0px;
}
.btn_submit{
  background-color:#6bb900; border-radius:5px;
  padding:15px 35px; display:table; color:#fff;
  font-weight:bold; text-align:center; font-size:25px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  box-shadow:0px 0px 20px 3px rgb(128,128,128,0.5) inset;
  /*transition:0.3s;*/
}
.btn_submit:hover{
  background-color:orange;
}




.title_sp{
  font-size:35px;
  font-weight:bold;
  /*color: #006;*/
  color:#585859;
  /*text-shadow: rgba(0,0,0,0.25) 1px 0 10px;*/
  margin:0px auto 30px;
  text-align:left;
  display:table;

  font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;

  line-height:1.2;
}
.title_sp_text1{
  font-size:33px;
  color:#bc9b10;
}
.title_sp_text2{
  font-size:35px;text-align:center;line-height:0.95em;font-weight:bold;color: transparent;background: repeating-linear-gradient(7deg, #757575 0.1em, #9E9E9E 0.2em, #999 0.3em, #9E9E9E 0.4em, #757575 0.5em);-webkit-background-clip: text;
}




/* ::::::::::::::::::::::::::::::: ボタン */

.select_title{
  background-color:#142f4d;
  color:#cbbb8a;
  font-weight:normal;
  font-size:30px;
  text-align:center;
  padding:25px;
  width:90%;
  margin:0px auto;
  font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;

  text-shadow: 0 0 30px rgb(255 255 255 / 20%);
}
.select_guide{
  font-size:25px; font-weight:bold; text-align:left; display:table; margin:80px auto 30px; color:#525254;
}



.select_button_base{
  width:90%;
  margin:0px auto 200px;
  display:flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}





.btn-wrap {
  display:flex;
  justify-content: center;
  text-decoration:none;
  width:45%;
  max-width:600px;
  margin:0px auto 30px;
}

.btn-switch {
  width:100%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  /*display: inline-block;*/
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;

  margin:10px auto;
  border: 1px solid #ddd;
  border-radius: 100vh;
  background: #fbfbfc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fbfbfc),
    to(#dcddde)
  );
  background: -webkit-linear-gradient(top, #fbfbfc 0%, #dcddde 100%);
  background: linear-gradient(180deg, #fbfbfc 0%, #dcddde 100%);
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);

  font-family:"Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;

  display:flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}

.btn-switch img {
  width:90px;
  margin-right:10px;
}
.btn-switch span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width:60%;
  text-align:left;
}
.btn-switch:hover {
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
    inset 0 3px 3px rgba(0, 0, 0, 0.18);
  box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
    0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
    inset 0 3px 3px rgba(0, 0, 0, 0.18);

  color:#333631;
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}
/* ::::::::::::::::::::::::::::::: /ボタン */



/* 画面サイズが479px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 479px) {

  .mobileOut{
    display:none;
  }

  .mobileIn{
    display:block;
  }

  
  .boxR{
	 float: left;
  }

  .place_box img{
    width:20%;
  }

  .btn_submit{
   font-size:20px;
   padding:10px 25px;
  }

  .boxL{
	  margin-bottom:50px;
  }


  .title_sp{
    font-size:25px;
    display:block;
    width:100%;
    /*text-align:center;*/
    line-height:1.0;
  }
  .title_sp img{
    width:90%;
  }
  .title_sp_text1{
    font-size:18px;
  }
  .title_sp_text2{
    font-size:16px;
  }


  .select_title{
    font-size:16px;
    padding:10px;
  }
  .select_guide{
    font-size:16px;
    margin:50px auto 30px;
  }
  .btn-wrap {
    width:100%;
  }


  .btn-switch img {
    width:45px;
  }
  .btn-switch span {
    width:65%;
    font-size: 1.1rem;
  }
}