/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,button,input,select,textarea { color: #222;}
html { font-size: 1em; line-height: 1.4;}
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
audio,
canvas,
img,
video { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#___gcse_0 *,
#___gcse_1 *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
img{max-width: 100%; margin:0 0 0.3em 0;}
a{color: #783400;}
span.hosoku{font-size:0.8em; opacity:0.7;}
span.kanme{ margin:0; float: left; width: 70px; text-align: center; background-color: #550909; color: #FFFFFF; font-size: 11px; padding: 4px 8px 2px; line-height:1.3em; margin-top:2px; margin-right:0.7em;}

.clearfix:after { content:" "; display:block; clear:both;}
.floatr{float:right;}
.floatl{float:left;}
/* ========================================================================== Author's custom styles ========================================================================== */
body{ background: url(../img/woodbg.png);  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; _font-family: none!important; font-size: 12px; line-height:1.6em; /*min-width: 960px; color: #7f3b09;*/ }
header#header{}
header .inner{ color:#fff;  padding:0 10px 0px 7px; overflow: hidden;}
header h1{ background-image: url(../img/logo2.jpg); width: 346px; height: 99px; background-repeat: no-repeat; float: left; text-indent: -9999px; margin: 0; margin-right: 30px;}
header h1{ background-image: url(../img/logo3.png); width: 264px; height: 101px; background-repeat: no-repeat; float: left; text-indent: -9999px; margin: 0; }
header h1{ background: url(../img/logo4.png) 0 5px no-repeat; width: 264px; height:100px; background-repeat: no-repeat; float: left; text-indent: -9999px; margin: 0;}
header #header_bar{position:relative;width:100%;padding:8px 0;}
/*index*/
#kokuchi{margin: 0 20px 10px 20px; padding: 4px 4px; background-color:rgb(186, 0, 43,0.3);}
/*navimenu*/
#mainbox nav{margin: 0 20px 10px 20px; padding: 0;  font-size: 1.2em; line-height: 2.5em;}
#mainbox .naviMenu{	padding:0px;  min-width:350px;}
#mainbox .naviMenu .title{ padding:0.3em 0.5em; background: #986133 url("/common/img/sideTitleBG2.png") right bottom no-repeat;color:#FFFFFF; font-size:14px; margin-top:0; margin-bottom: 3px; line-height:2em;}
#allListOrderDD{background-color:rgba(255,255,255,0.2); font-color:#FFFFFF; border: 1px rgba(255,255,255,0.2) solid;}
#mainbox .naviMenu #listBox { width: 100%; height: 250px; overflow: auto; margin: 0;}
#mainbox .naviMenu ul{ font-size:12px; list-style-type:none; padding:0.1em 0; border-bottom:1px dotted #cccccc; margin:0;padding:3px;}
#mainbox .naviMenu #listBox li{line-height: 2em; border-bottom:1px #CCCCCC dotted;}
#mainbox .naviMenu #listBox a:hover li{background-color: #eae7d6; }
#mainbox .naviMenu #listBox li p.neta{ margin:0; float: right;  width: auto; text-align: right; font-size: 11px; padding: 4px 8px 2px; line-height:1.3em; margin-right:0.3em; }
#mainbox .naviMenu option.selected{background-color: #c2c2a1; font-weight:bold;}
#mainbox .naviMenu option a{ text-decoration:none;padding:1px 4px;}
#mainbox .naviMenu option a:hover{ font-weight:bold; }

/*Booksリンク*/
#mainbox aside#books {margin:0px 20px 10px; padding: 0px;}
#mainbox div#books_intro1 {margin: 0; padding: 0; line-height: 0.5em;}
#mainbox div#books_intro2 { margin-bottom: 5px;}
#mainbox div.books_intro_book { margin: 0px; padding: 6px; width: 50%; float: left; min-width:255px;}
#mainbox div.books_intro_book img { float: left; margin-right: 4px;}

#mainbox article{ /*background-color: #faf5f0;*/background-color:rgba(250,245,240,0.4); margin: 0 20px 20px 20px; padding: 20px; font-size: 1.2em; line-height: 1.4em;}
#mainbox aside{ margin: 0 20px 20px 20px; padding: 20px; }
aside h2{background-color: #cccccc; font-size:1.3em;}
#detail #mainbox span.zakkiNo{padding: 0.4em 0.5em;}
#detail #mainbox span.textSmallPic{padding: 0.6em 0; line-height:2em; color:#990000; font-size:12px;}
#mainbox #mainphoto { margin-bottom: 4px; text-align:center; vertical-align:middle; position:relative;}
#mainbox #mainphoto div#rank { float: right; width: 68%;}
#mainbox #mainphoto_sub { background-color:rgba(250,245,240,0.5); margin-bottom: 4px; padding:2px 3px 3px 3px; }
#mainphoto_sub_tab {margin-top:1em;  background-color:#8c5c39; padding:3px 5px 2px 5px; color: #FFFFFF; font-size:11px;}
#mainbox img.mainphoto_sub_img{ height:14%; width:14%; overflow:hidden; margin: 0.5%; cursor:pointer;}
#mainbox span.sushiSubTitle{display:block; background-color:#990000; padding:5px 10px; border-radius:10px; color:#FFFFFF; margin-bottom:0.8em;}
#mainbox h1{ border-left:5px solid #990000; padding-left:0.3em; margin-top: 0.3em;  margin-bottom: 0.3em;  font-size: 1.7em;  line-height: 1.4em; }
#mainbox span#neta_kana{  display: block;  font-size: 14px;  line-height: 1.2em;    font-weight:normal;  padding:0 0 8px 2px;text-indent: 45px;}
#mainbox h1{background: url(../img/bg_sushi_title.png) 0px 0px no-repeat;border:none;	border-bottom: 1px solid #77271c;	padding-top:4px; text-indent:46px; padding-left:0;}
#mainbox #maindoc p{ margin: 1.3em 0.3em 0.8em; line-height:1.5em;}
#mainbox #maindoc p br{ }
#mainbox img.sushi_article_photo {margin:0.3em 0;}

#rank,
#cate{ overflow: hidden; padding-top:5px;}
#rank { padding: 1px; border-radius: 5px; background-color: #FFF; margin-top: 20px; margin-bottom: 15px; border: 1px dotted #CCC;}
#rank h3,
#cate h3{ width:70px; height: auto;}
#cate h3{ height: 40px;}
#cate p{  height: auto;  width: auto;  margin: 0 auto;  font-size: 11px; }
#cate p img{  margin-right: 2px;  float: left; }
#cate a.catesign{  background-color:#e7e7e7;  padding: 2px 9px;  display: block;  float: left;  overflow: hidden;   text-indent: -100%;  border-radius: 3px;  min-width: 140px;  width: 32%;  margin: 2px 0.5%; }
#cate a#catenew11{  background: #e7e7e7 url(../img/cate1new201.png) no-repeat center; }
#cate a#catenew12{  background: #e7e7e7 url(../img/cate1new202.png) no-repeat center; }
#cate a#catenew13{  background: #e7e7e7 url(../img/cate1new203.png) no-repeat center; }
#cate a#catenew14{  background: #e7e7e7 url(../img/cate1new204.png) no-repeat center; }
#cate a#catenew15{  background: #e7e7e7 url(../img/cate1new205.png) no-repeat center; }
#cate a#catenew16{  background: #e7e7e7 url(../img/cate1new206.png) no-repeat center; }
#cate a#catenew17{  background: #e7e7e7 url(../img/cate1new207.png) no-repeat center; }
#cate a#catenew18{  background: #e7e7e7 url(../img/cate1new208.png) no-repeat center; }
#cate a#catenew100{  background: #e7e7e7 url(../img/cate1new2100.png) no-repeat center; }
#cate a#catenew11_on{  background: #971408 url(../img/cate1new201_on.png) no-repeat center; }
#cate a#catenew12_on{  background: #971408 url(../img/cate1new202_on.png) no-repeat center; }
#cate a#catenew13_on{  background: #971408 url(../img/cate1new203_on.png) no-repeat center; }
#cate a#catenew14_on{  background: #971408 url(../img/cate1new204_on.png) no-repeat center; }
#cate a#catenew15_on{  background: #971408 url(../img/cate1new205_on.png) no-repeat center; }
#cate a#catenew16_on{  background: #971408 url(../img/cate1new206_on.png) no-repeat center; }
#cate a#catenew17_on{  background: #971408 url(../img/cate1new207_on.png) no-repeat center; }
#cate a#catenew18_on{  background: #971408 url(../img/cate1new208_on.png) no-repeat center; }
#cate a#catenew100_on{  background: #971408 url(../img/cate1new2100_on.png) no-repeat center; }

aside{ overflow: hidden;}
section.neta{ border-top: 1px dotted #777; padding: 15px 0; margin-top: 20px;}
section.neta header{ width: 50%; padding-right: 2%; float: left;}
section.neta p#tit_neta{  margin-top: 0;  background-image: url(../img/tit_netaw.png);  width: 165px;  height: 37px;  text-indent: -9999px;}
section.neta h2{ font-size: 1.4em; color: #663400;}
section.neta h2 span{ display: block; margin-top: 5px; font-size: 0.6em; line-height: 1.3em;}
section.neta div#subphoto{ width: 50%; float: right; position: relative; padding-left: 2%; padding-bottom: 6px; min-height: 110px;}
section.neta div#subphoto{ width: 50%; float: right; position: relative; padding-left: 2%; padding-bottom: 6px; min-height: 110px;}
section.neta div#subphoto p{ position: absolute; margin: 0; right:5px; bottom:0; color: #000; font-size: 10px;}
section.neta section{ padding-top: 5px; clear: both;}
section.neta section ul{ background-color: #000; overflow: hidden; list-style-type: none; margin: 0; padding: 10px;}
section.neta section h3{  margin-bottom: 0.5em;  background-image: url(../img/tit_othersw.png);  width: 197px;  height: 37px;  text-indent: -9999px;}
section.neta section ul li{ float: left; width: 33%; list-style-type: none; margin: 0; padding: 5px; line-height: 1.1;}
section.neta section ul li img{ margin-bottom: 2px; object-fit: contain; height: 130px;}
section.neta section ul li a{ color: #EBDEB8; font-size:0.9em; line-height: 1.1;}
section.neta section ul li span.noSushi{ color: #EBDEB8; font-size:0.9em; line-height: 1.1;}

/*indexページ*/
#index article {padding:0;}
#index article h2{background-color:#990000; line-height: 2em; font-weight: normal;padding: 2px 0.5em 1px;color: #FFFFFF;font-size: 14px;}
#index ul#sushiList {padding:3px; margin:-8px 0 0;}
#index ul#sushiList li{list-style-type:none; border-bottom:1px dotted #000000; padding:0.5em 0;}
#index ul#sushiList div.listSushiNote{}
#index ul#sushiList div.listImg{float:left; padding:0 0.5em 3px;}
#index ul#sushiList .kanme{line-height:normal; margin-top:0; padding: 3px 8px 2px;}
#index ul#sushiList .name{line-height:1.7em;}
#index ul#sushiList div.wamei{float:right;}
#index ul#sushiList span.link{}
#index ul#sushiList .button{display:inline; background-color:#dad1d7; padding:1px 10px 1px 7px;  font-size:12px;}
#index ul#sushiList .button a{color:#990000; text-decoration:none; white-space:nowrap;}

.link.is-right { -moz-transform: rotate(315deg);-ms-transform: rotate(315deg);-webkit-transform: rotate(315deg);transform: rotate(315deg);}
.link { display: inline-block; position: relative;width:6px;height: 6px;}
.link::after {border-bottom-style: solid;border-bottom-width: 2px;border-right-style: solid;border-right-width: 2px;content: '';
display: inline-block;left: 0;position: absolute;top: 0;width: 6px;height: 6px;}

/*リストページ*/
#listPage #sushiList{padding:3px;}
#listPage #sushiList a {font-weight: bold;  text-decoration:none;}
#listPage #sushiList a:hover li{background-color:rgba(255,255,255,0.5);}
#listPage #sushiList li { list-style-type:none; padding:0.6em 0; border-bottom:1px dotted #783400;}
#listPage #sushiList li div.listImg{width:140px; float:left; padding:0 5px 3px 0;}
#listPage #sushiList li img{}
#listPage #sushiList .sushiLink{float:right; padding:1px 0px 1px 8px; background-color:#dddddd; vertical-align:middle;border-radius:15px;margin:0.3em 0;}
.arrow{ width: 0px; height: 0px; border: 9px solid transparent; border-top-color: #ae8537; margin: 0; padding: 0;float:right;}
.arrow:before{ content:''; width: 0px; height: 0px; border: 7px solid transparent; border-top-color: #dddddd; display: inline-block; -webkit-transform: translate(-7px, -14px);}
.arrow.right{ transform: rotate(270deg) translate(-5px, 4px);-webkit-transform: rotate(270deg) translate(-5px, 4px);-moz-transform: rotate(270deg) translate(-5px, 4px);-o-transform: rotate(270deg) translate(-5px, 4px); -ms-transform: rotate(270deg) translate(-5px, 4px);}
#listPage #sushiList a .sushiLink{font-size: 11px; line-height:27px; text-decoration:none; }
/*リストページ説明なし*/
#listPage #sushiList li.noComment { list-style-type:none; padding:0.2em}
#listPage #sushiList li.noComment div.listImg{width:40px;padding-bottom:0;}
#listPage #sushiList a li.noComment{font-weight: bold; line-height:27px;}

/*ページング*/
div.paging { width:100%; padding: 0.6em 10px 0.6em 10px; line-height: 2em; position:relative; margin:1em 0; overflow: hidden; background-color:rgba(255,255,255,0.3);}
div.paging p.page_mes{line-height:1.4em; text-indent:0.3em; margin:0.3em 0;}
div.paging ul {width:100%; position:relative; margin:5px 0px; padding:0;}
div.paging li{width:auto; height:auto; float:none; margin-left:auto;list-style-type:none;}
div.paging li.current_page,
div.paging a{display: block; min-width:2em; min-height:2em; float:left; text-align:center; margin: 0.2em 0.2em; border-radius: 2px; background-color:#fdffe0;text-decoration:none; color:#0053BF;}
div.paging li.current_page{ background-color:#a83300; color:#FFF; }

/*sidebox1*/
/*navimenu*/
#sidebox1 nav{}
#sidebox1 .naviMenu{ padding: 0px; margin-bottom:5px; /*background-color: rgba(255,255,255, 0.1); border:1px dotted rgba(78,37,00, 0.4);*/}
#sidebox1 .naviMenu .title{ padding:0.3em 0.5em; background: #ab7e58 url("/common/img/sideTitleBG2.png") left bottom no-repeat;color:#FFFFFF; font-size:14px; margin-top:0; margin-bottom: 3px; line-height:2em;}
#sidebox1 .naviMenu .title2{ padding:0.3em 0.5em; background: #bdab68 url("/common/img/sideTitleBG3.png") left bottom no-repeat;color:#FFFFFF; font-size:14px; margin-top:0; margin-bottom: 3px; line-height:2em;}
#sidebox1 .naviMenu ul {padding:0; margin:0;　}
#sidebox1 .naviMenu li{ list-style-type:none; margin:0; padding:5px 3px 3px;}
#sidebox1 .naviMenu a{ display:block; padding:0px; border-bottom:1px dotted #783400;}
#sidebox1 .naviMenu a.selected li{background-color: rgba(220,110,82,0.2); font-weight:bold;}
#sidebox1 .naviMenu a:hover li{ background-color: rgba(220,110,82,0.2);}
ul#naviNeta{height:200px; overflow:auto;}
ul#naviNeta::-webkit-scrollbar-track,
ul#naviZakki::-webkit-scrollbar-track,
div#listBox::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);background-color:  rgba(255,255,255,0.3);}
ul#naviNeta::-webkit-scrollbar,
ul#naviZakki::-webkit-scrollbar,
div#listBox::-webkit-scrollbar{	width: 8px;	background-color: #F5F5F5;}
ul#naviNeta::-webkit-scrollbar-thumb,
ul#naviZakki::-webkit-scrollbar-thumb,
div#listBox::-webkit-scrollbar-thumb{background-color: #800000;}
#sidebox1 #naviZakki{max-height: 200px; overflow: auto;}
#sidebox1 #naviZakki li {padding-left:2px; text-indent:-50px; margin-left:50px;}
span.zakkiNo{text-indent:0;display:inline-block; min-width: 47px; padding:1px 4px; margin-right:3px; color:#FFFFFF;text-align: center; background-color: #550909;}
#sidebox1 .sidebox1_widget{ padding: 3px; margin-bottom:5px; line-height:1.3em;}
ul.bouz_kanren,
ul.bouz_kanren li { margin: 0; padding: 0; }
ul.bouz_kanren {margin-top:0.2zem;}
ul.bouz_kanren li { list-style-type: none; margin:0 auto 5px; width:190px; line-height:1.5em;}

a.bt_zukan,
a.bt_zukan02,
a.bt_zukan07{background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; width: 190px; height: 42px; margin: 0; padding: 0; border: solid 1px #000b8e; display: block; }
a.bt_zukan07{margin-bottom: 10px;}
a.bt_zukan:hover,
a.bt_zukan02:hover,
a.bt_zukan07:hover{background-position: 0 -42px; width: 190px; height: 42px; border: solid 1px #000b8e; display: block; }
a.bt_zukan{ background-image: url(../../common/img/bt_zukan.gif);}
a.bt_zukan:hover{ background-image: url(../../common/img/bt_zukan.gif);}
a.bt_zukan02{ background-image: url(../../common/img/bt_zukan02.gif);}
a.bt_zukan02:hover{ background-image: url(../../common/img/bt_zukan02.gif);}
a.bt_zukan07{ background-image: url(../../common/img/bt_zukan07.gif);}
a.bt_zukan07:hover{ background-image: url(../../common/img/bt_zukan07.gif);}

#sidebox1 aside#books {margin:0px 20px 10px; padding: 5px;}
#sidebox1 aside#books h2{margin:0; padding:6px 5px 3px ; font-weight: bold; font-size:14px;background-color:#d9a6ba;}
#sidebox1 div#books_intro1 {margin: 0; padding: 0; line-height: 0.5em;}
#sidebox1 div#books_intro2 { margin-bottom: 5px;}
#sidebox1 section.books_intro_book { line-height:1.4em;margin: 0px; padding: 6px 2px 6px 0;  border-bottom:1px dotted #777777;}
#sidebox1 section.books_intro_book img { display:block; margin:3px auto; width:60px;float:left; padding-right:0.3em;}
#sidebox1 section.books_intro_book a { line-height:1.4em;}
ul.bouz_kanren section:last-child {border-bottom:none;}

.ad_180x90{ padding: 10px; background: #fff;}
.amazon{ margin-top: 10px; padding:3px;}
.amazon h2{ margin: 0; margin-bottom: 5px; font-size: 1.12em; margin:0;}
.amazon section{ margin-bottom: 10px;}

/*sidebox2*/
#footer .inner{ border-top: 1px solid #000; margin-top: 20px; padding-top: 20px; padding-bottom: 20px;}
ul#footer_menu{ margin: 0; padding: 0.5em; list-style: none; overflow: hidden;}
ul#footer_menu li a{ /*color : black;*/ margin-right: 10px;}
ul#footer_menu li i{ font-size: 1.2em; color : #16a6ff;}
#sidebox2 .naviMenu .title,
#sidebox1 .sidebox1_widget .otherTitle,
#mainbox aside#books h2,
.amazon h2{ font-weight:normal;padding:2px 0.5em 1px; background-color:#605146; ;color:#FFFFFF; font-size:14px; margin-top:0; margin-bottom: 3px; line-height:2em;}

/*loopslider*/
#loopslider { position:absolute; top:23px; right:3px; border-radius:15px;  width: 670px; height: 80px; text-align: left;  overflow: hidden; z-index:1;}
#loopslider ul { width: 100%; margin: 0; padding: 0; height: 80px; float: left; overflow: hidden; position: relative; }
#loopslider ul li { width: 95px; height: 80px; float: left; overflow: hidden; position: relative; display: block; margin-right:10px;}
#loopslider ul li div{ width: 80px; height:80px; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden; layout-grid-line:75px;}
#loopslider a{ display: block; position:relative;}
#loopslider a:hover{ }
#loopslider ul li p.thumbnum{ position: absolute; width:80px; text-align:center; font-weight:bold; color: white; font-size: 12px; text-shadow: #000000 1px 1px 3px;
/* FireFox, Webkit, Opera */
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)"; /* IE8 */ display:block; /* IE */ bottom: -10px; left:0; opacity: 0.8;}
#loopslider ul li img { width: auto; height: 80px; vertical-align: middle; border-radius:50%;}
#loopslider #loopleft { top: 0; left: 0; width: 0; height: 100px; line-height: 100px; color: #fff; text-align: center; font-weight: bold; background: #550909; position: absolute; overflow: hidden; cursor: pointer; z-index: 99;}
#loopslider #loopright { top: 0; right: 0; width: 0; height: 100px; line-height: 100px; color: #fff; text-align: center; font-weight: bold; background: #550909; position: absolute; overflow: hidden; cursor: pointer; z-index: 99;}
#loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#loopslider ul { display: inline-block; overflow: hidden;}
.clear{ clear:both;}
#rank{  max-width: 400px;  margin: 0.9em auto; }
#rank h3,
#cate h3{  float: left;  margin-left: 0px;  margin-right: 6px; }
#rank h3{  width: 17%;  margin-left: 2%; }
#rank p{  float: right;  width: 76%;  margin-right: 1%; }
#rank p,
#rank h3{  margin-top: 7px;  margin-bottom: 7px; }

/* ============== Media Queries=================== *//*SP*/
@media only screen and (max-width: 767px) {
	header h1{  float:none;  width: 280px;  }
	header #header_bar{margin:0; padding:0;}
	#search{  width: 100%;  margin-top: 0; margin-bottom:0;}
	#head_lead{text-align:right;width:100%; color:#000000; background-color:none;padding:1px 5px 1px;display:none;}
	#header_img{  display: none; }
	#loopslider{display:none;}
	#contents{padding-top:10px;}
	#mainbox nav{  margin: 10px;  padding: 0px; }
	#mainbox article,
	#mainbox aside{  margin: 10px;  padding: 10px; }
	#mainbox div.category_stamp{   width: 20%;  height:auto;  max-width: 160px;  bottom:0; margin-left: -7px;  z-index:2;  position: absolute; }
	#mainbox aside#books {margin:0px 10px 10px;}
		div.books_intro_book { width: 100%; }
	#rank h3{  width: 17%;  float: left;  margin-left: 2%;  margin-right: 2%; }
	#rank p{  float: right;  width: 75%;  margin-right: 2%; }
	#rank p,
	#rank h3{  margin-top: 5px;  margin-bottom: 5px; }
	#cate {  /*display: none;*/ }
	#mainbox section.neta header{  float: none;  width: 100%;  margin-bottom: 0.8em; }
	#sidebox1{  width: 100%;  padding: 10px; }
	div.sidebox1_widget{position:relative;}
	div#sidebox1 div.sidebox1_widget section{  overflow: hidden; float:left; width:33.33%; border-bottom:none; height:6.5em;}

	#sidebox1 .naviMenu li{ list-style-type:none; margin:0; padding:8px 3px 6px;}
	#sidebox1 ul.bouz_kanren li {text-align:left; width:50%;   padding: 8px 3px 6px; float:left;}
	#sidebox2{  width: 100%;  padding: 10px; }
	ul#footer_menu li{  margin-bottom: 5px;  padding: 0 10px; }

	.ad_responsive01{  margin:0 10px 10px 10px;  padding: 0px; text-align:center;}
	.ad_responsive02{  margin:0 10px 10px 10px;  padding: 0px; }
	.ad_responsive03{  margin:0 0 10px 0;  padding: 0px; text-align:center;}
	.sidebox1_widget{  margin-bottom: 10px; }
}
/* ============== Media Queries=================== *//*SP small*/
@media only screen and (max-width: 500px) {
	#mainbox div.category_stamp{bottom:0px;}
	#cate a.catesign{  background-color:#e7e7e7;  padding: 2px 9px;  display: block;  float: left;  overflow: hidden;  text-indent: -100%;  border-radius: 3px;  min-width: 140px;  width: 49%;  margin: 3px 0.5%;   }
}/* ============== Media Queries=================== *//*SP small*/
@media only screen and (max-width: 570px) {
	div#sidebox1 div.sidebox1_widget section{  overflow: hidden; float:left; width:49%; border-bottom:none;}
	div#sidebox1 div.sidebox1_widget section.odd{ clear:left; }
}
/*/END SP*/

/*PC*/
@media only screen and (min-width: 768px) {
	header div.inner{position:relative; }
	#search{  position:absolute; top:16px; right:5px; width: 300px; }
	#head_lead{ color:#000000; width:690px; padding:2px 5px; margin:5px 0;}
	#contents{  overflow: hidden;padding-top:0px;}
	#contents .box_bind{  overflow: hidden;  float: left;  width: 100%;  margin-right: -180px;  padding-right: 180px; }
	#mainbox{  float: right;  margin-left: -200px;  padding-left: 200px;  width: 100%; }
	/*o*/
	#mainbox div.category_stamp{  display:none; bottom:120px; max-width: 140px;  width: 30%;  height:1px;  margin-left: -10px;  margin-right: 4px;  z-index:2;  position: relative;  }
	/*aside*/
	#mainbox section.neta p#tit_neta{  margin-top: 0;  background-image: url(../img/tit_netaw.png);  width: 165px;  height: 37px;  text-indent: -9999px; }
	#mainbox section.neta h2{  font-size: 1.4em;  color: #663400; }
	#mainbox section.neta h2 span{  display: block;  margin-top: 5px;  font-size: 0.6em;  line-height: 1.3em; }
	#sidebox1{  float: left;  width: 200px;  }
	#sidebox2{  float: left;  width: 180px;  }
	ul#footer_menu li{  float: left;  padding: 0 20px; }
	.ad_responsive01{  margin:0 20px 10px 20px;  padding: 0px; min-height: 280px;}
	.ad_responsive02{  margin:0 20px;  padding: 0px 0px 10px 0px; }
	.ad_responsive03{  margin: 0px auto 10px; width:160px;min-height: 600px;}
	.sidebox1_widget{  margin-bottom: 10px; }
	.sidebox2_widget{  margin-bottom: 10px;  padding: 0 10px; }
}

/*/END PC*/
/*カテゴリ文字に*/
@media only screen and (min-width: 768px) and (max-width : 970px) {
	#cate a.catesign{  background-color:#e7e7e7;  padding: 2px 9px;  display: block;  float: left;  overflow: hidden;  text-indent: -100%;  border-radius: 3px;  min-width: 140px;  width: 49%;  margin: 3px 0.5%;   }
	#loopslider {width: 630px;}
	div.books_intro_book {margin: 0px;padding: 8px 6px;width: 100%;}
	#mainbox section.neta h2{  margin-bottom:0.5em; }
}
@media only screen and (max-width: 838px) {
	#head_lead{ position:relative; top:10px; right:3px; width:100%;}
	#search {float:none;position:relative; width:100%; top:0; right:0; padding:6px 0 4px;}
	#loopslider {width: 470px;}
}
/**//*WIDE PC*/
@media only screen and (min-width: 1040px) {
	.inner{  max-width: 1000px;  padding:0  !important; margin: auto; }
	#loopslider {width: 720px;}
}
/*/END WIDE PC*/

/**/
	/*
 *  Remodal - v1.0.3*/
html.remodal-is-locked{overflow:hidden}
.remodal,[data-remodal-id]{display:none}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}
.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.remodal-is-initialized{display:inline-block}
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px)}
.remodal-overlay{background:rgba(43,46,56,0.9)}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal-overlay.remodal-is-opening{-webkit-animation:remodal-overlay-opening-keyframes .3s;animation:remodal-overlay-opening-keyframes .3s}
.remodal-overlay.remodal-is-closing{-webkit-animation:remodal-overlay-closing-keyframes .3s;animation:remodal-overlay-closing-keyframes .3s}
.remodal-wrapper{padding:10px 10px 0}
.remodal{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:10px;padding:15px 35px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}
.remodal.remodal-is-opening,.remodal.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal.remodal-is-opening{-webkit-animation:remodal-opening-keyframes .3s;animation:remodal-opening-keyframes .3s}
.remodal.remodal-is-closing{-webkit-animation:remodal-closing-keyframes .3s;animation:remodal-closing-keyframes .3s}
.remodal,.remodal-wrapper:after{vertical-align:middle}
.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:transparent}
.remodal-close:hover,.remodal-close:focus{color:#2b2e38}
.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}
.remodal-confirm,.remodal-cancel{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}
.remodal-confirm{color:#fff;background:#2DB4E0}
.remodal-confirm:hover,.remodal-confirm:focus{background:#00A4DB}
.remodal-cancel{color:#fff;background:#e57373}
.remodal-cancel:hover,.remodal-cancel:focus{background:#ef5350}
.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner{padding:0;border:0}
.remodal img{width:630px;}
@-webkit-keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}
to{-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from{opacity:0}
to{opacity:1}
}
@keyframes remodal-overlay-opening-keyframes {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from{opacity:1}
to{opacity:0}
}
@keyframes remodal-overlay-closing-keyframes {
from{opacity:1}
to{opacity:0}
}
@media only screen and (min-width: 641px) {
.remodal{max-width:900px}
}

/*article page*/
.lt-ie9 .remodal-overlay{background:#2b2e38}
.lt-ie9 .remodal{width:700px}
img.w130{width:130px;}
img.w150{width:150px;}
img.w180{width:180px;}
img.w200{width:200px;}
img.w220{width:220px;}
img.w250{width:250px;}
img.w280{width:280px;}
img.w300{width:300px;}
img.w350{width:350px;}
img.w400{width:400px;}
img.w450{width:476px;}
img.w500{width:500px;}
img.col_img_right {padding:3px 0 4px; float:right; border-left:0.5em solid #F5DCB9;}
img.col_img_left {padding:3px 0 1px; float:left; border-right:0.5em solid #F5DCB9;}
img.col_img_ {padding:4px 3px;}
br.col_clear{clear: both; }
div.photoes { border-collapse: collapse; font-size: 14px; margin: 10px 0;}
div#article h2{border-left:2px solid #990000;line-height:1.5em;border-bottom:1px solid #000000; font-size:16px; text-indent:0.3em;}
nav#footNav{ margin-top:-10px; border-top:1px solid #000000; padding:5px 0; margin-bottom:2em;}
nav#footNav a{text-decoration:none; border:2px solid #783400;  padding:2px 0.6em;}
nav#footNav span{}
nav#footNav .backBtn::before{content: "\f060 ";font-family: FontAwesome;padding-right:3px;}
nav#footNav .forwardBtn::after{content: " \f061";font-family: FontAwesome;}
#article #paragraphs {line-height:1.6em;}
#article #paragraphs h2,
#article #paragraphs h2.listTitle{border-left: 2px solid #990000;border-bottom: 1px solid #000;line-height:1.7em; text-indent:0.4em; margin-top:1.3em; margin-bottom:0.5em; }
#article #paragraphs h3,
#article #paragraphs h3{ background-color:#dfb059;line-height:2.1em; text-indent:0.2em; margin:0.8em 0.5em 0.3em 0.5em;  font-size:1em; }
#article #paragraphs h3 + div.description,
#article #paragraphs h3 + div.description{padding:3px 0.6em;}
#article #contents h4,
#article #paragraphs h4{border-bottom: 1px dotted #CCCCCC;line-height:1.4em; text-indent:0.3em;  margin:0.6em 0.5em 0.2em;  font-size:1em;}
#article #paragraphs + div.description,
#article #paragraphs h4 + div.description{padding:3px 0.6em;;}
#article #paragraphs h4::before,
#article #paragraphs h4::before {
	content: "\f0c8";
    font-family: FontAwesome;
    color:#9f2020;
    font-size:0.6em;
    padding-right:0.3em;

}

div#date  {width:100%; text-align:right; font-size:0.9em; margin-top:-0.2em;}
div.coltitle1 { margin-bottom:0.2em; padding:0.3em 0.5em 0.1em 0.1em; font-weight:bold; background-color:#d4ac8b; border-top:3px solid #F5DCB9; text-indent:0.2em;
  width:50%; width : -webkit-calc(50% - 0px); width : calc(50% - 0px);  float:left;}
span.coltitle2 {line-height:1.7em; background-color:#cab29f; margin-top:5px;  padding:1px 7px 1px 7px; border-radius:4px; font-weight:bold;}
span.coltitle0 {line-height:1.7em; background-color:#dfb059; margin-top:5px; padding:1px 7px 1px 7px; border-radius:4px; font-weight:bold;}
span.coltitleKisaisya { line-height:1.7em;  margin-top:5px; padding:0.4em 0.5em 0.15em 0.3em; border-radius:0px; font-weight:bold; border-left:2px solid #3388CC; border-bottom:1px dotted #999999;}
span.coltitle_s{font-size:10px;  border:1px solid #0089ce; color:#0089ce;margin-right:1px; padding:3px 2px 1px 2px; }
div.exp1_1 { background-color:#dd7246; border: solid 1px #666666; position:relative; clear:all; clear: both;}
div.exp1_2 { width: 150px; border: solid 1px #FFFFFF; float:left; height:100%;}

/*article*/
nav.breadcrumb{padding:0px; width:100%; padding:3px; margin:0;}
nav.breadcrumb ul{padding-left:0px; margin:0;}
.breadcrumb li {display:inline-block;}
.breadcrumb li a{float:left; margin-right:0;background-color:rgba(255,255,255,0.8);  padding:4px 8px; font-size:13px;}
.breadcrumb li div{float:left; margin-right:0; padding:2px 8px; font-size:13px;}

.breadcrumb li:after{display:inline-block; margin-right:0.1em; content:" "; width:0;height:0; font-size:1px; border-style: solid;line-height:13px;border-width: 14px 0 14px 13px; border-color: transparent transparent transparent rgba(255,255,255,0.8);}
.breadcrumb li:last-child:after{display:none;}
.breadcrumb li span.zakkiNo{font-size:11px;padding: 0px 4px 0px; margin-bottom:1px;}