@charset "utf-8";
/* ---------------------------------------------------------------------------------
common parts
--------------------------------------------------------------------------------- */
.layout_2col .layout_main .main-box {
    border: 1px solid #E0E0E0;
    margin-top: 0px;
    padding: 10px;
    _padding: 10px 0 10px;
    position: relative;
}
a.fits {
	left: 0;
	top: 0;
	/* IE bug fix */
	_height: expression(this.parentNode.clientHeight  +"px");
	_width: expression(this.parentNode.clientWidth  +"px");
	display: block;
	filter: alpha(opacity=1);
	height: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 100;
	zoom: 1;
}
a.fits:hover {
	-moz-opacity:0.40;
	background: #fafafa;
	filter:alpha(opacity=40);
	opacity:0.40;
}
.blue { color: #336699; }
a { text-decoration: none; }
a:hover,
a:hover .item { text-decoration: underline; }
.clickable a { text-decoration: none; display: block; color: #000; }
.clickable a:hover { text-decoration: none; background: #f1f1f1; }
.clickable a .title { color: #336699; }
.clickable a:hover .title { text-decoration: underline; }
.clickable a:hover .blue { text-decoration: underline; }
.item a { color: #000; }
.ico {
    background: transparent url(/wp-content/themes/japan-brand/image/sprite.png) no-repeat 0 0;
}
.item-box { 
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}

/* ---------------------------------------------------------------------------------
#head
--------------------------------------------------------------------------------- */
#head { border-bottom: 3px solid #C00; }
#head > .inner { width: 980px; height: 58px; margin: 21px auto 12px; }
.logo-area { width: 670px; }
.header-right { width: 310px; }
.header-right .left-box { width: 249px; margin-right: 10px; }
.header-right .right-box { width: 51px; height: 50px; }

.language-list {
    margin: 0 0 5px 0;
    text-align: right;
}
.language-list li {
    padding: 0 8px;
    border-right: 1px dotted #000;
}
.language-list li:last-child { border-right: none; }
.language-list li a { font-size: 11px; text-decoration: underline; }
.language-list li a.current,
.language-list li a:hover { text-decoration: none; }
/* ---------------------------------------------------------------------------------
global-navi
--------------------------------------------------------------------------------- */
.global-navi {
    width: 980px;
    height: 30px;
    margin: 0 auto 7px;
}
.global-navi-list {
    border-right: 1px solid #CCC;
    width: 664px;
}
.global-navi li {
    border-left: 1px solid #CCC;
    width: 165px;
    height: 30px;
}
.global-navi li a {
    display: block;
    width: 165px;
    text-align: center;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}
.global-navi li a:hover {
    background: #0A3C8F;
    color: #FFF;
    text-decoration: none;
}
.global-navi li.current a {
    background: #0A3C8F;
    color: #FFF;
    text-decoration: none;
    display: block;
    position: relative;
}
.global-navi li.current a .blow{
    display: block;
    background: url(/wp-content/themes/japan-brand/image/blow.png) no-repeat;
    position: absolute;
    bottom: -6px;
    left: 78px;
    height: 6px;
    width: 8px;
}
/* ---------------------------------------------------------------------------------
breadcrumb-navi
--------------------------------------------------------------------------------- */
.breadcrumb-navi { width: 960px; margin: 0 auto 18px; padding: 0 10px; background: #F2F2F2; height: 34px; line-height: 32px; }
.breadcrumb-navi li a { font-size: 11px; }
.breadcrumb-navi li.last a { color: #666; }
.breadcrumb-navi li.last a:hover { text-decoration: none; cursor: default; }
.breadcrumb-icon { width: 5px; height: 9px; margin: 13px 10px 0; background-position: -206px 0; }
/* ---------------------------------------------------------------------------------
#body common
--------------------------------------------------------------------------------- */
#head { margin-bottom: 7px; }
#body {	z-index: 0; }
#foot {	padding-bottom: 0; _padding: 0; }
/* ---------------------------------------------------------------------------------
layout_main
--------------------------------------------------------------------------------- */
/* アイコン類 */
.category-icon { width: 25px; height: 21px; margin: 11px 8px 0 0; background-position: 0 -60px; }
.area-icon { width: 25px; height: 24px; margin: 10px 8px 0 0; background-position: -51px -60px; }
/* ボタン類 */
.cmn-section { margin-bottom: 50px; }
.main-wrap .label {
    font-size: 20px;
    font-weight: bold;
    border-top: 2px solid #C00;
    border-bottom: 1px solid #CCC;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    margin-bottom: 21px;
}
.column-wrap { width: 680px; margin-right: 15px; }

/* two-column */
.two-column .column { width: 323px; height: 520px; margin: 0 15px 0 0; border: 1px solid #CCC; }
.two-column-inner-list { padding: 0 5px; }
.two-column-inner-list li { border-bottom: 1px dotted #CCC; height: 120px; }
.two-column-inner-list li:last-child { border-bottom: none; }
.two-column-inner-list li a { margin: 0 -5px; padding: 10px 5px; position: relative; height: 100px; }
.two-column-inner-list li a .thumb { width: 104px; height: 70px; margin-right: 10px; }/* modify */
.two-column-inner-list li a .item { font-size: 13px; margin-bottom: 3px; padding: 0; }
.two-column-inner-list li a .lead { font-size: 11px; margin-bottom: 5px; padding: 0; }
.two-column-inner-list li a .more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 10px;
}
.two-column-inner-list li a .more .item { font-weight: normal; color: #336699; }
.two-column-inner-list li.pick-up-content { height: 278px; }
.two-column-inner-list li.pick-up-content a { height: 258px; }
.two-column-inner-list li.pick-up-content a .catch { color:#CC9900; font-size: 12px; margin-bottom: 0; padding: 0 5px; }
.two-column-inner-list li.pick-up-content a .item { font-size: 18px; margin-bottom: 5px; padding: 0 5px; }
.two-column-inner-list li.pick-up-content a .item.red { color:#C00; }
.two-column-inner-list li.pick-up-content a .thumb { margin-bottom: 5px; width: 310px; height: 210px; }



/* three-column */
/* modify */
.three-column .column { width: 213px; margin: 0 10px 10px 0; border: 1px solid #CCC; }
.three-column .column .content { padding: 5px 5px 30px; display: block; position: relative; }
.three-column .column .content .catch { color:#CC9900; font-size: 12px; margin-bottom: 3px; }
.three-column .column .content .item { font-size: 18px; margin-bottom: 3px;  }
.three-column .column .content .item.red { color:#C00; }
.three-column .column .content .thumb { width: 200px; height: 135px; margin-bottom: 5px; }
.three-column .column .content .lead { font-size: 11px; }
.three-column .column .content .more { position: absolute; bottom: 5px; margin-right: 15px; }
.three-column .column .content .more .item { color: #000; font-size: 12px; font-weight: normal;  color: #336699; }

.tpl-top .three-column .column { height: 252px; }
.tpl-category .three-column .column { height: 234px; }
.tpl-subcategory .three-column .column { height: 270px; }
/* title-wrap */
.title-wrap {
    height: 45px;
    background: url(/wp-content/themes/japan-brand/image/yellow-ball.png) no-repeat 5px 0;
    margin-bottom: 20px;
}
.title-wrap h1 { display: block; font-size: 23px; font-weight: bold; border-bottom: 2px solid #C00; height: 38px; line-height: 42px; text-indent: 30px; }
/* category-info-section */
.category-info-section {
    margin-bottom: 20px;
}
.category-info-section .main-image { margin-bottom: 10px; }
.category-info-section .lead { margin: 0 10px 30px; }
/* area-tag */
/* add */
.tpl-category .area-tag {
    position: absolute;
    left: -1px;
    top: -1px;;
    padding: 2px 7px;
    background: #75BDA0;
    color: #FFF;
    font-weight: bold;
}
.tpl-subcategory .area-tag {
    position: absolute;
    left: -1px;
    top: -1px;;
    padding: 2px 7px;
    background: #75BDA0;
    color: #FFF;
    font-weight: bold;
}
.prefecture { border-top: 1px dotted #CCC; height: 35px; line-height: 35px; text-align: center; color: #CC9900; font-weight: bold; }
/* ---------------------------------------------------------------------------------
footer contents
--------------------------------------------------------------------------------- */
#footer { border-top: 2px solid #C00; }
#footer .bg-color { background: #FBF7E3; height: 160px; }
#footer .inner { width: 980px; margin: 0 auto; position: relative; }
#footer .inner .page-top { position: absolute; right: 0; top: -25px; display: block; width: 90px; height: 25px }
#footer .inner .page-top-icon { display: block; width: 90px; height: 25px; background-position: -357px 0; text-indent: -9999px; }
#footer .bg-color > .inner { padding: 20px 0; }
#footer .bg-color > .inner .left-box { width: 659px; height: 125px; border-right: 1px dotted #000; }
#footer .bg-color > .inner .left-box li > div { margin-bottom: 3px; }
#footer .bg-color > .inner .left-box .inner-ul { margin-left: 20px; }
#footer .bg-color > .inner .left-box .category-list { margin-bottom: 10px; }
#footer .bg-color > .inner .left-box .category-list .inner-ul li { width: 130px; }
#footer .bg-color > .inner .left-box .area-list .inner-ul li { width: 110px; }
#footer .bg-color > .inner .left-box .area-list .inner-ul li.long { width: 160px; }
#footer .bg-color > .inner .right-box { width: 320px; }
.blue-three-icon { width: 8px; height: 11px; margin: 3px 5px 0 0; background-position: -143px -1px; }
.blue-one-icon { width: 4px; height: 4px; margin: 7px 5px 0 0; background-position: -162px -2px; }
#footer .bg-color + .inner { height: 55px; line-height: 55px; text-align: center; }
.link-list-box { width: 235px; }
.link-list { margin-left: 20px; }
.link-list li { margin-bottom: 3px; } 
.jnto-logo-l { width: 85px; }
.copy-light { font-size: 12px; }

/* ---------------------------------------------------------------------------------
#layout_sidebar
--------------------------------------------------------------------------------- */
.layout_sidebar .cmn-box {
    border-top: 1px solid #CCC; 
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; 
    border-bottom: 3px solid #27539C;
    margin-bottom: 35px;
}
.layout_sidebar .cmn-box h2 {
    border-bottom: 1px dotted #000;
    display: block;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
}
.blue-circle { width: 14px; height: 13px; margin: 14px 5px 0 0; background-position: -104px -1px; }
.layout_sidebar .cmn-box h2 .item { font-size: 16px; margin-top: 3px; font-weight: bold; }

.layout_sidebar .cmn-box .inner-list { margin: 5px; }
.layout_sidebar .cmn-box .inner-list li {
    border-bottom: 1px dotted #000;
}
.layout_sidebar .cmn-box .inner-list li:last-child { border-bottom: none; }
.layout_sidebar .cmn-box .inner-list li a { display: block; padding: 5px; position: relative; }
.layout_sidebar .cmn-box .inner-list li time { color: #CC9900; font-size: 11px; margin-bottom: 3px; }
.layout_sidebar .cmn-box .inner-list li a:hover .item { text-decoration: underline; }

.layout_sidebar .cmn-box .inner-list .thumb { width: 85px; height: 85px; margin: 0 10px 0 0; } /* modify */
.layout_sidebar .cmn-box .inner-list .item-box .item { font-weight: bold; margin-bottom: 5px; }
.area-tag .tag { font-size: 12px; color: #C00; font-weight: bold; margin-bottom: 3px; }
.orange-three { width: 8px; height: 11px; margin: 2px 5px 0 0; background-position: -126px -1px; }
.layout_sidebar .cmn-box .inner-list a .more { position: absolute; bottom: 5px; right: 5px; }
.layout_sidebar .cmn-box .inner-list a .more .item { color: #336699; }
.more-icon { width: 12px; height: 12px; margin: 3px 5px 0 0; background-position: -177px 0; }

.banner-list { margin: 15px 0 5px; }
.banner-list li { margin-bottom: 10px; }
.more-link-list { margin: 10px; }
.more-link-list li { margin-bottom: 5px; }
.more-link-list .more .more-icon { margin-top: 2px; }
.more-link-list .more .item { width: 261px; }
/* SNS */
.sns-aside { margin-bottom: 30px; }
.sns-list { text-align: center; }
.sns-list li {
    width: 48px;
    height: 48px;
    margin: 0 10px;
}
.sns-list li a {
    width: 48px;
    height: 48px;
    display: block;
    text-indent: -9999px;
}
.twitter { background-position: 0 -104px; }
.facebook { background-position: -64px -104px; }
.rss { background-position: -128px -104px; }
.google { background-position: -193px -104px; }

.facebook-widget { margin-bottom: 30px; }

/* side-navi-box */
.navi-wrap {
    border-top: 1px solid #CCC;
}
.side-navi {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; 
    border-bottom: 1px solid #CCC; 
}
.side-navi h2 {
    border-top: 1px solid #CCC;
    border-bottom: 1px dotted #CCC;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}
.side-navi h2 .item { font-size: 16px; font-weight: bold; }
.side-navi h2 .category-icon { margin-top: 7px; }
.side-navi h2 .area-icon { margin-top: 6px; }

.side-navi .inner-list {
    margin: 15px;
}
.side-navi .inner-list > li > div { margin-bottom: 5px; }
.side-navi .inner-list > li > div .item { width: 255px; }
.side-navi .inner-list > li > div .item.current { color: #999; }
.side-navi .inner-list .inner-ul { margin: 0 0 5px 13px; }
.side-navi .inner-list .inner-ul > li { margin-bottom: 3px; }
.side-navi .inner-list .inner-ul > li .item { width: 246px; }
.side-navi .inner-list .inner-ul > li .item.current { color: #999; }

/* ---------------------------------------------------------------------------------
記事ページ
--------------------------------------------------------------------------------- */
.tpl-detail .title-wrap {
    border: 1px solid #CCC;
    background: none;
    height: auto;
}
.tpl-detail .title-wrap > .inner {
    border-left: 6px solid #C00;
    border-bottom: 1px solid #CCC;
}
.tpl-detail .title-wrap .inner h1 {
    border: none;
    text-indent: 0;
    padding: 10px;
    display: block;
}
.keyword-box .keyword-inner {
    border-left: 6px solid #CCC;
    padding: 2px;
}
.keyword-icon { width: 75px; height: 18px; margin-right: 5px; background-position: -385px -130px; }
.keyword-box .keyword-inner .keyword { width: 568px; }
.keyword {
    color: #336699;
}
.keyword a {
    margin-left: 5px;
    color: #336699;
}
/* side-navi-box */
.article-section {
    margin-bottom: 70px;
}
.label-article {
    background: #F7F1DB;
    padding: 5px 10px;
    border-top: none;
    border-bottom: none;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 50px 0 20px;
}
.content-text + .label-article {
    margin: 30px 0 20px;
}
.label-article + .item { margin-top: 1px; }
.red-circle { width: 15px; height: 16px; margin: 3px 11px 0 0; background-position: -104px -22px; }
.label-article .item { margin-top: 1px; }
.article-section p {
    margin-bottom: 20px;
    font-weight: normal;
}

.article-section .clearfix { margin-bottom: 30px; }
.article-section .clearfix .thumb { width: 350px; }
.article-section .clearfix .thumb.left { margin-right: 20px; }
.article-section .clearfix .thumb.right { margin-left: 20px; }
.article-section .clearfix .text-box { width: 295px; }

/* article-bottom */
.article-bottom { margin-bottom: 70px; }
.bottom-section { margin-bottom: 30px; }
/* address-box */
.google-map { margin-bottom: 20px; }
.address-box {
    border: 1px solid #CCC;
}
.address-box .address-label {
    background: #194894;
    color: #FFF;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 0;
}
.address-box .text {
    width: 543px;
    padding: 5px 10px;
}
/* link-section */
.link-bottom-list { margin-top: -10px; }
.link-bottom-list li {
    border-bottom: 1px dotted #000;    
}
.link-bottom-list li a {
    display: block;
    padding: 10px;
}
.link-bottom-list .title { margin-bottom: 5px; }
.link-bottom-list .title .item { width: 632px; }
.link-bottom-list .title.red .item { color: #C00; font-weight: bold; }
.link-bottom-list .url { margin: 0 0 0 13px; }
/* facilities */
.facilities {
    background: #F5F5F5;
    padding: 10px;
}
.facilities-icon { width: 17px; height: 24px; margin: 0 10px 0 5px; background-position: -99px -60px; }
.facilities h2 { margin-bottom: 10px; }
.facilities h2 .item { font-size: 16px; font-weight: bold; margin-top: 2px; }

.facilities .inner {
    background: #FFF;
    padding: 5px;
}
.facilities .inner .left-box { width: 270px; margin-right: 10px; }
.facilities .inner .right-box { width: 355px; }

.facilities-list .title { padding: 5px; border-bottom: 1px dotted #000; }
.facilities-list .title .item { width: 247px; }
.facilities-list .red a { color: #C00; font-weight: bold; }
.facilities-list li .box {
    padding: 5px 10px 10px;
}
/* ---------------------------------------------------------------------------------
SNSボタン
--------------------------------------------------------------------------------- */
.sns-bt-list { height: 20px; margin-bottom: 5px; }
.sns-bt-list li {
    margin-right: 15px;
}
.sns-bt-list .twitter {
    width: 90px;
}
.sns-bt-list .google {
    width: 54px;
}
/* ---------------------------------------------------------------------------------
検索ボックス
--------------------------------------------------------------------------------- */
#___gcse_0 { margin-top: 12px; }
#___gcse_0 .gsib_a {
    width: 100%;
    padding: 2px 3px;
}
#___gcse_0 .cse .gsc-search-button input.gsc-search-button-v2, #___gcse_0 input.gsc-search-button-v2 {
    width: 13px;
    height: 13px;
    padding: 6px 12px;
    min-width: 13px;
    margin-top: 0;
}
#___gcse_0 input.gsc-search-button, #___gcse_0 input.gsc-search-button:hover, #___gcse_0 input.gsc-search-button:focus {
    border-color: #C00;
    background-color: #C00;
    background-image: none;
    filter: none;
}
#___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px;
}

/* ---------------------------------------------------------------------------------
slider-section
--------------------------------------------------------------------------------- */
.slider-section {
    height: 400px;
    padding: 20px 0 40px;
    background: #FBF7E3;
    margin-bottom: 20px;
}
/* ---------------------------------------------------------------------------------
スライド
--------------------------------------------------------------------------------- */
.wideslider {
	width: 100%;
	height: 437px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
    *display: *inline;
    *zoom: 1;
	overflow: hidden;
}
.wideslider ul li a { padding: 0; }
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(/wp-content/themes/japan-brand/image/prev.png) no-repeat 97% center; }
.slider_next {background: #fff url(/wp-content/themes/japan-brand/image/next.png) no-repeat 3% center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 12px;
	height: 12px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display: inline-block;
    *display: *inline;
    *zoom: 1;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
    background: #C00;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}