/* ●00---------------------------------------● */
/* ●---------覚書20150808　KEME--------------● */
/* ●-----------------------------------------● */
/* ▼レスボンスウェブ */
/* スマホクラス 基本*/
/* タブレット（PC） 中画面クラス @media only screen and (min-width:651px){要素{属性}} */
/* PC 大画面クラス @media only screen and (min-width:801px){要素{属性}} */
/* ▼使用ID 色別指定用に、ボディID毎に */
/* 色別指定用に、ボディIDを頭につけて分けています。 */
/* body #333	#ccc黒っぽいグレー(基本クラスなし)*/
/* body#p_xp #09c	#cff青水色*/
/* body#p_vista #600	#f9e3c0茶薄い茶*/
/* body#p_win7#0c3	#9f9緑薄い緑*/
/* body#p_win8#f00	#fcc赤ピンク*/
/* body#p_win10（予定）#003	#ccf紺薄い紺*/
/* body#p_mac #f60	#fc9オレンジ薄オレンジ*/
/* body#p_home #ddd503	#faf6b9黄色*/
/* body#p_bir #022a01	#b4c6b3深い緑色*/

/* ●詳細01---------------------------------------● */
/* ●----------------[リセットcss ]---------------● */
/* ●---------------------------------------------● */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝■▼■初期設定■▼■＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
*{
	margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;-webkit-text-size-adjust: 100%;
}
ul,ul li{
	list-style-type:none;
}
img{
	vertical-align:middle;
}
a{
	text-decoration:none;
}
p{line-height: 200%; word-break: break-all;overflow:hidden;
}

/* このitem/hama1.cssは、小中大のモバイルファーストで書いています。 */

/* ●詳細02---------------------------------------● */
/* ●--------------------[設定]-------------------● */
/* ●---------------------------------------------● */
/* 全体 */
/* -------------------------------------------------------------- */
body{
	width:100%;margin:5 auto;color:#000;font-size:16px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;-webkit-text-size-adjust: none;
}
.uni_normal{font-size:80%;color:#333;text-align:center;}/* 文字小さ目文字80% */
.ad_text{font-size:80%;color:#333;}/* 文字小さ目文字80% */
@media screen and (min-width: 801px) {/* pc用リセットcssのようです。 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td{
	border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;
}
:focus{
	outline: 0;
}
ol, ul{
	list-style: none;
}
table.table{
	border-collapse: separate;border-spacing: 0;
}
caption, th, td{
	font-weight: normal;text-align: left;
}
blockquote:before, blockquote:after,q:before, q:after{
	content: "";
}
blockquote, q{
	quotes: "" "";
}
a img{
	border: 0;
}
figure{
	margin:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}}
@media screen and (min-width: 801px) {/* pc：詳細用スタイル */
body{
	width:1000px;min-height:900px;margin:0 auto;color:#000;font-size:16px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;-webkit-text-size-adjust: none;
}}
h3{width:100%;height:55px;margin:10px auto;line-height:55px;font-size:100%;font-weight:bold;text-align:center;background-image: url("../common/item/h3.png");padding:5px;border:solid 1px #eee;border-radius:5px;/* CSS3草案 */
 -webkit-border-radius:5px;/* Safari,Google Chrome用 */
 -moz-border-radius:5px;/* Firefox用 */}
@media only screen and (min-width:651px){h3{width:100%;font-size:130%;}}
h3.h3_long{line-height:20px;font-size:16px;padding:5px;}
@media only screen and (min-width:651px){h3.h3_long{line-height:25px;}}
h4{width:100%;height:55px;margin:10px auto;line-height:55px;font-size:100%;font-weight:bold;text-align:center;background-image: url("../common/item/h3.png");padding:5px;border:solid 1px #eee;border-radius:5px;/* CSS3草案 */
 -webkit-border-radius:5px;/* Safari,Google Chrome用 */
 -moz-border-radius:5px;/* Firefox用 */}
h5{font-size:100%;font-weight:bold}
/* ＝＝＝[全ページ]ヘッダー詳細＝＝＝ */
#header-top{background:#D9F0D9;}
#header-top #logo{
	display:block;float:left;width:200px;height:34px;margin:10px 0px 3px 10px;
}l/* 上部アイコン左 */
#header-top #logo img{width:195px;height:34px;}l/* 上部アイコン画像*/
@media only screen and (min-width:651px){#logo{width:270px;}}
#header-top-link{
	float:right;margin:10px 10px 5px;list-style-type:none;
}/* 上部アイコン右 */
#header-top-link li{
	display:inline-block;margin-left:10px;
}
#header-top-link a{
	display:block;text-decoration:none;
}
#header-top-link img{
	height:30px;
}
@media only screen and (min-width:651px){#header-top-link img{
	height:18px;padding-right:5px;
}}
#header-top-link span{
	display:none;
}
@media only screen and (min-width:651px){#header-top-link span{
	display:inline;color:#666;font-size:15px;
}}

