@CHARSET "UTF-8";
div#mainArea { order: 2; width: 630px; float: left; margin-bottom: 0.5em; min-height: 700px; overflow: visible;}
#rightArea2{ margin-bottom: 15px;  padding-top: 95px; order: 3;}
ul,li { margin: 0; padding: 0; }
li { list-style-type: none; }
h1,h2{ color: #484848; margin: 0; }
element.style {
}
h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 3px;
    margin-left: -5px;
    background: #FFFFFF url(../img/titlebg_others2.png) 0px 100% no-repeat;
    border: none;
    line-height: 1.15em;
    margin-top: 0.6em;
    padding: 10px 5px 2px 48px;
}
h1{margin-top: 10px;}

div#leftArea { width:190px; float: left; margin-right: 5px;margin-bottom: 10px; order: 1; margin-right:10px;}
/*div#contents{ width: 700px; float: left; margin-bottom: 10px; }
div#contents:after {content : ""; display : block; height : 0; clear : both; }*/
#index div#header #mailmagazine_banner { display:none;}
div#content_banner{text-align:center;}
div#topnavi{clear:both;	width: 100%;	margin-top: 5px;	padding-top: 10px;	border-top: 1px solid #131083;	height:70px;}
div#exmenuleft{margin-bottom:0.6em;}

/*article list*/
div.center_article  {margin-top:3px;}
div.center_article div.article_single_box{ position:relative;overflow:hidden; height: 105px; border-bottom: 1px solid #bfbfbf; margin-bottom: 5px;}
div.center_article  div.article_list_title{ background-color:#eaead5; color:#ffffff; margin-bottom:3px;overflow: auto;}
div.center_article   h2{text-indent:0; padding:2px 0 0 2px;background-color:#eaead5; font-size:13px; }
div.center_article   h3 + div.description{padding:3px 0.6em;}
div.center_article   h4 + div.description{padding:3px 0.6em;;}
div.center_article  img {
    padding: 0 0 4px; float: left; border-right: 0.4em solid #FFFFFF;object-fit: cover; width:150px;height:100px;
}

span.article_tag{white-space: nowrap;display:inline; margin:1px; background-color:#3e8cd9; color:white; padding:4px 5px 3px; border-radius:3px; font-size:12px;}
span.article_type{white-space: nowrap;display:inline; text-decoration:none; margin:1px; color:white; padding:4px 5px 3px; border-radius:3px; font-size:12px;}
span.article_type{display:inline-block; margin:1px; background-color:#800040; margin:2px 2px; padding:2px 8px 0; line-height:1.4em; border-radius:3px; font-size:12px;}
span.article_type_identify{background-color:#374f9f;}
span.article_type_food{background-color:#a57a40;}
span.article_type_history{background-color:#b96db0;}
span.article_type_culture{background-color:#8b66b1;}
span.article_type_column{background-color:#5ba0ff;}
span.article_type_others{background-color:#6e7b85;}
span.article_type_recipe{background-color:#b35e6f;}
span.article_type_kakouhin{background-color:#a9a226;}
div.move_to_article{line-height: 16px; position:absolute; bottom:0; border:1px solid #2f7dbd; right:1px; background-color:#FFFFFF;font-weight:normal;  padding:2px 10px  0 7px;; white-space:nowrap;}
a.move_to_article{height:24px; position:absolute; bottom:0; right:0; width: 11.4em; background-color: #FFFFFF;}
div.article_date{color:#000000; line-height:1.4em; padding:3px 3px 00;}


/*検索オプション*/
.wrapBoxSearchOptions{position:relative; }
.boxSearchOptionsTitle{color:#000000; margin-top:1em;background-color:#efefef;width:90px; text-align:center; padding-top:4px; height:18px;  border-bottom:none;}
.boxSearchOptions{  line-height:30px; width:100%; background-color: #fbfbfb;box-sizing: border-box;padding: 6px; margin-top: -2px; border: 2px solid #efefef;}
.boxSearchOption{float:left;line-height:1.2em; padding:6px 8px 2px 0;}
.boxSearchOption select{ height:2em;}
.boxSearchOption input#fish{ height:20.5px; font-size:12px; width:200px;}
.boxSearchOptions button{margin-top:10px; border: solid 1px #5e5e5e;  width:100px;}



/* SYU*/
body.kobetsu div#syu_title{width:100%;}
body.kobetsu p.bunrui { width:100%; color: #336; font-size: 14px; border-bottom: 1px solid #000b8e; }
body.kobetsu p.gakumei {font-size:1.1em; margin:2px 0 0.6em; font-family: Helvetica;}
body.kobetsu div#rank { font-size: 12px; background-color: #fff; position: absolute; top: 0 !important; right: 0; width: 200px; padding: 3px; border: solid 1px #000b8e; }
body.kobetsu div#rank h3 { color: #000b8e; font-size: 12px; background-color: #ffc100; margin: 0; padding: 3px; }
body.kobetsu div#rank p { margin: 0; padding: 3px; }
body.kobetsu div#ippanBunrui2 { float:left;}
body.kobetsu div#ippanBunrui { font-size: 12px; background-color: #fff; width: 152px; padding: 3px; border: solid 1px #000b8e; display:block;}
body.kobetsu div#ippanBunrui h3 { color: #000b8e; font-size: 12px; background-color: #ffc100; margin: 0; padding: 3px; }
body.kobetsu div#ippanBunrui p { margin: 0; padding: 3px; }

body.kobetsu p#mainphoto { /*float:left;*/ margin-top: 0;margin-bottom: 0;}
div#img_cmt {padding:0.2em .2em; line-height:1.4em;}

/*SOCIAL BUTTONS*/
.socialButtons .boxArea{width:100%; }
.socialButtons ul{	margin-top:4px;}
.socialButtons ul li{	display:block;	float:left;	margin-left:7px;	margin-right:0;}

/*article type and tag icon*/
h1{margin-top:9px;}
div.wrapArticleCategory{margin-top:0.7em;}
div.wrapArticleCategory a{ text-decoration:none;}
div.wrapArticleCategory a:hover span{color:#fbff0b; text-decoration:none;}

div.wrapArticleCategory div.article_date{line-height:1.2em; background-color:#FFFFFF; border:1px solid #999999; font-size:14px; padding:7px 6px 3px; display:inline-block; border-radius:3px;  float:right; border-bottom:1px solid #999999; }
div.wrapArticleCategory span{display:inline-block; margin:1px;line-height:1.2em;   padding:8px 6px 4px; border-radius:3px; font-size:14px;}


#article #paragraphs h2:first-of-type{margin-top:2px; }