@charset "UTF-8";

/*--------------------------------------------------------------------------
reset
---------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend{text-align:left;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;-webkit-text-size-adjust:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
:focus{outline:0;}
a{text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*--------------------------------------------------------------------------
common
---------------------------------------------------------------------------*/
.cf:after,
ul:after { content: ''; display: block; clear: both; }
body { width: 100%; height: auto; overflow-x: hidden; }
p { font-weight: 100; }
a:hover { opacity: 0.7;}
a.r_hover {  }

/*--------------------------------------------------------------------------
Wysiwig
---------------------------------------------------------------------------*/
.news_dtl .block, 
.pickup_dtl .block { font-weight: inherit; }
.news_dtl .block p,
.pickup_dtl .block p { font-family:"Noto Sans","ヒラギノ角ゴ Pro","Hiragino Kakugo Pro","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif; line-height: 1.5; word-wrap: break-word; font-weight: inherit; }
.news_dtl .block a,
.pickup_dtl .block a { border-bottom: 1px solid #000; font-weight: inherit; }
.news_dtl .block .block_01 a,
.pickup_dtl .block .block_01 a { border: none; }
.news_dtl .block strong,
.pickup_dtl .block strong { font-weight: bold; }
.news_dtl .block em,
.pickup_dtl .block em { font-style: italic; font-weight: inherit; }
.news_dtl .block blockquote,
.pickup_dtl .block blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
.news_dtl .block table ,
.pickup_dtl .block table { width: 100%; }


/*--------------------------------------------------------------------------
webfont
---------------------------------------------------------------------------*/
/*medium*/
@font-face {
    font-family: 'Noto Sans';
    src: url('../font/noto/NotoSansCJKjp-DemiLight.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*bold-italic*/
@font-face {
    font-family: 'Noto Sans';
    src: url('../font/noto/NotoSansCJKjp-Bold.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*Archivo-bold*/
@font-face {
    font-family: 'Archivo';
    src: url('../font/archivo/Archivo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.noto_100 { font-family: 'Noto Sans'; font-weight: 100; }
.noto_200 { font-family: 'Noto Sans'; font-weight: 200; }
.noto_300 { font-family: 'Noto Sans'; font-weight: 300; }
.archivo_400 { font-family: 'Archivo'; font-weight: 400; }
.archivo_bold { font-family: 'Archivo'; font-weight: bold; }



/*--------------------------------------------------------------------------
REGULATION
---------------------------------------------------------------------------*/
* { font-family:"Noto Sans","ヒラギノ角ゴ Pro","Hiragino Kakugo Pro","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif; line-height: 1.5; font-weight: 100; word-wrap: break-word; }
a { color: #2b2b2b; -webkit-transition: 0.3s; transition: 0.3s; }

body { padding-top: 16px;}
.wrap { width: 100%; margin: 0 auto; }
.inner { width: 1120px; margin:0 auto;}
/*img { width:100%;}*/


/*--------------------------------------------------------------------------
PARTS
---------------------------------------------------------------------------*/

/* wrapper */
#wrapper { border-top: 1px solid #ccc; }
#container { padding: 0 0 72px; width: 1120px; }
#container #main { width: 774px; float: left;}



/* header */
header#header { width: 100%; background:#fff; padding:0 0 28px;}
header#header #header_upper { }
header#header .ad_space { width: 728px; float: left;}
header#header .header_search { width: 200px; height: 35px; margin-top:14px; border-bottom: 2px solid #000; float:right; }
header#header .header_search input.search_txt { width: 178px; float: left; border:none;}
header#header .header_search input.search_ico { width: 22px; height: 22px; }
header#header ul.header_sns { float: right; margin-top: 14px;}
header#header ul.header_sns li { float: left; width: 22px; height: 22px; margin-left: 16px;}
header#header ul.header_sns li:first-child { margin-left: 32px; }
header#header #header_lower { padding-top: 28px;}
header#header #header_lower #header_logo { width: 288px; height: 45px; float: left;}
header#header #scroll_header_lower #header_logo { width: 220px; height: 35px; float: left; padding-top: 8px;}
header#header #header_logo h1 img { width: 100%;}
header#header .header_menu ul { display: inline-block; float: right;}
header#header .header_menu ul li { float: left; margin-left: 39px; height: 45px; font-size: 20px;} 

header#header .header_menu ul li:first-child { margin-left: 0; }
header#header .header_menu ul li a{ line-height: 45px; display: block; }
header#header .header_menu ul li a:hover { opacity: 1; }
header#header .header_menu ul li span { width: 100%; height: auto; height: 2px; background: #2b2b2b; margin-top:-8px; transition: 0.5s; }
header#header .header_menu ul li:hover span { display: block; transition: 0.5s; }

header#header .header_content_right {
  float: right;
  width: 35%;
  position: relative;
}

header#header .kyeword_tags {
  padding-top: 10px;
  position: absolute;
  width: 200%;
  left: 60px;
  top: 45px;
}
header#header .kyeword_tags a {
  display: inline-block;
  background: #e9ebed;
  font-size: 12px;
  padding: 5px 10px;
  margin: 0px 2px 5px 0px;
}
header#header .kyeword_tags a:before {
  content: "#";
}

/* scroll menu */
#scroll_header_lower { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; 
    background: rgba(255,255,255,0.9); padding: 23px 0; display: none; }
/* search */
h2.search { font-size: 28px; }
h2.search span { font-size: 20px; line-height: 1.2; }
/* search 一覧 */
#container #main .search_list ul.search_post { margin: 72px 0 0 -24px; font-size: 0; }
#container #main .search_list ul.search_post li{ display: inline-block; width: 50%; padding: 0 0 0 24px; margin: 0 0 18px;}
#container #main .search_list ul.search_post li .panel_image {}
#container #main .search_list ul.search_post li .panel_image a { display: block; overflow: hidden; text-align: center; }
#container #main .search_list ul.search_post li .panel_image a img { height: 250px; }
#container #main .search_list ul.search_post li .panel_txt { padding: 30px 0; }
#container #main .search_list ul.search_post li .panel_txt p.panel_ttl a { font-size: 20px; font-weight: 300;}
#container #main .search_list ul.search_post li .panel_txt p.panel_ttl a:hover { border-bottom: 1px solid #2b2b2b; }
#container #main .search_list ul.search_post li .panel_txt p.panel_ttl { margin-bottom: 16px; }
#container #main .search_list ul.search_post li .panel_txt p.panel_lead a { font-size: 14px;  }
#container #main .search_list ul.search_post li .panel_txt p.panel_lead { margin-bottom: 16px; }
#container #main .search_list ul.search_post li .panel_txt p.panel_date { text-align: right; color: #626262; font-size: 13px;}


/* sub */
#container #sub { width: 300px; float: right; }
#container #sub .mm_bnr { margin-top: 56px; }
#container #sub .mm_bnr a { display: block; }
#container #sub #top_collection { border: 2px solid #000; width: 100%; height: auto; padding:48px; margin-top: 56px;}
#container #sub #top_collection p.collection_name { transform: translate(225px, 25px) rotate(90deg); transform-origin:left top; }

#top_collection .bx-controls-direction {  }
#top_collection .bx-controls-direction a.bx-prev, 
#top_collection .bx-controls-direction a.bx-next { position: absolute; font-size: 0; background:url(../images/paging_arrow_next.png)no-repeat 0 0; width: 16px; margin-top: 8px; height: 16px; background-position: center; background-size: cover;}
#top_collection .bx-controls-direction a.bx-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#top_collection .bx-controls-direction a.bx-next { right: 0; }
#top_collection .collection_pic { position: relative; margin: 0 auto;}
#top_collection .collection_pic ul { margin: 0 auto; }
#top_collection .collection_pic ul li img { width: 100%; height: auto;}
#top_collection .collection_name { z-index: 100; transform: rotate(90deg); 
transform-origin: right bottom; position: absolute; bottom: 100%; text-align: left; width: 140%; margin-left: 4px;} 
#top_collection .collection_city { text-align: center; margin-top: 5px; }



p.panel_ttl a:hover { -webkit-transition: 0s; transition: 0s; }
#container #sub #top_blog { width: 300px; background: #e9ebed; padding:48px auto; margin-top: 56px;}
#container #sub #top_blog h2 { font-size: 34px; font-weight: bold; text-align: center; line-height: 1; padding:40px 0;}
#container #sub #top_blog .blog_post { width: 220px; margin:0 auto; padding-bottom: 48px;}
#container #sub #top_blog .blog_post ul li { margin-bottom: 32px;}
#container #sub #top_blog .blog_post .blog_post_image { width: 220px; border: 1px solid #ccc; }
#container #sub #top_blog .blog_post .blog_post_image img { width: 100%; height: auto; }
#container #sub #top_blog .blog_post .blog_post_txt p.ttl { font-size: 14px; padding: 1em 0; }
#container #sub #top_blog .blog_post .blog_post_txt p.date { font-size: 13px; text-align: right; }

#container #sub #top_blog .blog_btn_more { background:#626262; float: right;}
#container #sub #top_blog a.btn_more { width: 136px; line-height: 36px; font-size: 15px; color: #fff; text-align: center; display: inline-block; 
    background: url('../images/more_btn_arrow.png')no-repeat; background-size: 8px 12px; background-position: 75% 50%; padding-right: 10px;}
#container #sub #top_blog .blog_btn_more a:hover { background: url('../images/more_btn_arrow.png')no-repeat #929292; background-size: 8px 12px; background-position: 75% 50%; padding-right: 10px; opacity:1;filter: alpha(opacity=100); }

#container #sub #pickup { width: 300px;/* background: #e9ebed;*/ margin-top: 16px; padding-bottom: 72px;}
#container #sub #pickup h2 { font-size: 34px; font-weight: bold; text-align: center; line-height: 1; padding: 40px 0;}

#container #sub #pickup ul { margin-bottom: 27px; }
#container #sub #pickup ul li:last-child .pickup_post { margin-bottom: 0; }
#container #sub #pickup ul li .pickup_post { display: table; width: 100%; margin-bottom: 32px; background:#fff;} 
#container #sub #pickup ul li .pickup_image { display: table-cell; width: 144px; height: 94px; }
#container #sub #pickup ul li .pickup_image img { width: 100%; height: auto; }
#container #sub #pickup ul li .pickup_txt { display: table-cell; width: 156px; padding:0 0 0 16px;  }
#container #sub #pickup ul li .pickup_txt p.pickup_lead { font-size: 14px;}
#container #sub #pickup ul li .pickup_txt p.pickup_date { font-size: 12px; text-align: right; padding-top: 10px; }
#container #sub #pickup .pickup_btn_more { background:#626262; float: right;}
#container #sub #pickup a.btn_more { width: 136px; line-height: 36px; font-size: 15px; color: #fff; text-align: center; display: inline-block; background: url('../images/more_btn_arrow.png')no-repeat; background-size: 8px 12px; background-position: 75% 50%; padding-right: 10px;}
#container #sub #pickup .pickup_btn_more a:hover { background: url('../images/more_btn_arrow.png')no-repeat #929292; background-size: 8px 12px; background-position: 75% 50%; padding-right: 10px; opacity:1;filter: alpha(opacity=100);}




/* more btn */
.more_top_news { text-align: center; }
.more_top_news a { text-align: center; width: 360px; line-height: 56px; display: inline-block; font-weight: bold; border: 2px solid #2b2b2b; }
.more_top_news a:hover { background: #2b2b2b; color: #fff;  border: 2px solid #2b2b2b; font-weight: bold; }


/* Ad */
#footer_ad_space { width: 100%; margin-top: 112px; display: inline-block;}
#footer_ad_space ul { margin-left: -20px; font-size: 0;}
#footer_ad_space ul li { float: left; margin-left: 20px;}


/* fix_icon */
#fix_icon { display: none; }
#fix_icon .fix_icon_mail {  position: fixed; z-index: 100; right: 0; bottom: 64px; background: #fabf00; }
#fix_icon .fix_icon_mail a { display: block; width: 203px; height: 64px; margin-right: -139px; background: url(../images/ico_mail.png)no-repeat 19px center;}
#fix_icon .fix_icon_mail a:hover { margin-right: 0;  opacity: 1.0; }
#fix_icon .fix_icon_mail a span { display: block; color:#fff; font-size: 14px; line-height: 1; text-align: right; padding:25px 15px 25px 0; }
#fix_icon .fix_icon_totop {  position: fixed; z-index: 10; right: 0; bottom: 0;}
#fix_icon .fix_icon_totop a { display: block; width: 64px; height: 64px; background: url(../images/ico_totop.png)no-repeat 22px 26px #626262; }
#fix_icon .fix_icon_totop a:hover { opacity: 0.7; }

/* wp_pagenavi */
.wp-pagenavi { margin:64px 0 0; font-size: 14px; text-align: center; }
.wp-pagenavi span,.wp-pagenavi a { display: inline-block; text-align:center; color: #fff; background: #2b2b2b; font-family: 'Archivo'; font-weight: bold; width: auto; line-height: 40px; padding: 0 15px; }
.wp-pagenavi span { border-bottom: 1px solid #8d8d8d; }
.wp-pagenavi span.extend { background: #fff; color: #2b2b2b; border: none; }
.wp-pagenavi a.page { background: none; color: #333; font-family: 'Archivo'; font-weight: bold; }
.wp-pagenavi a.page:hover { background: #fff; color: #8d8d8d; }
.wp-pagenavi a.previouspostslink { width: auto; background: url(../images/paging_arrow_prev.png) no-repeat; background-position: left center; margin: 0 20px 0 0; font-size: 18px; }
.wp-pagenavi a.nextpostslink { width: auto; background: url(../images/paging_arrow_next.png) no-repeat; background-position: right center; margin: 0 0 0 20px; font-size: 18px; }

.wp-pagenavi .pages { display: none; }

.wp-pagenavi a.previouspostslink{ display:inline-block; height:40px; line-height:40px; letter-spacing: 0.03em; width: 100px; color: #2b2b2b; }
.wp-pagenavi a.nextpostslink{ display:inline-block; height:40px; line-height:40px; letter-spacing: 0.03em; width: 100px; color: #2b2b2b; }


/* footer */
footer#footer { width: 100%; background: #2b2b2b; margin-bottom: 0; height: 128px; }
footer#footer .footer_inner{padding:30px 0;}
footer#footer #footer_left { float:left; }
footer#footer ul.footer_nav li { float: left; color: #fff;}
footer#footer ul.footer_nav li span {/* line-height: 1;*/ padding:0 8px;}
footer#footer ul.footer_nav li a { font-size: 14px; color: #fff; vertical-align: bottom;}
footer#footer .copyright p{ color: #959595; font-size: 10px; letter-spacing: 0.1em;}
footer#footer .copyright p small{ color: #959595; font-size: 13px; font-weight: bold; }


footer#footer #footer_right { float:right; }
footer#footer ul.footer_sns { padding:20px 0;}
footer#footer ul.footer_sns li { float: left; width: 29px; height: 28px; margin-left: 30px;}
footer#footer ul.footer_sns li:first-child { /*margin-left: 32px;*/ }
footer#footer ul.footer_sns li img { width: 100%; height: auto; }