/*---------------------------------------------------------------------------*/
body {
	color: #474747; margin: 0px; padding: 0px; font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";border-top:5px #FFAB00 solid;background:url() repeat-x #f6f6f6;}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{margin: 0px; padding: 0px;}
ul{list-style-type: none; }
img {border: none;}
input,textarea,select {font-size: 1em;}
form {margin: 0px;}
table {border-collapse:collapse; font-size: 100%; border-spacing: 0;}


/*---------------------------------------------------------------------------*/
a {color: #0000ff;}
a:hover {color: #ff0000;}

/*---------------------------------------------------------------------------*/
body > h1 { color: #FFF; background: #f8f8f8; text-align: right; }
body > h1 a, body > h1 a:hover {color: #FFF; text-decoration: none;}

/*---------------------------------------------------------------------------*/
#container {width: 980px; margin-right: auto; margin-left: auto; border-right:1px solid #bcbcbc; border-left:1px solid #bcbcbc; padding-bottom:20px; background-color: #fff;}

/*---------------------------------------------------------------------------*/

header {width: 100%; background: #fff; border-bottom:1px solid #bcbcbc; margin-bottom: 0px; }

header .hlogo{width:960px; margin:0 auto;}

header h1 {line-height: 1; padding: 30px 0px 30px 35px; font-weight: normal; text-shadow: 1px 1px 1px #333333; font-size: 25px;}
header h1 img{vertical-align: middle;}
header h1 a{color: #474747; text-decoration: none;}
header h1 a:hover{color: #284c7e; text-decoration: none;}

header .wrap-header{height: 90px; text-shadow: 1px 1px 1px #333333}
header #logotxt{line-height: 1; padding: 30px 0px 30px 35px; font-weight: normal; top:0px;}

/*---------------------------------------------------------------------------*/
.wrap{width:960px; margin:0 auto; }

nav#menu {background-color: #FFAB00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAB00), to(#FFC44C));
	background-image: -webkit-linear-gradient(#FFAB00, #FFC44C);
	background-image: linear-gradient(#FFAB00, #FFC44C);
/*	border-radius: 10px 10px 10px 10px;*/
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
	height: 36px;
	padding-top: 5px;
	padding-left: 36px;
	margin-bottom: 3px;
}

nav#menu ul li {float: left; width: 160px; border-right: 1px dotted rgba(255,255,255,0.6); line-height: 1.6; text-align: center; font-weight: bold; font-size:12px;}
nav#menu ul li a {color: #FFF; text-decoration: none; display: block; /*-webkit-transition: 0.5s;	transition: 0.5s;*/}

nav#menu ul li:first-child {border-left: 1px dotted rgba(255,255,255,0.6);}

nav#menu ul li a:hover {color: #000; background: #FAF9FF;}

nav#menu ul li a span {font-size: 9px; display: block; font-weight: normal; letter-spacing: 0.2em; color: #999;}

/*---------------------------------------------------------------------------*/
#mainimg {clear: left; width: 980px; height: 290px; position: relative; background-color: #FFF; margin-bottom: 25px;
	border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
}
#mainimg img {border-radius: 10px 10px 10px 10px; vertical-align: bottom;}
#mainimg .slide_file {display: none; }
#slide_image {z-Index:2; position: absolute; left:0px; top:0px;}
#slide_image2 {z-Index:1; position: absolute; left:0px; top:0px;}

/*---------------------------------------------------------------------------*/
#contents {clear: left; width: 950px; background-color: #FFF; padding: 15px 15px 0px;
/*	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;*/
}
/*---------------------------------------------------------------------------*/
main h1 {
border:1px #c6c6c6 solid;
border-bottom:3px #FFAB00 solid;
background: -moz-linear-gradient(top, #fdfdfd, #fff);
background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fff));
margin:0px 0 30px 0px; 
padding:2px 1px 2px 10px;  
color:#474747;  
font-size:16px;  
font-weight:700;  
box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);  
position:relative;
	}

main h1 span{
border-left:3px #FFAB00 solid;
padding-left:10px;
}

main h2, .post-content h2 {
	background-color: #fff;
	font-size: 16px;
	padding: 5px 5px 5px 10px;
	margin: 0px 10px 20px 10px;
	clear: both;
	border:2px #f89406 solid;
	background-color: rgb(255, 240, 209);
	font-weight:bold;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	color: #474747;
	}

main h6, .post-content h6 {
	background-color: #fff;
	font-size: 16px;
	padding: 5px 5px 5px 10px;
	margin: 0px 10px 20px 10px;
	clear: both;
	border:2px #ff1658 solid;
	background-color: rgb(255, 209, 222);
	font-weight:bold;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	color: #474747;
	}

main h7, .post-content h7 {
	background-color: #fff;
	font-size: 20px;
	padding: 5px 5px 5px 10px;
	margin: 0px 10px 20px 10px;
	clear: both;
	background-color: #fcff71;
	font-weight:bold;
	
	color: #ff0000;
	}

main .qa_h2 {
	background-color: #fff;
	font-size: 16px;
	padding: 5px 5px 5px 10px;
	margin: 0px 10px 20px 10px;
	clear: both;
	border:2px #7dd6c8 solid;
	background-color: rgb(241, 249, 254);
	font-weight:bold;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 7px 7px;
	}

main h3{
	font-size:16px;
	line-height:18px;
	height:25px;
	padding:0 0 0 0px;
	margin:0 0 11px 0;
	font-weight:bold;
	position:relative;
	border-bottom:2px #7dd6c8 solid;
	}

main h3.title{
	font-size:16px;
	line-height:18px;
	height:auto;
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	font-weight:bold;
	position:relative;
	border-bottom:0px #7dd6c8 solid;
	}

h2.h2{
	border:2px #7dd6c8 solid;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(248, 148, 6);
    border-image: initial;
}


.box-head .box-title {
    font-size: 1.125rem;
    margin-bottom: 0;
    color: rgb(71, 71, 71);
    font-weight: normal;
}

.sub-block {
    min-height: 100vh;
    background-color: #fffcdc;
    overflow-y: auto;
}

.vertical-nav ul li .ac-toggle {
    background-color: #ffc94e;
    border-bottom: 1px solid #de5e21;
}

.ac-toggle i[class*=fa-angle-] {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    position: absolute;
    right: .75rem;
    top: 50%;
    margin-top: -.5em;
    color: #a00c0c;
}

.vertical-nav ul li a {
    position: relative;
    padding-right: 2rem;
    color: #082342;
}

.vertical-nav ul li a i[class*=fa-angle-] {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -.5em;
    color: #79b9ff;
}

aside div.box {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: 0.25rem;
    overflow: hidden;
    border: 2px solid;
}

.vertical-nav ul li .nav-title {
    margin-bottom: 0;
    color: #2a343e;
    padding: .5rem .75rem;
    font-weight: bold;
    font-size: 0.875rem;
    border-bottom: 1px solid #e1e8ef;
    text-align: center;
}

.post-content h3 {
    padding-bottom: .25rem;
    border-bottom: 3px solid rgb(248, 148, 6);
    font-weight: bold;
}

.mb-5 {
    margin-bottom: 3rem!important;
    margin: 0 auto;
    border: 2px solid;
    padding: 20px;
}

.mt-4 {
    margin-top: 1.5rem!important;
    text-align: center;
}

p.th{
    font-size: 85%;
    font-weight: bold;
    color: #ed6724;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.75em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.75;
    color: #404b56;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ff5200;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.limit.box .box-head .box-title {
    color: #000;
}


span.custom-control-description {
     font-size: 120%;
     font-weight: bold;
}



/*
---------------------------------------------------------------------------*/
#sub {float: left; width: 250px; padding-bottom: 30px; font-size:12px;line-height:20px;}

#sub h2 {border-top:1px #bcbcbc solid; border-bottom:3px #FFAB00 solid; font-size: 100%; text-align: center; padding: 5px 0px; background-color: #f3f3f5;
}

#sub aside{border: 6px solid #f3f3f5; margin-bottom: 20px;}

#sub ul {margin-bottom: 20px;}
#sub ul li{padding:5px; display:block; vertical-align: middle; margin-left:0px; border-left: 2px solid #f6f6f6; background: -moz-linear-gradient(top, #f3f3f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f5), to(#fff)); border-bottom:1px #bcbcbc solid;}
#sub ul li:first-child{border-top:1px #bcbcbc solid;}

#sub ul li:hover {background: #f6f6f6; border-left: 2px solid #FFAB00; cursor:pointer; color: #DA251D;}
#sub ul li a {color: #474747; text-decoration: none; }

#sub ul li.topic {display: block;list-style-type:none;font-weight:bold; background: -moz-linear-gradient(top, #fff, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));}
#sub ul li.topic:hover {background-color: #fff; cursor:auto; border-left: 2px solid #f6f6f6; color: #474747;}

img.imgeye {width:32px; height:32px; padding:2px; margin:2px 2px 2px 2px; display:inline-block; vertical-align:middle;}

.topic2hide {margin-bottom: 20px;}

.henkou:before {content: url(images/double-angle-right.png) " ";}
.mail:before {content: url(images/double-angle-right.png) " ";}
.out:before {content: url(images/double-angle-right.png) " ";}


/*---------------------------------------------------------------------------*/
footer {clear: both; text-align: center; padding-top: 15px; padding-bottom: 15px; color: #333; border-top:5px #FFAB00 solid; margin-top:0px;background-color: #f6f6f6;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 7px 7px;}
footer .pr {display: block; font-size: 80%; }
footer a {text-decoration: none; color: #333;}

.copyright{background-color: #f6f6f6;}

/*---------------------------------------------------------------------------*/
#pagetop {clear: both; text-align: left;}
#pagetop a {color: #FFAB00; background-color: #fff; text-decoration: none; text-align: center; font-size: 10px; letter-spacing: 0.1em; display: inline-block;}
#pagetop a:hover {}





/*-media----------------------------------------------------------------------*/
@media only screen and (min-width: 801px) {

	div#yotei_waku {
		width: 31%;
		float: left;
		margin: 0 1%;
	}

.pc_on{}

.sp_on{	display: none;}

.hedder_points{ margin-left: 35px;}

.box{
	background-color: #ffffff;
	width: 90%;
	padding: 2%;
	margin: 20px auto;
	}



}



/*-media----------------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 800px) {

	body > h1 {display: none;}
	#container {width: auto; margin-right: 6px; margin-left: 6px;}

	header {text-align: center;}
	header .hlogo{width: auto; margin:0 auto;}
	header #logotxt{width: auto; margin:0 auto;}

	header h1 {padding: 30px 0 30px 0;}

	nav#menu {display: none;}

	#contents {width: auto; border-top:5px #FFAB00 solid;}

	#main, #sub {float: none; width: auto;}

	#mainimg {height: auto; width: 100%;}
	#slide_image {height: auto; width: 100%; position: relative;}
	#slide_image2 {height: auto; width: 100%; position: absolute; left:0px; top:0px;}

	div#yotei_waku {
		width: 31%;
		float: left;
		margin: 0 1%;
	}

.pc_on{	display: none;}

.sp_on{}

.sp_img{
	width: 90%;
}

.container {
    /* width: 100%; */
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.box {
    background-color: #ffffff;
    width: 100%;
    padding: 2%;
    margin: 20px auto;
}


}

/*-media----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

	body > h1 {display: none;}

	#container {width: auto; margin-right: 6px; margin-left: 6px;}

	header {text-align: center; }
	header .hlogo{width: auto; margin:0 auto;}
	header #logotxt{width: auto; margin:0 auto; padding: 10px 0px 0px 10px;}

	header h1 {padding: 20px 0 20px 0; }

	header h1 img {width: 80%; height: auto;}

	nav#menu {display: none;}

	#contents {width: auto; border-top:5px #FFAB00 solid;}

	#main, #sub {float: none; width: auto;}
	#main p {padding: 0;}

	#mainimg {display: none;}

.pc_on{	display: none;}

.sp_on{}

.sp_img{
	width: 90%;
}

.container {
    /* width: 100%; */
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.box {
    background-color: #ffffff;
    width: 100%;
    padding: 2%;
    margin: 20px auto;
}


}



/* -------------------------------------------- */
/* ------------------Custom-------------------- */

.yotei_midashi {
	font-weight: bold;
	border-bottom: 1px #6abe53 dotted;
	width: 90%;
	margin: 0 0 10px;
}

ul#yotei{
	margin: 0 2%;
}

#yotei li{
	list-style-type: none;
	font-size: 0.85em;
	margin: 0 0 8px;
	line-height: 1.2em;
}

table.syurui {
	width: 80%;
	margin: 0 auto;
	border: 2px solid #000000;
}

.syurui td{
	border: 1px solid #000000;
	padding: 5px;
}

table.syurui01 {
	border: 2px #000000 solid;
}

.syurui01 td {
	border: 1px #000000 solid;
	padding: 25px;
	vartical-align: top;
	line-height: 1.5em;
}

.syurui01 td.td1 {
	background-color: #f7fff7;
}

.syurui01 td.td2 {
	background-color: #ffffdf;
}

ul.whatsnew{
	width: 94%;
	margin: 0 auto 15px;
	display: block;
}

ul.whatsnew li{
	border-bottom: 2px #6abe53 dotted;
	list-style: none;
	padding: 3px 10px;
	margin: 0 0 3px;
}

.new_title{
	padding: 3px 0 3px 15px;
	margin: 5px 10px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 2px #df184c;
	background-color: #ff7c9e;
	border-radius: 3px;
}
.new_title2{
	padding: 3px 0 3px 15px;
	margin: 5px 10px;
	font-weight: bold;
    　 font-size: 0.9rem;
	color: #000000;
	text-shadow: 2px 2px 2px #ffffff;
	background-color: #94dcff;
	border-radius: 3px;
}
.new_title3{
	padding: 3px 0 3px 15px;
	margin: 5px 10px;
	font-weight: bold;
    　 font-size: 0.9rem;
	color: #000000;
	text-shadow: 2px 2px 2px #ffffff;
	background-color: #ffd580;
	border-radius: 3px;
}

span.new_date{
	color: #777777;
}

.shoujo{
	width: 170px;
	float: left;
	font-weight: bold;
	font: 1.1em "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	line-height: 1.5em;
	color: #ff6000;
	text-shadow: 1px 1px 1px #cccccc;
}

.kigyo{
	width: 200px;
	float: left;
	font-weight: bold;
	font: 1.1em "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	line-height: 1.5em;
	color: #000000;
	text-shadow: 1px 1px 1px #cccccc;
}

.kigyo_nado{
	width: 85%;
	text-align: right;
}

.bels_service{
	width: 90%;
	border: 3px solid #ff6c00;
	border-radius: 7px;
	padding: 3%;
	margin: 0 auto;
}



.style_000{
	font: 2.5em "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	text-align: center;
	font-weight: bold;
	color: #24ca47;
	margin: 0 0 15px;
}

.style_001{
	font: 1.2em "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	text-align: center;
	font-weight: bold;
}

ul#rank{
	margin: 0px 0px 0px 20px;
}

ul#rank li{
	list-style-type: decimal;
	line-height: 1.1em;
}

ul#rank2{
}

ul#rank2 li{
	list-style-type: disc;
	line-height: 1.1em;
}

