@CHARSET "UTF-8";
div#mainArea { order: 2; width: 590px; float: left; margin-bottom: 0.5em; min-height: 700px; overflow: visible;}
#rightArea2{width:200px; margin-bottom: 15px; order: 3;}


/*コラム*/
#article #paragraphs{font-size:14px; line-height:1.6em;font-feature-settings: "palt" 1;}
#contents #breadcrumb {font-size:13px;}
#contents .breadcrumb {font-size:13px;}
#article #contents h1{ }
#article #contents h2{background-image: linear-gradient(131deg,rgb(173 136 31), rgb(213 192 85) 83%); color: #ffffff; border-radius: 5px;}
#article #contents h3 + div.description{padding:3px 0.6em;}
#article #contents h4 + div.description{padding:3px 0.6em;;}
#article #contents #paragraphs h4::before {
	content: "\f0c8";
    font-family: FontAwesome;
    color:#3388CC;
    font-size:0.6em;
    padding-right:0.5em;

}
#article #paragraphs .description{padding:0 0.5em;}
#article #paragraphs .description p{margin-bottom:0.7em; padding:0;}
#article #paragraphs .description p:first-of-type{margin-top:2px;}
#article #paragraphs .description ul{

    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    }

 /*コラム*/
#article #paragraphs .description ul li{line-height:1.5em; font-size: 13px; -ms-flex-preferred-size:  29.2%; flex-basis: 29.67%;padding:1%; margin-right:0.5%; margin-bottom:0.4em; background-color:#fbfaf3;border: 2px dotted #CCCCCC;}
#article #paragraphs .description ul li span.listNumber{  text-indent:-0.25em;font-style:oblique; float:left; font-size:1.4em; margin: 1px 6px 2px 0px;border:1px solid #ffffff; width:1.5em; height:1.5em; display:block; color: white;
background-color:#d8b34a; text-align:center; padding-bottom:-2px;     display:-ms-flexbox;    display:-webkit-flex;    display:-moz-flex;    display:flex;
-webkit-box-align:center;    -moz-box-align:center;    -ms-flex-align:center;    -webkit-align-items:center;    -moz-align-items:center;    align-items:center;
-webkit-box-pack: center;	-ms-flex-pack: center;	justify-content: center; }
 #article #paragraphs .description ul li span.listNumber span{position: relative;top:2px; left:1px;}

#article #contents .p1{ font-size:14px;}

/* コラム 関連種リンク*/
.syuGroups{margin-top:0.8em; }
div.syuGroups div.syuBox{padding:5px 0; border-bottom:1px dotted #555555; display:flex;width: 100%;}
div.syuBox div.relatedSyuFlexBox1{order:2; padding-right:0.5%; width: 30%;}
div.syuBox div.relatedSyuFlexBox2{order:1;width: 70%; padding: 0 0.5%;}
div.syuBox span.photo_title{ margin-bottom:1em;}
div.syuGroups div.syuBox div.photo_title span{line-height:1em;font-size:13px;font-weight:normal;}
div.syuGroups div.syuBox:last-child{border-bottom:none;}
#article div.syuBox div.relatedSyuFlexBox2 a.btn2{ -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; display: inline-block;cursor: pointer;
font-family: Arial; margin: 0.3em 0.1em 0.2em 0 !important; padding: 4px 9px 3px 1.9em; vertical-align: top; text-decoration: none;
border: 1px solid #CCC; background: url(images/logo_ss.png) 6px 52% no-repeat; margin-top:0; position:relative;height:auto;  width:auto;}

div.syuGroups div.syuImage{	float:right;}
div.syuGroups a{text-decoration:none; margin-top:0.8em;}
div.syuGroups h2 a,div.syuGroups h2 a:visited{text-decoration:none; color:#FFFFFF; border-bottom:1px solid #FFFFFF;padding:5px 2px 1px 2px ;}
div.syuGroups h2 a:hover{color:#0261fd; border-bottom:1px solid #0261fd;}
div.syuBox span.syu{display:block;font-size:1.5em; font-weight:bold;line-height:1.5em; }
div.syuBox span.syu_eng{display:block; line-height:1.2em; font-size:0.9em; margin-bottom:1em;}
div.syuGroups div.syuBox img{	width:100%; max-width: 300px; margin: 0;}
div.syuGroups div.syuBox div.photo_title{line-height:1.6em;	padding:0 3px 1em 0;	font-size:1.3em;	font-weight:bold;height:auto;width:50%;  width : -webkit-calc(50% - 0px) ; width : calc(50% - 0px); float:left;}
#article #contents div.syuGroups h2{font-size:1.2em;	text-indent:0.3em;	padding:12px 3px 9px 3px;	color:#FFFFFF; border:none;margin:0;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #62a2e5 30%, #388de2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#62a2e5 30%,#388de2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 0%,#62a2e5 30%,#388de2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#388de2',GradientType=0 ); /* IE6-9 */
}

/*アーティクルリスト 右サイド*/
#article #rightArea2  h2.article_list_tag_title{ border-radius:0; margin-bottom:6px;
    border: 1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-size:13px; display: block; border-left: double 5px #d77b15;
    color: #bf3e00;line-height: 1.5em;margin-top: 0;  padding: 8px 3px 3px 5px;
    font-weight: bold;background: linear-gradient(to bottom, #FFFFFF 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfdfdf',GradientType=0 );overflow: hidden;
    }
.article_list{margin-bottom:1.5em; }
.article_list div.article_type_wrap{ width:140px; text-align:center;}
.article_list div.article_single_box{ position:relative;overflow:hidden; border-bottom: 1px solid #b3b3b3; margin:0 3px 0.4em;}
.article_list  div.article_list_title{padding:2px 0 0;  line-height: 1.6em;}
.article_list   h2{display:inline;text-indent:0.2em; padding:0.3em 0.3em 0;}
.article_list   h3 + div.description{padding:3px 0.6em;}
.article_list   h4 + div.description{padding:3px 0.6em;;}
.article_list  .article_thumbnail{display:flex;  justify-content: center;align-items: center;  height: 100px;overflow:hidden; margin-bottom:2px;}
.article_list  img {padding: 0 0 2px; float: left;}
.article_list  img.thumbnail_art{width:100%;}


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; background-color:#800040; color:white; padding:4px 5px 3px; border-radius:3px; font-size:12px;}
.article_list_title a {text-decoration:none; }
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: 14px;padding: 4px 4px 0; background-color: #efefef; margin: 1px 0 2px 0;}

/* 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; padding-top:5px; border-top:1px solid #999999;}
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 4px 0 0; line-height:1.2em;   padding:8px 6px 4px; border-radius:3px; font-size:14px;}

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

div#container div#contents div.ad_kanren_contents h3 { width: 590px;}

/*date format*/
div.createdDate{font-family:Helvetica, Arial, Arial Black, sans-serif;width:100%; font-size:12px; border-bottom:1px solid #777777; text-align:right;}
div.createdDate #year{display:inline-block;font-size:13px; color:#808080;padding-right:2px;}
div.createdDate #month{display:inline-block;font-size:30px; color:#c76969;}
div.createdDate #slash{display:inline-block;font-size:30px; color:#9f9f9f;}
div.createdDate #day{display:inline-block;font-size:30px; color:#000000;}