@charset "utf-8";
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

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

#contents_section{overflow:visible;}

body{}

/*nav.drawer-nav{display: none!important;}*/

a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:underline;}
a:hover{color:#999; text-decoration:underline;}
a:active{}

/*00テストページ　非表示*/
li.module-list-item.odd.firstChild{display:none;}


.imgR{float:right; margin:0 0 20px 25px;}
.imgL{float:left; margin:10px 25px 20px 0;}
.btn{text-align:center;}

/* clearfix */
#hoge:after{content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip{position:absolute; top:0; left:0;}

/*----------------------------------------------------
	.sns
----------------------------------------------------*/
.sns{overflow:hidden; margin:1em 0 1.5em 0;}
.sns #twitter{float:left; width:auto; margin-right:5px;}
.sns #facebook{float:left; width:20%;}

.fb_iframe_widget > span{vertical-align: baseline !important;}
/*ブロック内からはみ出さない（隠れる）場合*/
.fb-like iframe{overflow:visible;}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {float: left; width: 720px;}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {margin-bottom: 1em;}
#ttl_img {margin:5px 0 15px; padding:0;}
	
/*  パンくず  */
#directory{width:100%; margin:5px 0 5px; text-align:left; font-size:0.86em;} 

/*-----　テキスト関連　　-----*/
.in_text{margin: 20px 5px; padding-bottom:25px;}
.ph_text{font-size:85%}
.text_rh{text-align:right;}

/*-----　#main-contents 本文　　-----*/
#main-contents p{margin-bottom:1.3em; /* min-height: 1px; */}
* html #main-contents p{/* height: 1px; */}
#main-contents p a{text-decoration:underline;}
#main-contents p a:hover{text-decoration:none;}
#main-contents p img{float:right; clear:both; margin:0 0 10px 20px;}

/* 右配置 */
div.figure-right, div.figure-left, div.figure-center,div.figure {/*border:solid 1px #cccccc; background-color:#eeeeee;*/ margin-bottom:10px;}
div.figure-right, div.figure{float:right; margin-left:20px;}
div.figure img {width: 290px;}

div.img-right{float:right; margin-left:20px; margin-bottom:5px;}
div.img-right2{float:right; margin-left:10px; margin-bottom:5px;}

/* 左配置 */
div.figure-left{float:left; margin-right:20px;}

div.img-left{float:left; margin-right:20px; margin-bottom:5px;}

div.img-left2{float:left; margin-right:10px; margin-bottom:5px;}

/* 中央配置 */
div.central{clear:both; margin-bottom:25px;}
* html body div.central{text-align:center;}
div.figure-center{margin:0 auto;}

/* キャプション */
div.figure-center span{text-align:left;}
div.figure-right span, div.figure-left span, div.figure-center span, div.figure span{font-size:0.9em;text-align:left; display:block; padding:5px 5px 5px; width:280px;}

/* 記事エリア */
.inner{display: block; margin: 20px 0 20px 0; overflow:hidden; padding:0; border-top:#cccccc 1px dotted; clear:both;}
.inner_no{overflow:hidden;}
.inner_ff{display: block; margin: 20px 0 20px 0; padding: 0; border-top: #fff 1px dotted; clear:both;}
#inner_no{display: block; margin: 30px 0 0 0; padding: 0; clear:both;}

.text01{display: block; width: 385px; margin: 0; padding: 0 0 0px 0; float: left; font-size:14px; text-align:justify; line-height:2;}
.text01_0/*文中続ける場合下マージン0*/ { display: block; width: 405px; margin: 0; padding: 0; float: left;}
.text01_1/*幅400　写真290*/{display: block; width: 390px; margin: 0; padding: 0 0 15px 0; float: left; font-size:14px;}
.text02 {clear:both; display: block; width: 700px; margin: 0; padding: 0 0 15px 0; font-size:14px; text-align:justify; line-height:2;}
.text03_0/*文中続ける場合下マージン0*/{ display: block; width: 405px; margin: 0; padding: 0; float: left;}
.text03{display: block; width: 405px; margin: 0; padding: 0 0 38px 0; float: left; font-size:14px;}
.text04{display: block; width: 545px; margin: 0; padding: 0 0 38px 0; float: left; font-size:14px;}

.np170sweet{overflow:hidden;}

span.lastChild{width:280px;}
.shop_data {border:solid 1px #cccccc; background-color:#eeeeee; margin: 20px 10px 10px; padding: 5px 15px;}
	
/*-----  talbe layout  -----*/
.talbe{padding: 15px 10px;}
.table_base,.table_center{border-top: #999 1px solid; margin: 0px auto; border-left: #999 1px solid; font-weight:normal; line-height: 1.5em}
.table_base td{border-right:#999 1px solid; padding:5px; vertical-align:top; border-bottom:#999 1px solid;}
.table_center td{border-right: #999 1px solid; padding: 5px; vertical-align: top; border-bottom: #999 1px solid; text-align:center; width: 120px;}
.table_base th{border-right:#999 1px solid; padding:5px; vertical-align:top; border-bottom:#999 1px solid; font-weight:normal; width:150px; text-align:left;}
.bg01{background-color:#efefef;}
	
/* バックナンバー　エリア */
#back{margin:0; padding:20px 0; clear:both;}
#back_list{clear:both; margin: 10px 0; padding-left: 15px; /**/font-size:14px;}
#back_list .box{float: left; width: 200px; margin: 10px 16px 10px 0; line-height: 1.5;}
#back_list .last{margin-right:0;}
#back_list ul{margin: 0; padding: 0px; list-style-type: none;}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
#main h2 {font-weight:normal; color:#333; font-size:16px!important; margin-bottom: 0px; margin-top:35px; padding-left: 20px; padding-top: 3px; background-image: url(../img/share/bg_h3.jpg); background-repeat: no-repeat; clear:both;}
#main h3 {background-image: url(../img/share/bg_h3.jpg); font-size: 1.4em; font-weight:bold; color:#333; height: 35px; margin-bottom: 25px; padding-left: 23px; padding-top: 3px; background-repeat: no-repeat; clear:both;}
#main h5 {/*background-image: url(../img/share/bg_h3.jpg);*/ color:#333; font-weight:normal; height: 35px; margin-top: -20px; margin-bottom: 20px; padding-left: 23px; background-repeat: no-repeat; clear:both;}

/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {float: right;width: 240px;}
#sub .bn-top{padding:0; margin: 15px 0 0 22px;}
#sub .bn-00 {padding:0; margin: 10px 0 0 22px;} 	
#sub .bn-01{padding:0; margin: 0 0 30px 22px;} 
#sub .bn-02{padding:0; margin: 10px 0 10px 22px;} 
#sub .bn-03{padding:0; margin: -20px 0 0 22px;}
#sub .bn-03{padding:0; margin: 10px 0 0 10px; width:43%; height:auto; float:left;}
#pdf{overflow:hidden; padding:10px;}
.bn-03 img.alpha.firstChild.lastChild.empty{width:100%; height:auto;}

#rookPaper{margin:0 10px;}
#kwsk{border-bottom:1px solid gray;}
.paperNumber{margin-left:35px;}

.sideNav {width:240px; margin: 0; padding:0; /*font-size:80%;*/}
.sideNav ul{margin: 0;}
.sideNav ul li{padding: 0 0 8px 0; margin: 0; height:1%;}
.sideNav li ul{border: solid 3px #d4d4d4; padding:5px 0 10px 0;}
.sideNav li ul li{line-height:1.3; background:#fff; padding: 0px 0; margin: 0;}
.sideNav li ul li a{display:block; padding: 7px 0 9px 0px; margin:0 auto; background: url(../img/share/arrow-01.jpg) no-repeat 10px 12px; width:225px;/* 215 */ border-bottom: dotted 1px #c1c1c1;}
/*テストカテゴリの非表示
#back_list ul li:first-child{display:none;}
@media screen and (max-width: 479px) {
	#back_list ul li:first-child{display:none;}
}*/
}
@media screen and (max-width: 479px) {

/*nav.drawer-nav{display: none!important}*/

#main{width:100%;}
.left-side.firstChild #logo{width:100%; margin:20px 0;}
#logo{width:100%; margin:10px 0;}
#ttl_img img{margin-bottom:10px;}

.pc{display:none;}

p.thum_text.lastChild{padding:10px 0; text-align:justify; font-size:1.2em;}
.content_box.lastChild ul li{font-size:1.2em; border-bottom:1px solid #D4D4D4; padding:10px;}
.content_box.lastChild ul li:last-child{border:none;}

.n_main{margin:0 5px;}

#subNav {width:100%; overflow:scroll; margin:10px 0 0 0; list-style:none;}
#gNav{width:550px;}
#subNav a{display:inline-block; background-color:#B1B1B1; width:auto; height:auto; overflow:hidden; padding:10px; color:white;}
#subNav p{display:none;}

.box-title{background-color:#C7C7C7;}
.box-title img{float:left; padding:9px;}
.box-title p{padding:8px; color:white; font-size:1.6em; font-weight:bold;}

.WhatsNew,.WhatsNew_t{padding:20px;}
.content_box ul li,.cont_right ul li{list-style:none;}

.thum_title{font-size:18px; font-weight:bold;}
.thum_title_s{font-weight:bold; font-size:1.1em;}

.cont_left_t img{margin-bottom:10px; width:100%;}


.figure img{width:100%; height:100%;}


/*個別ページ*/
#ttl_img img{width:100%; height:100%;}
.figure{padding:10px;}
.figure span{float:left;}
.text01,.text02{clear:both; padding:10px; text-align:justify; font-size:16px; line-height:1.6em;}

.inner{border-bottom:1px solid gray; margin:20px 0;}
h2{font-size:1.2em!important; font-weight:bold; padding:0 10px!important; margin:0!important;}
h3{font-size:1.4em!important; font-weight:bold; padding:0 10px!important; margin:0!important;}
#back img{width:100%; height:100%; margin-bottom:10px;}

.sns{margin-top:10px;}
#twitter{float:left; margin:0 5px 0 10px;}

div#back_list.lastChild ul li{margin:0 10px; list-style:none; font-size:1.2em; padding:3px 0;}
}