#header-top:after{display:table;content:"";clear:both;}
/* リンク設定 */
/* -------------------------------------------------------------- */
a{
	color:#0000ff;text-decoration:none;
}
a:hover{
	color:#488fdd;
}
a:active, a:focus{
	outline:0;
}

/* 書式 */
/* -------------------------------------------------------------- */
hr{
	margin:5px 0px;
	border-top: 1px dotted #d9f0d9;
}
h1{
	text-align:left;font-size:26px;display:inline-block;
}
@media screen and (min-width:651px){h1{
	font-size:28px;
}}
@media screen and (min-width:801px){
h1{
	width:750px;padding:0;line-height:70px;background-size:cover;background-position:bottom;font-size:30px;font-weight:bold;font-family:'Chango', Meiryo, cursive sans-serif;background: #fefefe;
}/* ページタイトル文字 */
h2{clear:both;width:790px;height:26px;border-left: 10px solid;margin:15px auto 15px 5px;font-size:16px;text-indent:10px;border-bottom:solid 2px #336;
}}

#menu_p{
	text-align:center; font-weight: bold; margin-top :10px; margin-bottom : 10px; border-style: solid ; border-width: 1px; padding: 10px 5px 10px 20px; border-color: red; background-color: mistyrose; width: 300px; border-radius: 10px;
}
#rireki_p{
	text-align:center; font-weight: bold; margin-top :10px; margin-bottom : 10px ;border-style: solid ; border-width: 1px; padding: 10px 5px 10px 20px; border-color: blue; background-color: aliceblue; width: 300px; border-radius: 10px;
}
#mac_p{
	text-align:center; font-weight: bold; margin-top :10px; margin-bottom : 10px; border-style: solid ; border-width: 1px; padding: 10px 5px 10px 20px; border-color: #ff6600; background-color: #fc9; width: 300px; border-radius: 10px;
}

@media screen and (min-width: 620px) {
   /* 表示領域が620px以上の場合に適用するスタイル */
   div.box { margin:0px 10px 0px 0px; float: left; }
}
@media screen and (max-width: 619px) {
   /* 表示領域が619px未満の場合に適用するスタイル */
   div.box { width: 100%; }
}
.after{
 clear:both;
}

/* 画面から画像がはみ出ないようにする */
img{
	max-width:100%;	width /***/:auto; /* IE8のみ */
height:auto;vertical-align:bottom;
}
@media screen and (min-width:801px){img{
	max-width:750px;margin:10px 5px;
}}/* PC画像サイズが、はみ出ても、Max750pxにする */

@media screen and (min-width:300px){img{
	margin:10px 5px;
}}

/* リスト */
/*li{display:none;}
/*@media screen and (min-width:801px){li{list-style-type:disc;}}

/* メイン */
/* -------------------------------------------------------------- */
#main{
	width:95%;margin:10px auto;text-align:left;
}
@media screen and (min-width:651px){#main{
	max-width:799px;margin:10px auto;
}}
@media screen and (min-width:801px){#main{
	/* 左にメイン */
width:800px;float:left;min-height:800px;margin:10px auto;background: transparent;z-index:1;
}}

/* サブ */
/* -------------------------------------------------------------- */
#sub{
	display:none;
}
@media screen and (min-width:801px){#sub{
	display:block;
width:160px;padding-top:0px;margin:10px auto;float:right;min-height:800px;background:#fff;z-index:2;
}}/* 右にサイドを移行 */

