@charset "utf8";
/*---------------------
 body
--------------------- */
body{
	background-image:url(../img/bg/bg_body.png);
	background-repeat:repeat;
	width:100%;
}
/*---------------------
 全体的な構造（サイズ系）
--------------------- */
#wrap{width:1000px;background-color:#fff;margin:0 auto;}
header{width:1000px;margin:0 auto;}
#left,#right{overflow:hidden;}
footer{width:1000px;margin:0 auto;}
/*---------------------
 header
--------------------- */
header{
	position:relative;
	border-top:solid 5px #34559C;;
	background-color:#fff;
}
div#header{width:1000px;margin:0 auto;position:relative;}
#shoulder{color:#34559C;;font-size:16px;font-size:1.6rem;line-height:1.5;font-weight:bold;padding-left:0.25em;}
#logo{padding-bottom:3px;display:inline-block;}
#logo a{display:inline-block;}
#logo img{display:inline-block;}
#bnr_rt{position:absolute;right:5px;top:28px;}
/*---------------------
 ハンバーガー
--------------------- */
#btnhead{display:none;}

/*-----------------------
 pan_navi
------------------------- */
nav#pan_navi {
	width:100%;background:#b3c5dd;
	border-top:solid 1px #B0B9CF;
	border-bottom:solid 1px #B0B9CF;
	background-opacity:0.2;
	background: rgba(179,197,221,0.75);
}
nav#pan_navi div{
	font-size:16px;
	/* overflow:hidden; */
	background:#b3c5dd;
	/* height:25px; */
	z-index:1;
	/* border-top:solid 2px #0014AD;*/
	width:1000px;
	margin:0 auto;
}

nav#pan_navi div ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
nav#pan_navi div ul li {
	display:table-cell;
}

nav#pan_navi > div > ul li > span {
	display:block;
	background:url(../img/pan_navi/01.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
nav#pan_navi> div ul li:first-child {
	padding-left:1px;
}
nav#pan_navi > div > ul li:last-child > span {
	background:url(../img/pan_navi/02.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding-right:11px;
}
#pan_navi > div > ul li > span > a{text-decoration:none;}
#pan_navi > div > ul li > span > a,
#pan_navi > div > ul li > span > span {
	overflow:hidden;
	display:block;
	padding:0 4px 0 4px;
	height:24px;
	color:#000;
	line-height:23px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}
#pan_navi > div > ul li > span > span {
	color:#999;
}

/* 以下KK  */
#pan_navi > div > ul li > span > a >img{
	height:18px;
	vertical-align:middle;
}

/*---------------------
 line_menu
--------------------- */
nav#line_menu{background-color:#34559C;;background-image:url(../img/bg/bg_line_menu.png);}
nav#line_menu div{width:1000px;margin:0 auto;}
/*#line_menu div ul{background-color:#34559C;;}*/
#line_menu div ul li{
	float: left;
	width:190px;
	border:solid 1px #fff;
	margin:5px;
	padding:7px;
}
#line_menu div ul li a{width:100%;display:block;text-align:center;font-size:16px;color:#fff;text-decoration:none;}

