@CHARSET "UTF-8";
div#leftArea { width:190px; float: left; margin-right: 5px;margin-bottom: 10px; order: 1; margin-right:10px;}
/*SOCIAL BUTTONS*/
.socialButtons{width:435px; float:right;}
.socialButtons ul{ margin-top:1px;}
.socialButtons ul li{ display:block; float:left; margin-left:5px; margin-right:0;}
/* mainphoto and shared photo */
#mainphoto_sub_tab { padding:5px 5px 0px 5px; color: #333; font-size:12px; line-height:1.2em; border:1px solid #CCC; background-color:#efefef; }
#mainphoto_sub_wrap { border:1px solid #CCC; border-top:none; overflow-x: auto; margin-bottom: 0.7em;}
#mainphoto_sub { padding:0 3px; white-space: nowrap; margin:0; line-height:1em;}
.mainphoto_sub { padding:0 3px; white-space: nowrap; margin:0; line-height:1em;}
#mainphoto_sub_wrap_new { border:1px solid #CCC; border-top:none; margin-bottom: 0.7em;}
.mainphoto_sub_new { padding:0 3px; white-space: nowrap; margin:0; line-height:1em;display:flex;flex-wrap: wrap;align-items:center;}
img.mainphoto_sub_img{ width:82.85px; padding:0; overflow:hidden; margin: 5px 3px; cursor:pointer;}
div.shared_title { border-bottom:dotted 1px #CCC; padding:0px 3px 0px; margin: 0 3px !important; border-left:2px solid #7546c3; line-height:16px; font-size:11px;}
/* SYU*/
#relatedContents:before{border-top:3px dotted #EFEFEF; content:'';color:#efefef; margin:0 auto 0.3em;line-height: 4px; font-size: 28px; display: block; text-align:center;}
#relatedContents:after{border-top:3px dotted #EFEFEF; content:'';color:#efefef; margin:0.3em auto;line-height: 4px; font-size: 28px; display: block; text-align:center;}
body.kobetsu div#syu_title{width:100%;}
body.kobetsu h1 { color: #336; font-size: 28px; width: 753px; margin-bottom:1px; margin-left: -5px;
margin-top:0.7em; background: #FFFFFF url(../img/titlebg_others2.png) left bottom no-repeat;
min-height:33px; padding: 7px 2px 0 50px; line-height:28px; height:auto; text-indent:0;}
div#syu_title_inside1{float:left;}
h2.socalled {display:block; text-indent:0;float:left;width:350px; font-size: 16px; margin-top: 0; margin-bottom: 7px;border-bottom:none; line-height:1.4em;font-family: Helvetica, Arial, "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium","繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif;}
h2.socalled span{background-color:#dd7246; margin-right:0.3em; padding:5px 5px 2px; border-radius:5px; font-size:0.9em;color:#FFFFFF;}
/*髢｢騾｣繧ｰ繝ｫ繝ｼ繝�*/
div.syuGroups{ min-width:97%; margin:0.5em 0; padding:0.3em; background-color:#efefef;}
div.syuGroups p.title{ margin:0 !important; line-height:1.6em;position: relative; padding:4px 2px 2px 0.4em !important;background-color:#a2a282; color:#FFFFFF; border-radius:5px;}
div.syuGroups p.title::before{content: ''; position: absolute; display: block; width: 0; height: 0; left: 15px; bottom: -10px; border-top: 10px solid #a2a282; border-right: 10px solid transparent; border-left: 10px solid transparent;}
div.syuGroupsSyu{ white-space: nowrap; min-height:60px; overflow-x:auto;}
diy.syuGroupsSyu::-webkit-scrollbar { width: 10px; height: 10px;}
div.syuGroupsSyu ul{white-space:nowrap; margin-top:7px;}
div.syuGroupsSyu ul li{display:inline-block;width: 113px; margin-right: 4px; text-align: center; text-indent:0; height:auto; }
div.syuGroupsSyu ul li p {margin:2px 0 ;}
div.syuGroupsSyu div.p1 {width: 111px; height: 65px; margin-bottom:1px; padding: 2px 2px 1px 0; display:float;}
div.syuGroupsSyu div.p1 div{width: 111px; height: 65px; position: relative; overflow: hidden; }
div.syuGroupsSyu div.p1 p{width: 111px; height: 65px; font-size: 0.85em; position: relative; text-align:center; display:table-cell; vertical-align: middle; layout-grid-line: 0px;}
div.syuGroupsSyu img{height: 63px; width:auto; line-height:141px; position: relative; margin: auto auto; text-align: center; display:inline-block; border:1px solid #CCC;}
div.syuGroupsSyu div.photo_title { padding-top:1px;line-height: 1.2em; height: auto;width: 111px; white-space: normal;}
/*荳ｭ髢｢騾｣繧ｳ繝ｩ繝�*/
p.center_article_link_title {background-color:#a0b4c3;
text-indent: 0.35em;
width: 100%;
box-sizing: border-box;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
color: #FFF;
padding: 4px 6px 0px;
margin: 0.5em 0 0;
display: block;
margin-right: 0.5em;
line-height: 1.5em;
}
.center_article_link{ background-color:#fafcff; display:block; border:1px dotted #CCCCCC; font-size:14px; padding:0 3px 0 3px; margin: 0 0 0.5em;}
p.articleType { width:90px; text-align:center; white-space:nowrap; color: #3388CC; padding: 4px 0 0px; margin: 2px 0; display:block; border:1px solid #3388CC; float:left; margin-right: 0.5em; border-radius: 3px;line-height:15px; font-size:0.95em;}
.center_article_link ul { padding-top:0.25em; }
.center_article_link ul li{ border-bottom:1px dotted #CCCCCC;}
.center_article_link ul li:last-of-type{border-bottom:none;}
.center_article_link ul li a{line-height:1.8em;}
p.articleType_identity{color:#374f9f;border-color:#374f9f;}
p.articleType_food{color:#a57a40; border-color:#a57a40;}
p.articleType_history{color:#b96db0;border-color:#b96db0;}
p.articleType_culture{color:#8b66b1;border-color:#8b66b1;}
p.articleType_column{color:#3388CC;border-color:#3388CC;}
p.articleType_others{color:#6e7b85;border-color:#6e7b85;}
p.articleType_recipe{color:#b35e6f;border-color:#b35e6f;}
p.articleType_kakouhin{color:#a9a226;border-color:#a9a226;}
/*鬆�岼蜀�｡ｨ遉ｺ髢｢騾｣繧ｳ繝ｩ繝�*/
.column_article_link{ background-color:#f9f9f9; display:block;border-radius:12px; border:1px dotted #CCCCCC; padding:0; margin-bottom:4px;}
.column_article_link p.title { text-indent:0.35em;width:100%;box-sizing:border-box; border-top-right-radius:12px;border-top-left-radius:12px; color: #FFF; padding: 4px 6px 0px; margin: 0; display:block; margin-right: 0.5em; line-height:1.8em; font-weight: bold;background-color: #04a1a1;}
.column_article_link_box { padding:3px 3px; }
.article_link_identify p.title{ background-color:#a1aabb;}
.article_link_food p.title{ background-color:#04a1a1; }
.article_link_history p.title{ background-color:#B96DB0; }
.article_link_recipe p.title{background-color: #04a1a1;}
.column_article_link a.title{font-weight: bold;}
/*
.article_link_column p.title{ font-weight:bold; }
.article_link_culture p.title{ font-weight:bold; }
*/
.column_article_link_box img {width:109px; height:auto; float:left; padding:2px 5px 3px 2px;}
a.btnInsideLink { text-decoration:none; word-wrap:break-word; border: solid 1px #3388CC; padding: 4px 15px 1px; color:#3388CC; border-radius: 5px;}
a.btnInsideLink:hover { text-decoration:none; word-wrap:break-word; border: solid 1px #3388CC; color:white; background:#3388CC; border-radius: 5px;}
/*////繝｡繧､繝ｳ繝壹�繧ｸ*/
h2{border-bottom:1px solid #CCC; margin-top:.6em; margin-bottom:0;line-height:1.6em; text-indent:0.2em; /*font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;*/ font-size:1.4em;}
div#wrapDetail1,
div#wrapDetail4 {margin-top:1em; display:flex; flex-wrap:wrap;justify-content:space-between;}
div#wrapDetail2 {margin-top:2em; display:flex; flex-wrap:wrap;justify-content:space-between;}
div#wrapDetail3 {margin-top:2em; display:flex; flex-wrap:wrap;justify-content:space-between;}
div#wrapDetail1 span.coltitle2 {background-color:#d4e0ef;}
div#wrapDetail2 span.coltitle2 {background-color:#e6d998;}
div#wrapDetail3 span.coltitle2 {background-color:#f5daf9;}
h2.detail1{background-color:#3388CC; display:block; width:96px;margin:0;color:#FFFFFF; font-size:1em; padding-top:0.4em; padding-left:2px;font-weight: normal;}
h2.detail2{background-color:#dd7246; display:block; width:96px;margin:0;color:#FFFFFF; font-size:1em; padding-top:0.4em; padding-left:2px;font-weight: normal;}
h2.detail3{background-color:#b96db0; display:block; width:96px;margin:0;color:#FFFFFF; font-size:1em; padding-top:0.4em; padding-left:2px;font-weight: normal;}
h2 span{font-size:0.8em;}
div.syu2col{display:block; width:524px;padding:0 3px; border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC; margin-top:-1px;}
#wrapDetail1 .syu2col:last-child,
#wrapDetail2 .syu2col:last-child,
#wrapDetail3 .syu2col:last-child,
#wrapDetail4 .syu2col:last-child{border-bottom:1px solid #CCCCCC;}
#wrapDetail1 .syu2col:first-child,
#wrapDetail2 .syu2col:first-child,
#wrapDetail3 .syu2col:first-child,
#wrapDetail4 .syu2col:first-child{margin-top:0; color:#EFEFEF;}
/*隧穂ｾ｡*/
#hyouka {margin:1em 0 0; }
#hyouka ul {display:flex; justify-content:space-around;}
#hyouka li { display:block; flex-basis:380px; border:1px solid #EFEFEF; font-size: 12px; border-radius:8px; padding: 1px 0.3em;margin: 0 5px;}
#hyouka li p{ display:block; height:1.8em; background-color: #ececec; line-height:2em; color:#000000; border-top-right-radius:8px; border-top-left-radius:8px; margin:0 -0.3em 0.3em; text-indent:0.3em;}
#hyouka li span { vertical-align: top; line-height:1.3em; margin:0; font-size:1.3em;}
#hyouka li.star1 span{color: #53b2c7;}
#hyouka li.star2 span{color: #96bb4d;}
#hyouka li.star3 span{color: #c35e23;}
#hyouka li.star4 span{color: #6739ac;}
h2 span{ font-weight: normal; font-size: 0.7em; }
#pageDetail div.p1{ padding:0.5em 3px;margin: 0; }
div.hougenWrap1 { margin:5px 0; padding:5px 3px 1px 3px ; background-color:#FFFFFF; border:2px dotted #DDDDDD; line-height: 1.5em;}
span.hougenTitle{font-size:10px; border:1px solid #0089ce; color:#0089ce;margin-right:1px; padding:3px 2px 1px 2px; }
span.coltitleHougen {white-space:nowrap;line-height:1.7em; background-color:#DfDfDf; margin-top:5px; margin-right:0px; padding:0.4em 0.5em 0.15em 0.5em; border-radius:4px; font-weight:bold;}
span.coltitleHougen a{}
span.hougenOption{font-size:10px; white-space:nowrap; border:1px solid #0089ce; color:#0089ce;margin-right:2px; padding:3px 2px 1px 2px; vertical-align: middle;}
hr.hougenDotted {border-top: 2px dotted #DDDDDD; margin-top:0.2em;}
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.2em; 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 {margin-top: 0;margin-bottom: 0; text-align:center;}
#mainphoto_img{margin:0 auto;}
div#img_cmt {padding:0.2em .2em; line-height:1.4em; margin-bottom:0.3em;}
div#noMainImage{width:600px; margin:0 auto;border:1px solid #CCCCCC; background-color:#efefef; height:200px; text-align:center; vertical-align: middle; line-height:200px;}
/*USER UPLOAD*/
.upload_preview{
width:150px;
min-height:150px;
border:1px solid #CCCCCC;
}