@charset "utf-8";

/*
Theme Name: ijk9_sim
Description: 石田塾9期シンプルテンプレート
Version: 3.2
Author: yoshito nakajima
*/
.tit{
background-image:url(img/tit/biyou1_title_pink.jpg);
}
body{
/* 背景 */
background-image:url(https://xn--u9j3gvcm8nsb9c2664d9mnq72c.com/wp-content/uploads/2017/09/biyou1_bg_red.jpg);
}
#main{
 /* トップ画像 */
background-image:url(https://xn--u9j3gvcm8nsb9c2664d9mnq72c.com/wp-content/uploads/2017/09/simple_01.png);
}

body .topmenu{
 /* この下の行に、display:none; と入れると目次メニューが非表示になります。 */

}



h1{
 /* タイトル色変更 */
color:#fff;
 /* タイトル色変更ここまで  */
}

header h2{
 /* サブタイトル色変更 */
color:#333;
 /* サブタイトル色変更ここまで  */
}
.tit{
 /* 見出しタイトル変更箇所ここから */
  color:#fff;
}

#cnt{
background-color:#fff;
}



@media screen and (min-width:641px) {

#main p{
 /* 文字サイズ変更箇所ここから */
	font-size:17px;
}

header{
 /* ヘッダの高さ変更 */
	min-height:400px;
text-align:left;

}
.tit{
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
font-size:14px; 
line-height:40px; 
padding:0px 20px;
clear:both;
}

img{
padding:10px;
}

.topmenu{
background-color:#fcfcfc; 
padding:20px 30px; 
border:1px solid #efefef;
display:inline-block;
}
.topmenu a{
 font-size:12px;
}
.topmenu p{
line-height:20px;
}



header h1{
padding:0px;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:30px;
height:30px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
display:block;
}

header h2{
padding:0px;
font-size:1.6em;
margin-top:80px;
}
header h3{
font-weight:normal;

}

#main p{
	padding:5px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

body {

	background-repeat:no-repeat;
	background-position:center top;
	line-height: 180%;
padding:0px;
margin:0px;

}




#main{
	width:900px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:center top;
padding:0px 50px;
margin-top:0px;

}

#cnt{
	padding:10px 0px;
	
}

.pad{
	padding:20px 40px;
}
footer{
	text-align:center;
	border-top:1px solid #CCC;
	margin-left:20px;
	margin-right:20px;
}



em{
	background-color:#FF0;
	font-style:normal ;
	font-weight:bold ;
}


.boxtit{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}
 
.boxtit:after, .boxtit:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.boxtit:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}


.cntbox{
	margin:30px;
	padding:10px 20px 20px 20px;
	background-color:#fafafa;
clear:both;
border:1px solid #eaeaea;
}
}
  
@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/
}
 
@media screen and (max-width:640px) {
/* CSS Document */

/*----------------------------------------------------
 リセット
----------------------------------------------------*/




article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea, {
margin: 0;
padding: 0;
}

.pad{
	padding:5px;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}

ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

a:focus { outline: none; }

img{ vertical-align:middle; }

img {
	width : 90% ;
	height:auto ;
display:block;
padding:5%;

}

.cntbox img {
	width : 90% ;
	min-width : 0% ;
}


ul, menu, dd, dir{
	margin:0;
	padding:0;
}
ul,ol{
	margin:0;
	-webkit-padding-start:0;
	-moz-padding-start:0;
	-o-padding-start:0;
	-ms-padding-start:0;
}

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


body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
	-webkit-text-size-adjust : 100% ;
	overflow:hidden;/* スクロール時横幅全体表示 */
	background-repeat:no-repeat;
	background-position:center top;
padding:0px;
margin:0px;
 background-size:170%;
}
a{
	color:#A82222;
}

a:hover{
	color:#E58F0E;
}
/* IEイメージ枠なし */
a img {
	border-style:none;
}

/*----------------------------------------------------
 contents
----------------------------------------------------*/



#main{
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center top;
margin-top: -36px !important;
 background-size:170%;
}


header{
	text-align:center;
min-height:300px;
padding-left:10%;
padding-right:10%;
}
header.pt2{
	margin:0 auto;
}


.m_space{
	margin-bottom:30px;
}

.m_space2{
	margin-bottom:10px;
}
/*----------------------------------------------------
 form
----------------------------------------------------*/
.mail_box{
	width:95%;
	border:5px solid #000;
	border-top:none;
	margin:0 auto 20px;
	text-align:center;
}

.mail_box2{
	margin:0 auto 20px;
	padding:20px;
}
s.mail_box3{
	margin:20px auto ;
	padding:5%;
	width:80%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
	border:10px solid #000;
}

.first{
	margin:-50px auto 20px;
}

.mail_box .in,
.mail_box2 .in{
	background:#F9DD17;
	padding:20px;
	border:5px solid #F90;
}