/*---------------------
 スライド
--------------------- */
#slide{width:1000px;height:auto;margin-bottom:30px;/*background-color:#000;*/}
.slick-prev {left: -40px;}
.slick-next {right: -35px;}
.slick-prev:before, .slick-next:before {color:#999;}
/*---------------------
 メインカラム
--------------------- */
#left{min-width:640px;margin-left:20px;background-color:#fff;float:left;}
#left hr{box-sizing:content-box;}
img.s_img{display:block;float:right;margin:10px auto;}
img.s_img:after{content:"●";display:block;clear:both;font-size:10px;}
article{padding-top:1.2em;}
/*---------------------
 h1
--------------------- */
h1{font-size:24px;font-size:2.4rem;color:#fff;
	position:relative;
	width:100%;
	background-color:#34559C;;
	padding:0.25em 0 0.25em 50px;
	margin:0px auto 20px auto;
	line-height:1.75;
}

h1:before{
	content:'';/*何も入れない*/
	display:inline-block;/*忘れずに！*/
	width:35px;/*画像の幅*/
	height:37px;/*画像の高さ*/
	background:url(../img/icn_h1.png) no-repeat;
	background-size:contain;
	position:absolute;
	left:8px;top:8px;
}

/*---------------------
 section
--------------------- */
section{color:#583822;
	padding:10px 0px 10px 10px;
	position:relative;
	margin-bottom:30px;
	width:620px;
}
section > div.sub{
	font-size:16px;font-size:1.6rem;	padding-bottom:0.5em;
}
section h2{
	font-size:20px;font-size:2rem;color:#543f32;
	border-bottom:solid 1px #543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-bottom:0.5em;
	line-height:1.25;
}

section h3{
	font-size:18px;font-size:1.8rem;color:#543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-top:1.5em;
	padding-bottom:0.5em;
}
/*---------------------
 目次 page_index
--------------------- */
nav#page_index{padding:1.5em;background-image:url(../img/bg/bg_index.jpg);margin-bottom:2em;width:620px;}
nav#page_index h2{border-bottom:none;font-size:20px;font-size:2rem;color:#543f32;padding-bottom:0;margin-bottom:0;}
nav#page_index > ol{margin-left: 40px;line-height:1.25;}
nav#page_index li{font-size:16px;font-size:1.6rem;padding-top:1.25em;list-style-type: decimal-leading-zero;}
ol#page_index_bra ol{margin-left:10px;}
ol#page_index_bra li{list-style-type:disc}
/*---------------------
　P系
---------------------*/
section p,q,blockquote,
ul.lst{
	font-size:16px;font-size:1.6rem;line-height:2.0;padding-bottom:0.5em;
}


/*---------------------
　ul系
---------------------*/
ul.lst{
	padding-left:1em;
	margin-left:1em;
}
ul.lst li{list-style-type:disc;}
/*リンク*/
ul.lnks{
	padding-top:1em;
	margin-bottom:2em;
}
ul.lnks li{padding-top:1em;padding-bottom:1em;border-bottom:dashed 1px #999;}
ul.lnks li:nth-child(1){border-top:dashed 1px #999;}
ul.lnks li:last-child{border-bottom:dashed 1px #999;margin-bottom:1em;}
ul.lnks li a{font-size:16px;font-size:1.6rem;	text-decoration:none;
	position:relative;
	display:block;
}
ul.lnks li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #c9171e;
border-right: solid 2px #c9171e;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/*---------------------
　ol系
---------------------*/
ol.lst{margin-left:2.5em;}
ol.lst li{
	font-size:16px;font-size:1.6rem;	list-style-type:decimal;
	padding-bottom:10px;
	line-height:2.0;
}

/*---------------------
　img_box_c
---------------------*/
.img_box_c{margin:10px auto;}
.img_box img{display:block;}
.img_box_c p{
	margin:0px;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	color:#666;
}
/*---------------------
　img_box_r
---------------------*/
.img_box_r{
	margin:5px 0px 3px 12px;/*topの5pxは右のpとのバランス*/
	float:right;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_r img{
	margin:0 0 3px 0;
	display:block;
}

.img_box_r p{
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}
/*---------------------
　img_box_l
---------------------*/
.img_box_l{
	margin:5px 10px 3px 0px;/*topの5pxは右のpとのバランス*/
	float:left;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_l img{
	margin:0px auto;
}

.img_box_l p{
	text-align:center;
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}

/*---------------------
　サイド（Side/右カラム）
---------------------*/
div.side{
	width:300px;
	background-image:url(../img/bg/bg_side.jpg);
	background-repeat:repeat;
	margin-bottom:20px;
	padding:1.25em;
	border-radius: 10px;
}
#right{min-width:300px;margin-left:15px;float:left;}
#right p{font-size:14px;font-size:1.4rem;line-height:2.0;}

/*---------------
 メニュー表示
---------------*/
.ich-dan div{
	width:300px;margin-bottom:20px;
	font-size:16px;font-size:1.6rem;	border:solid 1px #ccc;
	background: url(../img/index_page/tri.png) right top no-repeat;
}

div.ich-dan h3{
	font-size:18px;font-size:1.8rem;	color:#583822;
	margin-bottom:0.75em;
	font-weight:normal;
	padding: 15px 10px 15px 12px;
	border-left:none;
	margin:0;
}
div.ich-dan h3 span{
	font-size:14px;font-size:1.4rem;}
.ich-dan>div>img{
	margin-left:5px;
	display:block;
	width:290px;
	height:94px;
	margin-bottom:2px;
}
.ich-dan div ul{margin:0px 5px 4px 5px;}
.ich-dan div ul li{
	background-color:#f4f0e8;
	margin-bottom:1px;
	}
.ich-dan div ul li a{
	display: block;
	padding: 10px 10px 10px 20px;
	text-decoration:none;
	background:url(../img/lst/tri_red.png) 8px center no-repeat;
}
.ich-dan div ul li a span{font-size:12px;font-size:1.2rem;}
/*---------------------
 ads ue
---------------------*/
img#ads_ue{
display:block;
margin-bottom:-5px;
z-index:100;
}

/*---------------------
　三本メニュー（ハンバーガー）
---------------------*/
button{margin-bottom:10px;}
/*ボタン自体の設定*/
#btnhead{
	border:none;
	height:50px;
	width:50px;
	background-color:#34559C;;
	color:#fff;
	position:absolute;top:18px;right:12px;
	transition: all .4s;/*アニメーションの作動時間*/
	box-sizing: border-box;
}
#btnhead span:nth-child(-n+3){/*3番目まで*/
	position: absolute;
	left: 12px;
	width: 26px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
#btnhead span.btnhead{
	font-size:10px;
	position: absolute;
	top: 33px;
	left: 0;
	width: 50px;
	text-align: center;
	transition: all .4s;
}
#btnhead span:nth-of-type(1) {
	top: 10px;
}
#btnhead span:nth-of-type(2) {
	top: 18px;
}
#btnhead span:nth-of-type(3) {
	top: 26px;
}
/*ボタンの回転設定*/
#btnhead.active span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-315deg);
	transform: translateY(14px) rotate(-315deg);
}
#btnhead.active span:nth-of-type(2) {
	opacity: 0;
}
#btnhead.active span:nth-of-type(3) {
	-webkit-transform: translateY(-2px) rotate(315deg);
	transform: translateY(-2px) rotate(315deg);
}
#btnhead.active span.btnhead{
	opacity: 0;
}