ul#rank3{
	margin: 0px 0px 0px 35px;
}

ul#rank3 li{
	list-style-type: decimal;
	line-height: 1.5em;
}

table.rank{
	border: 2px #000000 solid;
	width: 100%;
	margin: 0 0 4em;
}

table.rank td{
	border: 1px #000000 solid;
	padding: 5px;
	line-height: 1.1em;
}

td.em4{
	width: 4em;
}

td.em1{
	width: 1em;
}

table.msv td{
	background-color: #ffd1d0;
}

table.emt td{
	background-color: #cdff97;
}

table.mt td{
	background-color: #d2abff;
}

table.gt td{
	background-color: #b9ffff;
}

table.ep td{
	background-color: #ffe1ac;
}

table.in td{
	background-color: #ffc1be;
}

table.ken td{
	background-color: #f5ffc4;
}

table.juk td{
	background-color: #d4c7ff;
}

table.mas td{
	background-color: #deffff;
}

.sougaku {
	font-size: 1.2em;
	text-decoration: underline;
	font-weight: bold;
	color: #ff5420;
}

ul#uchiwake{
	margin: 0px 0px 0px 35px;
}

ul#uchiwake li{
	list-style-type: disc;
	font-size: 0.9em;
	line-height: 1.5em;
}

table.sp_kaiinn{
	text-align:center;
	width: 100%;
	border: 2px solid #000000;
}

