@charaset "UTF-8";

p{
	font-size:16px;font-size:1.6rem;	padding:5px 10px 5px 10px;/*他で上書きしたいためこのように4つ書く*/
	line-height:2.0;
	color:#333;
	letter-spacing:0.05em;
}

/*---------------------
　wrap
---------------------*/
div#wrap{
	max-width:900px;
	margin:0 auto;
	background-color:#fff;
}

/*--------------------
　区切りのボーダー（▼付き）
--------------------*/
div.ttl{
	width:100%;
	position:relative;
	border-top:solid 3px;
}
div.ttl div{
	width:0;
	height:0;
	border-top: 15px solid;
	border-right: 25px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 25px solid transparent;
	margin:-1px auto 0 auto;
}
div.pop,div.pop div{border-top-color:#BA2636;}
div.intro,div.intro div{border-top-color:#39A1DB;}
div.o_testa,div.o_testa div{border-top-color:#007BBB;}
div.n_testa,div.n_testa div{border-top-color:#1F51A2;}
div.kin_gen,div.kin_gen div{border-top-color:#884998;}
div.prin,div.prin div{border-top-color:#BA2737;}

/*---------------------
　H2系
---------------------*/
h2{
font-family:"フォーク B","Noto Sans Japanese","Helvetica Neue",Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


div.ttl h2:before{
	content:"";
	position:absolute;
	left: 0;
	z-index: 2;
	width: 0;
	height: 0;
	border-style:solid;
	border-width:15px 30px 0;
	border-color:#fff transparent transparent;
	top: 15px;
	right: 0;
	margin:-1px auto 0 auto;
}

h2 span{
	display:block;
	position:absolute;
	color:#fff;
	width:100%;
	text-align:center;
	text-shadow: 2px 2px 5px rgba(0,0,0,.7);
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}

h2 span:nth-child(1){top:15%;font-size:16px;line-height:1.5}
h2 span:nth-child(2){top:27%;}
h2 span:nth-child(2) img{max-width:40px;}
h2 span:nth-child(3){top:35%;font-size:30px;line-height:1.5;}
h2 span:nth-child(3) img{max-width:30px;}
h2 span:nth-child(4){top:60%;line-height:1.35;font-weight:700;font-size:24px;}
h2 img.mask{width:100%;position:absolute;bottom:0;}

h2 img.bg_h2{display:block;max-width:100%;height:auto;}

/*---------------------
　セクション
---------------------*/

article#main section{
	width:100%;
	margin:10px auto 18px auto;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border:0;
}
article#main section#ads_top{
	width:96%;
	margin: 0 auto 0 auto;
}
article#main section#intro{
	border:solid 1px #34559c;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:96%;
}

article#main section#intro p{
	color:#34559c;
}

/*---------------------
　セクション内イメージ
---------------------*/
section div.img_cell{
	width:96%;
	margin:10px auto;
	text-align:center;
}
section div.img_cell img:nth-child(1){
	max-width: 100%;
	height:auto;/*←縦横比維持*/
	webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}
/*------------------
　H3系(画像をタイル状に配置した部分)
------------------*/
article#main section h3{font-family:"フォーク B","Noto Sans Japanese","Helvetica Neue",Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.img_cell:after{
	content:"●";
	display:block;
	clear:left;
	visibility:hidden;}

.img_cell a{
	float:left;
	width:48%;
	margin-right:4%;
	display:block;
	position:relative;
}
.img_cell a:nth-child(2n){margin-right:0;}
.img_cell a:nth-child(2n):after{
	content:"●";
	display:block;
	clear:left;
	visibility:hidden;
}

.img_cell h3{
	font-size:16px;font-size:1.6rem;
	padding-top:3px;
	font-weight:bold;
	text-align:left;
}


.img_cell h3.intro{color:#39A1DB;}
.img_cell h3.o_testa{color:#007BBB;}
.img_cell h3.n_testa{color:#1F51A2;}
.img_cell h3.kin_gen{color:#884998;}
.img_cell h3.prin{color:#BA2737;}


article#main div.img_cell > a > p{
	font-size:14px;
	font-size: 1.4rem;
    padding: 4px 0px 20px 0px;
    line-height: 1.35;
    color: #4c2c31;
	text-align:left;
}

.img_cell > a > img.no{
	position:absolute;
	top:-14px;
	left:10px;
	display:block;
	z-index:10;
	width:12%;
	max-width:30px;
}