/* フッター */
/* -------------------------------------------------------------- */
#footer{
	width:100%;clear:both;padding:15px 0;background:#333;
}
body#p_xp #footer{
	background:#09c;
}/* xp */
body#p_vista #footer{
	background:#c30;
}/* vista */
body#p_win7 #footer{
	background:#09c429;
}/* win7 */
body#p_win8 #footer{
	background:#f00;
}/* win8 */
body#p_win10 #footer{
	background:#003;
}/* win10 */
body#p_mac #footer{
	background:#f60;
}/* mac */
body#p_home #footer{
	background:#ddd503;
}/* home */
body#p_bir #footer{
	background:#022a01;
}/* bir */

#footer a{
	color:#fff;text-decoration:none;
}


/* インデックス検索 */
#footer .search{
	width:98%;margin:0 auto;text-align:center;
}
	@media only screen and (min-width:651px){#footer .search{
	padding-top:10px;
}
	#footer .search input{
	padding:5px;font-size:110%;
}
	#footer .search input.input_q{
	width:400px;text-align:left;
}}
#select-layout{
	clear:both;margin-top:10px;margin-bottom:30px;text-align:right;color:#FFF;font-size:13px;
}
/* mobileとPC切り替え */
#PC-site,#MO-site{
	padding:5px 8px;border:solid 1px #999;display:none;color:#fff;
}
#copyright{
	text-align:center;color:#FFF;font-size:12px;clear:both;
}
/* コピーライトリンク文字白 */
#copyright a{
	color:#fff;text-decoration:none;
}
@media only screen and (min-width:651px){#copyright{
	width:95%;margin:0 auto;clear:both;
}
	#copyright br{
	display:none;
}}

/* ＝＝＝＝＝＝＝＝＝★折りたたみメニューナビ★＝＝＝＝＝＝＝＝＝＝ */
#footer_nav{
	clear:both;margin:10px auto 0 auto;width:100%;
}
#sp-menu2{
	background:#000;color:#FFF;font-weight:bold;font-size:16px;padding-left:15px;line-height:45px;
} 
@media only screen and (min-width:651px){#sp-menu,#sp-menu2{
	display:none;
}}
@media only screen and (min-width;801px){#footer_nav,#footer{width:1000px;}}
#sp-menu2 img{
	height:30px;padding-bottom:4px;margin-right:8px;
}
#footer_nav ul{
	list-style-type:none;display:none;
}
@media only screen and (min-width:651px){#footer_nav ul{
	display:block;
}}
#footer_nav li{
	width:50%;float:left;list-style-type:none;
}
#footer_nav li:nth-child(odd){}
@media only screen and (min-width:651px){#footer_nav li{
	width:16%;border-bottom:none;margin:0 0.3%;
}
#footer_nav li:last-child{
	border-right:none;
}}
#footer_nav a{
	display:block;background:#fff;color:#000;font-weight:bold;font-size:14px;line-height:35px;padding-left:15px;text-decoration:none;border-radius:10px 10px 0 0;border:solid 0px #333;
}
@media only screen and (min-width:651px){#footer_nav a{
	line-height:20px;text-align:center;padding:10px 0 5px 0;
}}
#footer_nav a:hover, li.on a{/* background:#C30;*/}
#footer_nav ul li.xp a{
	background:#cff;border-top:solid 10px #09c;
}/* xp薄い */
#footer_nav ul li.vista a{
	background:#f9e3c0;border-top:solid 10px #c30;
}/* vista薄い */
#footer_nav ul li.win7 a{
	background:#9f9;border-top:solid 10px #09c429;
}/* win7薄い */
#footer_nav ul li.win8 a{
	background:#fcc;border-top:solid 10px #f00;
}/* win8薄い*/
#footer_nav ul li.win10 a{
	background:#ccf;border-top:solid 10px #003;
}/* win10薄い*/
#footer_nav ul li.mac a{
	background:#fc9;border-top:solid 10px #f60;
}/* mac薄い 
#footer_nav ul li.home a{background:#faf6b9;border-top:solid 10px #ddd503;color:#333;}/* home薄い */
#footer_nav ul li.bir a{
	background:#faf6b9;border-top:solid 10px #b4c6b3;color:#333;
}/* bir薄い */

#footer_nav ul li.on a{
	background-color:#0099cc; color:#333;border-top:solid 10px #cff;
}

#footer_nav ul:after{
	display:table;content:"";clear:both;
}