.sp_kaiinn td {
	border: 1px solid #000000;
	font-size: 0.85em;
	line-height: 1.25em;
	padding: 5px 0;
}

.ok{
	background-color:#afffab;
}

.ng{
	background-color:#9b9b9b;
}

.rim{
	background-color:#abdcff;
}

.chui_text {
	border: 2px dotted #757575;
	width: 80%;
	padding: 2%;
	margin: 0 0 0 20px;
	line-height: 1.3em;
}

.kakomi_supp {
	border: 3px dotted #ff7800;
	padding: 3%;
	width: 80%;
	margin: 0 auto;
}

img.kaiinsho {
	width: 55%;
}

table.month_pay {
	border: 2px solid #000000;
	width: 85%;
	margin: 0 auto;
}

table.month_pay td{
	padding: 15px;
	border: 1px solid #000000;
	padding:2% 5%;
}

.month_furi01 {
	border-top: 5px dotted #000000;
	border-bottom: 5px dotted #000000;
}


.month_furi_h2{
	color: #253046;
	font-size: 20px;
	font-weight: bolder;
	border-bottom: 2px solid #74d5f1;
	padding: 10px 10px 5px;
	margin: 5px 0;
	background-color:#74d5f1;
}

.month_furi_h3{
	color: #ff0000;
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 1px solid #ff0000;
	padding: 5px 0 5px;
	margin: 0 0 5px 0;
}

.month_furi_h4{
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 2px solid #000000;
	padding: 5px 0 5px;
	margin: 0 0 5px 0;
}

table.month_furi02{
	border: 2px #000000 solid;
	width: 95%;
	margin: 0 auto;
}

table.month_furi02 td {
	padding:5px 10px;
	border: 1px #000000 solid;
}

table.month_furi02 input.inp01 {
	width: 90%;
}

table.month_furi02 input.inp02 {
	width: 90%;
}

.gray_chui {
	width: 90%;
	margin: 0 auto;
	padding: 1%;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #575757;
	border: 1px dashed #575757;
}

.mibarai {
	border: 1px solid #4490ce;
	padding: 15px;
	width: 300px;
	margin: 0 0 0 10px;
}

