@charset "UTF-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, Navigation, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background-color:transparent;font-weight:normal;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body{line-height:1.5;word-wrap:break-word;counter-reset:wpp-ranking;font-size:16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,Navigation,nav,section{display:block;}
nav ul{list-style:none;}
ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
input{box-sizing:border-box;}
a,a:visited{margin:0;padding:0;font-size:100%;vertical-align:baseline;background-color:transparent;color:#333;}
a:hover{text-decoration:none;}
*{zoom:1;-webkit-appearance:none;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix:after{content: "";display:block;clear:both;overflow:hidden;height:0px;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;}
img{width:auto;max-width:100%;height:auto;max-height:100%;vertical-align:bottom;}
.site_title,.main_box,#side_contents{box-sizing:border-box;}
html{overflow-y:scroll;}
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin: 5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin: 5px 20px 20px 0;}
a img.alignleft{float:left;margin: 5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
.sticky{position:relative;}
.gallery-caption{font-size: 13px;font-size: 0.8125rem;}
.bypostauthor{border: 1px solid #333;padding: 2px;}


/* ローディング */
#loader-bg{background:#fff;height:100%;width:100%;position:fixed;top:0;left:0;z-index:10;}
#loader-bg img{background:#fff;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10;}

body{line-height:1.6;font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;}
#header{width:100%;}
.header_image img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:100%;}

/*-------------------------------------
カスタマイザー
-------------------------------------*/
/* 2カラム左サイドバー用 */
.TopTwoColumnRight #top_container #main_contents,.TwoColumnRight #container #main_contents{ width:70%; float:left; }
.TopTwoColumnRight #top_container #side_contents,.TwoColumnRight #container #side_contents{ float:right; width:28%; margin-left:2%; }
/* 2カラム右サイドバー用 */
.TopTwoColumnLeft #top_container #main_contents,.TwoColumnLeft #container #main_contents{ width:70%; float:right; }
.TopTwoColumnLeft #top_container #side_contents,.TwoColumnLeft #container #side_contents{ float:left; width:28%; margin-right:2%; }
/* 1カラム用 */
.TopOneColumnWide #main_contents,.OneColumnWide #main_contents{ margin-bottom:20px; }
.TopOneColumnWide #top_container #side_contents .widget,.OneColumnWide #top_container #side_contents .articleSide,.OneColumnWide #top_container #side_contents .Menu,.OneColumnWide #container #side_contents .widget,.OneColumnWide #container #side_contents .articleSide,.OneColumnWide #container #side_contents .Menu{ width:32%; float:left; box-sizing:border-box; margin:0 2% 0 0; border-right:none; }
.TopOneColumnWide #top_container #side_contents .widget:last-child,.OneColumnWide #top_container #side_contents .articleSide:last-child,.OneColumnWide #top_container #side_contents .Menu:last-child,.OneColumnWide #container #side_contents .widget:last-child,.OneColumnWide #container #side_contents .articleSide:last-child,.OneColumnWide #container #side_contents .Menu:last-child, #top_container #side_contents{ margin-right:0; }
@media only screen and (max-width: 800px) {
/* 2カラム用 */
.TopTwoColumnRight #top_container #main_contents,.TwoColumnRight #container #main_contents,.TopTwoColumnRight #top_container #side_contents,.TwoColumnRight #container #side_contents{ box-sizing:border-box; width:100%; float:none; }
.TopTwoColumnLeft #top_container #main_contents,.TwoColumnLeft #container #main_contents,.TopTwoColumnLeft #top_container #side_contents,.TwoColumnLeft #container #side_contents{ box-sizing:border-box; float:none; width:100%; margin-left:0%; }
.TopTwoColumnRight #top_container #side_contents,.TwoColumnRight #container #side_contents{ margin-left:0; }
.TopTwoColumnLeft #top_container #side_contents,.TwoColumnLeft #container #side_contents{ margin-right:0; }
}
/* カテゴリーの表示・非表示 */
.category_off .cate,.category_off .pan_category,.category_on .sitemap_category_off,.category_off .sitemap_category_on,.category_off .pan_category{display:none;}
.category_on .sitemap_category_on,.category_off .sitemap_category_off{display:block;}
/* ヘッダー内の項目追加 */
.header_item_search #header .widget_search,.header_item_sns #SocialIconTop,.header_item_yes #header .widget_search,.header_item_yes #SocialIconTop{display:block;}
.header_item_search #SocialIconTop,.header_item_sns #header .widget_search,.header_item_no #header .widget_search,.header_item_no #SocialIconTop{display:none;}
/* カルーセルスライダーの追加 */
.carousel_slider_header .header_carousel,.carousel_slider_footer .footer_carousel{display:block;}
.carousel_slider_header .footer_carousel,.carousel_slider_footer .header_carousel,.carousel_slider_no .header_carousel,.carousel_slider_no .footer_carousel{display:none;}
/* 記事内のsnsボタンの追加 */
.Share_content_top .share_top,.Share_content_bottom .share_bottom{display:block;}
.Share_content_top .share_bottom,.Share_content_bottom .share_top,.Share_content_off .share_top,.Share_content_off .share_bottom{display:none;}
/* ディスクリプションの追加 */
.descri_item_header .discription_header,.descri_item_footer .discription_footer{display:block;}
.descri_item_header .discription_footer,.descri_item_footer .discription_header,.descri_item_off .discription_header,.descri_item_off .discription_footer{display:none;}
/* パンくずリスト表示 */
.bread_list_on .breadCrumb{display:block;}
.bread_list_off .breadCrumb{display:none;}
/* ページネーション表示  */
.pagination_list_on .pagination_prev_next{display:block;}
.pagination_list_off .pagination_prev_next{display:none;}
/* ページトップに戻るボタン表示 */
.top_page_on #page-top{display:block;}
.top_page_off #page-top{display:none;}
/* 横幅 */
.widthone .head_box,.widthone .discription,.widthone #global-nav nav>ul,.widthone #breadcrumb ol,.widthone .breadcrumb,.widthone #top_container,.widthone #container,.widthone .wrap,.widthone #NavFooter,.widthone .discription,.widthone .Copyright{max-width:800px;}
.widthtwo .head_box,.widthtwo .discription,.widthtwo #global-nav nav>ul,.widthtwo #breadcrumb ol,.widthtwo .breadcrumb,.widthtwo #top_container,.widthtwo #container,.widthtwo .wrap,.widthtwo #NavFooter,.widthtwo .discription,.widthtwo .Copyright{max-width:1080px;}
.widththree .head_box,.widththree .discription,.widththree #global-nav nav>ul,.widththree #breadcrumb ol,.widththree .breadcrumb,.widththree #top_container,.widththree #container,.widththree .wrap,.widththree #NavFooter,.widththree .discription,.widththree .Copyright{max-width:1180px;}
.widthfour .head_box,.widthfour .discription,.widthfour #global-nav nav>ul,.widthfour #breadcrumb ol,.widthfour .breadcrumb,.widthfour #top_container,.widthfour #container,.widthfour .wrap,.widthfour #NavFooter,.widthfour .discription,.widthfour .Copyright{max-width:1280px;}


/* 画像ホバー時 */
.sample{display:block;overflow: hidden;float:left;z-index:5;}
.catch_top .article_box_inner_box .sample{float:none;}
.sample img{-webkit-transition:-webkit-transform 0.5s linear;-moz-transition:-moz-transform 0.5s linear;-o-transition:-o-transform 0.5s linear;-ms-transition:-ms-transform 0.5s linear;transition:transform 0.5s linear;}
.sample img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform: scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.imgWrap,.imgWrapTwo{overflow: hidden;}
.imgWrap,.imgWrapTwo{display:block;}

#article img{box-sizing:border-box;height:auto;}

/*ホーム表示ブロック*/
#prev_next_home,#prev_next_home:hover,#prev_next_home i{display:none;}

/* ソーシャル(記事内) */
.SocialIconMain{ width:100%; float:none; margin:7px auto 20px; text-align:left; }
.SocialIconMain a{ box-sizing:border-box; font-weight:bold; display:inline-block; width:16%; margin-right:0.8%; padding:7px 10px; height:auto; text-decoration:none; font-size:12px; text-align:center; color:#fff !important; }
.SocialIconMain a i{margin-right:5px;}
.SocialIconMain a:nth-of-type(6){ margin-right:0; }
.SocialIconMain a:hover{ opacity:0.8; }
.SocialIconMain a:nth-of-type(1){ background:#55acee; }
.SocialIconMain a:nth-of-type(2){ background:#3b579d; }
.SocialIconMain a:nth-of-type(3){ background:#5d8ac1; }
.SocialIconMain a:nth-of-type(4){ background:#f03e51; }
.SocialIconMain a:nth-of-type(5){ background:#ef8000; }
.SocialIconMain a:nth-of-type(6){ background:#00c300; }
.fa-hatena:before{ content:"B!"; font-family:Verdana; font-weight:bold }
@media screen and (max-width:800px) {
.SocialIconMain{ width:100%; float:none; margin:10px auto 10px !important; text-align:left; }
.SocialIconMain a i{margin-right:0;}
.text{display:none;}
}

/* ソーシャル(ヘッダー内) */
#SocialIconTop{ width:100%; max-width:300px; float:right; margin:8px auto 0px; text-align:right; }
#SocialIconTop a{ box-sizing:border-box; font-weight:bold; display:inline-block; margin-left:10px; padding:5px 0px; height:auto; color:#333; text-decoration:none; font-size:12px; text-align:right; }
#SocialIconTop a:first-child{ margin-left:0; }
#SocialIconTop a i{margin-right:5px;}
#SocialIconTop a:nth-of-type(6){ margin-right:0; }
#SocialIconTop a:hover{ opacity:0.8; border:none; }
#SocialIconTop a:nth-of-type(1):hover{ background:none; color:#55acee; }
#SocialIconTop a:nth-of-type(2):hover{ background:none; color:#3b579d; }
#SocialIconTop a:nth-of-type(3):hover{ background:none; color:#5d8ac1; }
#SocialIconTop a:nth-of-type(4):hover{ background:none; color:#f03e51; }
#SocialIconTop a:nth-of-type(5):hover{ background:none; color:#ef8000; }
.fa-hatena:before{ content:"B!"; font-family:Verdana; font-weight:bold }
@media screen and (max-width:800px) {
#SocialIconTop{width:100%;max-width:800px;float:none;margin:0px auto 0px !important;text-align:center;}
#SocialIconTop a{ box-sizing:border-box; padding:0px 0px 0px; }
#SocialIconTop a i{margin-right:3px;}
input#spbtn[type="checkbox"]:checked + #nav-head{display:block;}
input#spbtn[type="checkbox"] + #nav-head,#SpBtn{display:none;}
}

/* 検索フォーム */
.widget_search .screen-reader-text{display:none;}
.s{border:none;}  
.searchsubmit{border:none;cursor:pointer;}
#header .widget_search{float:right;max-width:250px;margin:7px 0 0 15px;}
#header .searchform{margin:0 auto;border:solid 1px #ccc;height:28px;position:relative; }
#header .s{width:100%;height:26px;padding-left:8px;background:#f3f3f3;}  
#header .searchsubmit{position:absolute;top:0;right:0;outline:none;background-image:url("../image/SearchIcon.png");background-color:#f3f3f3;background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;width:26px;height:26px;text-align:center; }

/* グローバルナビゲーション */
#global-nav{width:100%;}
#global-nav nav>ul{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;display:-ms-flex;display:flex;}
#global-nav nav>ul>li{box-sizing:border-box;float:left;width:100%;-webkit-box-flex:1;}
#global-nav nav>ul>li:hover ul li,#global-nav>ul>li>a:hover ul li{visibility: visible;overflow: visible;height:100%;z-index: 10;}
#nav-head.fixed{top:0;left:0;position:fixed;transition:top 0.65s ease-in;-webkit-transition:top 0.65s ease-in;-moz-transition:top 0.65s ease-in;}
#mobile-head.fixed{position:fixed;}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:8px;}
#nav-toggle span:nth-child(3){top:16px;}
@media screen and (max-width:800px){
#global-nav nav>ul{display:block;}
}

/* アイコン */
.clock,.update{display:inline-block;position:relative;margin:0px 15px 0px 0 !important;padding:2px 0 0 17px;font-size:12px;color:#555;}
.RelationTitleBoxOne .clock{margin:10px 15px 0px 0 !important;}
.cate{position:relative;margin:0px 15px 0px 0 !important;padding:2px 0 0 19px;font-size:12px;color:#555;}
.tagicon{position:relative;margin:0px 15px 0px 0 !important;padding:2px 0 0 19px;font-size:12px;color:#555;}
.clock:before,.update:before,.cate:before{font-family:FontAwesome;position:absolute;top:0;left:0;}
.clock:before{top:-2px;left:0;content:"\f017";font-size:16px;color:#333;}
.update:before{top:-2px;left:0;content:"\f01e";font-size:16px;color:#333;}
.tagicon:before{font-family:FontAwesome;position:absolute;top:0;left:0;content:"\f02b";font-size:16px;color:#333;}

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* 新着記事・人気記事 */
.widget ul li{box-sizing:border-box;}
/* デザイン パターン1 */
.RelationTitleBoxZero img{box-sizing:border-box;float:left;}
/* デザイン パターン2 */
.RelationTitleBoxOne img{box-sizing:border-box;float:none;}
/* デザイン パターン3 */
.RelationTitleBoxTwo{position:relative;}
.RelationTitleBoxTwo .widget_Box span{}
.clock:before,.update:befor{display:inline-block;}
.RelationTitleBoxTwo>div{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-containerent:center;align-items:center;font-weight:bold;}
/* 一覧の表示スタイル */
.PopularityBox .RelationTitleBoxZero,.PopularityBox .RelationTitleBoxOne,.PopularityBox .RelationTitleBoxTwo{ position:relative; }
.PopularityBox .RelationTitleBoxZero:before,.PopularityBox .RelationTitleBoxOne:before,.PopularityBox .RelationTitleBoxTwo:before{content:counter(wpp-ranking, decimal);counter-increment:wpp-ranking;position:absolute;top:0;left:0;z-index:1;}

/* アニメーション */
.fadein{opacity:0;transition:opacity 1.0s ease-in-out,transform 2.0s ease-in-out;}
.fadein.scrollin{opacity:1;transform:translate(0, 0);}

/* カルーセルスライダー */
.slick-prev:before, .slick-next:before {font-size:28px !important;}
iframe{max-width:100%;max-height:100%;}
.slick-slide{padding:0 2px 0 2px;}
.slick-prev{left:8px !important;margin-top:-10px;z-index:6 !important;}
.slick-next{right:14px !important;margin-top:-10px;z-index:6 !important;}
.slideInner{position:relative;}
.slideInner li{position: relative;list-style:none;width:auto;height:auto;max-width:100%;max-height:100%;}
.slideInner li img{width:auto;height:auto;max-width:100%;max-height:100%;}