@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal; font-size:100%;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea,optgroup{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
optgroup{font-style:normal;}

/* clearfix */
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}

/* basic */
body{ font-family:'Crimson Text',"Roboto Slab",Garamond,"Times New Roman","ヒラギノ角ゴ Pro W3","Hiragino Kakugo Pro W3","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif; font-size:13px; color:#666; line-height:1.6; overflow-x:hidden;}

iframe,a img,a{ cursor:url(../img/cursor_icon.cur) !important;}
:root iframe,:root a img,:root a{ cursor:url(../img/cursor_icon.png),url(../img/cursor_icon.cur), pointer !important;}

a{ color:#666; text-decoration:none;}

/* ロールオーバー */
.alpha{ transition:0.2s;}
.alpha:hover{ opacity:0.7;}

/* ↓親要素に position指定をすること！↓ */
span.on{ opacity:0; transition:0.2s; position:absolute; top:0; left:0;}
a:hover span.on{ opacity:1;}
span.off{ transition:0.2s;}
a:hover span.off{ opacity:0;}

/* ↓親要素に position指定をすること！↓ */
.cover{ z-index:100; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; color:#FFF; padding:0 35px; box-sizing:border-box; overflow:hidden; opacity:0; transition:0.2s;}
.cover:hover{ opacity:1;}
.cover-inner{ vertical-align:middle; position:relative; width:100%; height:100%; display: table;}
.cover-inner div{ display:table-cell; vertical-align:middle; text-align:left;}
.cover-inner span.category{ background:#FFF; padding:2px 5px; display:inline-block; font-size:12px; color:#000; line-height:1; margin:0 5px 12px 0;}
.cover-inner h2{ margin-bottom:12px; font-weight:bold;}
.cover-inner p.cover-more{ text-align: center; margin-top:20px;}
.cover-zoom{ z-index:10; overflow:hidden; text-align:center; width:100%; height:100%;}
.cover-zoom img{ transition: transform 0.2s linear; height:100%; width:auto;}
a:hover .cover-zoom img{ transform:scale(1.01);}

/* 共通ヘッダー */
#header{ position:relative;}
#header #menu{ width:100%; padding:32px 40px; box-sizing: border-box;}
#header #menu .menu-inner{ min-width:1104px; position:relative;}
#header #menu h1{ float:left;}
#header #menu ul.menu-list{ float:left; padding-left:88px;}
#header #menu ul.menu-list > li{ float:left; margin-right:30px; line-height:72px; color:#FFF; font-size:15px; position:relative;}
#header #menu ul.menu-list > li > a{ color:#333;}
#header #menu ul.menu-list > li > a:hover{ text-decoration:underline;}
#header #menu #language{ cursor:pointer; position:absolute; right:0; top:-30px; color:#000; background:url(../img/icon_language.png) no-repeat left center; padding-left:15px;}
#header #menu ul.header-sns{ float:left; padding-top:23px;}
#header #menu ul.header-sns li{ float:left; margin-left:15px;}

#scroll-header{ width:100%; position:fixed; top:0; left:0; z-index:1000; display:none;}
.scroll-menu{ background:#FFF; min-width:1104px; padding:12px 40px;}
.scroll-menu .menu-inner{ position:relative; z-index: 999;}
.scroll-menu h1{ float:left;}
.scroll-menu ul.menu-list{ float:left; padding-left:177px;}
.scroll-menu ul.menu-list > li{ float:left; margin-right:30px; line-height:40px; color:#FFF; font-size:15px; position:relative;}
.scroll-menu ul.menu-list > li > a{ color:#333;}
.scroll-menu ul.menu-list > li > a:hover{ text-decoration:underline;}
.scroll-menu #language{ cursor:pointer; position:absolute; right:0; top:-7px; color:#000; background:url(../img/icon_language.png) no-repeat left center; padding-left:15px;}
.scroll-menu ul.header-sns{ float:left; padding-top:7px;}
.scroll-menu ul.header-sns li{ float:left; margin-left:15px;}

.scroll-tab-wrapper{ background:#faf7ee; margin:0 40px 40px 40px; padding-top:20px; min-width:1104px; display:none; position:relative;}

/* 全体枠 */
#menu .sub-menu{ top:60px;}
.scroll-menu .sub-menu{ top:40px;}
#top-menu .sub-menu{ top:60px;}
#language .sub-menu{ top:30px; left:-40px;}
.sub-menu{ display:none; position:absolute; top:40px; left:-22px; background:rgba(51,51,51,0.9); width:160px; padding:16px; box-sizing:border-box;}
.sub-menu li{ display:block; color:#FFF; font-size:14px; border-bottom:1px solid #555; padding:16px 0; line-height:1;}
.sub-menu li:last-child{ border-bottom:none;}
.sub-menu li a{ color:#FFF; padding:0 8px;}

#container{}
.container-bg{ background:#faf7ee; margin:0 40px 40px 40px; min-width:1104px;}

/* パンくず */
.nav-map{ padding:20px 0; width:1024px; margin:0 auto;}
.nav-map ul{}
.nav-map ul li{ display:inline;}
.nav-map ul li span{ color:#999; padding-left:2px;}
.nav-map ul li a{ color:#999;}

/* 一覧ページ　ページャー */
.wp-pagenavi{ position:relative; text-align:center; margin-top:90px;}
.wp-pagenavi span,.wp-pagenavi a{ display:inline-block; margin:0 7px;}
.wp-pagenavi span.current{ width:32px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#FFF; background:#381d12;}
.wp-pagenavi a.page{ width:32px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#666; background:#e6e1d8; text-decoration:none;}
.wp-pagenavi .previouspostslink{ position:absolute; left:200px; top:0;}
.wp-pagenavi .previouspostslink span{ background:url(../img/news/icon_prev.png) no-repeat left center; padding-left:14px; font-size:16px; line-height:32px;}
.wp-pagenavi .nextpostslink{ position:absolute; right:200px; top:0;}
.wp-pagenavi .nextpostslink span{ background:url(../img/news/icon_next.png) no-repeat right center; padding-right:14px;  font-size:16px;line-height:32px;}

/* 詳細ページ　ページャー */
ul.single-paging{ text-align:center; padding:60px 0;}
ul.single-paging li{ display:inline-block; padding:0 50px; font-size:16px; line-height:20px;}
ul.single-paging li.prev{ border-right:1px solid #999;}
ul.single-paging li.prev span{ background: url(../img/news/icon_prev.png) no-repeat left center; padding-left:14px;}
ul.single-paging li.next span{ background: url(../img/news/icon_next.png) no-repeat right center; padding-right:14px;}

/* 共通フッター */
#footer{ background:#381d12; min-width:1012px;}

.footer-01{ background: url(../img/footer_bg.jpg) no-repeat 0 0; background-size:cover; height:282px;}
ul.footer-link-01{ text-align:center; padding:60px 0 50px 0;}
ul.footer-link-01 li{ display:inline-block; text-align:center; width:184px; border-right:1px solid #8b8b8b; font-size:14px;}
ul.footer-link-01 li:last-child{ border-right:none;}
ul.footer-link-01 li span{ color:#FFF; display:block;}
p.tenso-bnr{ text-align:center;}

.footer-02{ width:1024px; margin:0 auto; padding:30px 0;}
ul.footer-link-02{ float:left; display:table; height:24px;}
ul.footer-link-02 li{ display:table-cell; vertical-align:middle; font-size:14px;}
ul.footer-link-02 li span{ padding:0 20px; border-right:1px solid #FFF;}
ul.footer-link-02 li:last-child span{ border-right:none;}
ul.footer-link-02 li a{ color:#FFF;}
ul.footer-link-02 li a:hover{ text-decoration:underline;}

ul.footer-sns{ float:right;}
ul.footer-sns li{ float:left; margin-left:15px;}

.copyright{ border-top:3px double #f8b74a;}
.copyright p{ text-align:center; font-size:10px; color:#FFF; line-height:30px;}

#pagetop { position: fixed; right:50px; bottom: 50px; z-index: 50; display:none;}