.box_border_orange {
	border: 1px solid #F23000;
	padding: 25px;
	margin-bottom: 20px;
}

table.gass_gaiyo {
	border: 2px solid #8bf1e6;
	width: 96%;
	margin: 0 auto;
}

td.gass_td1 {
	background-color: #8bf1e6;
	padding:8px 0 5px ;
	color: #004948;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

td.gass_td2 {
	background-color: #daffed;
	padding:3px 10px 0 ;
	color: #004948;
	font-weight: bold;
}

td.gass_td3 {
	padding:10px 5% ;
}



/********************
技術提供セミナー　会員用
********************/

table.tsukigoto{
	width: 90%;
	margin: 0 auto;
}

.tsukigoto tbody {
	border: 2px solid #000000;
}

.tsukigoto td.month{
	width: 15%;
	text-align: center;
}

.tsukigoto td.bui{
	background-color:#f7ffed;
}

.tsukigoto li{
	font-size: 16px;
	margin: 0 0 0 20px;
	letter-spacing: 0.1em;
}

.seminar_01 {
	width:90px;
	padding:5px 10px;
	border: 1px #000000 solid;
	font-size:14px;
	background-color:#c5ffc6;
}

.seminar_02 {
	padding:5px 10px;
	border: 1px #000000 solid;
	font-size:14px;
}

.curriculum_00{
	padding: 10px 15px;
	border: 1px #000000 solid;
}

.curriculum_01{
	padding: 10px 15px;
	border: 1px #000000 solid;
	background-color:#ffc5ba;
}

.curriculum_02{
	padding: 10px 15px;
	border: 1px #000000 solid;
	background-color:#d9acff;
}

.sym_01{
	color: #e34d30;
	font-weight: bold;
}

.sym_02{
	color: #8634cb;
	font-weight: bold;
}

.sym_basyo01{
	font-size:25px;
}

table.sym_table01{
	border: 2px #000000 solid;
	margin: 10px auto 0;
	width: 100%;
}

.sym_table01 td {
	padding:5px 10px;
	border: 1px #000000 solid;
}

.sym_table01 td.koumoku {
	background-color:#ccf7ee;
}

.sym_table01 input.inp01{
	width: 95%;
}

.sym_table01 input.inp02{
	width: 95%;
}

.sym_table01 input.inp03{
	margin: 5px;
}

.net_call td{
	border: 1px solid #333333;
}

img.mail{
	width:300px;
}

/********************
紹介のお礼について
********************/

table.orei01 {
	
}

.orei01 td {
	border: 0px #000000 solid;
	padding: 10px;
}

table.yudo{
	width: 100%;
}

.yudo td{
	border: 1px #61d4c6 solid;
	text-align: center;
	padding: 10px;
	word-break: break-all;
}

/********************
無料動画コンテンツ
********************/

 *.floatleft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
 }
 *.floatright {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
 }
*.floatclear {
	clear: both;
}
*.floating {
    float: left;
    width: 50%;
    border: solid 1px #cccccc;
}

.mov_midashi{
	width: 100%;
	margin: 20px auto ;
	font-size: 25px;
	border-bottom: 3px solid #fbc937;
	line-height: 1.5em;
	font-weight: bold;
}

.mov_text{
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	font-size: 16px;
	background-color: #fffaec;
	border-radius: 15px;
}

.boxkoe2 {
	width: 100%;
	margin: 10px auto;
	text-align: left;
	background-color: #ffffff;
	line-height: 24px;
	border: 3px dotted #ff9933;
	padding: 10px 20px;
}

.koer{
	font-weight:normal;
	text-align: left;
	font-size:20px;
	font-style: normal;
	color: #ff3000;
	padding-left: 10px;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #ff3000;
	line-height: 2em;
}

.lineup{
	width: 90%;
	padding: 10px 0 10px 2%;
	margin: 0 0 0 2%;
	background-color: #fbc937;
	font-weight: bold;
	border-radius: 10px;
}

.lineup2{
	width: 100%;
	padding: 20px 0 20px 4%;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
	border: 3px dashed #fbc937;
	border-radius: 10px;
}

.lineup3{
	width: 90%;
	padding: 10px 0 10px 2%;
	margin: 0 0 0 2%;
	background-color: #f7d5e6;
	font-weight: bold;
	border-radius: 10px;
}

.videomessage{
	text-align: center;
	background-color: #ff9500;
	width: 100%;
	padding: 20px 0;
	margin: 0 auto 20px;
	border-radius: 10px;
	font-size:35px;
	color: #ffffff;
}