/* 共通画像大タイトル */
/* -------------------------------------------------------------- */
#header_img_sub{
	height:37px;padding-top:3px;font-size:24px;background-image:url("header_img_sub.jpg");background-size:cover;background-position:bottom;text-align:center;font-weight:bold;font-family:'Chango', Meiryo, cursive sans-serif;
}
@media only screen and (min-width:651px){#header_img_sub{
	height:83px;font-size:36px;line-height:73px;
}}
@media only screen and (min-width:801px){#header_img_sub{
	height:100px;font-size:54px;line-height:90px;
}}
body#p_xp #header_img_sub{
	color:#09c;
}/* xp */
body#p_vista #header_img_sub{
	color:#c30;
}/* vista */
body#p_win7 #header_img_sub{
	color:#09c429;
}/* win7 */
body#p_win8 #header_img_sub{
	color:#f00;
}/* win8 */
body#p_win10 #header_img_sub{
	color:#003;
}/* win10 */
body#p_mac #header_img_sub{
	color:#f00;
}/* mac */
body#p_home #header_img_sub{
	color:#ddd503;
}/* home */
body#p_bir #header_img_sub{
	color:#022a01;
}/* bir */

/* 検索・グーグル*/
/* -------------------------------------------------------------- */
#search{
	margin:10px auto;text-align:center;
}

@media screen and (max-width:800px){address{
	width:95%;margin:5px auto;padding:50px 10px;height:50px;background:#eee;
}
#search form{
	margin:10px auto 100px auto;
}}
}}

#search input#
/* 検索右200幅 */
section #search{margin-bottom:15px;margin:5px auto;}
input.input_q_mini{
	width:160px;margin:5px auto;
}

/* 詳細各ページ(パンくずリスト) */
/* -------------------------------------------------------------- */

ol.topicPath{
	margin: 0;padding: 0;list-style-type: none;font-size: 80%;display:none;
}
/* --- リスト項目 --- */
ol.topicPath li{
	display:inline;
}
/* --- リンク --- */
ol.topicPath li a{
	padding-right: 12px;background : url(topic_path2.gif) right center / auto auto no-repeat scroll padding-box border-box transparent;
}
@media only screen and (min-width:651px){
	ol.topicPath{
	margin: 0;padding: 0;list-style-type: none;font-size: 80%;display:block;
}
	ol.topicPath li{
	display:inline;
}
	ol.topicPath li a{
	padding-right: 12px;background : url(topic_path2.gif) right center / auto auto no-repeat scroll padding-box border-box transparent;
}
}
/*   SNSボタン 
------------------------------------------- */ 
div.sns {
   padding-top:20px;
   padding-bottom:20px;
}
ul.snsb {
   list-style-type:none;
   overflow: hidden;
   padding:0;
}
ul.snsb li {
   float: left;
   margin-right:5px;
}
ul.snsb iframe {
   margin: 0 !important;
}
.snsb li.fb{
	line-height: 1;
}
/*   アドセンス 
------------------------------------------- */ 
.pc_hidden{display:none;}
@media only screen and (max-width:801px){.pc_hidden{display:block;}}

.ad_kirikae {
 	max-width: 336px;
}

.ad_m{ margin-top: 10px; margin-bottom: 10px; }

/*   fluct
------------------------------------------- */ 
@media screen and(max-width: 769px){
.spNone { display: none;}
}

/*   topへ戻る
------------------------------------------- */ 
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #d9f0d9;
    text-align: center;
    color: #222;
    font-size: 25px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #c8e8c8;
    text-align: center;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* [インデックス] sub SNS枠 */

.follow{width:160px;margin:10px auto 20px auto;}
/* i[インデックス] SNS枠 SNS枠 メニュー */
.follow ul{width:160px;margin:0 auto;padding:0;list-style:none}
.follow li a{display:block;margin-bottom:5px;padding:10px;border-radius:4px;text-align:left;color:#ffffff;font-size:14px;text-decoration:none}
.follow li a:hover{opacity:0.8}
.follow-tw{background-color:#63bafb;}
.follow-fb{background-color:#5288f7}
.follow-gp{background-color:#f65d4a}
.follow i{margin-right:10px;font-size:24px;vertical-align:middle}
/* SNS枠 補足説明 */
.follow-info{width:160px;margin:0 auto 10px auto;padding:10px;background-color:#d9f0d9;font-size:14px;text-align:center}
.follow-info{position:relative;background:#d9f0d9;}
.follow-info:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(221, 221, 221, 0);border-top-color:#d9f0d9;border-width:15px;margin-left:-15px;}