/*---------------------
　声　koe
---------------------*/
section.koe,div.koe{
	background-image:url(../img/bg/bg_column.jpg);
	padding:1.5em 1.5em 0.5em 1.5em;
border-radius:10px;
}
section.koe{width:610px;position:relative;}
div.koe{margin-top:1em;margin-bottom:1em;}
section.o_testa,div.o_testa{background-image:url(../img/bg/bg_o_testa.jpg);}
section.n_testa,div.n_testa{background-image:url(../img/bg/bg_n_testa.jpg);}
section.koe h2{border-bottom:none;padding-bottom:0;margin-bottom: 14px;}
section.koe h2 span{display:block;font-size:14px;font-size:1.4rem;padding-top:0.35em;opacity:0.8;}
section.koe h3{border-bottom:none;padding-bottom:0;padding-top:0;margin-bottom: 14px;}

section.column .sub,
div.column .sub{font-size:40px;font-size:4rem;	color:#ccc;padding-bottom:0.5em;
	position:absolute;
	right:20px;
	top:0px;
}

section.o_testa .sub,
section.n_testa .sub
{opacity:0.5;font-size:26px;font-size:2.6rem;}

section.koe .whois,div.koe .whois,nav#page_index .whois{font-size:14px;font-size:1.4rem;color:#999;text-align:right;padding-top:0.5em;line-height:1.5;}
.koe p,koe q,koe blockquote{color:#543f32;opacity:0.8;}
.pnl_ttl{width:100%;text-align:right;font-size:14px;font-size:1.4rem;padding-bottom:0.5em;color:#241a08;}
.pnl_ttl:hover{cursor:pointer;}
.-r {
    width: 100%;
    text-align: right;
}
/*---------------------
　Neo_table
---------------------*/
.neo_table{
	color:#666;
	border:solid 1px #999;
	border-collapse:collapse;
	border-spacing:1px;
	margin-bottom:15px;
	width:100%;
}
.neo_table caption{
	font-size:16px;font-size:1.6rem;	padding:1em 0em 0.5em 0.25em;
	text-align:left;
}
.neo_table th{
padding:5px;
border:solid 1px #999;
font-weight:normal;
font-size:16px;font-size:1.6rem;text-align:left;
background-color:aliceblue;
vertical-align:middle;
line-height:1.6;
}
.neo_table thead tr th{
	text-align:center;
}

.neo_table td{
padding:5px;
border:solid 1px #999;
font-size:16px;font-size:1.6rem;line-height:1.6;
vertical-align:middle;
}

/*---------------------
　forkids
---------------------*/
.forkids p{font-size:16px;font-size:1.6rem;}

/*---------------------
　footer
---------------------*/
footer{font-size:16px;font-size:1.6rem;	text-align:center;
	width:100%;
	padding:0.5em;
	margin:0 auto;
	color:#fff;
	line-height:1.8;
	background-color:#34559C;;
}
footer a{text-decoration:none;color:#fff;}
/*---------------------
　totop
---------------------*/
#totop{
	position: fixed;
	bottom: 0px;
	right: 2px;
	opacity:0.9;
}
#totop:hover{cursor:pointer}
/*---------------------
　デザイン系
---------------------*/
sub{font-size:12px;font-size:1.2rem;;vertical-align:baseline;}
sub:before{content:" ";font-size:0.05em;}
sub:after{content:" ";font-size:0.2em;}
h2 sub{font-size:14px;font-size:1.4rem;}

/*--------------------- メディアクエリ 768------------------------*/
@media screen and (max-width:768px){/*768(＝ipad)はPC表示*/
	#slide,#wrap,div#header,#left,#right{width:100%;min-width:100%;}
	#bnr_rt{display:none;}
	.slick-prev {left: 0px;}
	.slick-next {right: 0px;}
	.slick-prev:before, .slick-next:before {color:#ccc;font-size:14px;}
	#furano{display:none;}

	header{width:100%;}
	nav#pan_navi div{width:100%;}
	nav#line_menu div{width:100%;}
	footer div{width:100%;}
	#btnhead{display:inline-block;}

	#logo img{height:60px;}
	#shoulder{font-size:12px;font-size:1.2rem;}
	nav#line_menu{display:none;}
	nav#line_menu div{width:100%;}
	nav#line_menu ul li{
		width:171px;
		margin:5px;
		padding:8px 0;
	}
	img.s_img{
		float:none;
	}
	

#left,#right{width:100%;margin-left:0;}
h1{padding-left:0.35em;line-height:1.35;}
h1:before{background:none;}
h1 span{display:block;font-size:18px;font-size:1.8rem;}
section{padding:10px 10px 10px 10px;width:100%;}
section.koe{width:96%;margin:0px auto 20px auto;}
nav#page_index{width:96%;margin:0px auto 20px auto;}
div.side{width:96%;margin:0 auto;}


	.ich-dan div{
		margin:10px auto;
		width:96%;
		float:none;
	}
	.ich-dan>div>img {
		width:96%;
		height:auto;
	}
	.ich-dan div ul li a {font-size:16px;font-size:1.6rem;		padding: 16px 0px 16px 20px;
	}
	#ads_btm{margin:0 3px;}
}
/*--------------------- メディアクエリ 414------------------------*/
@media screen and (max-width:414px){

	nav#line_menu div ul li{width:197px;}
	#logo{font-size:24px;font-size:2.4rem;;} #logo span{font-size:18px;font-size:1.8rem;}
	section{width:100%}

}
/*--------------------- メディアクエリ 375------------------------*/
@media screen and (max-width:375px){
	#logo{background-image:none;padding-left:0;}
	nav#line_menu div ul li{
		width:177px;
	}
}
/*--------------------- メディアクエリ 320------------------------*/
@media screen and (max-width:320px){
	#logo{
		font-size:20px;font-size:2rem;		padding:14px 0px 14px 0px;
	} 
	#logo span{font-size:14px;font-size:1.4rem;}
	nav#line_menu div ul li{
		width:97%;
	}
}

/*--------------------- デザイン　------------------------*/
.px10{font-size:10px;font-size:1rem;}
.px12{font-size:12px;font-size:1.2rem;}
.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	color:#999;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	display:block;
}
.-r {
    width: 100%;
    text-align: right;
}