@charset "Shift_JIS";

h1,h2,h3,h4,h5 {margin: 0px;padding: 0px;}
img {border-style: none;}
em {font-style: normal;font-weight: bold;}
address {font-style: normal;}


.del  {text-decoration:line-through;}
.bold {font-weight: bold}


.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.fl {float: left;}
.fr {float: right;}


.f_FFF {color: #FFFFFF;}
.f_F00 {color: #FF0000;}
.f_F30 {color: #FF3300;}
.f_F60 {color: #FF6600;}
.f_600 {color: #660000;}
.f_630 {color: #663300;}
.f_080 {color: #008800;}
.f_060 {color: #006600;}
.f_000 {color: #0000ff;}
.f_F66 {color: #ff66ff;}

.f_F00b {font-weight: bold;color: #FF0000;}
.f_F60b {font-weight: bold;color: #FF6600;}
.f_600b {font-weight: bold;color: #660000;}
.f_080b {font-weight: bold;color: #008800;}
.f_000b {font-weight: bold;color: #0000ff;}
.f_F66b {font-weight: bold;color: #ff00ff;}

.f_70 {font-size: 70%}
.f_78 {font-size: 78%}
.f_80 {font-size: 80%}
.f_84 {font-size: 84%}
.f_86 {font-size: 86%}
.f_90 {font-size: 90%}
.f_92 {font-size: 92%}
.f_94 {font-size: 94%}
.f_96 {font-size: 96%}
.f_100 {font-size: 100%}
.f_110 {font-size: 110%}
.f_120 {font-size: 120%}
.f_130 {font-size: 130%}
.f_140 {font-size: 140%}


.tp0 {margin-top: 0px;}
.tp3 {margin-top: 3px;}
.tp5 {margin-top: 5px;}
.tp10 {margin-top: 10px;}
.tp15 {margin-top: 15px;}
.tp20 {margin-top: 20px;}
.tp25 {margin-top: 25px;}
.tp30 {margin-top: 30px;}
.tp35 {margin-top: 35px;}
.tp40 {margin-top: 40px;}
.tp50 {margin-top: 50px;}

.bp0 {margin-bottom: 0px;}
.bp3 {margin-bottom: 3px;}
.bp5 {margin-bottom: 5px;}
.bp10 {margin-bottom: 10px;}
.bp15 {margin-bottom: 15px;}
.bp20 {margin-bottom: 20px;}
.bp25 {margin-bottom: 25px;}
.bp30 {margin-bottom: 30px;}
.bp35 {margin-bottom: 35px;}
.bp40 {margin-bottom: 40px;}

.lp0 {margin-left: 0px;}
.lp5 {margin-left: 5px;}
.lp10 {margin-left: 10px;}
.lp15 {margin-left: 15px;}
.lp20 {margin-left: 20px;}
.lp25 {margin-left: 25px;}
.lp30 {margin-left: 30px;}
.lp35 {margin-left: 35px;}
.lp40 {margin-left: 40px;}
.lp50 {margin-left: 50px;}

.rp0 {margin-right: 0px;}
.rp5 {margin-right: 5px;}
.rp10 {margin-right: 10px;}
.rp15 {margin-right: 15px;}
.rp20 {margin-right: 20px;}
.rp30 {margin-right: 30px;}


.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}


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

.clean{clear:both;font-size: 1%;height: 1px;line-height: 1%;}

.box_clear:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.box_clear{display: inline-block;}
/* Hides from IE-mac \*/
* html .cbox_clear {height: 1%;}
.box_clear {display: block;}
/* End hide from IE-mac */


body {
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size: 106%;
margin: 0px auto 0px auto;text-align: center;
}

strong,em {font-weight: normal;font-style: normal;}

#main a:link {color: #0066FF;}
#main a:visited {color: #711cb1;}
#main a:hover {color:  #006600;}

#srap {
width: 1105px;
margin: 0px auto 0px auto;text-align: left;
}

#wrap {width: 1095px;background: url("../img/bg_wrap.gif") left top repeat;}

#header {height: 91px;margin-bottom: 22px;background: url("../img/bg_mamakabu.png") right top repeat;}
#header img {padding: 10px 0 0 25px;}

#main_top ,#main {width: 865px;float: left;}
#main_top h3 {margin-top: 30px;}
#main h2 ,#main h3 ,#main h4 ,#main_top h2 ,#main_top h3 {
font-size: 130%;color: #fff;
padding: 10px 5px 0 50px;
min-height: 41px;
margin-top: 40px;margin-bottom: 30px;
background: url("../img/bg_h3.jpg") left top no-repeat;
box-sizing:border-box;
text-shadow: -2px 2px 0 rgba(0,0,0,0.1);
}

#note {width: 713px;padding-left: 97px;padding-right: 55px;padding-bottom: 20px;
background: url("../img/waku_bg.jpg") repeat-y;}

.waku_top {
width: 865px;height: 51px;
background: url("../img/waku_top.jpg") left top no-repeat;display:inline-block;
}
#main_top h1 ,.pan {font-weight:normal;font-size: 76%;color: #999;padding: 7px 20px 0 0;text-align: right;}
.pan a {
text-decoration: none;margin-right: 3px;padding-right: 10px;
background: url("../img/lmark.gif") center right no-repeat;
}
#main .pan a:link {color: #669eba;}
#main .pan a:visited {color: #6eaccb;}
#main .pan a:hover {color: #19791b;}

.waku_bottom {
width: 865px;height: 40px;
background: url("../img/waku_bottom.jpg") left top no-repeat;display:inline-block;
}

.waku_top_p {text-align: center;margin-top: 0;margin-right: 30px;}
.top1 {margin: 15px 0 0 70px;}
.top5 {width: 705px;height: 329px;margin-top: 20px;margin-bottom: 30px;
background: url("../img/top5_2.png") left top no-repeat;}

.top5 ul {position: relative;top:82px;left:90px;list-style-type: none;margin: 0;padding: 0;}
.top5 li {width: 132px;height: 178px;display:inline-block;margin-left: 15px;}

.by {font-size: 86%;font-weight: normal;color: #630;margin-left: 7px;}

#main h1 {
font-size: 130%;color: #060;
padding-left: 33px;
border-bottom: 1px solid #060;
background: url("../img/m1_s.jpg") 2px 0px no-repeat;
}

#main h1 {position: relative;} 
#main h1:after {content:"PR";font-size: 0.75em;color: #75a738;position: absolute;right: 1%;top: 20%;}

time {margin:0;padding: 0;line-height: 0;}
.p-time {font-size: 13px;color: #666;display: block;text-align: right;margin: 5px 10px 10px 0;padding: 0;line-height: 0;}
.p-time:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("../img/time.png");
  background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 3px;
}


#pan {font-size: 86%;color: #454545;margin-bottom: 10px;text-align: right;}
#pan a {margin-right: 5px;padding-right: 15px;}

#menu {width: 200px;margin-right: 20px;margin-left: 10px;float: right;}

#menu a:link {color: #0066FF;}
#menu a:visited {color: #9a139f;}
#menu a:hover {color:  #006600;}

#menu ul {margin-left: 0px;margin-top: 5px;padding-left: 0;}

#menu ul a {text-decoration: none;}

     
    .menu_bg li{
    	list-style-type:none !important;
    	list-style-image:none !important;
 /*   	margin: 5px 0px 5px 0px !important;*/
    }
     
    .menu_bg li{
    	position:relative;
    	padding-left:16px;
    }
     
    .menu_bg li:before{
    	content:''; 
    	display:block; 
    	position:absolute; 
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	top:4px; 
    	left:2px; 
    	height:0; 
    	width:0; 
    	border-top: 6px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 6px solid transparent;
    	border-left: 9px solid #E89114;
    }

#menu ul li ul {margin-left: 1px;padding-left: 0;}
#menu ul li li {
background: url("../img/sub.gif") left center no-repeat;
list-style-type: none;
margin-left: 0;padding-left: 10px;
}
#menu .menu_bg ul li li:before {box-shadow:none;border: none;}


.kousin {width: 100%;border: 2px dotted #f4ece2;background:url(../img/bg_koshin.gif);  repeat;}
#menu .kousin h4 {margin-top: 7px;text-align: center;}
.kousin p {font-size: 80%;color: #333;margin: auto 1px auto 7px;}
#menu .kousin ul {font-size: 86%;list-style-type: none;margin: 10px 5px 10px 10px;}
.kousin li {padding-left: 25px;margin-left:0px;
list-style-type: none;}
.k_new {background: url("../img/new.gif") left center no-repeat;}
.k_tyumoku {background: url("../img/chu.gif") left center no-repeat;}
.k_up {background: url("../img/up.gif") left center no-repeat;}
.kosinday {color: #630;}
.kosin	html {overflow-y: scroll;margin-bottom: 1px; height: 100%;}

.scr {width: 100%;background-color: #fff4ea;padding: 10px;box-sizing:border-box;margin-top: 15px;}

.onsp ,.asp_sp {display: none;}

.menu_bg {background: url("../img/bg_kosin.png") repeat;}

#footer {width: 1095px;height: 91px;background: url("../img/bg_footer.jpg") left top repeat-x;margin-top:15px;}

#footer address {color: #333;padding-top: 50px;}

#footer a:link {color: #333;text-decoration: none;}
#footer a:visited {color: #333;text-decoration: none;}
#footer a:hover {color:  #0066FF;text-decoration: none;}

.sogo {font-size: 90%;width: 750px;}

.s_l {width: 466px;float: left;}
.s_l_l {width: 233px;float: left;}
.s_l_r {width: 233px;float: right;}
.s_r {width: 233px;float: right;}

address {color: #666666;text-align: center;}

.img_tiup ,.img_tiup2 {background: url("../img/tiup_toku5.png") left top no-repeat;}
.img_tiup {min-height: 42px;padding-left: 140px;}
.img_tiup2 {padding-top: 50px;text-align: left;}

.top3 {margin-top: 35px;margin-left:10px;}
.top3 p {font-size: 92%;color: #ff0c73;}
.top3 table {width: 99%;background-color: #CBC294;}
.top3 th {font-weight: bold;color: #630;background-color: #ECE9D8;text-align: center;}
.top3 td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;}

.asp_pc ,.asp_sp {text-align:center;margin-top:30px;}


.mokuji {position: relative;margin: 60px 0 30px 0;}
.mokuji ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.5em;
  border: solid 1px #ee7929;
}

.mokuji ol li{
  position: relative;
  /*line-height: 1.5em;*/
  padding: 0 0 0 34px;margin-bottom: 5px;
}
.mokuji ol li a {text-decoration: none;display: block;}
.mokuji ol li a:link {background-color: none;}
.mokuji ol li a:visited {background-color: none;}
.mokuji ol li a:hover {background-color: #fff6e8;}
.mokuji ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  background: #ee7429;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 12px 0 0 0 ;
  text-align:center;
  top: 0%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.mokuji ol ul {padding: 0;margin: 0 0 0 18px;}
.mokuji ol ul li {padding: 0;margin: 0;list-style-type: disc;color: #548cb2;}
.mokuji ol ul li:before{counter-reset:number;content: none;}
.p_mokuji {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    display: inline-block;
    top: -47px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 5px 5px 0 0;
    background: #ee7929;left: 0px;
    }


/* ページ スクロール */
.page-top{display: none ;margin: 0 ;padding: 0 ;}
.page-top p{margin: 0 ;padding: 0 ;position: fixed ;right: 16px ;bottom: 16px ;}
 
.move-page-top ,.move-page-top_sp{
	position: fixed;
	background: #7e7a7a;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.5;
	text-shadow: none;
	color: #fff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
}

.move-page-top{
	font-size: 13px;
	width: 60px;
	height: 60px;
	bottom: 10%;
	right: 1%;
	padding-top: 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.move-page-top_sp{
	font-size: 12px;
	width: 50px;
	height: 50px;
	bottom: 6%;
	right: 2%;
	padding-top: 16px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.page-bottom{display: none ;margin: 0 ;padding: 0 ;}
 
.page-bottom p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}

.move-page-bottom ,.move-page-bottom_sp {
	position: fixed;
	background: #7e7a7a;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.5;
	text-shadow: none;
	color: #fff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
}

.move-page-bottom {
	font-size: 13px;
	width: 60px;
	height: 60px;
	top: 5%;
	right: 1%;
	padding-top: 22px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.move-page-bottom_sp {
	font-size: 12px;
	width: 50px;
	height: 50px;
	top: 3%;
	right: 2%;
	padding-top: 16px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#page-top a:link {color: #fff;text-decoration: none;}
#page-top a:visited {color: #fff;text-decoration: none;}
#page-top a:hover {color: #fff027;text-decoration: none;}

#wrap a:link.cta_btn03 {color: #fff;text-decoration: none;}
#wrap a:visited.cta_btn03 {color: #fff;text-decoration: none;}
#wrap a:hover.cta_btn03 {color: #333;text-decoration: none;background-color: #00cca0;}

.cta_btn03 {
  width: 100%;
  max-width: 350px;
  background-color: #009f7f;
  position: relative;
  padding: 1em 2em;
  border-radius: 100vh;
  border-bottom: 5px solid #008064;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s;
  text-align: center;
  margin-top: 2em;
}
.cta_btn03-copy {
  font-size:90%;
  font-weight: bold;
  color: #454545;
  position: absolute;
  top: -2em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
}
.cta_btn03-copy:before {margin-right: 1rem;content: '＼';}
.cta_btn03-copy:after {margin-left: 1rem;content: '／';}


@media screen and ( min-width:1130px )
{
	.move-page-top:hover{
		text-decoration: none;
		outline: none;
		cursor: pointer;
		opacity: 0.85 ;
	}
	.move-page-bottom:hover	{
		text-decoration: none;
		outline: none;
		cursor: pointer;
		opacity: 0.85 ;
	}

}


/*--------------------------------------*/
/*----------globalnabi.css end----------*/
/*--------------------------------------*/

/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/

/* 画像切り替え */
img.img_sns{
	text-align: left;

}
#div_sns {
	text-align: left;
	margin: 10px 0 0 35px;
	width: 160px;
	height: 92px;
	float: left;
}

img.img_sns:hover {
	opacity: 0;
}

#div_sns:hover {
	background: url(/img/sns_o.png) no-repeat;
}

/* end */

.social-area-syncer {
/*	width: 100% ;*/
	min-height: 190px ;
	padding: 0 ;
	padding: 10px 0 0 0;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 15px;
    margin-left: 15px;
    box-sizing: border-box;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer {
		min-height: 100px ;
	padding: 10px 0 0 0;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 15px;
    margin-left: 15px;
    box-sizing: border-box;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 258px ;
	margin: 10px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width: 510px ;
		margin: 5px 0 0 30px ;
	}
}


/******************************

 [li]要素

******************************/
/* スマホ */
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px 17px 8px;
	padding:0 ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer li {
		margin: 0 8px ;
	}
}




/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}

/* PC改行　スマホ改行しない */
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}




body{
background-color: #f8dce0;background-color: #fff;
/*background-image: url("../img/h_2.png");*/
line-height: 140%;
}

.f_pink {font-weight: bold;color: #ff327f;background-color: #ffecf6;}

.hr_red {border-bottom: 3px dotted #F00;}
.hr_pink {border-bottom: 3px dotted #ff478c;}

.img_s {
/*background: url("../img/shadow.gif")*/ no-repeat right bottom;
padding: 5px 10px 10px 5px;
}	/* 写真に影をつける */

.link {
font-size: 105%;background: url("../img/link.png") left center no-repeat;font-weight: bold;
margin-left: 15px;padding-left: 35px;margin-top: 30px;margin-bottom: 40px;
}	/* リンクの矢印をつける */


.link2 {
font-size: 130%;font-weight: bold;
background: url("../img/link.png") left center no-repeat;
margin-left: 15px;padding-left: 35px;margin-top: 30px;margin-right: 30px;
}	/* リンクの矢印をつける */

a[target="_blank"]:after {content: url("/img/target.png");margin-left: 3px;}

.asp_pc a[target="_blank"]:after ,
.asp_sp a[target="_blank"]:after ,
#menu a[target="_blank"]:after ,
.media a[target="_blank"]:after ,
.banner a[target="_blank"]:after {content: '';}

.kome {font-size:86%;color:#666;}

.fr_sp {float: right;}



.kensaku {text-align: left;margin-bottom: 15px;}
.kensaku p {font-size: 86%;margin-bottom: 0;color: #663300;text-align: left;margin-left: 0px;}
.kensaku form {margin-top: 35px;}
.kensaku input {padding: 5px;}



.board {margin-top: 20px;margin-bottom: 20px;border: 1px solid #ccc;background-color: #eee;}/* グレー */
.board2 {margin-top: 20px;margin-bottom: 20px;border: 1px solid #ccc;background-color: #fffbdb;}/* 黄色 */
.board3 {margin-top: 20px;margin-bottom: 20px;border: 1px solid #ccc;background-color: #E0FFFF;}/* 水色 */
.board4 {margin-top: 20px;margin-bottom: 20px;border: 1px solid #ccc;background-color: #FFE4E1;}/* ピンク */
.board5 {margin-top: 20px;margin-bottom: 20px;border: 1px solid #ccc;background-color: #ebffe0;}/* みどり */

.board ,.board2 ,.board3 ,.board4 ,.board5{padding: 5px 15px;border-radius:5px;}

.board .link ,.board2 .link ,.board3 .link ,.board4 .link ,.board5 .link ,
.board .link2 ,.board2 .link2 ,.board3 .link2 ,.board4 .link2 ,.board5 .link2 {padding-left: 40px;margin: auto;}

.fortop {font-size: 90%;text-align: right;margin-top: 10px;margin-right: 15px;}	/* 上へ戻る */

.ad160 ,.ad200 {text-align: center;margin-top: 20px;margin-bottom: 10px;} 
.ad_link {font-size: 12px;color: #454545;margin-bottom: 0;}

.tb_brown table ,.tb_pink table ,.tb_pink2 table ,.tb_ore table ,.tb_ao table ,
.tb_brown_sp table ,.tb_pink_sp table ,.tb_pink2_sp table ,.tb_ore_sp table ,.tb_ao_sp table {width: 100%;box-sizing:border-box;}

.tb_brown table ,.tb_brown_sp table {background-color: #CBC294;	text-align: center;}
.tb_brown th ,.tb_brown_sp th {font-weight: bold;background-color: #ECE9D8;text-align: center;padding: 10px;}
.tb_brown td ,.tb_brown_sp td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;color: #000;}
 

.tb_pink table ,.tb_pink_sp table {background-color: #FF1493;text-align: center;}
.tb_pink th ,.tb_pink_sp th {font-weight: bold;background-color: #FFC0CB;text-align: center;;padding: 10px;}
.tb_pink td ,.tb_pink_sp td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;color: #000;}

.tb_pink2 table ,.tb_pink2_sp table {background-color: #FF1493;text-align: center;}
.tb_pink2 th ,.tb_pink2_sp th {font-weight: bold;background-color: #FFC0CB;text-align: center;;padding: 10px;}
.tb_pink2 td ,.tb_pink2_sp td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;color: #000;}


.tb_ore table ,.tb_ore_sp table {background-color: #ff8000;text-align: center;}
.tb_ore th ,.tb_ore_sp th {font-weight: bold;background-color: #ffe080;text-align: center;;padding: 10px;}
.tb_ore td ,.tb_ore_sp td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;color: #000;}

.tb_ao table ,.tb_ao_sp table {background-color: #0000ff;text-align: center;}
.tb_ao th ,.tb_ao_sp th {font-weight: bold;background-color: #9bdeff;text-align: center;;padding: 10px;}
.tb_ao td ,.tb_ao_sp td {background-color: #FFFFFF;padding: 5px 3px 3px 7px;color: #000;}

.navi {font-size: 14px;color: #600;margin-top: 30px;}
.navi table {width: 600px;padding-left: 20px;background-color: #efefef;}
.navi td {width: 48%;}



/*道場　背景　黄色*/
.tb_brown_l .td_y ,#tb_brown .td_y {background-color: #f6f0ba;}
.tb_brown .bg_y {background-color: #f7ffb4;}
.tb_brown .bg_g {background-color: #eee;}
.tb_brown .td_f9 {background-color:#FF9;} 
.tb_brown .td_fc {background-color:#ffffcc;} 
.tb_brown .td_th {background-color:#fffae9;} 


/*道場　背景　ピンク*/
.tb_brown_l .td_p ,#tb_brown .td_p {background-color: #ffe6ff;}
.tb_brown .bg_p {background-color: #ffe6ff;}
.tb_brown .bg_p {background-color: #ffe6ff;}
.tb_brown .td_f9 {background-color:#ffe6ff;} 
.tb_brown .td_fc {background-color:#ffe6ff;} 
.tb_brown .td_th {background-color:#ffe6ff;} 



#guide {padding-top: 25px;}
#guide td {text-align: center;}



/* CSSでの改行 */
.br-css:before {
	content: "\A" ;
	white-space: pre ;
}

dl.ipo dt {
	font-size : 15px;
	font-weight : bold;

	margin-bottom : 10px;

	border-left-width : 7px;
	border-left-style : solid;
	border-left-color : #060;

	padding-top : 2px;
	padding-left : 8px;
	padding-bottom : 2px;
	color: #060;
    border-bottom: 1px solid #060;
}

div.taiup {
	width: 53%;
	margin: 10px;
}



/* 更新情報 */

.board_t {
    margin: 2em 0;
    background: #dcefff;
	width: 100%;display: block;box-sizing:border-box;
}
.board_t  .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	display: block;box-sizing:border-box;
}
.board_t  p {
    padding: 15px 20px 15px 20px;
	margin-left: 15px;
}


.kousin_t {width: 100%;border: 2px dotted #f4ece2;background:#c6e2ff  repeat;}
#menu .kousin_t  h4 {margin-top: 7px;text-align: center;}
.kousin_t  p {font-size: 80%;color: #333;margin: auto 1px auto 7px;}
#menu .kousin_t  ul {font-size: 86%;list-style-type: none;margin: 10px 5px 10px 10px;}
.kousin_t  li {padding-left: 25px;margin-left:0px;
list-style-type: none;}
.k_new {background: url("../img/new.gif") left center no-repeat;}
.k_tyumoku {background: url("../img/chu.gif") left center no-repeat;}
.k_up {background: url("../img/up.gif") left center no-repeat;}
.kosinday {color: #630;}
.kosin_t 	html {overflow-y: scroll;margin-bottom: 1px; height: 100%;}



.koma_box {width: 690px;margin-bottom: 30px;}
.koma_box img:nth-of-type(odd){float: right;}	/*1,3*/
.koma_box img:nth-of-type(even){margin-left: 3px;float: left;}	/*2,4*/
.koma_box img:nth-of-type(1) ,.koma_box img:nth-of-type(2) {margin-bottom: 18px;}


.clearfix::after {
  content: "";
  display: block;
  clear: both;
}




/*スマートフォンのウインドウサイズ（750px）以下の場合の指定*/
@media screen and (max-width: 796px){	/* start_max-width */

.nosp ,.asp_pc ,.top3,.h_r ,.sogo ,.nobanner ,.top5 ,.waku_bottom ,.waku_top ,.ad160  {display: none;}
.onsp ,.asp_sp {display: inline;}

#menu ,#main ,#main_top ,.s_l ,.s_l_l ,.s_l_r ,.s_r ,.h_l  {float: none;}


#srap ,#wrap ,#header ,#note ,#main_top ,#main ,#main h2 ,#main h3 ,#menu ,#footer ,.menu_bg ,
.tb_brown table ,.kousin {width: 100%;box-sizing:border-box;padding-left: 0;padding-right: 0;margin-right: 0;margin-left: 0;}

#srap ,#wrap {background-image: none;}
#wrap {padding-left: 0;}
#note {padding-left: 10px;padding-right: 7px;padding-bottom: 20px;background:none;box-sizing: border-box;}

/*#main {width: 96%;max-width: 96%;padding-left: 10px;}*/

#header img ,#main img ,#main_top img ,#main table ,iframe {max-width: 100%;box-sizing:border-box;}
#header img ,#main img ,#main_top img ,.top5 ,#footer {height: auto;}

#header {height: auto;margin-bottom: 10px;background: url("../img/bg_title.png") left top repeat;}
#header img {padding: 0px 2px 0 2px;}

#main h2 ,#main h3 ,#main h4 ,#main_top h2 ,#main_top h3 {
font-size: 110%;
padding: 8px 5px 7px 12px;
min-height: auto;
border-radius:5px;
background-image: none;
background-color: #e6a26d;
}

#menu {padding-left: 5px;padding-right: 8px;box-sizing:border-box;}
#menu ul {font-size: 110%;line-height: 1.5em;margin-left: 2px;box-sizing:border-box;}
.menu_bg img {width: 85%;height: auto;}
#menu li a {display: block;}
#guide {font-size: 92%;background-color: #f0fff3;margin-top: 20px;padding-top: 0;}
#guide td {width: 100%;display: block;}
#guide td:first-child {text-align: left;}
#guide td:last-child {text-align: right;}

div.taiup {
	width: 100%;
}

.img_tiup {min-height: auto;padding-left: 3px;padding-top: 50px;}

.h_l h1 img {max-width: 320px;text-align: none;}

.fr_sp {float: none;}

.google ins ,iframe {max-width: 320px;}

.tb_brown_sp th ,.tb_pink_sp th ,.tb_pink2_sp th ,.tb_ore_sp th ,.tb_ao_sp th ,
.tb_brown_sp td ,.tb_pink_sp td ,.tb_pink2_sp td ,.tb_ore_sp td ,.tb_ao_sp td {display: block;width: 100%;box-sizing:border-box;}

.p-time {margin: 0 10px 5px 0;}


.waku_top_p {margin-right: 0px;}
.top1 {margin: 15px 0 0 0px;}


#footer {height: auto;background: url("../img/bg_footer.jpg") left top repeat-x;}
#footer address {color: #333;padding-top: 20px;}

.cta_btn03 {
  width: 90%;
  padding: 1em 1em;
}


}/* end_max-width */



/***********************************
 *
 * 2017/10/12 スマホメニュー用
 *
 ***********************************/
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 50px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
	/* background-color: rgba(255,255,255,0.5); */
}

#nav-toggle div {position: relative;}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

.lock {
	overflow:hidden;
}



@media screen and (max-width: 435px) {
	.waku_top_p {
		width: 85%;
		text-align: left;
		margin-left: 10px;
	}

.mokuji ol{padding: 0.5em 0.15em 0.5em 0.5em;}
.mokuji ol li{padding: 0 0 0 24px;margin-bottom: 5px;}
.mokuji ol li:before{
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.mokuji ol ul {margin: 0 0 0 0px;}


	/*#wrap {*/
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 2%;*/
	/*right: 2%;*/
	/*width: 96%;*/
	/*overflow-y: scroll;*/
	/*-webkit-overflow-scrolling: touch;*/
	/*}*/

	.modal-overlay {
		z-index: 2; /*デモではheader,footerをz-index:1にしたので それより上げています*/
		display: none; /*jsでフェードインされるまでdisplay:none*/
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh; /*100vhでビューポートの高さいっぱいになります*/
		background-color: rgba(0, 0, 0, 0.07)
	}

	/*これは好きな色・透明度で*/
	a.modal-open:hover {
		cursor: pointer
	}

	/*カーソルをポインタに*/
	.modal-content {
		position: fixed;
		display: none; /*jsでフェードインされるまでdisplay:none*/
		z-index: 3; /*オーバーレイより上に*/
		margin: 0 0 10px 0;
		padding: 15px;
		border-radius: 20px;
		background: #fff;
		height: 85%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.modal-content img {
		width: auto;
		max-height: 75vh
	}

	.modal-content h1 {
		font-size: 120%;
		margin-bottom: 0.5em
	}

	.modal-content p {
		max-width: 565px;
		text-align: left
	}

	a.modal-close { /*クローズボタンは何でも好きなスタイルでOK*/
		position: absolute;
		top: 0;
		right: 10px;
		color: #b29c33;
		font-size: 35px;
		line-height: 1;
		font-weight: bold;
		text-decoration: none
	}

	a.modal-close:hover {
		cursor: pointer
	}

	/*カーソルをポインタに*/
	.modal_scroll {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#nav-toggle {
		position: fixed;
		display: block;
		padding: 10px 10px 2px 10px;
		border: 1px solid #ccc;
		background-color: #fff;
		opacity: 0.8;
		border-radius: 5px;
	}

	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}

	#nav-toggle p {
		margin: 35px 0px 0 -9px;
		padding: 0;
		color: #666;
		font-weight: bold;
		opacity: 0.8;
	}



.koma_box {width: 100%;}
.koma_box img:nth-of-type(odd){float: none;}
.koma_box img:nth-of-type(even){margin-left: 0px;float: none;}
.koma_box img:nth-of-type(1) ,.koma_box img:nth-of-type(2) ,.koma_box img:nth-of-type(3) {margin-bottom: 8px;}


}