.videomessage_top{
	text-align: center;
	width: 100%;
	border-radius: 10px;
	font-size:35px;
	color: #ffffff;
　　position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.videomessage_top iframe,
.videomessage_top object,
.videomessage_top embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topimg{
	text-align: center;
	background-color: #ffffff;
	width: 100%;
        padding: 15px 0;
	margin: 0 auto 20px;
	border-radius: 10px;
        font-size: 15px;
	color: #ffffff;
}

.mov_title{
	width: 85%;
	padding: 3%;
	border-radius: 30px;
	background-color: #ffffff;
	font-weight: bold;
	color: #206b42;
	margin : 0 auto 10px;
	font-size: 20px;
	text-align: center;
}

.if_div{
	margin: 0 auto;
	position: relative;
	height: 0;
	width: 90%;
	overflow: hidden;
	padding-top: 56.25%;;
	border: 2px #ffffff solid;
}

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

.support_box {
	background-color: #F5810F;
	border: 3px #ffffff dashed;
	padding: 1% 0;
	width: 98%;
	margin: 0 auto;
}

.tsugi{
	width: 95%;
	margin: 20px auto;
	background-color: #f6f5bd;
	border-radius: 18px;
	text-align: center;
	padding: 2% 0;
	font-size: 1.5em;
	line-height:1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.kakakuto{
	width: 85%;
	margin: 20px auto;
	background-color: #f8feff;
	border: 5px #7c9dca solid;
	border-radius: 5px;
	padding: 15px;
	font-size: 1.0em;
	color: #56579d;
	line-height: 1.3em;
	text-align: center;
}

.kakakuto01{
	font-size: 1.1em;
}

.kakakuto02{
	font-size: 1.8em;
}

.bu{
	font-weight: bold;
	<!--text-decoration: underline;-->
}

.aca5{
	width: 95%;
	padding: 6% 0;
	margin: 0 auto 20px;
	background-image: url(https://www.itaminashi.com/image/aca5-1.gif),url(https://www.itaminashi.com/image/aca5-3.gif),url(https://www.itaminashi.com/image/aca5-2.gif);
	background-position: top left, bottom left, top left;
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: 100%, 100%, 100%;
}

.aca5_1{
	font-size: 1.5em;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	line-height:2em;
}

.aca5_2{
	font-size: 1.2em;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	line-height:1.5em;
}

.aca5_3 {
	background-image: url(https://www.itaminashi.com/image/support_line.png);
	background-repeat: no-repeat;
	background-position: 0 40%;
	background-size: 100%;
	width: 90%;
	font-size: 24px;
	margin: 25px auto 10px;
	font-weight: bold;
	
}

.aca5_3 a {
	text-decoration: none;
}

.aca5_4 {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	margin: 10px 0 0 0 ;
	
}

.aca5_5 {
	font-size: 1em;
}


.support_image{
	width: 85%;
	}

.aca6{
	width: 95%;
	padding: 6% 0;
	margin: 0 auto 2%;
	background-image: url(https://www.itaminashi.com/image/aca6-1.gif),url(https://www.itaminashi.com/image/aca6-3.gif),url(https://www.itaminashi.com/image/aca6-2.gif);
	background-position: top left, bottom left, top left;
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: 100%, 100%, 100%;
}

.nyukai{
	width: 90%;
	}

.academy{
	color: #ff0000;
	font-size: 1.2em;
	}

.aca6_1{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 5% 5%;
	font-size: 18px;
	width: 82%;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.5em;
}


a.support_link:link{
	text-decoration:underline;
	color:#ff6c00;
	}

a.support_link:visited{
	text-decoration:underline;
	color:#ff9b25;
	}

a.support_link:hover{
	text-decoration:underline;
	color:#FF0000;
	}

.moushi_waku{
	width: 90%;
	padding: 12% 3% 30px;
	margin: 0 auto;
	background-image: url(https://www.itaminashi.com/image/form_waku_01.jpg), url(https://www.itaminashi.com/image/form_waku_03.jpg), url(https://www.itaminashi.com/image/form_waku_02.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: top left,bottom left ,top left;
	}



.syurui_ac{
	color: #ff7e00;
	line-height: 1.3em;
	font-weight: bolder;
	margin: 20px 0;
	}

.size18-black-bold {
	font-weight: bold;
}

.qa_ul{
	font-size: 0.9em;
	padding: 0 0 0 1.8em;
	list-style-type: disc;
	}

.qa_ul li{
	margin: 0.8em 0;
	}
	
img.moushi{
	display:block;
	margin: 0 auto;
}

table.credit {
	border: 0px #000000 solid;
	background-image:url(https://www.itaminashi.com/image/form_bg00.png),url(https://www.itaminashi.com/image/form_bg02.png),url(https://www.itaminashi.com/image/form_bg01.png);
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position: left top, left bottom, left top;
	background-size: 100%, 100%, 100%;
	width: 100%;
}


td  {
	line-height: 30px;
	font-size:14px;
	border: 0px #000000 solid;
}

td.credit {
	line-height: 1.2em;
	font-size:14px;
	width: 90%;
	border: 0px #000000 solid;
	padding:10px 5% 10px; 
}

td.credit_mida {
	line-height: 1.3em;
	font-size: 2em;
	border: 0px #000000 solid;
	padding:1em 1em;
}

td.credit input{
	width: 95%;
	}

input.credit_input{
	background-image : url(https://www.itaminashi.com/image/bottun_credit.png);
	background-repeat : no-repeat;
	background-color: #facdb0;
	background-size: 100%;
	width: 55%;
	padding: 5.50% 0;
	border:0px #000000 solid;
	}

.support_center01{
	font-size: 1em;
	line-height: 1.2em;
	}

.support_center02{
	font-size: 1.3em;
	line-height: 1.2em;
	}

.mousi01 {
	background-size: 100%;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	padding: 0 6%;
	font-weight: normal;
	margin: 0 auto;
}

.moushi_daibi_01{
	width: 100%;
	}

.moushi_daibi_05-01{
	width: 100%;
	}

.creditpay{
	color: #ff7e00;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bolder;
	border-bottom: 2px solid #ff0000;
	padding: 10px 0 10px;
	margin: 0 0 5px 0;
	}

.credit_ul{
	padding: 0 0 0 1.8em;
	list-style-type: decimal;
	}

.credit_ul li{
	margin: 1em 0;
	}

.mousi02 {
	background-image: url(../../img/moushi_furi_02.gif);
	font-size: 15px;
	line-height: 150%;
	text-align: left;
	padding: 0px 110px 0px 60px;
	font-weight: normal;
	width: 560px;
	margin:  0 auto;
}

.ginko_pay{
	color: #253046;
	font-size: 15px;
	font-weight: bolder;
	border-bottom: 2px solid #ff9c00;
	padding: 10px 10px 5px;
	margin: 5px 0;
	background-color:#ff9c00;
}

.ryui{
	color: #ff0000;
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 1px solid #ff0000;
	padding: 5px 0 5px;
	margin: 0 0 5px 0;
	}

.gin{
	width: 95%;
	margin: 0 auto;
	line-height: 1.5em;
	}

.gin_moushi{
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 2px solid #000000;
	padding: 5px 0 5px;
	margin: 0 0 5px 0;
	}

table.ginko{
	border: 2px #000000 solid;
	width: 100%;
	}

table.ginko td{
	padding:5px 10px;
	border: 1px #000000 solid;
	background-color: #ffffff;
	}

table.ginko td input{
	width: 95%;
	}

.ginko_input{
	background-image: url(https://www.itaminashi.com/image/bottun_gin.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 100%;
	padding: 6.05% 0;
	border: 0px solid;
	margin: 5px;"
	}


.support_box {
	background-color: #F5810F;
	border: 3px #ffffff dashed;
	padding: 1% 0;
	width: 98%;
	margin: 0 auto;
}




/********************
短期特別コースページ
********************/
.kosu{
	color: #00b19c;
	font-weight: bold;
}

ul.teacher{
	
}

.teacher li {
	display: inline-block;
	margin: 0 20px 0 0;
}

.totop{
	float: right;
	font-weight: normal;
	text-decoration: underline;
}

.nokori{
	font-size: 14px;
	font-weight: bold;
	color: #0090da;
}

.top_waku{
	border: 2px solid #9cce0c;
	padding: 20px;
	font-weight: bold;
	background-color: #ffffff;
	font-size: 21px;
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

.top_waku02{
	font-size: 18px;
	line-height: 1.8em;
	margin: 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px #aaaaaa solid;
}

.seika{
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2em;
}

table.tanki{
	
}

.tanki td{
	font-size: 14px;
	vertical-align: top;
	padding: 15px;
	border: 1px solid #000000;
}

td.tanki_td1{
	background-color: #fffae1;
}

.chui_concent{
	width: 90%;
	padding: 20px;
	border: 1px #ff0000 dotted;
	color: #555555;
}

.ichi_ex {
	color: #555555;
	font-size: 11px;
	line-height: 1.5em;
}

.ichi_tike {
	width: 96%;
	margin: 0 auto;
	border: 4px #61d4c6 solid;
}

.ichi_tike td {
	font-size: 16px;
	padding: 15px;
	border: 1px #61d4c6 solid;
	text-align: center;
}

.ichi_mihon {
	width: 90%;
}

#ichi_mihon {
	width: 90%;
}

/********************
緩消法チケットの購入
********************/

table.ticket01{
	border: 2px #000000 solid;
	width: 100%;
}

.ticket01 td{
	padding: 1.5%;
	border: 1px #000000 solid;
}

.ticket01 input.inp01{
	width: 90%;
}

.ticket01 input.inp02{
	width: 90%;
}

table.ticket02{
	border: 2px #000000 solid;
	text-align: center;
	width: 100%;
}

.ticket02 td {
	border: 1px #000000 solid;	
}

div.ticket_div01 {
	background-color: #b8fff7;
	padding: 3%;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	border: 2px #007bb0 solid;
	border-radius: 15px;
}


/********************
症状別冊子購入ページ
********************/

.buy_table01 {
	border: 2px #000000 solid;
	width: 95%;
	margin: 0 auto;
}

.buy_table01 td{
	padding:10px 0;
	text-align: center;
}

.buy_table02 {
	border: 2px #000000 solid;
	margin: 0 auto -2px;
	width: 95%;
}

.buy_table02 td {
	padding:5px 10px;
	border: 1px #000000 solid;
}

.buy_table02 input.inp01{
	width: 95%;
}

.buy_table02 input.inp02{
	width: 95%;
}

.buy_table03 {
	border: 2px #000000 solid;
	width: 95%;
	margin: 0 auto;
}

.buy_table03 td {
	font-size: 10px;
	padding:5px 10px;
	border: 1px #000000 solid;
}

.buy_img {
	width: 90%;
}

.buy_okurisaki {
	border: 1px solid #000000;
	padding: 10px;
	width: 90%;
	font-size: 12px;
	margin: 0 auto;
}

/********************
Q&A
********************/



.qa_text {
	font-size: 14px;
	padding: 0 5px;
	margin: 20px 0;
}

.quastion {
	border: 3px #7dd6c8 solid;
	background-color: #f1f9fe;
	padding: 15px;
}

.midashi_q {
	color: #00a0e9;
	font-weight: bold;
	font-size: 20px;
	}

.answer {
	border: 3px #f1947c solid;
	background-color: #fdeeed;
	padding: 15px;
}

.midashi_a {
	color: #e60012;
	font-weight: bold;
	font-size: 20px;
	}

.qa_day {
	display: block;
	float: right;
}


/********************
クリアファイル購入ページ
********************/


.supp_table00 {
	border: 3px #000000 solid;
}

.supp_table00 td{
	border: 1px #000000 solid;
	padding: 10px;
}

.supp_inp01 {
	font-size: 0.9em;
	line-height: 1.5em;
	width: 5em;
	background-color: #e2f3ed;
}

.supp_input02{
	width: 90%;
}

.supp_table00 div.box {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px 0;
}

.clr_list li{
	display: inline-block;
	align: left;
	list-style-type: none;
	margin: 0 10px 0 0;
}

.clr_price{
	padding: 10px;
	border: 2px #32e7a5 solid;
	border-radius: 10px;
	width: 90%;
	line-height: 1.8em;
	margin: 0 auto;
}

/********************
インストラクターとはページ
********************/

.inst_h1{
	color: #008b52;
	font-weight: bold;
	border-bottom: 1px #008b52 solid;
	width: 100%;
}

.inst_h2{
	color: #000000;
	background-color: #d7ffcb;
	border-radius: 5px;
	padding: 1%;
	width: 98%;
	margin: 0 0 10px;
}

.inst_h3{
	color: #000000;
	background-color: #ffcbcb;
	border-radius: 5px;
	padding: 1%;
	width: 98%;
	margin: 0 0 10px;
}

ul#inst_list01{
	font-size: 0.9em;
	width: 94%;
	padding: 1% 1% 1% 2%;
	border: 1px #008b52 dotted;
	margin-left: 0;
}

#inst_list01 li{
	list-style-type: decimal;
	margin: 10px;
}

ul#inst_list02{
	font-size: 0.9em;
	width: 94%;
	padding: 1% 1% 1% 2%;
	border: 1px #ff0000 dotted;
	margin-left: 0;
}

#inst_list02 li{
	list-style-type: decimal;
	margin: 10px;
	color: #ff0000;
}



/********************
人脈紹介
********************/



table.intro_moushi{
	border: 2px #000000 solid;
	margin: 10px auto 0;
}

.intro_moushi td{
	padding: 5px 10px;
	border: 1px #000000 solid;
}

.intro_moushi td.td1{
	background-color:#ccf7ee;
}

.intro_moushi input.inp01{
	width: 210px;
}

.intro_moushi input.inp02{
	width: 390px;
}

.intro_moushi input.inp03{
	margin:5px;
}

.inp03{
	background-image: url(https://www.acsupp.com/member/img/bottan_intro.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	border:none;
	display: block;
	width: 300px;
	height: 40px;
	margin: 0 auto;
	cursor: pointer;
}


/********************
緩消法指導会
********************/


.shido_list li{
	margin: 0 0 10px 0;
}

.shido_kanso li{
	margin: 0 0 10px 0;
}


/* font
--------------------------------------------*/
.red {
	color:#ff3000;
}

.orange{
	color: #eb6100;
}

.green{
	color: #009944;
}

.skyblue{
	color: #00a0e9;
}

.blue {
	color:#19499d;
}

.purple{
	color:#d924b9
}

.brown {
	color:#990000;
}
.lineby{
	background-color:#FFFF33;
	color:#000000;
	font-weight: bold;
}
.liney{
	background-color:#FFFF33;
	color:#333333;
}

.b {
	font-weight: bold;
	}


/********************
パートナーページ
********************/

.meri{
	font-size: 18px;
	color: #16d072;
	text-decoration: underline;
	font-weight: bold;
}

.meri2 {
	font-size: 22px;
	font-weight: bold;
}

.push {
	color: #ff561d;
	font-size: 25px;
	font-weight: bold;
}

.age_moushi{
	border: 2px #000000 solid;
	margin: 10px auto 0;
	width: 600px;
}

.age_moushi td{
	padding:5px 10px;
	border: 1px #000000 solid;
}

.age_moushi td.td1{
	background-color:#ccf7ee;
}

input.age_input01 {
	width: 230px;
}

input.age_input02 {
	width: 300px;
}

input.age_input03 {
	margin:5px;
}

.fukyu td{
	border: 0px solid #000;
	font-size: 20px;
	}

.age_kubun {
	margin: 10px auto 0;
	text-align:center;
}

.age_kubun td {
	border: 1px solid #000000;
}

.age_ul01 {
	margin: 0 0 0 30px;
}



/********************
メール相談
********************/

.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.moushi_waku_02 {
    width: 100%;
    padding: 100px 25px 30px;
    margin: 0 auto;
    background-image: url(/data/media/form_waku_04.png), url(/data/media/form_waku_03.jpg), url(/data/media/form_waku_02.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left,bottom left ,top left;
    background-size: 100%;
    }

.moushi_waku_03 {
    width: 100%;
    text-align: left;
    padding: 100px 25px 30px;
    margin: 0 auto;
    background-image: url(/data/media/form_waku_05.png), url(/data/media/form_waku_03.jpg), url(/data/media/form_waku_02.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left,bottom left ,top left;
    background-size: 100%;
    }

.moushi_waku_04 {
    width: 100%;
    text-align: left;
    padding: 100px 25px 30px;
    margin: 0 auto;
    background-image: url(/data/media/form_waku_06.png), url(/data/media/form_waku_03.jpg), url(/data/media/form_waku_02.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left,bottom left ,top left;
    background-size: 100%;
    }

.moushi_waku_05 {
    width: 100%;
    text-align: left;
    padding: 100px 25px 30px;
    margin: 0 auto;
    background-image: url(/data/media/form_waku7.png), url(/data/media/form_waku_03.jpg), url(/data/media/form_waku_02.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left,bottom left ,top left;
    background-size: 100%;
    }


/********************
25症状無料動画
********************/

.voice{
	background-image: url(./img/message_bg.gif);
	padding: 30px;
	width:760px;
	margin: 25px auto;
	text-align: center;
	border: 8px #c29342 solid;
	}

.st {
	background-image : url(https://www.itaminashi.com/academy_file/images/st-bg-red.png);
	background-repeat : repeat;
        padding: 0 2%;
	}

.static h3 {
	border-left: 0.5em solid #e15151;
	padding: 0.5em;
	margin: 15px 0;
	font-size: 22px;
	background-color: #ffffff;
	font-weight: bold;
	border-bottom: 0px solid rgb(0, 0, 0);
	line-height: normal;
   	height: 55px;
	}

.lead {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 20px;
	}

.pay {
	list-style: none;
	padding-left: 0;
	}

.pay li {
	background-color: #ffffff;
	padding: 0.8rem;
	margin-bottom: 0.8rem;
	}

.notes {
	font-size: 12px;
	}

.chui {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
	}

.moushikomi {
	background-color: #ffffff;
	padding: 20px;
	}


.sentence {
	max-width: 785px;
	margin-left: auto;
	margin-right: auto;
	}

.sentence.extra {
	background-color: #E6E9ED;
	padding: 0.8rem;
	}

.sentence.extra.light {
	background-color: #fff;
	}


.t-c {
	text-align: center;
	font-size: 1.8rem;
	margin: 0 0 2rem;
	line-height: 1.5;
	font-weight: 600;
}


div.form-item {
	margin: 10px 0;
	}


.form-item .label {
	font-size: 0.7em;
	display: inline;
	padding: 2px 3px;
	background-color: #DA4453;
	color: #fff;
	border: 1px solid;
	font-weight: normal;
	line-height: 1.5;
}

.col-sm-4 {
	width: 28.00%;
	float: left;
	}

.col-sm-8 {
	width: 66.66667%;
	float: left;
	}

.col-sm-11 {
	float: left;
	}

label {
	font-weight: bold;
	line-height: 1.5;
}

input.form,
select.form {
	color: #000;
	border: 0.1rem solid #E6E9ED;
	border-radius: 0;
	display: inline-block;
	padding: 0.8rem;
	vertical-align: middle;
	outline: 0;
	background: #fff;
	width: 100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	overflow: visible;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	font: 400 13.3333px Arial;
	}

input.botan {
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-size: 18px;
	border: solid 1px #CCD1D9;
	background: #22b1e3;
	border-color: #22b1e3;
	display: block;
	width: 50%;
	margin : 20px auto;
	color: #fff;
	text-align: center;
	font-weight: 600;
	padding: 0.8em 1.6em;
	border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	}

.static .info {
    background-color: #E6E9ED;
    margin-bottom: 2rem;
    max-width: none;
    text-align: center;
}

.info .tel {
    font-size: 2rem;
    color: #e15151;
    line-height: 1.3;
}

.info p {
    margin-bottom: 0;
    font-weight: bold;
    color: #656D78;
}

.info .tel small {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #111111;
    font-weight: normal;
}

.f-accent {
    color: #e15151;
}

.setsumei01 {
     font-weight: bold;
     font-size: 1.1em;
}

.haba01 {
     width: 100%;
     margin: 0 0 2% 0;
}

.haba02 {
     width: 48%;
}

div.countdown{
    /* text-align: center; */
    /* background: #fffb74; */
    /* margin: 0 0 2em 0; */
    padding: 0.8em 0;
    /* border-radius: 10px; */
    /* border: 5px #ff3838 solid; */
}

div.firsttime{
    color: white;
}

div.left{
    font-size: 2em;
    font-weight: bold;
    color: red;
    text-shadow:
    2px 2px 3px white,
    -2px 2px 3px white,
    2px -2px 3px white,
    -2px -2px 3px white,
    2px 0 3px white,
    -2px 0 3px white,
     0 2px 3px white,
     0 -2px 3px white;
}

div.presents_inside{
    background-image: url(/data/media/presents15000_2.jpg) ;
    background-repeat: repeat-y;
    background-size: 100%;
    text-align: center;
}

div.presents_outside{
    text-align: center;
    background: #ff9313;
    border-radius: 10px;
    margin: 0 auto 2em;
    padding: 10px;
}

.presents_outside span{
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: underline;
}

.post-body{
    margin-bottom: 3rem;
    font-size: 1.1em;
}

.reibun{
    border: 1px solid #ffc107;
    padding: 3%;
    background-color: #fffef8;
}

.post-head .date {
    display: none;
    margin-bottom: 0.5rem;
}


.step1{
	background-color: #ffff98;
    padding: 3%;
}

.step2{
	background-color: #b8ff98;
    padding: 3%;
    background-image: url(sankaku1.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.step3{
	background-color: #ffdad5;
    padding: 3%;
    background-image: url(sankaku2.png);
    background-repeat: no-repeat;
    background-position: right top;
}


.bs_imgfloat{
float :right;
}

.bs_float{
float :left;
width: 50%;
padding: 0 3%;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
@media (max-width: 783px){
.bs_float{
float : unset;
width: 100%;
border-left: 0px solid #aaaaaa;
border-right: 0px solid #aaaaaa;
}
}


.bs_img{
width: 40%;
}

.creditform {
    background-color: #fffbc6;
    border: solid #ffb01f 2px;
}

.bankform {
    background-color: #d1eaff;
    border: solid #4187ef 2px;7
}

.bs .col-sm-4{
width: 28.00%;
float: unset;
}

.bs .col-sm-8{
width: 100%;
float: unset;
}

.bs .col-sm-11{
float: unset;
}

@media (min-width: 576px){
.bs .col-sm-8{
max-width: 100%;}
}

.bs input{
width : 100%;
}

.bsformtext{
padding: 2%;
list-style-type: decimal;
padding-inline-start: 40px;
}


.s13_div03 .t-c{
    padding-bottom: 1rem;
    margin: 30px auto 10px;
   /* line-height: 0; */
    width: 80%;
    height: unset;
}


.bs .btn-block {
    display: block;
    background-color: #4ea23d;
    padding: 3%;
    border-radius: 50px;
    width: 80%;
    margin: 3% auto;
    color: white;
    font-weight: bold;
}

.s13_iframe1 {
    border: outset #a09999 3px;
    display: block;
   /* position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
}


.bs_midashi{
font-size: 1.5em;
font-weight: bold;
}

.bs_midashi1{
font-size: 1.2em;
font-weight: bold;
}



.box29 {
    margin: 0em 0;
    background: #dcefff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #52931a;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 .box-title1 {
    font-size: 3em;
    background: #e6ffeb;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.sample1{
  display     : inline-block;
  font-weight : bold;
  text-shadow:  2px  2px 10px #ffffff ,
               -2px  2px 10px #ffffff ,
                2px -2px 10px #ffffff ,
               -2px -2px 10px #ffffff ;
}

.voice-wrap {
  background-image: url(/data/media/stripe-bg-g.png);
  background-repeat: repeat;
  margin-bottom: 30px; }
  .voice-wrap .frame-wrap {
    margin-bottom: 0;
    box-shadow: none; }
  .voice-wrap .inner {
    padding: 1rem; }
  .voice-wrap.comment-voice .inner {
    max-width: 990px;
    margin: 0 auto; }
  .voice-wrap.comment-voice .voice-data {
    padding: 1.6rem; }

.voice-data {
  background-color: #fff;
  padding: 0.8rem 0.8rem;
  overflow: hidden; }
  .voice-data h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0.4rem; }
  .voice-data p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0; }
  .voice-data > ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: auto;
    max-height: 400px;
    -webkit-box-shadow: inset 5px 5px 10px rgba(17, 17, 17, 0.15);
    -moz-box-shadow: inset 5px 5px 10px rgba(17, 17, 17, 0.15);
    box-shadow: inset 5px 5px 10px rgba(17, 17, 17, 0.15); }
    .voice-data > ul > li {
      border-bottom: 1px solid #AAB2BD;
      padding: 1.6rem; }
      .voice-data > ul > li:last-of-type {
        border-bottom: none; }

.table_num{
	width: 100%;
	background: #ff7777;
	margin: 0 0 20px;
	}

.table_num_td1{
	color: #ffffff;
	font-size: 80%;
	text-align: center;
	}

.table_num_td2{
	background: #ffffff;
	outline: 5px #ff7777 solid;
	outline-offset: -5px;
	text-align: center;
	padding: 10px;
	}

.table_num_span1{
	font-weight: bold;
	font-size: 132%;
	}

.table_num_span2{
	color: #ff0000;
	}

.frame_center {
  text-align: center;
  margin-left: 35%;
}


.openbox input {
display: none; /* チェックボックスを隠す */
}
.openbox .boxshow {
height: 0;
opacity: 0; /* 折り畳んだ時に中を透明にする */
display: none;/* 閉じた時に中身の要素をなくす */
}
.inputcss:checked + .boxshow {
height: auto;
opacity: 1; /*クリックやタップで中を表示させる*/
display: block;/* 折り畳みになるように */
}
.openbox label {
background: #babbbb;
padding: 5px 10px;
}
details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  color: green;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

table_sakato, th, td {
  border-collapse: collapse;
  border: solid 1px #000;
  border-color: lightgray;
  border-width: 1px;
}

table {
  width:100%;
}

td {
  padding: 5px;
}


*, *:before, *:after {
    box-sizing: border-box;
}
.col_3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_3 > *{
    width: calc( 33.33333% - 8px ) ;
    margin-right: 8px;
    margin-bottom: 12px;
}
.col_3 > *:nth-child(3n){
    margin-right: auto;
}
.col_3 > * > *{
    background: #ffffff;
    height: 120px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 480px) {
    .col_3 > *{
        width: 100%;
        margin-right: auto;
    }
    .col_3 > *:nth-child(3n){
        margin-right: auto;
    }
}