.mail_box .in p,
.mail_box2 .in p,
.mail_box3 .in p{
	text-align:left;
}

.mail_box2 .in{
	background-image:-moz-linear-gradient(rgb(255,255,255) 0%,rgb(229,231,236) 29%,rgb(206,212,221) 95%,rgb(206,212,221) 96%); 
	background-image:-webkit-gradient(linear,color-stop(0, rgb(255,255,255)),color-stop(0.29, rgb(229,231,236)),color-stop(0.95, rgb(206,212,221)),color-stop(0.96, rgb(206,212,221)));
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(229,231,236) 29%,rgb(206,212,221) 95%,rgb(206,212,221) 96%);
	background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(229,231,236) 29%,rgb(206,212,221) 95%,rgb(206,212,221) 96%);
	background-image:-ms-linear-gradient(rgb(255,255,255) 0%,rgb(229,231,236) 29%,rgb(206,212,221) 95%,rgb(206,212,221) 96%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(229,231,236) 29%,rgb(206,212,221) 95%,rgb(206,212,221) 96%);
	border-color:rgb(182,190,204);
	border-width:1px;
	border-style:solid;
	-moz-box-shadow:inset 0px -14px 13px rgb(247,247,247) ,inset 0px -23px 0px rgb(192,200,211) ,inset 7px -16px 0px rgb(195,203,213) ,inset -2px -6px 0px rgb(192,200,211);
	-webkit-box-shadow:inset 0px -14px 13px rgb(247,247,247) ,inset 0px -23px 0px rgb(192,200,211) ,inset 7px -16px 0px rgb(195,203,213) ,inset -2px -6px 0px rgb(192,200,211);
	box-shadow:inset 0px -14px 13px rgb(247,247,247) ,inset 0px -23px 0px rgb(192,200,211) ,inset 7px -16px 0px rgb(195,203,213) ,inset -2px -6px 0px rgb(192,200,211);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffced4dd)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffced4dd);
}
form{
	margin:20px auto 0;
}



input.text{
	width:90%;
	margin:20px auto;
	border:1px solid #F3C414;
	padding-left:10px;
	display:block;
	height:40px;
	border-radius:4px;
	border:none;
	font-size:16px;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	vertical-align:top;
	color:#999;
}
.mail_box + ul,
.mail_box2 + ul,
.mail_box3 + ul{
	background: #F1F1E3;
	border: 1px solid #999;
	color: #161416;
	margin:0 auto 20px;
	padding: 20px;
	width: 80%;
}

.mail_box2 + ul{
	background:#eee;
}

.mail_box + ul li,
.mail_box2 + ul li,
.mail_box3 + ul li{
	text-align:left;
	font-size:13px;
}
.mail_box + ul li.last,
.mail_box2 + ul li.last,
.mail_box3 + ul li.last{
	margin:10px 0 0 0;
	font-size:15px;
}
.mail_box + ul li a,
.mail_box2 + ul li a,
.mail_box3 + ul li a{
	display:inline-block;
	margin-left:5px;
}


/*----------------------------------------------------
 戻るボタン
----------------------------------------------------*/


.pagetop {
	position:fixed;
	right: 0;
	bottom:150px;
}

.pagetop a{
	display:block;
	width:64px;
	height:314px;
}

.pagetop a:hover img{
	opacity:0.8;
}


/*----------------------------------------------------
 footer
----------------------------------------------------*/


footer {
	width:100%;
	bottom:0;
	height:95px;
	padding-top:20px;
	text-align:center;
}

footer p{
	margin:0 auto 15px;
	font-size:14px;
}


footer p a{
	margin:0 auto 15px;
	font-size:14px;
}

footer small{
	font-size:14px;
}



/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


#cnt{
	padding:10px;
}

.cntbox{
	margin:10px;
	padding:20px 20px 20px 20px;
	background-color:#fafafa;
clear:both;
border:1px solid #eaeaea;
}
.tit{

  color: white;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
font-size:16px; 
line-height:20px; 
padding:10px 20px;
clear:both;
 background-size:100%;
}
.boxtit{
	padding-left:10px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	border-left:5px solid #F30;
	margin-bottom:10px;

}

em{
	background-color:#FF0 ;
	font-style:normal ;
	font-weight:bold ;
}

h1{
padding:0px;
font-size:14px;
font-weight: bold;
}
h2{
padding:0px;
font-size:14px;
	font-weight: normal;
}
#cnt p{
padding: 0px 0px;
}

.topmenu{
background-color:#fcfcfc; 
padding:20px 30px; 
border:1px solid #efefef;
display:inline-block;
}
.topmenu p{
line-height:20px;
}
h1{
padding:0px;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:34px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
padding-left:5px;
}

header h2{
padding:0px;
font-size:1.6em;
margin-top:80px;
font-weight:bold;
}

header h3{
font-weight:normal;
}

}