@charset "utf-8";
/*
Theme Name: ARCTIC
Theme URI: http://
Description: ARCTIC
Version: 2.2.2
Author: 鶴岡製作所
Author URI: https://www.tsuruoka-mfg.jp/
*/


/*全デバイス共通*/
/*----------------------------*/
*{ margin:0; padding:0; box-sizing: border-box; /*font-size: 100%;*/ /*animation-name: anim_all; animation-duration: 0.5s;*/ }
/*@keyframes anim_all {
  0% { opacity: 0; }
  100% { opacity: 1;}
}*/
body{ font-family: Arial,  "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6;}
img { border: none; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6{ line-height: 1.3;}
footer li{list-style-type: none;}
table{ border-collapse: collapse;}
td, th{ text-align: left; vertical-align: top;}
input, select, textarea {font-family: Arial,  "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6;}
input[type="submit"],input[type="button"] {-webkit-appearance: none;-moz-appearance: none; appearance: none;}
body[id^=post-] .url { word-break: break-all;}
a { color: inherit;}
a[href*="tel:"]{ text-decoration: none;}

.tx-size_maximum { font-size: 1.5rem;}
.tx-size_large { font-size: 1.3rem;}
.tx-size_medium { font-size: 1rem;}
.tx-size_small { font-size: 0.85rem;}
.tx-size_minimum { font-size: 0.7rem;}

#wrapper{ overflow: hidden;}
header .logo img{display: block;}
#eyecatch img { display: block; margin: auto;}
#eyecatch .slide { position: relative; overflow: hidden; }
#eyecatch .slideInner li { float:left; list-style: none;}
#eyecatch .controlNav { position: absolute; bottom: 0; text-align: center; width: 100%;}
#eyecatch .controlNav span { position: relative; margin: 5px; border-radius: 5px; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; vertical-align: middle; background: #ddd; display: inline-block;}
#eyecatch .controlNav span:hover { background: #ccc; cursor: pointer; }
#eyecatch .slidePrev { width: 50px; height: 50px; transform: rotate(45deg); border-bottom: 1px solid #fff; border-left: 1px solid #fff; position: absolute; left: 50px; top: 0; bottom: 0; margin: auto; cursor: pointer;}
#eyecatch .slideNext { width: 50px; height: 50px; transform: rotate(45deg); border-right: 1px solid #fff; border-top: 1px solid #fff; position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; cursor: pointer;}
#eyecatch .slidePrev.hidden, #eyecatch .slideNext.hidden { display: none;}
/*#eyecatch .slide li{ width: 100vw;}*/
#eyecatch .slide li, #eyecatch .image{ background-repeat: no-repeat; background-size: auto; background-position: center;}
#eyecatch .bg_img_pattern { background-repeat: repeat !important;}
#eyecatch .bg_img_cover { background-size: cover !important;}


[id^=path_] ol { list-style-type: none;}
[id^=path_] li:not(:first-child):before { content: "\f105";font-family: FontAwesome; padding-right: 0.7em;margin-left: 0.7em;}
#back {z-index: 99;font-size: 9px; position: fixed;right: 0; text-align: center;}
#back a { display: inline-block; vertical-align: middle; text-decoration: none; line-height: 1;}
#back a:before { content: "\f106";font-family: FontAwesome; display: block; font-size: 20px;}
#back a:after { content: ""; position: absolute; left:0; right:0; top:0; bottom:0;}
#copyright { text-align: center;}
body.post [id^=cont_side] ul { list-style-type: none;}
body.post [id^=cont_side] .widget_block { margin-bottom: 50px;}
[id^=cont_footer] { width: 100%;}

.ph img, iframe{display: block;margin: auto;}
.cat a { text-decoration: none;}

.block_faq li { list-style-type: none;}
.block_faq li h3 { cursor: pointer; margin-bottom: 0;}
.block_faq li p { display: none;}
.block_bnr .cap{ margin-top: 10px;font-size: 75%;line-height: 1.2;}
.block_txt.link_full .column_data { position: relative;}
.block_txt.link_full .column_data a { text-decoration: none;}
.block_txt.link_full .column_data a:before { content:""; position: absolute; top:0; left:0; right:0; bottom:0;}

.t_center, .t_center * { text-align: center !important;}


/*-----投稿一覧ページ設定-----*/
.block_pst .cat { line-height: 1.2;}
.block_pst .tag { line-height: 1.3;}
.block_pst .tag:before {content: "\f02b" " "; font-family: FontAwesome;font-size: 110%; vertical-align: middle;}
.block_pst .tag a:not(:last-child):after { content: ", "; font-family: "メイリオ", sans-serif;}
.block_pst .news_link { text-align: right;}
.block_pst .news_title {font-weight: bold; line-height: 1.3;}

/*リスト形式*/
.block_pst.type_list .column_data{ display: flex; 
-webkit-flex-direction: row;flex-direction: row;
-webkit-flex-wrap: wrap;flex-wrap: wrap;
-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-align-items: stretch;align-items: stretch;}
.block_pst.type_list .news_date { white-space: nowrap;}
/*記事形式*/
.block_pst.type_article .body .lead br { display: none;}
/*アルバム形式*/
.block_pst.type_album .column_data { position: relative; border: 1px solid; background: #fff;}
.block_pst.type_album .thumb { position: relative; padding-bottom: 60%; overflow: hidden;}
.block_pst.type_album .col_2 .thumb { padding-bottom: 50%;}
.block_pst.type_album .thumb img { position: absolute; top: -100%; bottom: -100%; margin: auto;}
.block_pst.type_album .body { padding: 3% 3% 6%;}
.block_pst.type_album .cat { position: absolute; left: 0; top: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 94%; margin: 3%;}
.block_pst.type_album .news_date { font-size: 70%; text-align: right;}
.block_pst.type_album .news_link { border-top: 1px solid #000; padding-top: 15px;}
.block_pst.type_album .news_title { font-weight: bold; max-height: 3.5em; position: relative; overflow: hidden;}
.block_pst.type_album .news_title a:after { content:""; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); position: absolute; top:0; left:0; height: 3.5em; width: 100%;}
.block_pst.type_album .body > .news_title:not(:last-child) { margin-bottom: 10px;}


/*-----投稿詳細ページ設定-----*/

/*基本情報*/
.post_head .data {  font-size: 90%; list-style-type: none; margin-bottom: 10px;}
.post_head .data > * {display: inline-block;}
.post_head .data .cat {margin-right: 1%; font-size: 75%;}
.post_head .data .cat a{ padding: 3px 8px;}
.post_head .tag { font-size: 80%; margin-top: 10px;}
.post_head .tag:before {content: "\f02b" " "; font-family: FontAwesome;font-size: 110%; vertical-align: middle;}
.post_head .tag a{ display: inline-block; text-decoration: none;}
.post_head .tag a:not(:last-child):after { content: "," " "; font-family: "メイリオ", sans-serif; white-space: pre;}
.post_head .photo img { width: 100%;}

/*目次*/
.post_toc dt { font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; padding: 0 20px 10px; box-shadow: 0 1px 0 0 #f9f9f9;}
.post_toc dd.large { counter-increment: dd; position:relative; padding-left: 2em;}
.post_toc dd.large:before {content: counter(dd) ".";font-size: 1.4em;line-height: 1;font-weight: bold;position: absolute;top: 0.05em;left: 0;}
.post_toc dd.medium {list-style-type: circle; display: list-item; font-size: 0.9em;}
.post_toc dd.large + .large { margin-top: 10px;}
.post_toc dd.medium + .large { margin-top: 18px;}
.post_toc dd.large + .medium { margin-top: 10px;}
.post_toc a { text-decoration: none;}
.post_toc dd br { display: none;}

/*テキストブロック 表示オプション*/
.post_body .title_large {padding: 0 0 10px 20px; border-bottom-width: 1px; border-bottom-style: solid;}
.post_body .title_large h2 { position: relative;}
.post_body .title_large h2:before {    content: "";width: 4px;height: calc(100% - 0.2em);position: absolute;left: -20px;top: 0;bottom: 0;margin: auto;}
.post_body .change_order{ display: flex; -webkit-flex-direction: column;flex-direction: column;}
.post_body .change_order .ph,
.post_body .change_order .media { order: 1;}

/*筆者*/
.post_author .profile{ list-style-type: none;}
.post_author .profile li.name{ margin-bottom: 10px;font-weight: bold;}
.post_author .profile li.desc{ font-size: 90%;}

/*関連記事*/
.post_related .title { font-weight: bold; margin-bottom: 15px;}
.post_related .news_title { font-size: 90%;}
.post_related .news_title a{ text-decoration: none;}
.post_related .news_date { font-size: 75%;}


/*-----投稿サイドバー-----*/

body.post [id^=cont_side] h2 { font-size: inherit; margin-bottom: 20px;}
body.post [id^=cont_side] a{ text-decoration: none;}
/*カテゴリーリスト*/
body.post [id^=cont_side] .dcw > li > a { display: block; position: relative; border-top-width: 1px; border-top-style: solid; padding: 10px 10px 10px 30px;}
body.post [id^=cont_side] .dcw > li > a:before { content: "\f107"; font-family: FontAwesome; position: absolute; left: 10px; top:1em; height: 1em; line-height: 1; }
body.post [id^=cont_side] .dcw > li:first-child > a { border: none; padding-top: 0;}
body.post [id^=cont_side] .dcw > li:first-child > a:before { top:calc(1em - 10px)}
body.post [id^=cont_side] .dcw > li > a:first-child:last-child:before {    content: "\f105";}
body.post [id^=cont_side] .dcw .children { padding-left: 25px; border-top-width: 1px; border-top-style: solid;}
body.post [id^=cont_side] .dcw .children .children { padding-left: 10px;}
body.post [id^=cont_side] .dcw .children li a { border-top-width: 1px; border-top-style: solid;display: block; padding: 10px;}
body.post [id^=cont_side] .dcw .children li:first-child a { border: none;}
body.post [id^=cont_side] [class*=dcw_] { float: none !important; width: auto !important;}/*ウィジェットのCSSを上書き*/
/*投稿リスト系（新着・人気記事）*/
body.post [id^=cont_side] .news_list li { margin-bottom: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; position: relative;}
body.post [id^=cont_side] .news_list li:first-child { border: none; padding: 0;}
body.post [id^=cont_side] .news_list li > .thumb ~ * { margin-left: 70px !important;}/*サムネがある時のテキスト左マージン*/
body.post [id^=cont_side] .news_list li > .thumb {width: 60px; height: 60px; float: left; margin: 0 10px 0 0; overflow: hidden; position: relative;}
body.post [id^=cont_side] .news_list li > .thumb img { display: block;}
body.post [id^=cont_side] .news_list li > .thumb img[src*=ytimg] { height: 60px;max-width: none;position: absolute;left: -100%;right: -100%;margin: auto;}
body.post [id^=cont_side] .news_list li:after { content: ""; display: block; height: 1px; clear: both;}
body.post [id^=cont_side] .news_list li .news_title { word-break: break-all;}
body.post [id^=cont_side] .news_list li .news_title a:after { content:""; position: absolute; top:0; left:0; bottom:0; right:0;}
body.post [id^=cont_side] .news_list li .data { font-size: 10px; line-height: 1.5;}
body.post [id^=cont_side] .news_list li .data > span { display: inline-block; margin-right: 5px; margin-top: 2px;}
body.post [id^=cont_side] .news_list li .data .view{ border-width: 1px; border-style: solid;padding: 0 3px;}
body.post [id^=cont_side] .news_list li .data .cat a { color: inherit;}
body.post [id^=cont_side] .popular li {  border-top-width: 1px; border-top-style: solid; counter-increment: rank;}
body.post [id^=cont_side] .popular li:before {content: counter(rank);width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;position: absolute; z-index: 1;top: 10px;left: 0;}
body.post [id^=cont_side] .popular li:first-child { border: none; padding: 0;}
body.post [id^=cont_side] .popular li:first-child:before { top: 0;}
body.post [id^=cont_side] .popular li:first-child:before,
body.post [id^=cont_side] .popular li:nth-child(2):before,
body.post [id^=cont_side] .popular li:nth-child(3):before { font-weight: bold;}
body.post [id^=cont_side] .popular li > *:not(.thumb) { margin-left: 30px;}/*サムネが無い時のテキスト左マージン*/
/*タグクラウド*/
body.post [id^=cont_side] .tagcloud a{ display: inline-block; font-size: 100% !important; border-width: 1px; border-style: solid; padding: 5px; margin-bottom: 3px;}
/*SNSリンク*/
body.post [id^=cont_side] .sns_link li:not(:last-child) { margin-bottom: 5px;}
body.post [id^=cont_side] .sns_link li a { border-width:1px; border-style: solid; padding: 10px 30px 10px 10px; display: block; position: relative;}
body.post [id^=cont_side] .sns_link li a:after {content: "\f105"; font-family: FontAwesome; position: absolute; right: 10px; top:0; bottom:0; margin: auto; height: 1em; line-height: 1;}
body.post [id^=cont_side] .sns_link [class*=logo_] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 15px;}
body.post [id^=cont_side] .sns_link [class*=logo_] svg { display: block;}
body.post [id^=cont_side] .sns_link .label { display: inline-block;}
/*問い合わせ*/
body.post [id^=cont_side] .contact_box { text-align: center; border-width:1px; border-style: solid; padding: 10px;}
body.post [id^=cont_side] .contact_box .message { margin-bottom: 5px;}
body.post [id^=cont_side] .contact_box .tel a { font-size: 26px; display: block; line-height: 1;}
body.post [id^=cont_side] .contact_box .tel a:before {content: "\f095" " "; font-family: FontAwesome; font-size: 22px;}
body.post [id^=cont_side] .contact_box .button a {display: block; padding: 10px;}
body.post [id^=cont_side] .contact_box .button a:before { content: "\f0e0" " "; font-family: FontAwesome;}
body.post [id^=cont_side] .contact_box .hour { font-size: 10px; margin-bottom: 10px;}


/*投稿関係 固定のカラー*/
.post_author, .post_toc { background: #eee;}
body.post [id^=cont_side] .popular li:before {background: #666;}
#cont_body .cat a, .free_button a,
body.post [id^=cont_side] .popular li:before,
body.post [id^=cont_side] .contact_box .button a{ color: #fff !important;}
.post_head .data .news_date, 
.post_head .tag,
.post_related .news_date, 
body.post [id^=cont_side] .latest .news_date, 
body.post [id^=cont_side] .latest .cat,
body.post [id^=cont_side] .popular .view,
body.post [id^=cont_side] .popular .cat,
body.post [id^=cont_side] .popular .news_date,
.block_pst .tag,
.block_pst.type_album .news_date { color: #999;}
body.post [id^=cont_side] .dcw > li > a:before,
body.post [id^=cont_side] .sns_link li a:after {color:#666;}
.post_toc dt,
.post_body .title_large,
body.post [id^=cont_side] .dcw > li > a,
body.post [id^=cont_side] .news_list li,
body.post [id^=cont_side] .news_list li .data .view,
body.post [id^=cont_side] .popular li,
body.post [id^=cont_side] .tagcloud a,
body.post [id^=cont_side] .sns_link li a,
body.post [id^=cont_side] .contact_box,
body.post #cont_body,
body.post [id^=cont_side],
.block_pst.type_album .column_data,
.block_pst .column.col_1 .column_data { border-color: #ccc;}
body.post [id^=cont_side] .dcw .children,
body.post [id^=cont_side] .dcw .children li a {border-color: #eee;}



/*PC、タブレット用設定*/
/*----------------------------*/
@media screen and (min-device-width: 641px) {

main { display: block;/*IE不具合修正*/}
#wrapper{ min-width: 960px;}
#eyecatch { clear: both; padding: 0;}
#eyecatch .for_sp { display: none;}
[id^=path_] ol { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8rem;}
[id^=path_] li { display: inline-block;}
#footer_body .column { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
#footer_body .column:not(.col_1) { margin-left: 0; margin-right: 0;}
#footer_body .column_data:not(:first-child) { width: auto;}/*改良の余地あり*/
#footer_body .col_2 .column_data:not(:first-child){max-width: calc((100% - 3.125%)/2);} 
#footer_body .col_3 .column_data:not(:first-child){max-width: calc((100% - 6.25%)/3);} 
#footer_body .col_4 .column_data:not(:first-child){max-width: calc((100% - 9.375%)/4);} 
#footer_body .column_data:nth-child(2) { margin-left: auto;}
body.post #cont_body, body.post [id^=cont_side] { margin-top: 20px; margin-bottom: 80px;}
body.post #contents .inner { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; }


.inner:after{content: ""; display: block; clear: both; visibility:hidden;}
header.style_4 .inner:after{ display: none;}



/*-----サイトの幅-----*/

#header_body .inner, 
#page_title .inner, 
#path_pc .inner,
#contents .inner, 
footer .inner{ min-width: 960px;}

/*full_widthの時*/
#header_body.full_width .inner, 
#page_title.full_width .inner, 
#page_title.full_width + #path_pc .inner, 
#contents.full_width .inner, 
footer.full_width .inner{margin: auto;/* max-width: 960px;*/}

body.full_width #header_body.inherit .inner, 
body.full_width #page_title.inherit .inner, 
body.full_width #page_title.inherit + #path_pc .inner, 
body.full_width #contents.inherit .inner, 
body.full_width footer.inherit .inner,
body.full_width.post #path_pc .inner,
body.full_width[class*="archive-style_"] #path_pc .inner{margin: auto;/* max-width: 960px;*/}

/*cont_widthの時*/
#header_body.cont_width, 
#page_title.cont_width, 
#page_title.cont_width + #path_pc, 
#contents.cont_width, 
footer.cont_width,
#eyecatch.cont_width{margin: auto;/* max-width: 960px;*/}

body.cont_width #header_body.inherit, 
body.cont_width #page_title.inherit, 
body.cont_width #page_title.inherit + #path_pc, 
body.cont_width #contents.inherit, 
body.cont_width footer.inherit,
body.cont_width.post #path_pc,
body.cont_width[class*="archive-style_"] #path_pc{margin: auto;/* max-width: 960px;*/}

/*liquidの時*/
#header_body.liquid .inner, 
#page_title.liquid .inner, 
#page_title.liquid + #path_pc .inner, 
#contents.liquid .inner, 
footer.liquid .inner{margin: auto; width: 80%;}

body.liquid #header_body.inherit .inner, 
body.liquid #page_title.inherit .inner, 
body.liquid #page_title.inherit + #path_pc .inner, 
body.liquid #contents.inherit .inner, 
body.liquid footer.inherit .inner,
body.liquid.post #path_pc .inner,
body.liquid[class*="archive-style_"] #path_pc .inner{margin: auto; width: 80%;}


header.overlay #eyecatch { width: 100%;}


/*-----アイキャッチとヘッダーを重ねる(画面の縦横にフィット)-----*/
body#home header.overlay #header_body { position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 1;}
/*開発中
header.overlay #eyecatch .for_pc { position: relative; overflow: hidden;}
header.overlay #eyecatch .for_pc { background-image:url(http://test.tsuruoka-mfg.jp/wp1/wp-content/uploads/2f35d356a261a5443e8b2a4ee0189c73_s-1.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100vh; min-height: 500px;}
header.overlay #eyecatch .for_pc img{ max-height: 80vw; max-width: 80vw; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;}*/


/*-----パララックス効果(背景画像をフィックス)-----
#eyecatch.fixed .for_pc { background-attachment: fixed;}*/





/*-----ブロックの幅-----*/

body:not(.post) #cont_body { width: 100%; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: flex-start; align-content: flex-start; }

[class^=block_] .inner_padding,
[id*=cont_footer] .inner_padding,
body.post #cont_body > [class^=post_] .inner_padding,
body.post [id^=cont_side] .inner_padding{ padding-left: 15px; padding-right: 15px;}

.one_half { width: 50%;}
.one_third { width: 33.33%;}
.two_third  { width: 66.67%;}
.full { width: 100%;}



/*-----ブロック間マージン調整-----*/
/*通常のブロック間マージン*/
[class^=block_] .inner_padding > *:not(.column):first-child { margin-top: 30px;}
/*ページ冒頭のマージン値*/
[class^=block_]:first-child .inner_padding > h2:not(.column):first-child,/*1番目のブロックは全て該当*/
[class^=block_]:first-child:not(.full) + [class^=block_] .inner_padding > h2:not(.column):first-child,/*1番目がfullでない時、2番目も該当*/
[class^=block_]:first-child.one_third + .one_third + .one_third .inner_padding > h2:not(.column):first-child/*one_thirdが3つ並ぶ時、3番目も該当*/
{ margin-top: 30px;}
/*背景付きブロックのマージン値変更*/
[class^=block_][class*=bg_] .inner_padding > *:first-child { margin-top: 0px !important;}
[class^=block_][class*=bg_] + [class*=bg_]{ margin-top: 0 !important;}
    
    
/*-----ブロック内カラム-----*/

/*ブロック内のコンテンツ間マージン*/
[class^=block_] .inner_padding > *:not(.column):not(h2) { margin-top: 30px;}
/*リピート要素間のマージン設定*/
[class^=block_].full .column_data { margin-top: 30px;}/*通常のリピート要素間マージン*/
[class^=block_]:not(.full) .column_data { margin-top: 15px;}/*カラム構成ブロック内のリピート要素間マージン*/
/*リピート要素内の各アイテム間マージン設定*/
[class^=block_].full:not(.block_pst) .column .column_data > *:not(:last-child) { margin-bottom: 15px;}/*通常のアイテム間マージン*/
[class^=block_]:not(.full):not(.block_pst) .column .column_data > *:not(:last-child) { margin-bottom: 10px;}/*カラム構成ブロック内のアイテム間マージン*/


.column { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: flex-start; align-content: flex-start; }
 
.column_data { width: 100%;}

.column:not(.col_1) { margin-left: -1.5%; margin-right: -1.5%;}
.col_2 .column_data { width: calc((100% - 6%)/2); margin-left: 1.5%; margin-right: 1.5%;}
.col_3 .column_data { width: calc((100% - 9%)/3); margin-left: 1.5%; margin-right: 1.5%;}
.col_4 .column_data { width: calc((100% - 12%)/4); margin-left: 1.5%; margin-right: 1.5%;}

.block_flw .col_2 { margin-left: -3%; margin-right: -3%;}
.block_flw .col_3 { margin-left: -2%; margin-right: -2%;}
.block_flw .col_4 { margin-left: -1.5%; margin-right: -1.5%;}
.block_flw .col_2 .column_data { width: calc((100% - 12%)/2); margin-left: 3%; margin-right: 3%;}
.block_flw .col_3 .column_data { width: calc((100% - 12%)/3); margin-left: 2%; margin-right: 2%;}
.block_flw .col_4 .column_data { width: calc((100% - 12%)/4); margin-left: 1.5%; margin-right: 1.5%;}


/*-----写真レイアウト-----*/

/*左寄せ*/
.ph-style_1 .ph,
.ph-style_1 .media{ float: left; margin-right: 3.5%;}
/*右寄せ*/
.ph-style_2 .ph,
.ph-style_2 .media{ float: right; margin-left: 3.5%;}
/*中央寄せ*/
.ph-style_3 .ph,
.ph-style_3 .media{ text-align: center; overflow: hidden;}
/*左右交互*/
[class^=block_]:not(.side_change) .ph-style_4 .column_data:nth-child(odd) .ph,
[class^=block_]:not(.side_change) .ph-style_4 .column_data:nth-child(odd) .media{ float: left; margin-right: 3.5%;}
[class^=block_]:not(.side_change) .ph-style_4 .column_data:nth-child(even) .ph,
[class^=block_]:not(.side_change) .ph-style_4 .column_data:nth-child(even) .media{ float:right; margin-left: 3.5%;}
/*左右交互(開始サイドを入れ替える)*/
[class^=block_].side_change .ph-style_4 .column_data:nth-child(even) .ph,
[class^=block_].side_change .ph-style_4 .column_data:nth-child(even) .media{ float: left; margin-right: 3.5%;}
[class^=block_].side_change .ph-style_4 .column_data:nth-child(odd) .ph,
[class^=block_].side_change .ph-style_4 .column_data:nth-child(odd) .media{ float:right; margin-left: 3.5%;}

/*写真下へのテキスト回り込みを解除*/
[class*=ph-style_]:not(.ph-style_3) .text,
[class*=ph-style_]:not(.ph-style_3) .btn{ overflow: hidden;}



/*-----写真サイズ-----*/

/*中央寄せの写真*/
[class^=block_] .ph-style_3:not(.col_1) .ph{ width: 100%; position: relative; padding-bottom: 70%;}
[class^=block_] .ph-style_3:not(.col_1) .ph img{ left: -100%; position: absolute; right: -100%; top: -100%; bottom: -100%; margin: auto;}

	/*カラム表示の時、写真の表示枠サイズにフィット（cover）*/
	/*[class^=block_]:not(.ph_reset) .ph-style_3:not(.col_1) .ph{ margin-right: auto; margin-left: auto;}*/
	[class^=block_]:not(.ph_reset) .ph-style_3:not(.col_1) .ph img{width: auto; height: 100%; max-width: none;}
	[class^=block_]:not(.ph_reset) .ph-style_3:not(.col_1) .ph img.vertical { width: 100%; height: auto;}
	/*カラム表示の時、写真の表示枠サイズ内に収める（contain）*/
	[class^=block_].ph_reset .ph-style_3:not(.col_1) .ph img { max-height: 100%;}

	/*-----コーディングヒント-----*/
	/*-----中央寄せの写真にも大・中・小のサイズ変更を入れる場合-----*/
	/*.ph-style_3.ph-size_1.col_1 .ph img{width: 100%; display: block;}
	.ph-style_3.ph-size_2.col_1 .ph img{width: 80%; display: block; margin: auto;}
	.ph-style_3.ph-size_3.col_1 .ph img{width: 60%; display: block; margin: auto;}
	
	.ph-style_3.ph-size_1:not(.col_1) .ph{ width: 100%; padding-bottom: 70%; margin-right: auto; margin-left: auto;}
	.ph-style_3.ph-size_2:not(.col_1) .ph{ width: 80%; padding-bottom: 55%; margin-right: auto; margin-left: auto;}
	.ph-style_3.ph-size_3:not(.col_1) .ph{ width: 60%; padding-bottom: 42%; margin-right: auto; margin-left: auto;}
	.ph-style_3:not(.col_1) .ph img{width: auto; height: 100%; max-width: none; left: -100%; position: absolute; right: -100%; margin: auto;}
	*/

/*中央寄せ以外の写真*/
:not(.ph-style_3).ph-size_1.col_1 .ph,
:not(.ph-style_3).ph-size_1.col_1 .media {width: calc(50% - 15px);}
:not(.ph-style_3).ph-size_2.col_1 .ph,
:not(.ph-style_3).ph-size_2.col_1 .media {width: 35%;}
:not(.ph-style_3).ph-size_3.col_1 .ph,
:not(.ph-style_3).ph-size_3.col_1 .media {width: 20%;}

:not(.ph-style_3).ph-size_1.col_2 .ph,
:not(.ph-style_3).ph-size_1.col_2 .media {width: calc(50% - 15px);}
:not(.ph-style_3).ph-size_2.col_2 .ph,
:not(.ph-style_3).ph-size_2.col_2 .media {width: 35%;}
:not(.ph-style_3).ph-size_3.col_2 .ph,
:not(.ph-style_3).ph-size_3.col_2 .media {width: 30%;}



/*-----ブロック個別設定-----*/

.block_tbl .note { margin-top: 15px;}
.block_faq li h3.active { margin-bottom: 15px;}
.block_faq li:not(:last-child) { margin-bottom: 30px;}
.block_gmp [class*=map-style] { overflow: hidden; width: 100%;}
.block_gmp .shopinfo { overflow: hidden;}
.block_gmp .map-style_1 .acf-map{ float: left; margin:0; margin-right: 3.5%; width: 50%;}/*左寄せ*/
.block_gmp .map-style_2 .acf-map{ float: right; margin:0; margin-left: 3.5%; width: 50%;}/*右寄せ*/
.block_gmp .map-style_3 .acf-map{ margin:0; text-align: center; width: 100%;}/*中央寄せ*/
.block_gmp .map-style_3 .shopinfo { margin-top: 15px;}
.block_txt.link_full .column_data .ph:after { content:""; position: absolute; top:0; left:0; right:0;transition: 0.5s linear; width: 100%;height: 100%;margin: auto;}
/*.block_txt.link_full .column_data:hover .ph:after { background: rgba(255,255,255,0.50);}*/
.block_txt.link_full .column_data h3 {transition: opacity 0.5s linear;}
.block_txt.link_full .column_data:hover h3 { opacity: 0.7;}
.block_txt.wrap_around .column:not(.ph-style_3) .text{ overflow: visible;}
.block_txt.wrap_around .column:not(.ph-style_3) .text h3{ overflow: hidden;}
.block_txt.wrap_around .column:not(.ph-style_3) .ph{ margin-bottom: 20px;}

/*-----投稿一覧の設定-----*/

.block_pst .thumb img { display: block;}
.block_pst .news_link { margin-top: 15px;}
.block_pst .column a { text-decoration: none;}
.block_pst .tag,.block_pst .cat{ font-size: 70%;}
.block_pst .cat a { padding: 3px 8px; text-align: center; display: inline-block; min-width: 5em;}
.block_pst:not(.full) .cat { line-height: 1;}
.block_pst:not(.full) .cat a { padding: 2px 8px;}
.block_pst.two_third .column { font-size: 90%;}
.block_pst.one_half .column { font-size: 85%;}
.block_pst.one_third .column { font-size: 80%;}
.block_pst .column.col_1 .column_data {border-bottom-width: 1px; border-bottom-style: solid; position: relative;}

/*記事スタイル一覧*/
.block_pst.type_article .column_data { overflow: hidden;}
.block_pst.type_article .thumb { float: left; width: 30%; margin-right: 3.5%;}
.block_pst.type_article .body{ overflow: hidden;}
.block_pst.type_article .body > *:not(:last-child){ margin-bottom: 2%;}
.block_pst.type_article.full .column_data {padding-bottom: 30px;}
.block_pst.type_article:not(.full) .column_data {padding-bottom: 15px;}
.block_pst.type_article.one_third .thumb { width: 32%; float: right; margin-left: 3.5%; margin-bottom: 2%; overflow:hidden;}
.block_pst.type_article.one_third .thumb a { margin-left: -20%;margin-right: -20%;display: block;}
.block_pst.type_article.one_third .body { overflow: visible;}
.block_pst.type_article .cat,
.block_pst.type_article .news_date{ display: inline-block;}
.block_pst.type_article .cat{ margin-right: 1%;}
.block_pst.type_article .news_date { font-size: 90%;}
.block_pst.type_article.full .cat a { min-width: 70px;}
.block_pst.type_article.full .news_title a {font-size: 140%; }
.block_pst.type_article .news_title a:hover:after { text-decoration: none; opacity: 0.7; }
.block_pst.type_article:not(.full) .lead { font-size: 70%; line-height: 1.3;}

/*リストスタイル一覧*/
.block_pst.type_list .news_date { font-size: 85%;}
.block_pst.type_list.full .column { margin-top: 10px;}
.block_pst.type_list.full .column:first-child { margin-top: 20px;}
.block_pst.type_list.full .column_data{ display: flex; margin-top: 20px; padding-bottom: 15px;}
.block_pst.type_list.full .news_date,
.block_pst.type_list.full .cat{ width: 135px; padding-right: 30px;}
.block_pst.type_list.full .cat a{width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; padding: 3px 0;}
.block_pst.type_list.full .tag{ margin-left: auto; margin-top: 5px;}
.block_pst.type_list.full .news_title:nth-child(1),
.block_pst.type_list.full .tag:nth-child(2){ width: 100%;}
.block_pst.type_list.full .news_title:nth-child(2),
.block_pst.type_list.full .tag:nth-child(3){ width: calc(100% - 135px);}
.block_pst.type_list.full .news_title:nth-child(3),
.block_pst.type_list.full .tag:nth-child(4){ width: calc(100% - 135px - 135px);}
.block_pst.type_list:not(.full) .column_data { padding-bottom: 15px;}
.block_pst.type_list:not(.full) .column_data > *:not(:last-child){ margin-bottom: 2%;}
.block_pst.type_list:not(.full) .news_date{ line-height: 1.3;}
.block_pst.type_list:not(.full) .column_data .news_title { width: 100%}
.block_pst.type_list:not(.full) .cat { order: -1; margin-right: 5px;}

/*アルバムスタイル一覧*/
.block_pst.type_album.two_third .column { font-size: 85%;}
.block_pst.type_album.one_half .column { font-size: 83%;}
.block_pst.type_album.one_third .column { font-size: 62%;}
.block_pst.type_album.full .col_2 .column_data  { font-size: 110%;}
.block_pst.type_album .col_3 .column_data  { font-size: 85%;}
.block_pst.type_album .col_4 .column_data  { font-size: 75%;}
.block_pst.type_album .body{ line-height: 1.3;}
.block_pst.type_album .body > *:not(:last-child) { margin-bottom: 2%;}
.block_pst.type_album.full .col_2 .cat a{min-width: 100px;}
.block_pst.type_album .col_3 { margin-left: -1%; margin-right: -1%;}
.block_pst.type_album .col_3 .column_data { width: calc((100% - 6%)/3); margin-left: 1%; margin-right: 1%;}
.block_pst.type_album .col_4 { margin-left: -0.5%; margin-right: -0.5%;}
.block_pst.type_album .col_4 .column_data { width: calc((100% - 4%)/4); margin-left: 0.5%; margin-right: 0.5%;}
.block_pst.type_album.full .news_link { padding-top: 30px;}



/*-----投稿ページ設定-----*/
body.post #cont_body:not(.with_sidebar) { margin-left: auto; margin-right: auto; width: 100%; padding: 4% 2.5%;}
body.post #cont_body.with_sidebar {width:70%; max-width: 800px; box-sizing: content-box; border-right: none !important;}
body.post [id^=cont_side] {font-size: 14px;border-left: none !important;flex-grow: 2; width: 1px;}
body.post #cont_body > div { max-width: 800px; margin-left: auto; margin-right: auto;}
body.post #cont_body > [class^=post_]:not(:last-child) { margin-bottom: 4%;}

/*基本情報*/
.post_head .page_title h2 {font-size: 180%;}
.post_head .photo { margin-top: 30px;}
.post_head .lead { margin-top: 10px;}
/*目次*/
.post_toc { padding: 20px 0 30px;}
.post_toc dt {font-size: 1.5em; margin: 0 0 20px;}
.post_toc dd { margin-left: 30px; margin-right: 30px;}
.post_toc dd.medium { margin-left: 90px; }
.post_toc dd:not(:first-child) { margin-top: 8px;}
/*メインコンテンツのマージン調整*/
.post_body .title_large{ margin-top: 60px;}
.post_body .title_medium,
.post_body .title_small{ margin-top: 45px;}
.post_body .title_smallest{ margin-top: 35px;}
.post_body [class^=body],
.post_body .ph,
.post_body .media,
.post_body [class^=body_]:not([class*=ph-style_]) .text,
.post_body [class^=body_]:not([class*=ph-style_3]) .text{ margin-bottom: 15px;}
.post_body [class^=title],
.post_body .ph-style_3 .ph,
.post_body .ph-style_3 .media { margin-bottom: 30px;}
.post_body [class*=_small]{ margin-left: 15px;}
.post_body [class*=_smallest]{ margin-left: 35px;}
.post_body [class^=body_]{overflow: hidden;}/*マージンの親子による重なりを解除する為の処置*/
/*タイトルブロック体裁*/
.post_body h2 { font-size: 145%;}
.post_body h3 { font-size: 125%;}
.post_body h4 { font-size: 115%;}
.post_body h5 { font-size: 100%;}
.post_body .body_medium { font-size: 95%;}
.post_body .body_small { font-size: 90%;}
.post_body .body_smallest { font-size: 85%;}
/*テキストブロック体裁*/
.post_body .body[class*=ph-style_]:not(.ph-style_3) .ph,
.post_body .body[class*=ph-style_]:not(.ph-style_3) .media,
.post_body .body_large[class*=ph-style_]:not(.ph-style_3) .ph,
.post_body .body_large[class*=ph-style_]:not(.ph-style_3) .media{width: 40%;}
.post_body .body_medium[class*=ph-style_]:not(.ph-style_3) .ph,
.post_body .body_medium[class*=ph-style_]:not(.ph-style_3) .media{width: 30%;}
.post_body .body_small[class*=ph-style_]:not(.ph-style_3) .ph,
.post_body .body_small[class*=ph-style_]:not(.ph-style_3) .media{width: 25%;}
.post_body .body_smallest[class*=ph-style_]:not(.ph-style_3) .ph,
.post_body .body_smallest[class*=ph-style_]:not(.ph-style_3) .media{width: 20%;}
/*テキストブロック 表示オプション*/
.post_body .wrap_around .text { overflow: visible !important;}
.post_body .change_order .ph,
.post_body .change_order .media { margin-top: 30px; margin-bottom: 0;}
/*筆者*/
.post_author { padding: 30px; display: table; width: calc(100% - 30px);}
.post_author .thumb { display: table-cell; vertical-align: top; width: 100px;padding-right: 20px;}
.post_author .profile{ display: table-cell; vertical-align: middle;}
/*関連記事*/
.post_related .column_data:nth-child(n + 5){ margin-top: 20px;}

.post_author, .post_toc {width: calc(100% - 30px); max-width: 770px !important;}

#cont_body > .inner_padding { width: 100%;}/*アーカイブなど、自動生成のページ*/



}
/*-----投稿ページ設定（追加）-----*/
@media screen and (min-width:1110px) {
body.post.full_width #contents .inner { min-width: 1040px;}
body.post #cont_body,body.post [id^=cont_side] {border-width: 1px; border-style: solid;}
}


/*スマホ用設定*/
/*----------------------------*/
@media screen and (max-device-width: 640px) {

* { -webkit-text-size-adjust: 100%;}
#wrapper { width: 100%;}
#eyecatch .slidePrev { padding: 4%; width: 0; height: 0; left: 4%;}
#eyecatch .slideNext { padding: 4%; width: 0; height: 0; right: 4%;}
[id^=path_] { font-size: 65%;}
[id^=path_] li { display: inline;}
main p:not(:last-child) { margin-bottom: 10px;} 
main h1 { font-size: 140%;}
main h2 { font-size: 120%;}
main h3 { font-size: 115%;}
main h4, main h5, main h6 { font-size: 100%;}
#cont_body {width: 100% !important;}
#footer_body .logo,
#footer_body .adress { text-align: center;}
.inner_padding { padding-left: 10px; padding-right: 10px;}


/*-----ブロック間マージン調整-----*/
[class^=block_]:not(:first-child) h2 { margin-top: 50px;}

/*-----ブロック内カラム-----*/
/*ブロック内のコンテンツ間マージン*/
[class^=block_] .inner_padding > *:not(.column):not(h2):not(:first-child) { margin-top: 15px;}
/*リピート要素間のマージン設定*/
[class^=block_] .column_data { margin-top: 15px;}
/*リピート要素内の各アイテム間マージン設定*/
[class^=block_]:not(.block_pst) .column .column_data > *:not(:last-child),
[class^=block_]:not(.block_pst) .column .column_data .title:not(:last-child){ margin-bottom: 10px;}/*通常のアイテム間マージン*/


/*-----ブロック個別設定-----*/
.block_txt:not(.sp_layout_reset) .column:not(.col_4) .column_data{ display: flex; -webkit-flex-direction: column;flex-direction: column;}
.block_txt:not(.sp_layout_reset) .column:not(.col_4) .column_data .ph{ order: 1;}
.block_txt:not(.sp_layout_reset) .column:not(.col_4) .column_data .btn{ order: 2;}
.block_txt:not(.sp_layout_reset) .column.col_4 {display: flex;
-webkit-flex-direction: row;flex-direction: row;
-webkit-flex-wrap: wrap;flex-wrap: wrap;
-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-align-items: stretch;align-items: stretch;
-webkit-align-content: flex-start;align-content: flex-start;}
.block_txt:not(.sp_layout_reset) .column.col_4 .column_data { width: calc((100% - 3.125%)/2); margin-right: 3.11%; /*margin-bottom: 3.11%;*/}
.block_txt:not(.sp_layout_reset) .column.col_4 .column_data:nth-child(2n) { margin-right: 0 !important;}	
.block_txt:not(.sp_layout_reset):not(.ph_reset) .column.col_4 .column_data .ph {width: 100%;padding-bottom: 70%;margin-right: auto;margin-left: auto;position: relative; overflow: hidden;}
.block_txt:not(.sp_layout_reset):not(.ph_reset) .column.col_4 .column_data .ph img{width: auto; height: 100%; max-width: none; left: -100%; position: absolute; right: -100%; top: -100%; bottom: -100%; margin: auto;}
.block_txt:not(.sp_layout_reset):not(.ph_reset) .column.col_4 .column_data .ph img.vertical { width: 100%; height: auto;}
.block_faq li h3.active { margin-bottom: 10px;}
.block_faq li:not(:last-child) { margin-bottom: 10px;}
.block_tbl:not(.table_overflow) thead{display: none;}
.block_tbl:not(.table_overflow) thead + tbody td:before {content: attr(data-thead) " ";}
.block_tbl:not(.table_overflow) table,
.block_tbl:not(.table_overflow) tbody,
.block_tbl:not(.table_overflow) thead,
.block_tbl:not(.table_overflow) tr,
.block_tbl:not(.table_overflow) th,
.block_tbl:not(.table_overflow) td{display: block;}
.block_tbl.table_overflow { overflow-x: auto; white-space: nowrap;} 
.block_tbl.table_overflow::-webkit-scrollbar{ height: 10px;}
.block_tbl.table_overflow::-webkit-scrollbar-track{ background: #F1F1F1; margin: 10px; border-radius: 5px;}
.block_tbl.table_overflow::-webkit-scrollbar-thumb {background: #BCBCBC; border-radius: 5px;}
.block_frm thead{display: none;}
.block_frm table,
.block_frm tbody,
.block_frm thead,
.block_frm tr,
.block_frm th,
.block_frm td{display: block; width: 100%;}


/*-----投稿一覧設定-----*/
.block_pst .cat a { padding: 1px 8px; display: inline-block; margin-bottom: 3px;}
.block_pst .cat {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block_pst .news_date { line-height: 1; font-size: 70%;}
.block_pst .news_title { font-weight: bold;}
.block_pst .tag,.block_pst .cat{ font-size: 65%;}
.block_pst .column_data:last-child { margin-bottom: 20px;}
.block_pst a { text-decoration: none;}
.block_pst .body > *:not(:last-child) { margin-bottom: 5px;}
.block_pst:not(.type_album) .column_data {padding-bottom: 15px;}
.block_pst .thumb img { display: block; width: 100%;}
/*スタイル別設定*/
.block_pst.type_article .thumb { width: 32%; float: left; margin-right: 3.5%; margin-bottom: 1%; overflow:hidden;}
.block_pst.type_article .thumb a { margin-left: -20%;margin-right: -20%;display: block;}
.block_pst.type_article .body{ display: flex; flex-direction: column;}
.block_pst.type_article .lead { font-size: 65%; max-height: 3.5em; position: relative; overflow: hidden; line-height: 1.3;}
.block_pst.type_article .lead:after { content:""; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); position: absolute; top:0; left:0; height: 3.5em; width: 100%;}
.block_pst.type_article .lead:not(:last-child) { margin-bottom: 10px;}
.block_pst.type_article .cat { position: absolute; top:0; left: 0; max-width: 32%;}
.block_pst.type_article .news_title { order: -1;}
.block_pst.type_list .cat { order: -1; margin-right: 5px; max-width: 150px; }
.block_pst.type_list .news_date{line-height: 1.3;}
.block_pst.type_list .column_data .news_title { width: 100%;/* order: -2;*/}
.block_pst.type_list .column_data > *:not(:last-child),
.block_pst.type_article .news_date + .news_title { margin-bottom: 2%;}
.block_pst.type_album .column { margin-left: -1.5%;margin-right: -1.5%;display: flex;
-webkit-flex-direction: row;flex-direction: row;
-webkit-flex-wrap: wrap;flex-wrap: wrap;
-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-align-items: stretch;align-items: stretch;
-webkit-align-content: flex-start;align-content: flex-start;}
.block_pst.type_album .column_data { width: calc((100% - 6%)/2);margin-left: 1.5%;margin-right: 1.5%; padding-bottom: 5px;}
.block_pst.type_album .col_2 .column_data { width: calc((100% - 3%));}
.block_pst.type_album .column:not(.col_2) .news_title { font-size: 85%;}
/*ページネーション*/
.pagination .page-of { display: none;}



/*-----投稿ページ設定-----*/
body.post #cont_body > [class^=post_]:not(:last-child) { margin-bottom: 30px;}

/*基本情報*/
.post_head .page_title ~ *:not(:last-child) { margin-bottom: 15px;}
.post_head .photo, .post_head .media { margin-left: -10px; margin-right: -10px;}
/*目次*/
.post_toc { padding: 10px 0;}
.post_toc dt { text-align: center; margin-bottom: 10px;}
.post_toc dt:before,.post_toc dt:after { content: "-"; display: inline-block; margin: 0 5px;}
.post_toc dd:not(:last-child) { margin-bottom: 5px;}
.post_toc dd.large { margin-left: 5px;}
.post_toc dd.medium {margin-left: 4em;}
/*メインコンテンツのマージン調整*/
.post_body .title_large{ margin-top: 50px;}
.post_body .title_medium,
.post_body .title_small{ margin-top: 30px;}
.post_body .title_smallest{ margin-top: 15px;}
.post_body [class^=body] { margin-bottom: 10px;}
.post_body [class^=title],
.post_body .ph-style_3 .ph,
.post_body .ph-style_3 .media { margin-bottom: 10px;}
.post_body .title_large + .ph-style_3.default_order { margin-top: 15px;}
.post_body [class*=_smallest]{ font-size: 0.9em;}
/*テキストブロック体裁*/
.post_body [class*=ph-style_]:not(.ph-style_3) { display: flex; -webkit-flex-direction: column;flex-direction: column;}
.post_body [class*=ph-style_]:not(.ph-style_3) .ph,
.post_body [class*=ph-style_]:not(.ph-style_3) .media{ order: 1; margin-top: 10px;}
/*テキストブロック 表示オプション*/
.post_body .change_order .ph,
.post_body .change_order .media { margin-top: 15px;}
/*筆者*/
.post_author { padding: 10px 0;}
.post_author .thumb { text-align: center; }
.post_author .thumb img { width: 50px; border-radius: 50%;}
.post_author .profile .name{ text-align: center;}
/*SNS*/
.post_sns { text-align: center;}
/*関連記事*/
.post_related .column { margin-left: -1.5%;margin-right: -1.5%;display: flex;
-webkit-flex-direction: row;flex-direction: row;
-webkit-flex-wrap: wrap;flex-wrap: wrap;
-webkit-justify-content: flex-start;justify-content: flex-start;
-webkit-align-items: stretch;align-items: stretch;
-webkit-align-content: flex-start;align-content: flex-start;}
.post_related .column_data { width: calc((100% - 6%)/2);margin-left: 1.5%;margin-right: 1.5%; padding-bottom: 15px;}
.post_related .thumb img { display: block;}

.post_author, .post_toc { margin-left: 10px !important; margin-right: 10px !important;}




}


/*マウスオーバーアクション*/
/*----------------------------*/
body:not([class*=mode_]) a { transition: opacity 0.5s linear, text-decoration 0.5s linear;}
body:not([class*=mode_]) a:hover { opacity: 0.7; text-decoration: none;}
body:not([class*=mode_]) .block_bnr a img{transition: opacity 0.5s linear;}
body:not([class*=mode_]) .block_bnr a:hover img { opacity: 0.7;}
body:not([class*=mode_]) input[type="submit"]{transition: opacity 0.5s linear;}
body:not([class*=mode_]) input[type="submit"]:hover { opacity: 0.7;}	


/*ナビゲーション用設定*/
/*----------------------------*/
/*PC用ナビ*/
/*----------------------------*/
body:not([class*=mode_]) header nav #globalnav > li a{ text-decoration: none; display: block;}
body:not([class*=mode_]) #footer_body { padding: 30px 0;}
body:not([class*=mode_]) #footer_bottom #copyright { padding: 0 15px;}
body:not([class*=mode_]) #back {width: 59px; height: 59px; bottom: 0px; line-height: 59px;}
body:not([class*=mode_]) nav .for_sp { display: none !important;}

/*-----ヘッダーレイアウト-----*/
body:not([class*=mode_]) header { position: relative;}
body:not([class*=mode_]) header .info a { text-decoration: none; color: inherit;}
body:not([class*=mode_]) header .info .basic_info .tel .num { line-height: 1;}
body:not([class*=mode_]) header .info .basic_info .tel .note { line-height: 1.2;}
body:not([class*=mode_]) header .logo img { max-width: none; width: auto; max-height: 100%;}

body:not([class*=mode_]) header.style_1 #header_body > .inner { overflow: visible;}
body:not([class*=mode_]) header.style_1 .logo { float: left; height: 100%;}
body:not([class*=mode_]) header.style_1 .info { display: table; float: right;}
body:not([class*=mode_]) header.style_1 .info .optional_info, body:not([class*=mode_]) header.style_1 .info .basic_info { display: table-cell; vertical-align: middle;}
body:not([class*=mode_]) header.style_1 .info .basic_info .tel, body:not([class*=mode_]) header.style_1 .info .basic_info .btn { display: inline-block; vertical-align: middle;}
body:not([class*=mode_]) header.style_1 nav { clear: both;}
body:not([class*=mode_]) header.style_1 nav #globalnav{ list-style-type: none; display: table; width: 100%; }
body:not([class*=mode_]) header.style_1 nav #globalnav > li{ display: table-cell; width: 100vw; white-space: nowrap; text-align: center;}

body:not([class*=mode_]) header.style_2 .logo { position: absolute;}
body:not([class*=mode_]) header.style_2 .info { display: table; float: right;}
body:not([class*=mode_]) header.style_2 .info .optional_info, body:not([class*=mode_]) header.style_2 .info .basic_info { display: table-cell; vertical-align: middle;}
body:not([class*=mode_]) header.style_2 .info .basic_info .tel, body:not([class*=mode_]) header.style_2 .info .basic_info .btn { display: inline-block; vertical-align: middle;}
body:not([class*=mode_]) header.style_2 nav { clear: both;}
body:not([class*=mode_]) header.style_2 nav #globalnav{ list-style-type: none; display: table; float: right;}
body:not([class*=mode_]) header.style_2 nav #globalnav > li{ display: table-cell;}

body:not([class*=mode_]) header.style_3 #header_body > .inner { overflow: visible; position: relative;}
body:not([class*=mode_]) header.style_3 .logo { height: 100%; text-align: center;}
body:not([class*=mode_]) header.style_3 .logo img { display: block; margin: auto;}
body:not([class*=mode_]) header.style_3 .info .optional_info{display: none;}
body:not([class*=mode_]) header.style_3 .info .basic_info { display: table; position: absolute; top: 0; bottom: 0; margin: auto; height: 100%;}
body:not([class*=mode_]) header.style_3 .info .basic_info .tel,body:not([class*=mode_]) header.style_3 .info .basic_info .btn { display: table-cell; vertical-align: middle;}
body:not([class*=mode_]) header.style_3 .info .basic_info .btn { font-size: 0;}
body:not([class*=mode_]) header.style_3 nav { clear: both;}
body:not([class*=mode_]) header.style_3 nav #globalnav{ list-style-type: none; display: table; width: 100%; }
body:not([class*=mode_]) header.style_3 nav #globalnav > li{ display: table-cell; width: 100vw; white-space: nowrap; text-align: center;}

body:not([class*=mode_]) header.style_4 .logo { float: left;}
body:not([class*=mode_]) header.style_4 .info { float: right; min-height: 1px; min-width: 1px;}/*ウィジェットが空の時の対策*/
body:not([class*=mode_]) header.style_4 .info .optional_info, body:not([class*=mode_]) header.style_4 .info .basic_info .tel{display: none;}
body:not([class*=mode_]) header.style_4 .info .btn a { display: table-cell; vertical-align: middle;}
body:not([class*=mode_]) header.style_4 #header_body nav { width: auto !important;float: right; margin-right: -1px;}
body:not([class*=mode_]) header.style_4 #header_body nav .inner, body:not([class*=mode_]) header.style_4 #header_body nav div { width: auto !important;height: 100%;}
body:not([class*=mode_]) header.style_4 nav #globalnav{ list-style-type: none; height: 100%;}
body:not([class*=mode_]) header.style_4 nav #globalnav > li{ display: table; float: left; height: 100%;}
body:not([class*=mode_]) header.style_4 nav #globalnav > li > a{text-align: center;display: table-cell;vertical-align: middle;}


/*-----メガメニュー-----*/
body:not([class*=mode_]) a:not([href]),
body:not([class*=mode_]) a[href="#"] {opacity: 1; cursor: text;} 
body:not([class*=mode_]) header nav #globalnav li { position: relative;}
body:not([class*=mode_]) header nav #globalnav li .sub-menu { position: absolute; left: 0; z-index: 1;white-space: nowrap;min-width: 100%; }
body:not([class*=mode_]) header nav #globalnav li:last-child .sub-menu { left: auto; right: 0;}
body:not([class*=mode_]) header nav #globalnav li .sub-menu li { list-style-type: none;}
body:not([class*=mode_]) header nav #globalnav li .sub-menu li a { display: block;box-sizing: content-box; line-height: 1; }
body:not([class*=mode_]) header nav #globalnav li .sub-menu li .sub-menu { position: relative;}
body:not([class*=mode_]) #iconlist{ display: none;}
/*メガメニューのマウスオーバーアクション*/
body:not([class*=mode_]) header nav #globalnav li .sub-menu li a {overflow: hidden;height: 0;transition: 0.2s;}
body:not([class*=mode_]) header nav #globalnav li:hover .sub-menu li a {overflow: visible;height: 1em;}


/*スマホ・タブレット用ナビ*/
/*----------------------------*/
body[class*=mode_] #back {width: 50px; height: 50px; bottom: 75px; line-height: 50px;}
body[class*=mode_] #copyright { font-size: 0.9rem; padding-bottom: 70px; padding-left: 10px; padding-right: 10px;}
body[class*=mode_] header .info, 
body[class*=mode_] #footer_body .widget_block:not(.widget_text), 
body[class*=mode_] #footer_body .widget_block.widget_text .textwidget > :not(.logo):not(.adress) { display: none;}
body[class*=mode_] #footer_body .widget_block.widget_text .textwidget { font-size: 0;}
body[class*=mode_] #footer_body .widget_block.widget_text .textwidget > .logo,
body[class*=mode_] #footer_body .widget_block.widget_text .textwidget > .adress { font-size: 0.8rem;}

body[class*=mode_] header .logo { padding: 15px; }
body[class*=mode_] header nav #globalnav {display: none;text-decoration: none; position :fixed; top :0; left:0; right:0; bottom: 55px; overflow: scroll; z-index: 100;}
body[class*=mode_] header nav #globalnav br { display: none;}
body[class*=mode_] header nav #globalnav > li { margin: auto; list-style-type: none;border-bottom-width: 1px; border-bottom-style: solid;}
body[class*=mode_] header nav #globalnav > li > a { display: block; padding: 15px 25px 15px 15px;  text-decoration: none; position: relative; font-weight: bold;}
body[class*=mode_] header nav #globalnav li a:after {font-family: FontAwesome; position: absolute; right: 15px; top:0; bottom:0; margin: auto; line-height: 1;}
body[class*=mode_] header nav #globalnav > li.menu-item-has-children ul { list-style-type: none; margin-bottom: 15px; } 
body[class*=mode_] header nav #globalnav > li.menu-item-has-children ul li { padding-left: 8px;}
body[class*=mode_] header nav #globalnav > li.menu-item-has-children ul li a { font-size: 90%; font-weight: normal; display: block;padding: 4px 28px 4px 20px;text-decoration: none;}
body[class*=mode_] header nav #globalnav > li.menu-item-has-children > ul { display: none;} 
body[class*=mode_] header nav #globalnav .current_page_item > a,
body[class*=mode_] header nav #globalnav > .current-menu-item > a { position: relative; z-index:0;}
body[class*=mode_] header nav #globalnav .current_page_item > a:before,
body[class*=mode_] header nav #globalnav > .current-menu-item > a:before {content: "";position: absolute;top: 0;bottom: 0;left: -100vw;right: 0;z-index: -1;}

body[class*=mode_] #iconlist { position: fixed; bottom:0; left:0; height: 55px;width: 100%; z-index:100; text-align: center;  }
body[class*=mode_] #iconlist ul{ list-style-type: none; width: 100%; display: table;}
body[class*=mode_] #iconlist li {width: 20%; height: 55px; line-height: 55px; display: table-cell; position: relative;}
body[class*=mode_] #iconlist li span,
body[class*=mode_] #iconlist li a  { display: inline-block; vertical-align: middle; text-decoration: none; font-size: 9px; line-height: 1.2;}
body[class*=mode_] #iconlist li span:before,
body[class*=mode_] #iconlist li a:before,
body[class*=mode_] #iconlist li i {font-family: FontAwesome; display: block; font-size: 20px; font-style: inherit;}
body[class*=mode_] #iconlist li a:after { content: ""; position: absolute; left: 0; right:0; top:0; bottom:0;}

body[class*=mode_] #iconlist li.navi span:before {content: "\f0c9";}
body[class*=mode_] #iconlist li.navi.active span:before,
body[class*=mode_] #iconlist li.search.active span:before{ content: "\f00d"; }
body[class*=mode_] #iconlist li.home a:before{content: "\f015";}
body[class*=mode_] #iconlist li.tel a:before{content: "\f095";}
body[class*=mode_] #iconlist li.mail a:before{content: "\f0e0";}
body[class*=mode_] #iconlist li.map a:before{content: "\f041";}
body[class*=mode_] #iconlist li.search span:before{content: "\f002";}
body[class*=mode_] #iconlist li.company a:before{content: "\f05a";}

body[class*=mode_] #iconlist li.search form { display:none; position: fixed; z-index: 100;left: 0;right: 0;bottom: 55px;top: 0;}
body[class*=mode_] #iconlist li.search form div { display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 100%; }
body[class*=mode_] #iconlist li.search form label { display: block;font-size: 110%; font-weight: bold;}	
body[class*=mode_] #iconlist li.search form label:before { content: "\f002" " "; font-family: FontAwesome; font-size: 120%;}
body[class*=mode_] #iconlist li.search form.focus { overflow: scroll; bottom: 0;}
body[class*=mode_] #iconlist form input[type="text"] { display: block; margin: 5% auto; width: 80%; padding: 5%; font-size: 120%; }
body[class*=mode_] #iconlist form input[type="submit"] { display: block; padding: 3%; border: none; border-radius: 3px; width: 80%; font-size: 120%;}
body[class*=mode_].no_scroll { position: fixed; width: 100%; height: 100%;}/*アイコンナビから画面を展開した時、bodyのスクロールを禁止する為の設定*/

body.mode_tb { -webkit-text-size-adjust: 100%;}
body.mode_tb header nav #globalnav, 
body.mode_tb header .logo img, 
body.mode_tb #iconlist, 
body.mode_tb #back{ zoom:200%; -webkit-text-size-adjust: auto;}
body.mode_tb #footer_body .widget_block.widget_text .textwidget > .logo,
body.mode_tb #footer_body .widget_block.widget_text .textwidget > .adress{ display: block; text-align: center;font-size: 0.8rem; -webkit-text-size-adjust: auto;}
body.mode_tb #footer_body .widget_block.widget_text .textwidget > .adress br { display: none;}
body.mode_tb #copyright { text-align: center; padding-left: 1.5%; padding-right: 1.5%; padding-bottom: 140px;}

/*モーダル*/
/*----------------------------*/
html,body{ margin:0; padding:0; height:100%; }
#glayLayer{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.60); display: none; z-index: 200;  cursor: pointer;}
#glayLayer:before,
#glayLayer:after {position: absolute;top: 25px;right: 10px;content: "";display: block;width: 30px;border-top: 1px solid #fff;}
#glayLayer:before {transform: skewY(-45deg);}
#glayLayer:after {transform: skewY(45deg);}
#overLayer{ position: fixed; z-index:200; display: none; top: 0;}
#overLayer img{ position: fixed; left:0; right:0; top:0; bottom:0; margin: auto; max-width: 90%; max-height: 90%; background: #fff;}
body.mode_sp #overLayer img{ max-width: calc(100% - 10px); max-height: calc(100% - 10px); top: 60px;}

/*その他*/
/*----------------------------*/
body[class*=mode_] .block_pst .column_data { margin-bottom: 0 !important; overflow: hidden; position: relative; z-index: 0;}
body[class*=mode_] .block_pst .news_title a:before { content: ""; position: absolute; left: 0; top:0; right:0; bottom:0; z-index: 1;}