@charset "UTF-8";
/* ----------------------- 利用している箇所あり -------------------------- */
[class^="icon-"], [class*=" icon-"] {
  font-family: "design_plus" !important;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ----------------------- Share button -------------------------- */

.single_share li a [class^="icon-"]{
  display: none;
}
.single_share li a:hover{
  text-decoration: none;
}
/*** 共通 ***/
.single_share ul { display:flex; flex-wrap:wrap; margin:0 -3px -3px 0; }
.single_share li:not(.default) { flex: 1 1 0%; margin:0 3px 3px 0; max-width:100px; }

.single_share li:not(.default) a { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; border-radius:3px; align-items:center; cursor: pointer;}

.single_share a:before { font-family:'design_plus'; display:block; color:#fff; margin-right:5px; position:relative; transition: color 0.25s ease; -webkit-font-smoothing: antialiased; }

.single_share .ttl { font-size: 12px;position: relative;font-family: Arial; }

/*** サイズ違い ***/
.single_share .share-type1 a,
.single_share .share-type2 a { line-height: 30px;}

.single_share .share-type3 ul,
.single_share .share-type4 ul { margin:0 -5px -5px 0; }
.single_share .share-type3 li,
.single_share .share-type4 li { flex: 0 0 auto; width:calc(25% - 5px); margin:0 5px 5px 0; max-width:inherit; }
.single_share .share-type3 a,
.single_share .share-type4 a {  height: 40px;}

.single_share .share-type3 a { line-height:42px; }
.single_share .share-type4 a { line-height:40px; }

/** カラー or モノクロ ***/
.single_share .share-type1 a,
.single_share .share-type3 a { background:#000; color:#fff;}

.single_share .share-type2 a,
.single_share .share-type4 a { background:#f2f2f2; color:#000; border:1px solid #ddd; }

.single_share .share-type2 a:before,
.single_share .share-type4 a:before { color:#000; }

/*** 各シェアアイコン ***/

.single_share .twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901"; font-size:12px; top:-1px; }
.single_share .facebook a:before { font-family: 'tiktok_x_icon'; content: "\e902";  font-size:18px; top:-1px; }
.single_share .hatebu a:before { content:'\e908'; font-size:14px; top:0px; }
.single_share .pocket a:before { content:'\e90a'; font-size:16px; top:0px; }
.single_share .rss a:before { content:'\e90b'; font-size:12px; top:-0.5px; }
.single_share .feedly a:before { content:'\e907'; font-size:15px; top:-1px; }
.single_share .pinterest a:before { content:'\e905'; font-size:16px; top:-0.5px; }

.single_share .line_button a::before { content: "\e909"; position: relative; top:1px; font-size:16px; }
.single_share .note_button a::before { content: ''; display: inline-block; width: 1em; height: 1em; background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}

.single_share .share-type1 .twitter a,
.single_share .share-type3 .twitter a { background:#000; border-color:#000; }
.single_share .share-type1 .facebook a,
.single_share .share-type3 .facebook a { background:#35629a; border-color:#35629a; }
.single_share .share-type1 .hatebu a,
.single_share .share-type3 .hatebu a { background:#3c7dd1; border-color:#3c7dd1; }
.single_share .share-type1 .pocket a,
.single_share .share-type3 .pocket a { background:#ee4056; border-color:#ee4056; }
.single_share .share-type1 .rss a,
.single_share .share-type3 .rss a { background:#ffb53c; border-color:#ffb53c; }
.single_share .share-type1 .feedly a,
.single_share .share-type3 .feedly a { background:#6cc655; border-color:#6cc655; }
.single_share .share-type1 .pinterest a,
.single_share .share-type3 .pinterest a { background:#d4121c; border-color:#d4121c; }

/* line */
.single_share .share-type1 .line_button a,
.single_share .share-type3 .line_button a { background:#00B900; border-color:#00B900; }
/* note */
.single_share .share-type1 .note_button a,
.single_share .share-type3 .note_button a { background:#fff; border:1px solid #ddd; color:#000; box-sizing:content-box; top: -1px; }

@media(hover: hover) {
  .single_share .share-type1 .twitter a:hover,
  .single_share .share-type3 .twitter a:hover { background:#666; }
  .single_share .share-type1 .facebook a:hover,
  .single_share .share-type3 .facebook a:hover { background:#1f3669;}
  .single_share .share-type1 .hatebu a:hover,
  .single_share .share-type3 .hatebu a:hover { background:#0270ac; }
  .single_share .share-type1 .pocket a:hover,
  .single_share .share-type3 .pocket a:hover { background:#c53648; }
  .single_share .share-type1 .rss a:hover,
  .single_share .share-type3 .rss a:hover { background:#e09900;}
  .single_share .share-type1 .feedly a:hover,
  .single_share .share-type3 .feedly a:hover { background:#5ca449; }
  .single_share .share-type1 .pinterest a:hover,
  .single_share .share-type3 .pinterest a:hover { background:#a42f35; }
  .single_share .share-type1 a:hover,
  .single_share .share-type3 a:hover { color:#fff; }
  /* line */
  .single_share .share-type1 .line_button a:hover,
  .single_share .share-type3 .line_button a:hover { background:#009100; }
  /* note */
  .single_share .share-type1 .note_button a:hover,
  .single_share .share-type3 .note_button a:hover { background:#eee; border-color:#ddd; color:#000; }

  .single_share .share-type2 .twitter a:hover,
  .single_share .share-type4 .twitter a:hover { background:#000; border-color:#000; }
  .single_share .share-type2 .facebook a:hover,
  .single_share .share-type4 .facebook a:hover { background:#35629a; border-color:#35629a; }
  .single_share .share-type2 .hatebu a:hover,
  .single_share .share-type4 .hatebu a:hover { background:#3c7dd1; border-color:#3c7dd1; }
  .single_share .share-type2 .pocket a:hover,
  .single_share .share-type4 .pocket a:hover { background:#ee4056; border-color:#ee4056; }
  .single_share .share-type2 .rss a:hover,
  .single_share .share-type4 .rss a:hover { background:#ffb53c; border-color:#ffb53c; }
  .single_share .share-type2 .feedly a:hover,
  .single_share .share-type4 .feedly a:hover { background:#6cc655; border-color:#6cc655; }
  .single_share .share-type2 .pinterest a:hover,
  .single_share .share-type4 .pinterest a:hover { background:#d4121c; border-color:#d4121c; }
    /* line */
  .single_share .share-type2 .line_button a:hover,
  .single_share .share-type4 .line_button a:hover { background:#009100; border-color:#009100; }
  /* note */
  .single_share .share-type2 .note_button a:hover,
  .single_share .share-type4 .note_button a:hover { background:#000000; border-color:#000000; }
  .single_share .share-type2 .note_button a:hover:before,
  .single_share .share-type4 .note_button a:hover:before {
    content: '';
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; top:0px;
  }

  .single_share .share-type2 a:hover,
  .single_share .share-type4 a:hover { color:#fff; }
  .single_share .share-type2 a:hover:before,
  .single_share .share-type4 a:hover:before { color:#fff; }
}

@media screen and (max-width:800px) {
  .single_share .share-type1 .ttl,
  .single_share .share-type2 .ttl { display:none; }
  .single_share .share-type3 .ttl,
  .single_share .share-type4 .ttl { display:inline; }
  
  .single_share .share-type3 a,
  .single_share .share-type4 a { height:35px; line-height:37px; }
  
  .single_share .share-type4 a { line-height:35px; }
  
  .single_share a:before { margin:0; }
  .single_share .share-type3 a:before,
  .single_share .share-type4 a:before { margin-right:5px; }
  
  
.single_share .twitter a:before { top:0px }
.single_share .facebook a:before { top:-1px;  }
.single_share .hatebu a:before { top:0px; }
.single_share .pocket a:before { top:0px; }
.single_share .rss a:before { top:-1px; }
.single_share .feedly a:before {  top:-1.5px; }

  .share-type1 .note_button a { min-height: 30px; }
  .share-type2 .note_button a { min-height: 30px; }
}
@media screen and (max-width:500px) {
	.single_share .ttl { max-width:inherit; }
  .single_share .share-type3 li,
  .single_share .share-type4 li { width:calc(50% - 5px); max-width:inherit; }
}

.single_share .share-type5 ul { display:flex; flex-wrap:wrap; margin:0 -3px -10px 0; }
.single_share .share-type5 li { margin:0 3px 3px 0; }
.single_share .share-type5 li.pocket_button { width:90px !important; }
@charset "utf-8";

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

.mobile #header { height:70px; width:auto; min-width:100%; background:#fff; position:relative; left:0px; top:0px; z-index:3; margin:0; border-bottom:1px solid #ddd; }
.mobile #header_inner { height:auto; width:auto; margin:0 auto; position:relative; padding:0; }

/* メニューをページ上部に固定 */
.mobile .mobile_header_fix.header_slide_down #header, .mobile .mobile_header_fix.header_slide_up #header { position:fixed; }
.mobile .mobile_header_fix.header_slide_down.admin-bar, .mobile .mobile_header_fix.header_slide_up.admin-bar { padding-top:102px; }
.mobile .mobile_header_fix.header_slide_down.admin-bar #header, .mobile .mobile_header_fix.header_slide_up.admin-bar #header { top:32px; }
@media screen and (max-width:782px) {
.mobile .mobile_header_fix.header_slide_down.admin-bar, .mobile .mobile_header_fix.header_slide_up.admin-bar { padding-top:116px; }
.mobile .mobile_header_fix.header_slide_down.admin-bar #header, .mobile .mobile_header_fix.header_slide_up.admin-bar #header { top:46px; }
}
@media screen and (max-width:600px) {
.mobile .mobile_header_fix.header_slide_down.admin-bar, .mobile .mobile_header_fix.header_slide_up.admin-bar { padding-top:46px; }
.mobile .mobile_header_fix.header_slide_down.admin-bar #header, .mobile .mobile_header_fix.header_slide_up.admin-bar #header { top:0; }
}
body.admin-bar #drawer_menu { padding-top:32px; }

/*
.mobile .mobile_header_fix.admin-bar { padding-top:102px; }
.mobile .mobile_header_fix.admin-bar #header { top:32px; }
.mobile .mobile_header_fix.header_slide_down.admin-bar #header, .mobile .mobile_header_fix.header_slide_up.admin-bar #header { top:32px; }
@media screen and (max-width:782px) {
.mobile .mobile_header_fix.admin-bar { padding-top:118px; }
.mobile .mobile_header_fix.admin-bar #header { top:46px; }
}
*/

/* グローバルメニュー */
.mobile a.menu_button { position:absolute; right:0; top:0; z-index:9; display:block; font-size:11px; color:#000; background:#fff; padding:22px 20px 20px 20px; width:18px; height:28px; text-decoration:none; }
.mobile a.menu_button:hover { color:#000; }
.mobile a.menu_button.active { color:#fff; background:#222; }
.mobile a.menu_button span { display:block; height:3px; background:#000; margin:4px 0; }
.mobile a.menu_button.active span { background:#fff; margin:4px 0; }

.mobile #global_menu { display:none; clear:both; width:100%; margin:0; border-top:1px solid #666; top:70px; position:absolute; z-index:9; box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); }
.mobile #global_menu ul { margin:0; background:#222; }
.mobile #global_menu a { display:block; border-bottom:1px solid #666; padding:10px 10px 10px 20px; line-height:1.2; text-decoration:none; color:#fff; position:relative; }
.mobile #global_menu a:hover { color:#fff; }
.mobile #global_menu a:before { content:'>'; padding:0 10px 4px 0; font-size:10px; display:block; vertical-align:text-bottom; position:absolute; left:-20px;}
.mobile #global_menu ul ul { display:none; }
.mobile #global_menu ul ul a { padding-left:35px; }
.mobile #global_menu ul ul ul a { padding-left:50px; }
.mobile #global_menu ul ul ul ul a { padding-left:65px; }
.mobile #global_menu li.menu-item-has-children { position:relative; }
.mobile #global_menu li.menu-item-has-children > a { padding-right:40px; }
.mobile #global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:40px; height:40px; right:0px; top:0px; z-index:9; cursor:pointer; }
.mobile #global_menu .child_menu_button .icon:before { content:'+'; font-size:13px; color:#aaa; text-align:center; display:block; width:20px; height:20px; line-height:20px; border:1px solid #555; border-radius:100%; position:absolute; left:10px; top:9px; }
.mobile #global_menu .child_menu_button.active .icon:before, .mobile #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
.mobile #global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
.mobile #global_menu li.menu-item-has-children.open > ul { display:block; }

/* ロゴ */
.mobile #mobile_logo { text-align:center; font-size:30px; font-weight:400; line-height:70px; height:70px; overflow:hidden; position:relative; }
.mobile #mobile_logo a { color:#000; text-decoration:none; }
.mobile #mobile_logo a img { display:block; margin:0 auto; max-height:60px; position:absolute; top:50%; left:10px; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); }
.mobile #mobile_logo.mobile_logo_center a img { left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.mobile #mobile_logo.mobile_logo_right a img { left:initial; left:auto; right:70px; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); }
.mobile #home_logo, .mobile #logo_text, .mobile #logo_image { display:none; }


/* ドロワーメニュー開閉ボタン */
@media screen and (max-width:1249px) {
  #drawer_menu_button { width:60px; height:60px; display:block; position:absolute; right:0; top:0; cursor:pointer; }
  #drawer_menu_button span { width:22px; height:2px; background:#000; display:block; position:absolute; left:50%; transform: translateX(-50%); transition: all 0.4s ease; }
  #drawer_menu_button span:nth-child(1) { top:29px; }
  #drawer_menu_button span:nth-child(2) { top:35px; }
  #drawer_menu_button span:nth-child(3) { top:41px; }
	body.header_type2 #drawer_menu_button span { background:#fff; }
	body.header_type2.header_fixed #drawer_menu_button span { background:#000; }
  html.open_drawer_menu #drawer_menu_button span:nth-child(1) { transform:rotate(45deg); left:28px; top:30px; }
  html.open_drawer_menu #drawer_menu_button span:nth-child(3) { transform:rotate(-45deg); left:28px; top:30px; }
}




@media screen and (max-width:1249px) {

/* レイアウト */
body { width:100%; min-width:initial; min-width: auto; }
#header { width:100%; min-width:initial; min-width: auto; }
#header_inner { width:100%; max-width:1250px; }
#contents { width:100%; min-width:initial; min-width: auto; }
#contents_inner { width:auto; max-width:1250px; padding-left:15px; padding-right:15px; }
#main_col { width:68%; float:left; }
#side_col { width:28%; float:right; }
#main_col.fullwidth { width:100%; float:none; }
#main_col.barnd_main_col { width:auto; float:left; margin-right:240px; }
#side_col.brand_side_col { width:180px; float:right; margin-left:-180px; }
#footer { width:100%; min-width:initial; min-width: auto; }
#footer_inner { width:100%; max-width:1250px; }
#footer_bottom { width:100%; min-width:initial; min-width: auto; }
#footer_bottom_inner { width:100%; max-width:1250px; }

/* ロゴ */
#home_logo #logo { width:100%; min-width:initial; min-width: auto; }

/* アイキャッチ画像 */
.post_image { margin-left:-15px; margin-right:-15px; }

/* newsアーカイブ */
#news_archive .news_image { height:auto; }
#news_archive .news_text { padding:30px 0 0 0; min-height:initial; min-height: auto; }
#news_archive .date { position:static; }

/* サイドコンテンツ */
.widget_search #search-box, .widget_search #s, .side_widget.google_search #s { width:calc(100% - 52px); height:50px; margin:0 0 5px 0; }
.widget_search #search-btn input, .widget_search #searchsubmit, .side_widget.google_search #searchsubmit { width:50px; }
.brand_side_col .widget_search #search-box, .brand_side_col .widget_search #s, .side_widget.google_search #s { width:calc(100% - 52px); }
.brand_side_col .widget_search #search-btn input, .brand_side_col .widget_search #searchsubmit, .side_widget.google_search #searchsubmit { width:50px; }

/* トップページ */
body.home #contents_inner { padding-left:0; padding-right:0; padding-bottom:0; }

/* 関連記事 2列 */
#related_post ol { margin:0; position:relative; }
#related_post li { width:49.5%; margin:0 0 5px 0; }
#related_post li:nth-child(odd) { clear:both; float:left; }
#related_post li:nth-child(even) { float:right; }

} /* max-width:1249px */

@media screen and (max-width:1249px) {
  #index_grid { margin-bottom: -1px; }
}

@media screen and (max-width:992px) {

/* スライダー */
.index_slider .slide-caption-inner { font-size:28px; line-height:1.6; }

/* トップページグリッド */
#index_grid .caption { padding:12px; }
#index_grid .caption h2 { font-size:24px; }
#index_grid .caption p { font-size:14px; }

/* トップページのNEWS/BLOG */
#index_recent { font-size:12px; }
#index_recent .index_recent_tab_content { padding-left:20px; }
#index_recent .index_recent_tab_content ol { padding-right:20px; }
#index_recent .index_recent_tab_content a.link { right:20px; }

} /* max-width:992px */




@media screen and (max-width:768px) {

/* レイアウト */
body { min-width:320px; }
#contents { width:auto; min-width:100%; margin:0; padding:0; }
#contents_inner { width:auto; margin:0; padding:30px 15px 40px 15px; }
#main_col { width:auto; float:none; position:relative; }
#side_col { width:auto; float:none; margin:30px 0; }
#main_col.fullwidth { width:100%; float:none; }
#main_col.barnd_main_col { width:auto; float:none; margin-right:0; }
#side_col.brand_side_col { width:auto; float:none; margin-left:0; }
#footer { width:auto; min-width:100%; }
#footer_inner { width:auto; margin:0 auto; padding:30px 0 15px 0; }
#footer_bottom { width:auto; min-width:100%; }
#footer_bottom_inner { width:auto; }


/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

/* ページタイトル */
h2.title { font-size:32px; }

body.page h2.title + #main_col{
  margin-top: -25px;
}

/* パンくずリンク */
#bread_crumb { margin-left:0; }


/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */

body.home #contents_inner { padding-left:0; padding-right:0; }

/* スライダー */
.flex-control-nav a { width:9px; height:9px; }
.index_slider .slide-caption-inner { font-size:26px; line-height:1.6; }


/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */

/* カテゴリー */
#archive ul.category { margin:10px 0 40px 0; }
#archive ul.category li:nth-child(odd) { width:49%; margin-right:0; float:left; clear:both; }
#archive ul.category li:nth-child(even) { width:49%; margin-right:0; float:right; }
#archive ul.category li a { display:block; width:auto; min-width:initial; min-width: auto; }

/* ローディングボタン */
#load_post { padding:0; height:auto; }
#load_post a { font-size:14px; color:#fff; display:inline-block; background:#bbb; text-decoration:none; height:50px; line-height:50px; width:250px; text-align:center; }
#infscr-loading { font-size:11px; }


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */

#article { background:#fff; padding:0; margin:0 0 20px 0; }

/* 記事タイトル */
.mobile #post_title { font-size:28px; margin: 0; }

/* アイキャッチ画像 */
.post_image { margin:0 -15px 25px -15px; }

/* SNSボタン */
.share_button li { padding:0; float:left; margin:0 10px 10px 0; line-height:0; }

/* メタ情報 */
#post_meta_top { margin:20px 0 20px 0; }
#post_meta_bottom { margin:0 0 15px 0; padding:15px; }
#post_meta_bottom li { display:block; margin:0 0 10px 0; padding:0 0 0 20px; border:none; font-size:12px; line-height:160%; }
#post_meta_bottom li:last-child { border:none; margin:0; }

/* 次の記事、前の記事リンク */
#previous_next_post { }
#previous_next_post .prev_post { float:none; width:auto; min-width:initial; min-width: auto; margin:0 20px 10px 0; }
#previous_next_post .next_post { float:none; width:auto; min-width:initial; min-width: auto; margin:0 0 0 20px; }
#previous_next_post .prev_post a { padding:0 30px 0 70px; height:4.5em; margin-right:0; }
#previous_next_post .next_post a { padding:0 60px 0 40px; height:4.5em; }
#previous_next_post .title { max-height:4.5em; }

/* 関連記事 */
#related_post h3 { font-size:22px; }
#related_post ol { margin:0; position:relative; }
#related_post li { width:100%; height:auto; margin:0 0 15px 0; padding-bottom:5px; }
#related_post li:nth-child(odd) { clear:none; float:none; }
#related_post li:nth-child(even) { float:none; }
#related_post li .category { height:auto; margin:20px 0 15px 0; }
#related_post li .image { height:auto; }
#related_post li .image img { height:auto; }
#related_post li .title { height:auto; }

/* 広告 */
#single_banner_area { margin:15px 0; text-align:center; }
#single_banner_area .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area .single_banner_right { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area img { max-width:100%; height:auto; display:inline; }

/* 広告2 */
#single_banner_area_bottom { margin:20px 0 50px 0; text-align:center; }
#single_banner_area_bottom .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area_bottom .single_banner_right { float:none; padding:0; margin:0 auto; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:inline; }
/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 0 15px 0; text-align:center; }
#single_banner_area2 .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area2 .single_banner_right { float:none; padding:0 0 5px 0; margin:0 auto; }
#single_banner_area2 img { max-width:100%; height:auto; display:inline; }

#single_author_link{ position: relative; }
#single_author_desc{ margin-top: 20px; }
.author_social_link li a{ margin-bottom: 5px; }

/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */

/* typeN */
.page_template_type .headline { font-size:1.5em; }
.page_template_type .headline_large { font-size:28px; }

.post_row{ margin-right:0; margin-left:0; }
.post_col, .post_col-2, .post_col-3{ padding-left:0; padding-right:0; }

/* ----------------------------------------------------------------------
 NEWS
---------------------------------------------------------------------- */

/* 記事ページ */
#single_news_list { background:#fff; padding:15px; }
#single_news_headline { margin:-15px -15px 15px; background:#6bb8e4; color:#fff; padding:0 20px; height:50px; line-height:50px; }
#single_news_list ol { margin:0 0 15px 0; border-bottom:none; }
#single_news_list li { margin:0 0 15px 0; padding:0 0 15px 0; font-size:13px; border-bottom:1px dotted #ccc; }
#single_news_list li .date { float:none; width:auto; display:block; margin:0 0 10px 0; font-size:11px; }
#single_news_list li .title { float:none; width:auto; display:block; line-height:160%; }

/* アーカイブページ */
#news_archive #post_list li { padding:20px; display:block; }
#news_archive .news_image { height:auto; width:100%; float:none !important; }
#news_archive .news_text { padding:40px 0 0 0; width:100%; float:none !important; }
#news_archive .title { font-size:24px; }
#news_archive .date { position:static; margin-top:12px; }


/* ----------------------------------------------------------------------
 BRAND
---------------------------------------------------------------------- */

.brand_catchcopy { font-size:28px; }

#brand_archive #post_list { margin:0; padding:0; }

#brand_archive #post_list .brand_post_image { margin-bottom: 40px; }

#brand_archive #load_post { margin-bottom: 40px; }

@media screen and (max-width:640px) {
  .brand_post_image + .brand_post_image{
    margin-top: -50px;
  }
  body.single-brand #post_title{
    margin: 30px 0 20px 0;
  }
}

/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */

#comment_area, #trackback_area { margin:15px 0px; }

#comment_header { position:relative; border-bottom:none; }
#comment_header ul { position:relative; right:auto; top:auto; margin:0; }
#comment_header ul li {
	width:100%; float:none; position:relative;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#comment_header ul li:first-child { border-bottom:1px solid #eee; }
#comment_header ul li#comment_switch, #comment_header ul li#comment_closed { border:none; border-top:1px solid #fff; padding:0; margin:0; position:relative; }
#comment_header ul li a, #comment_header ul li p {
	padding:15px; background:#fff; border:none; color:#333; text-align:left;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

#comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header ul li.comment_switch_active a:hover { color:#333; }

.comment-meta-left { float:left; width:50%; }


/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 0 20px; padding:15px; background:#fff; }


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* フッターサイト名 */
#footer_logo { color:#fff; font-size:30px; text-align:center; margin:0 0 30px 0; }
#footer_logo img { display:block; margin:0 auto; padding:0 20px; max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/* フッターウィジェット */
.footer_contents { padding:0 20px; }

#return_top { right: 0; }
#return_top a{ height: 45px; width: 45px; border-radius: 0; }
#return_top a:before{ top:15px; left: 13px; }


/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */

.side_widget:last-child { margin:0; }

/* brand category list */
.brand_category_list { margin-right:-5px; }
.brand_category_list li { display:inline-block; margin-right:5px; width:180px; height:180px; vertical-align:bottom; }
.brand_category_list li a { position:static; }


} /* max-width:768px */



/* ----------------------------------------------------------------------
 モバイル用ドロワーメニュー
---------------------------------------------------------------------- */
@media screen and (max-width:1249px) {
  #drawer_menu {
    display:block !important; position:fixed; top:0px; right:0; width:400px; height:100vh; height:100dvh; background:#000; overflow:auto; z-index:99999;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-overflow-scrolling: touch; pointer-events:none; transform: translate3d(100%,0,0);
  }
  .open_menu #drawer_menu { transform: translate3d(0,0,0); pointer-events:auto; }
  body:before { opacity:0; pointer-events:none; content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); display:block; position:fixed; top:0; left:0; z-index:3000; transition: opacity 0.5s ease; }
  .open_menu body:before { opacity:1; pointer-events:auto; }
  .open_menu #contents { }
  .open_menu #js-footer-bar { display:none; }
  body.admin-bar #drawer_menu_mobile { top:32px; }
}
@media only screen and (max-width: 782px) {
  body.admin-bar #drawer_menu_mobile { top:48px; }
}
@media only screen and (max-width: 600px) {
  #drawer_menu { width:100%; }
  body:before { display:none; }
  #contents { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); transform: translate3d(0,0,0); }
  .open_menu #contents { transform: translate3d(-100%,0,0); }
  #header { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; transform: translate3d(0,0,0); }
  .open_menu #header { transform: translate3d(-100%,0,0); }
  #copyright { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); transform: translate3d(0,0,0); }
  .open_menu #copyright { transform: translate3d(-100%,0,0); }
  #js-header-message { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; }
  .open_menu #js-header-message { transform: translate3d(-100%,0,0); }
}


/* ドロワーメニューのスクロールバー */
#drawer_menu_mobile .simplebar-scrollbar:before { background:#aaa !important; }


/* 閉じるボタン */
#drawer_menu .header { position:relative; width:100%; height:50px; border-bottom:1px solid rgba(255,255,255,0.2); }
#drawer_mneu_close_button { cursor:pointer; display:block; width:50px; height:50px; position:absolute; top:0px; right:0px; z-index:10; }
#drawer_mneu_close_button:before { color:#fff; font-family:'design_plus'; content:'\e91a'; font-size:20px; display:block; top:17px; left:12px; position:absolute; }


/* グローバルメニュー */
#mobile_menu { width:100%; margin:0; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
  position:relative; display:block;  margin:0; padding:0 50px 0 20px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
  color:#fff !important; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.2); transition:none;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#mobile_menu li li a { border:none; height:50px; line-height:50px; }


/* グローバルメニュー（子メニュー） */
#mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:50px; height:50px; right:0px; top:-5px; z-index:9; cursor:pointer; }
#mobile_menu .child_menu_button:after {
  color:#fff; font-family:'design_plus'; content:'\e90e'; font-size:16px; display:block; width:16px;
  position:absolute; top:25px; right:20px;
}
#mobile_menu li.open > .child_menu_button:after { content:'\e911'; }
#mobile_menu li.open > a { border-bottom:none; }
#mobile_menu li li a { background:#333; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; }
#mobile_menu li li:last-of-type a { border-bottom:none; }
#mobile_menu li li.menu-item-has-children > a:after { display:none; }
#mobile_menu li li.open > a { border-bottom:1px solid rgba(255,255,255,0.4); }
#mobile_menu li ul { background:#000; }




@media screen and (max-width:480px) {

/* トップページスライダー */
.index_slider .slide-caption-inner { font-size:22px; }
.index_slider .slides .image img{ width:200%; margin-left:-50%; }

/* トップページグリッド */
#index_grid .caption h2 { font-size:20px; }
#index_grid .caption p { font-size:12px; }

/* フッターウィジェット */
.footer_contents { text-align:left; }
.footer_widget { display:block; width:100%; margin:0 0 20px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.footer_widget.widget_nav_menu { display:inline-block; width:48%; margin:0 0.5% 20px 0.5%; }

} /* max-width:480px */




/* トップぺージグリッド 2列 */
@media screen and (max-width:640px) {
.grid-item, .grid-item-width1 { width:50%; }
.grid-item-width2, .grid-item-width3, .grid-item-width4 { width:100%; }
}




/* 記事一覧（アーカイブページ）グリッド3列 */
@media screen and (max-width:1249px) {
#archive #post_list { width:945px; margin-left:auto; margin-right:auto; }
}

/* 記事一覧（アーカイブページ）グリッド2列 */
@media screen and (max-width:964px) {
#archive #post_list { width:630px; margin-left:auto; margin-right:auto; }
}

/* 記事一覧（アーカイブページ）グリッド1列 */
@media screen and (max-width:640px) {
#archive { margin-bottom:0; }
#archive #post_list { width:100%; margin-left:0; margin-right:0; }
#archive #post_list li { float:none; width:100%; height:initial; height: auto; margin:0 0 15px 0; padding-bottom:1px; }
#archive #post_list li .image { height:initial; height: auto; }
#archive #post_list li .image img { height:initial; height: auto; min-height:initial; min-height: auto; }
#archive #post_list li .title { height:initial; height: auto; }
#archive #post_list li .category { height:initial; height: auto; min-height:initial; min-height: auto; margin-bottom:15px; }
#archive #post_list li:last-child { margin-bottom:0; }
}

@media screen and (max-width:964px) {
iframe{ max-width:100%; }
}


@media only screen and (max-width:767px) {
body.single-post .flex_layout {
  display: block;
}

body.page-template-default .flex_layout {
  display: block
}

body.page-template-page-notitle .flex_layout {
  display: block
}

body.single-news .flex_layout {
display: block;
}

body.single-brand .flex_layout {
display: block;
}

}
@charset "utf-8";

body, input, textarea {
  font-family: Arial, Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}

.serif {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}