/*---------------------------------------------
	初期設定
  ---------------------------------------------*/

html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address, figure, figcaption {margin: 0; padding: 0; line-height: 160%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: top;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
sup{font-size: 0.6em; padding: 0 0.4em 0 0;}

strong{ font-weight:bold; letter-spacing:0.08em;}

/* ------ 配置設定 ------ */

.top_m{ margin-top:30px;} 
.bottom_m{ margin-bottom:20px;} 
.junbi{ padding:40px 0 260px 0;}
.left{ text-align:left!important;}
.clearSide{ clear:both;}
.center{ margin: 0 auto!important;}
.yajirushi{clear: both!important;}

/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #2B2B2B;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4：テキスト隙間対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能キャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------ リンク設定 ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #005CBE;
}
a:visited {
	text-decoration: none;
	color: #005CBE;
}
a:hover {
	text-decoration: underline;
	color: #0070E8;
	text-decoration:underline;
}
a:active {
	text-decoration: underline;
	color: #593721;
}

/* ------ フォント ------ */

.pink{ color:#ED2F99;}
.pinkB{ color:#ED2F99; font-weight: bold;}
.fsL{ font-size:0.92em; font-weight: normal!important; letter-spacing: 0.01em!important;}
.fs{ font-size:0.78em; font-weight: normal!important; letter-spacing: 0.01em!important;}
.fs2{ font-size:0.6em; font-weight: normal!important;letter-spacing: 0.01em!important;}

/* ------ ウェブフォント（google） ------ */
.wf-mplus1p { font-family: "Mplus 1p"; }

/*-----------------------------------------------------	*/
/*	全共通						*/
/*-----------------------------------------------------	*/

/* ------ 一般設定 ------ */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}

body {
	background-color:#FFFFFF;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/*　予約画面 iframe　*/
.yoyakuArea {
	display: block;
	clear: both;
	margin: auto;
	position:relative;
    height:0;
    padding-top:75%;
	width: 92%!important;
	padding: 1em;
	text-align: center;
	border-bottom: 1px solid #D5D5D5;
	height: 700px!important;
}

.yoyakuArea iframe{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* ロゴ */
.logo{ max-width: 960px; min-height: 58px; display: block; clear: both; }

/* メイン下の文章エリア */
.main_under{max-width: 960px; min-height: 48px; display: block; clear: both; background-image:url(../../images/online_soudan/main_txt_area.png); background-repeat: repeat; color: #fff; font-size: 1.36em; letter-spacing: 0.06em; text-align: center; padding: 18px 0 0 0;}

/* 序文の文章エリア */
.jobun{ display: block; clear: both; font-size: 1.2em; padding: 1em 0 1em 0;}
.jobun p{ text-align: center; padding-bottom: 1em; letter-spacing: 0.08em; }
.glaybox{ max-width: 880px; min-height: 30px; display: block; clear: both; font-size: 0.72em; letter-spacing: 0.06em;  line-height: 1.8em; padding: 1em 0 1em 0; background-color: #f6f6f6; border-radius: 0.4em; text-align: center; margin: 0 auto;}

/* step タイトルバー */
.steptab{ max-width: 960px; min-height: 50px; display: block; clear: both; background-color: #fff; border: 1px solid #dcdcdc; margin: 0.8em 0 0 0;}
.step{ width: 12%;min-height: 43px; display: block; float: left; background-color: #ee7d2a; color: #fff; text-align: center; padding: 7px 0 0 0; font-size: 1.28em; letter-spacing: 0.06em;}
.stepTxt{ width: 88%;  display: block; float: left; background-color: #fff; color: #373737; text-align: center; padding: 9px 0 0 0; font-size: 1.2em; letter-spacing: 0.02em; text-indent: -50px; font-weight: bold;}
.stepTxt2{ width: 88%;  display: block; float: left; background-color: #fff; color: #373737; text-align: center; padding: 5px 0 0 0; font-size: 1.2em; letter-spacing: 0.02em; text-indent: -50px; font-weight: bold;}

/* step01 */
.step01{ max-width: 960px; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 0.5em 0;}
.step01 img{ clear: both;}
.step01 p{ font-size: 0.9em; line-height: 1.8em; padding: 0.4em 0 0.5em 0;  clear: both;}

/* step02 */
.step02{ max-width: 960px; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 2em 0; background-image:url(../../images/online_soudan/step02_bg.png); background-repeat: no-repeat; background-position: top; }
.step02 img{ clear: both; margin: 1em 0 0 0;}
.step02 p{ font-size: 0.9em; line-height: 1.8em; padding: 0.4em 0 0.5em 0;  clear: both;}

/* step03 */
.step03{ max-width: 960px; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 2em 0;}
.step03 img{ clear: both;}
.step03 p{ font-size: 0.9em; line-height: 1.8em; padding: 1.2em 0 1em 0;  clear: both;}

/* step04 */
.step04{ max-width: 960px; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 2em 0;}
.step04 img{ clear: both;}
.step04 p{ font-size: 0.9em; line-height: 1.8em; padding: 1.4em 0 0.5em 0; letter-spacing: 0.06em;  clear: both;}

/* yoyaku_txt */
.yoyaku_txt{ max-width: 960px; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 0.2em 0;}
.yoyaku_txt p{ font-size: 1.06em; line-height: 1.4em; padding: 0.5em 0 0.3em 0; letter-spacing: 0.06em;  clear: both;}

/* 問い合わせ：横並び */
.toiawaseYoko{max-width: 672px; min-height: 58px; display: block; clear: both; margin: 0 auto; text-align: center; padding: 1.4em 0 1.1em 0;}

/* telボタン */
.telBtn{ width: 322px; min-height: 58px; display: block;  background-image:url(../../images/online_soudan/tel.png); background-size: cover; background-repeat: no-repeat; text-indent: -9999px; border: 1px solid #6db138; float: left; margin-right: 1em; }
.telBtn a{ width: 322px; min-height: 58px; display: block;  background-image:url(../../images/online_soudan/tel.png);}

/* 接続ボタン */
.setsuzokuBtn{ width: 322px; min-height: 58px; display: block; float: left; color: #fff; font-size: 1.1em; }
.setsuzokuBtn a{ width: 322px; min-height: 45px; display: block; background-color: #eb731c; border-radius: 1.6em; color: #fff; text-decoration: none; padding: 13px 0 0 0; letter-spacing: 0.06em;}
.setsuzokuBtn a:hover{ background-color: #e66811;}
a span.arrow {
  width: 24px;
  height: 24px;
  background-image: url(../../images/online_soudan/btnarrow.png);
  background-size: 27px 27px;
  display: inline-block;
  text-indent: -9999px;
 
  /* 位置合わせ用 */
  vertical-align: middle;
  margin: 0 10px 5px 0;
}


/* 問い合わせ：縦並び */
.toiawaseTate{max-width: 322px; min-height: 58px; display: block; clear: both; margin: 0 auto; text-align: center; padding: 1.4em 0 1.4em 0;}

/* telボタン */
.telBtn2{ width: 322px; min-height: 58px; display: block;  background-image:url(../../images/online_soudan/tel.png); background-size: cover; background-repeat: no-repeat; text-indent: -9999px; border: 1px solid #6db138; clear: both; margin-right: 1em; }
.telBtn2 a{ width: 322px; min-height: 58px; display: block;  background-image:url(../../images/online_soudan/tel.png);}

/* 接続ボタン */
.setsuzokuBtn2{ width: 322px; min-height: 58px; display: block; clear: both; color: #fff; font-size: 1.1em; margin: 1em 0 0 0;}
.setsuzokuBtn2 a{ width: 322px; min-height: 45px; display: block; background-color: #eb731c; border-radius: 1.6em; color: #fff; text-decoration: none; padding: 13px 0 0 0; letter-spacing: 0.06em;}
.setsuzokuBtn2 a:hover{ background-color: #e66811;}
a span.arrow {
  width: 24px;
  height: 24px;
  background-image: url(../../images/online_soudan/btnarrow.png);
  background-size: 27px 27px;
  display: inline-block;
  text-indent: -9999px;
 
  /* 位置合わせ用 */
  vertical-align: middle;
  margin: 0 10px 5px 0;
}

/* step03：横並び */
.step03Yoko{width: 100%; min-height: 288px; display: block; clear: both; margin: 0 auto; text-align: center; padding: 1.4em 0 1.4em 0;}

/* step03：左の写真群エリア */ 
.step03Left{ width: 43%; height: auto; display: block;  border: 2px solid #6db138; float: left; margin-right: 1em; padding: 1em 0.8em 0em 0.8em; border-radius: 1em; font-size: 1.02em; line-height: 1.42em;}
.step03Left img{ width: 100%;}
/* step03：右の写真群エリア */
.step03Right{ width: 43%; height: auto; display: block;  border: 2px solid #f37ab0; float: right; margin-right: 1em; padding: 1em 0.8em 0em 0.8em; border-radius: 1em; font-size: 1.02em; line-height: 1.42em;}
.step03Right img{ width: 100%;}


/* オレンジの枠線（小）*/
.orange_waku a{ width: 356px; height: 39px; display: block; clear: both; border: 2px solid #eb7320; font-size: 0.94em; font-weight: 700; margin: 0 auto; padding: 12px 0 0 0; color: #eb7320!important; border-radius: 1.5em; letter-spacing: 0em; text-decoration: none!important;}
.orange_waku a:hover{background-color: #FFF2E8;}

/* オレンジの枠線（大）*/
.orange_waku2 a{ width: 600px; height: 39px; display: block; clear: both; border: 2px solid #eb7320; font-size: 0.94em; font-weight: 700; margin: 0 auto; padding: 12px 0 0 0; color: #eb7320!important; border-radius: 1.5em; letter-spacing: 0em; text-decoration: none!important;}
.orange_waku2 a:hover{background-color: #FFF2E8;}

/* ピンクの枠線＆リンク*/
.pink_waku_online a{ width: 100%; height: auto; display: block; clear: both; border: 2px solid #fc18b9; font-size: 1.08em; font-weight: 700; margin: 0 auto; padding: 10px 0.2em 10px 0.8em; color: #fc18b9!important; border-radius: 1.5em; letter-spacing: 0em; text-decoration: none!important;}

.pink_waku_online a:hover{background-color: #FFECF6;}



#container {
	position: relative;		/* 親要素をposition:relativeとする */
	max-width: 960px;
	margin: 0 auto;
	background-color:#fff;
}


h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.4em;
	color:#000000;
	letter-spacing:0.12em;
	clear:both;
}

h4 span{
	font-size:0.74em;
	color:#A5A5A5;
	letter-spacing:0.2em;
}

.underline{
	border-bottom: 2px solid #404040;
	}
	
.upperlineDot{
	border-bottom: 1px dotted #D3D3D3;
	margin-bottom:10px;
	clear:both;
	}
	
.underSpace{
	margin-bottom:20px;
	}
	
.fs{ font-size:0.7em;}
.fL{font-size:1.4em; line-height:1.7em;}
.ak{ color:#EA0003;}
.mBottom{ margin-bottom:40px;}
.mTop{ padding-top:20px;}


	
/* ------ Article ------ */

article {
	background-color:#FFF;
	padding-bottom: 0px;
}






/* ------ Page Top ------ */

#page-top {
	border-top: solid 1px #d5d5d5;		/* 1番外側のborder */
	border-bottom: solid 1px #fff;
	clear:both;
	margin-top:24px;
}

#page-top p {
	font-size: 78%;
	border-top: solid 1px #dedede;		/* 2番目のborder */
}

#page-top a {
	display: block;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	color: #666;
	border-top: solid 1px #e5e5e5;		/* 1番内側のborder */
}
#page-top a:before {
	content: "▲";
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
	margin-right:5px;
	color: #999;
}
#page-top a:link,
#page-top a:visited {
	background-color: #eee;
}
#page-top a:hover,
#page-top a:active {
	background-color: #e5e5e5;
}


/* ------ Footer ------ */

footer {
	width: 80%;
	display: block;
	background-color: #fff;
	margin: 0 auto;
	padding: 1em 0 0 0;
}

footer nav {
	margin: 30px 0 15px;
	text-align: left!important;
}

footer nav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ddd;
	font-size: 68%;
	text-align: left!important;
}
footer nav li:first-child {
	padding-left: 0;
	border-left: none;
	text-align: left!important;
}

footer nav a:link,
footer nav a:visited {
	color: #666;
	text-decoration: none;
}
footer nav a:hover,
footer nav a:active {
	color: #666;
	text-decoration: underline;
}

#copyright {
	margin-bottom: 35px;
	text-align: left!important;
}

#copyright p {
	font-size: 82%;
	color: #2f2f2f;
	line-height:1.5em;
}

#copyright span {
	font-size: 86%;
	color: #bbb;
}


footer .logo {
	padding-top: 35px;
	text-align: right!important;
}

footer .logo img {
	width: 160px;
	height: auto;
}

footer .jikan {
	border-top: 1px solid #65a648;
	border-bottom: 1px solid #65a648;
	font-size: 0.69em;
	padding: 0.6em 0 0.6em 0;
	margin: 0.5em 0 0 0;
}



/*-----------------------------------------------------	*/
/*	for 640px - 870px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 50px) and (max-width: 870px) {

#container {
	position: relative;		/* 親要素をposition:relativeとする */
	max-width: 99%;
	margin: 0;
	padding: 0;
	background-color:#fff;
	text-align: center;
}

br {display: none;}
img {clear: both!important;}
.m_b{margin-bottom: 1em!important;}


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    .pc { display: none !important; }
    .sp { display: block !important; }

	
/* ロゴ */
.logo{ max-width: 100%; min-height: 58px; display: block; clear: both; text-align: center; }
	
/* メイン下の文章エリア */
.main_under{max-width: 100%; min-height: auto; display: block; clear: both; background-image:url(../../images/online_soudan/main_txt_area.png); background-repeat: repeat; color: #fff; font-size: 1.16em; letter-spacing: 0.02em; line-height: 1.5em; text-align: center; padding: 10px;}

/* 序文の文章エリア */
.jobun{ width: 96%; display: block; clear: both; font-size: 1.2em; line-height: 1.5em;  padding: 10px 10px 10px 10px;}
.jobun p{ text-align: left; padding-bottom: 0.5em; letter-spacing: 0.08em; }
.glaybox{ width:94%; min-height: 30px; display: block; clear: both; font-size: 0.68em; letter-spacing: 0.06em;  line-height: 1.6em; padding: 10px; background-color: #f6f6f6; border-radius: 0.48em; text-align: left; margin: 0 auto;}
.glaybox br{ width:94%; min-height: 30px; display: block!important; clear: both; font-size: 0.68em; letter-spacing: 0.06em;  line-height: 1.6em; padding: 10px; background-color: #f6f6f6; border-radius: 0.48em; text-align: left; margin: 0 auto;}

/* step タイトルバー */
.steptab{ width: 98%; min-height: 50px; display: block; clear: both; background-color: #fff; border: 1px solid #dcdcdc; margin: 0.8em 0 0 0; overflow: hidden; position: relative;}
.step{ min-width: 60px !important; min-height: 50px; display: block; float: left; background-color: #ee7d2a; color: #fff; text-align: center; padding: 18px 0 0 0; font-size: 0.9em; letter-spacing: 0.06em; }
.stepTxt{ width: 78%;  display: block; float: left; background-color: transparent; color: #373737; text-align: left; padding: 9px 0 0 10px; font-size: 0.96em; letter-spacing: 0.02em; font-weight: bold; text-indent: 0px!important; line-height: 1.52em;}
.stepTxt2{ width: 78%;  display: block; float: left; background-color: transparent; color: #373737; text-align: left; padding: 5px 0 0 10px; font-size: 0.96em; letter-spacing: 0.02em; font-weight: bold; text-indent: 0px!important; line-height: 1.52em;}
.top_spc{margin-top: 14px;}
.top_spc2{margin-top: 2px;}
	
/* step01 */
.step01{ max-width: 100%; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 0em 0;}
.step01 img{ clear: both;}
.step01 p{ font-size: 0.9em; line-height: 1.8em; padding: 0.4em 0 0.5em 0;  clear: both;}

/* step02 */
.step02{  max-width: 100%; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 1em 0;}
.step02 img{ clear: both; margin: 1em 0 0 0;}
.step02 p{ font-size: 0.9em; line-height: 1.8em; padding: 0.4em 0 0.5em 0;  clear: both;}

/* step03 */
.step03{  max-width: 98%; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 0em 0;}
.step03 img{ clear: both;}
.step03 p{ font-size: 0.9em; line-height: 1.8em; padding: 1.2em 0 1em 0;  clear: both;}

/* step04 */
.step04{  max-width: 100%; min-height: 50px; display: block; clear: both; text-align: center; margin: 0 auto; padding: 0 0 1em 0;}
.step04 img{ clear: both;}
.step04 p{ width: 92%; font-size: 0.9em; line-height: 1.8em; padding: 1.4em 0 0.5em 0; letter-spacing: 0.03em; margin: auto; clear: both;}

/* 問い合わせ：横並び */
.toiawaseYoko{max-width: 90%; min-height: 58px; display: block; clear: both; text-align: center!important; padding: 1.4em 0 1.1em 0; margin: 0 auto;}

/* telボタン */
.telBtn{ width: 98%; min-height: 58px; display: block;  background-image:none; text-indent: -9999px; border: 1px solid #6db138; clear: both; margin:0 auto; }
.telBtn a{ width: 100%; min-height: 58px; display: block;  background-image:url(../../images/online_soudan/tel.png); background-repeat: no-repeat; background-position: center;}

/* 接続ボタン */
.setsuzokuBtn{ width: 98%; min-height: 58px; display: block; clear: both; color: #fff; font-size: 1.06em; margin: 1em 0 0 0; }
.setsuzokuBtn a{ width: 98%; min-height: 45px; display: block; background-color: #eb731c; border-radius: 1.6em; color: #fff; text-decoration: none; padding: 13px 0 0 0; letter-spacing: 0.06em;}
.setsuzokuBtn a:hover{ background-color: #e66811;}


/* step03：横並び */
.step03Yoko{width: 98%; min-height: auto; display: block; clear: both; margin: 0 auto; text-align: center; padding: 1.4em 0 1.4em 0;}

/* step03：左の写真群エリア */ 
.step03Left{ width: 90%; height: auto; display: block;  border: 2px solid #6db138; float: none; margin-right: 0em; margin-bottom: 1em; padding: 1em 0.8em 0em 0.8em; border-radius: 1em; font-size: 0.92em; line-height: 1.42em;}
.step03Left img{ width: 100%;}
/* step03：右の写真群エリア */
.step03Right{ width: 90%; height: auto; display: block;  border: 2px solid #f37ab0;  float: none; margin-right: 0em; padding: 1em 0.8em 0em 0.8em; border-radius: 1em; font-size: 0.92em; line-height: 1.42em;}
.step03Right img{ width: 100%;}

/* オレンジの枠線（小）*/
.orange_waku a{ width: 90%; height: 39px; display: block; clear: both; border: 2px solid #eb7320; font-size: 0.94em; font-weight: 700; margin: 0 auto; padding: 12px 0 0 0; color: #eb7320!important; border-radius: 1.5em; letter-spacing: 0em; text-decoration: none!important;}
.orange_waku a:hover{background-color: #FFF2E8;}

/* オレンジの枠線（大）*/
.orange_waku2 a{ width: 90%; height: auto; line-height: 1.46em; display: block; clear: both; border: 2px solid #eb7320; font-size: 0.92em; font-weight: 700; margin: 0 auto; padding: 12px 12px 12px 12px; color: #eb7320!important; border-radius: 2.2em; letter-spacing: 0em; text-decoration: none!important;}
.orange_waku2 a:hover{background-color: #FFF2E8;}
	

/* ピンクの枠線＆リンク*/
.pink_waku_online a{ width: 92%; height: auto; display: block; clear: both; border: 2px solid #fc18b9; font-size: 0.96em; font-weight: 700; margin: 0 auto; padding: 10px 0.2em 10px 0.8em; color: #fc18b9!important; border-radius: 0.6em; letter-spacing: 0em; text-decoration: none!important;}

.pink_waku_online a:hover{background-color: #FFECF6;}
	
}



/*-----------------------------------------------------	*/
/*	for - 370px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 370px) {
	
.f_small{ font-size:0.86em; line-height: 1.3em;}

}