@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
	font-size:100%;
}

/* --------------------------
     小型タブレット端末（スマホのみに適応）
-------------------------- */
@media only screen and (max-width: 481px) {



} /* /@media */



/* --------------------------
     大型タブレット端末
-------------------------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
     


 
} /*デバイスの横幅が321以上768以下の場合*/


/* --------------------------
     PC端末
-------------------------- */ 
@media only screen and (min-width: 961px) {

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*.continer 可変幅*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

img {
max-width: 1200px;
max-height: 1200px;
}


article{	
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
section{	
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
header{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

div.FB div {
width: 500px;
}

div.FB div {
margin-right: 20px;
float: left;
}

.clearLeft {
clear: left;
}

.emphasis{
	background-color:#FFFF00;
}

p.dc:first-letter {
    font-weight:bold;
    font-size:500%;
    color:#000;
    line-height: 1;
    float: left;
    padding: 3px;
    margin-right: 3px;
}

.setleft{margin-left:450px;}


.form table{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

.form p{	
	text-align:center;
}

.photo{
margin-bottom:20px;
}

.redfont{
	color:red;
	font-weight:bold;	
}

.subhead{
	font-size:24px;	
}

.waku{
	width:1000px;
	border: outset 3px #28222A;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 20px;
}

.waku2{
	width:750px;
	border: outset 3px #28222A;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 20px;
}

.bullet{
	font-weight: bold;
	font-size: 20px;
}

.recommendation{
	width: 600px;
}

.portrait{
float: right;	
}

#addititon{
	font-size: 25px;
	color: #FF2600;
}

} /* /@media */



/* --------------------------
     全端末共通のCSS
-------------------------- */

aside,section,article{display:block;}

body{
	color:#000000;
	font-family:"Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:17px;
	font-weight:normal;
	text-align:center;
	line-height:190%;
	background-color:#e8e8e8;
}

img{
	border:none;
	display:block;
	max-width: 100%;
    height: auto;
}
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
a:hover{color:#00ffff;}
a:active{color:#0000ff;}


h1{
	font-size:300%;
	font-weight:bold;
	line-height:170%;
	margin-bottom:10px;
	text-align:center;
}
h2{
	font-size:160%;
	font-weight:bold;
}
h3{
	font-size:160%;
	font-weight:bold;
	line-height:150%;
	margin-bottom:10px;
	color:#1C1F87;
	padding-left:2em;
	text-indent:-2em;
}
h4{
	font-size:130%;
	font-weight:bold;
	line-height:180%;
}
h5{
	font-size:110%;
	font-weight:bold;
	line-height:180%;
}



article{
	text-align:left;
	background-color:#FFFFFF;
}


section{
	margin-top:100px;
	
}
section h1{margin-bottom:20px;}

section p, .m_bottom, header p, h4, h5, .form{margin-bottom:45px;}

.fsmall{font-size:14px!important; color:#000000!important;}
.fbig01{font-size:120%; line-height:190%; font-weight:bold;}
.fbig02{font-size:150%; line-height:190%; font-weight:bold;}
.fbig03{font-size:; line-height:190%; font-weight:bold;}
.fbig04{font-size:; line-height:190%; font-weight:bold;}

/* ====================================*/
/*ボックス体裁*/
/* ====================================*/

footer{
	padding:30px;
	margin-top:50px;
	text-align:center;
}
footer a{margin:0px 10px;}
footer address{font-size:90%; letter-spacing:0.1em;}



/* ====================================*/
/*画像をfloat*/
/* ====================================*/
.imgfloatR img{/* 画像は右側*/
	float:right;
	padding-left:10px;
}
.imgfloatL img{/* 画像は左側*/
	float:left;
	padding-right:10px;
}
.cler{clear:both;}

/* ====================================*/
/*UL*/
/* ====================================*/
.none{list-style:none;}

header ul li{
	background-image:url(img/check01.png);
	background-repeat:no-repeat;	
	padding-left:37px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*スペース*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.s5{margin-top:5px;}
.s10{margin-top:10px;}
.s20{margin-top:20px;}
.s30{margin-top:30px;}
.s40{margin-top:40px;}
.s60{margin-top:60px;}
.s80{margin-top:80px;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*装飾*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.font_weight{font-weight:bold;}
.center{text-align:center;}
em{
	font-style:normal;
	font-weight:bold;
}

.red{
	color:#e4007f;
}
.yellow{
	background-color:#ffff00;
	padding:2px;
}
.bule{color:#171A8C; font-weight:bold;}

.redkasen{
	border-bottom:1px solid #e4007f;
}
.kurokasen{
	border-bottom:1px solid #000000;
}

.deco{
	color:#ea5415;
	font-size:xx-large;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ボックス*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box_style{line-height:150%;}
.box_style p{margin-bottom:0px!important; padding-bottom:30px;}





/*テーブル*/
.modanTB{
	width:680px;
	border-collapse:separate;
	border:solid 2px #888888;
	empty-cells:show;
	margin-left:90px;
}
.modanTB th{
	width:180px;
	border:solid 1px #888888;
	background-color:#CCCCCC;
	padding:10px;
	text-align:center;
}
.modanTB td{
	border:solid 1px #888888;
	padding:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*追加分*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.set{
	width:775px;
	margin-left:auto;
	margin-right:auto;
}



.box{
	border:dotted 1px #999999;
	padding:40px 30px 0px 30px;
	margin-bottom:40px;
}
.box01 h2{
	line-height:150%;
	margin-bottom:10px;
	background-image:url(img/check02.png);
	background-repeat:no-repeat;
	padding-left:30px;
}
.box01 p{padding-left:30px;}


.box02 p{padding-left:3.5em;}


.box03 h5{
	margin-bottom:10px!important;
	border-bottom:solid 1px #000000;
}


.form{
	padding:30px;

	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	
	box-shadow: 0px 2px 3px #777;
	-moz-box-shadow: 0px 2px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;

	background:linear-gradient(#76bc2a,#b2d691);
	background:-moz-linear-gradient(top,#76bc2a,#b2d691);
	background:-webkit-gradient(linear,left top,left bottom,from(#76bc2a),to(#b2d691));
	-pie-background:linear-gradient(#76bc2a,#b2d691);
	position:relative;	

}



.form table th, .form table td{padding:5px;}

.form table{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}





.form p{
	font-size:200%;
	font-weight:bold;
	margin-bottom:20px!important;
	color:#FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*.youtube-container 可変幅*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}