@charset "UTF-8";

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

.single_share li a [class^="icon-"]{
  display: none;
}

.single_share{
  margin:30px 0;
}

@media screen and (max-width:800px) {
  .single_share{
    margin:15px 0;
  }
}

/*** 共通 ***/
.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; }
    /* 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-type1 a:hover,
  .single_share .share-type3 a:hover { color:#fff; }

  .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";


@media screen and (max-width:641px) {
  body { min-width:0; }
}

/* レイアウト */

@media screen and (min-width:820px) and (max-width:1232px) {
  #header { min-width:initial; min-width:auto; width:100%; }
  #header_inner { width:100%; max-width:1232px; margin:0 auto; position:relative; }
  #contents { min-width:initial; min-width:auto; width:100%; }
  #contents_inner { width:100%; max-width:1232px; margin:0 auto; padding:20px 0 80px; }
  #main_col { width:-webkit-calc(100% - 8.3478% - 300px); width:-moz-calc(100% - 8.3478% - 300px); width:calc(100% - 8.3478% - 300px); }
  #sid_col { width:300px; }
  .page-template-page-noside #main_col { width:100%; max-width:1232px; float:none; }
  .page-template-page-category #main_col { width:100%; max-width:1232px; float:none; }
  .page_404 #main_col{ margin: 0 auto; }
  .page_404 #main_col .page_404_contents h2{ font-size: 33px !important; }
}

@media screen and (min-width:641px) and (max-width:820px) {
  #header { min-width:initial; min-width:auto; width:100%; }
  #header_inner { width:100%; max-width:820px; margin:0 auto; position:relative; }
  #contents { min-width:initial; min-width:auto; width:100%; }
  #contents_inner { width:100%; max-width:820px; margin:0 auto; padding:20px 0 80px; }
  #main_col { width:100%; float:none; }
  #side_col { width:100%; float:none; padding: 0}
  .page-template-page-noside #main_col { width:100%; max-width:820px; float:none; }
  .page-template-page-category #main_col { width:100%; max-width:820px; float:none; }
  .page_404 #main_col{ margin: 0 auto; }
}

@media screen and (max-width:640px) {
  .page_404 #contents_inner.no_bg{ border-bottom: 1px solid #d3d3d3; }
}

/*@media screen and (max-width:641px) {*/
@media screen and (max-width:1232px) {
  #header { height:60px; min-width:100%; width:100%; background:#fff; position:relative; left:0px; top:0px; z-index:1; margin:0; }
  #header_inner { height:auto; width:auto; margin:0 auto; padding:0; position:relative; }
  #contents { width:auto; min-width:100%; margin:0; padding:0; }
  #contents_inner { width:auto; margin:0; padding:20px 0; }
  #main_col { width:auto; float:none; position:relative; margin:0; padding:0; }
  #side_col { width:auto; float:none; margin:0 0 -15px 0; padding:10px 20px 30px; position:relative; background: none !important; }
  .page-template-page-noside #main_col { width:auto; float:none; }
  .page-template-page-category #main_col { width:auto; float:none; }
  .page_404 #main_col{ margin: 0 auto; }
  .page_404 #main_col .page_404_contents h2{ font-size: 24px; }
  .page_404 #main_col .page_404_contents div{ font-size: 16px; }
}


/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
@media screen and (max-width:1232px) {

/* グローバルメニュー */
  /*a.menu_button {
     position:absolute; right:0; top:3px; z-index:9; border-left:1px solid #ddd;
     display:inline-block; font-size:11px; color:#333; padding:0 15px; height:60px; line-height:60px; text-decoration:none;
  }
  a.menu_button:hover { background:#222; color:#fff; }
  a.menu_button.active { color:#fff; background:#333; }*/
  a.menu_button {
    position:absolute; right:0px; top:0px; z-index:9;
    display:inline-block; font-size:11px; color:#333; width:60px; height:60px; line-height:56px; text-decoration:none;
  }
  a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
  a.menu_button:before {
    font-family:'design_plus'; color:#888; display:block; position:absolute; top:17px; left:19px;
    font-size:18px; width:24px; height:24px; line-height:24px;
		text-align: center;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
  a.menu_button:before { content:'\f0c9'; }
  a.menu_button:hover, a.menu_button.active { background:#333; }
  a.menu_button:hover:before, a.menu_button.active:before { color:#fff; }
}

/*@media screen and (min-width:641px) and (max-width:1232px) {*/
@media screen and (max-width:1232px) {
  .pc #global_menu { z-index:100; background:#222222; min-width:initial; min-width:auto; width:100%; }
  .pc #global_menu > ul { height:auto; width:100%; margin:0 auto; padding-top:20px; text-align:center; font-size:0; }
  .pc #global_menu > ul > li { display:inline-block; min-width:150px; margin-bottom:20px; font-size:1%; vertical-align:middle; 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; }
  .pc #global_menu > ul > li:nth-child(9n), .pc #global_menu > ul > li:nth-child(10n), .pc #global_menu > ul > li:nth-child(11n), .pc #global_menu > ul > li:nth-child(12n)
  .pc #global_menu > ul > li:nth-child(13n), .pc #global_menu > ul > li:nth-child(14n), .pc #global_menu > ul > li:nth-child(15n)
    { display:none; }
  .pc #global_menu > ul > li a { color:#fff; background:#222222; height:auto; line-height:normal; font-size:12px; text-decoration:none; display:block; text-align:center; }
  .pc #global_menu li a:hover { background:#6bb8e4; text-decoration:none; }
  .pc #global_menu > ul > li.active > a { background:#6bb8e4; }

  .pc #global_menu ul ul { display:none; width:220px; position:absolute; top:55px; left:0px; margin:0; padding:0; }
  .pc #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; border:none; }
  .pc #global_menu ul ul li { width:220px; line-height:150%; padding:0; margin:0; 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; position:relative; }
  .pc #global_menu ul ul a { display:block; font-size:11px; background:#6bb8e4; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
  .pc #global_menu ul ul a:hover { background:#457694; color:#fff; text-decoration:none; }

  .pc #global_menu li.hide_menu { display:none; }
}

@media screen and (max-width:1232px) {
  #global_menu { display:none; clear:both; width:100%; margin:0; top:60px; 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); }
  #global_menu ul { margin:0; }
  #global_menu a { display:block; border:1px solid #666; margin:0 0 -1px 0; padding:2px 10px 2px 32px; line-height:40px; text-decoration:none; color:#fff; background:#333 url(img/common/arrow4.png) no-repeat 20px  !important; }
  #global_menu a:hover { color:#fff; }
  #global_menu ul ul a { padding-left:46px; background:#333 url(img/common/arrow4.png) no-repeat 34px !important; }
  #global_menu ul ul ul a { padding-left:60px; background:#333 url(img/common/arrow4.png) no-repeat 48px  !important; }

/* 言語ボタン */
#header_lang_button {
  position:absolute; z-index:50; top:0px; right:65px;
  display:inline-block; font-size:11px; width:50px; height:60px; line-height:60px; text-decoration:none; text-align:center;
}
#header_lang_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#header_lang_button:before {
  font-family:'design_plus'; display:block; position:absolute; top:20px; left:0; right:0; margin:auto;
  font-size:18px; width:18px; height:18px; line-height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#header_lang_button:before { content:'\e942'; }
#header_lang_button:hover, a.menu_button.active { }
#header_lang_button:hover:before, #header_lang_button.active:before { }


/* 言語メニュー */
#header_lang { width:100%; margin:0; z-index:9; }
#header_lang > ul { display:none; margin:0; top:60px; position:absolute; width:100%; z-index:100; }
#header_lang ul ul { }
#header_lang a {
  position:relative; display:block;  margin:0; padding:18px 20px; line-height:1.6; overflow:hidden; text-decoration:none;
  color:#fff; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.2);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_lang ul ul li:last-child a { border:none; }
#header_lang a:hover { color:#fff; }
#header_lang a.active_site { pointer-events:none; color:rgba(255,255,255,0.3) !important; }
#header_lang img { display:block; width:20px; height:20px; border-radius:100%; position:absolute; left:30px; top:0px; bottom:0px; margin:auto; }
#header_lang a.has_flag { padding-left:60px; }
#header_lang a.active_site img { opacity:0.6; }
}

@media screen and (max-width: 991px) {
	a.menu_button:hover {
		background: transparent!important;
	}
	a.menu_button:hover::before {
		color: #888;
	}
	.mobile #global_menu li a:hover {
		background-color: #333!important;
	}
}

/* ロゴ */

/*@media screen and (min-width:641px) and (max-width:1232px) {*/
@media screen and (max-width:1232px) {
  .pc #logo_text #logo { margin:20px 15px 0; }
  .pc #logo_image #logo { position:static; padding:20px 15px 0; float: none; text-align:center; }
  .pc #logo_image #logo img { display:inline; }
}

@media screen and (max-width:1232px) {
/*@media screen and (max-width:641px) {*/
  #logo_text { margin:21px 0 0 15px; z-index:9999; float:left; }
  #logo_text #logo { font-size:18px; font-weight:normal; }
  #logo_text a, #logo_image #logo a { color:#333; text-decoration:none; display:block; }
  #logo_text a:hover, #logo_image #logo a:hover { text-decoration:underline; }
  #logo_image { margin:21px 0 0 15px; z-index:9999; float:left; }
  #logo_image #logo { top:0px !important; left:0px !important; font-weight:normal; margin:0; padding:0; line-height:100%; font-size:18px; }
  #logo_image #logo img { display:none; }
  #logo_image #logo a:before { content:attr(data-label); }

  #logo_image_mobile { margin:0; font-size:18px; font-weight:normal; display:inline; text-align: center;}
  #logo_image_mobile a { display:flex; justify-content:center; align-items:center; height:60px; margin:0; }
  #logo_image_mobile a img { width:auto; display:block; }
}

/* バナー */

@media screen and (max-width:1232px) {
/*@media screen and (min-width:641px) and (max-width:1232px) {*/
  #header_banner_area { padding:20px 15px; float:none; text-align:center; }
  #header_banner_area a img { display:inline; }
}

@media screen and (max-width:1232px) {
/*@media screen and (max-width:641px) {*/
  #header_banner_area { display:none; }
}

@media screen and (max-width:1232px) {
.posts_num{ display: none; }
}

/* パンくずリンク */


@media screen and (min-width:641px) and (max-width:1232px) {
  #bread_crumb { padding:0 15px 20px; }
}

@media screen and (max-width:641px) {
  #bread_crumb { padding:0; margin:0 20px 20px; width:auto; }
  #bread_crumb li { font-size:10px; line-height:160%; }
}



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

/* スライダー */
@media screen and (max-width:830px) {
 #header_slider .item video { width:auto; height:100%; position:absolute; left:-100%; right:-100%;margin:auto; }
}
@media screen and (max-width:730px) {
  #header_slider { min-width:inherit; padding-top:0; height:450px; }
  #header_slider .item { height:450px !important; }
  #header_slider .caption { width:auto; height:450px; margin:0 auto; position:relative; }
  #header_slider .caption_inner { padding:0 35px; }
  #header_slider .caption .desc { font-size:14px; line-height:2.0; margin:10px 0 0 0; }
  #header_slider .caption .button { font-size:12px; min-width:180px; height:45px; line-height:45px; padding:0 67px 0 50px; }
  #header_slider .caption .button span:after { top:-14px; }

  #header_slider .item video { width:100%; height:auto; }
  #header_slider .caption.type2 { height:100%; }

  #header_slider .caption .title { font-size:24px; }
  #header_slider .item video { width:100%; height:auto; }
  #header_slider .caption.type2 h3 { padding:30px 0; }
}
@media screen and (max-width:690px) {
  #header_slider .item video { width:auto; height:100%; }
}
#header_slider .item iframe { position:absolute; }
@media screen and (max-width:730px) {
  #header_slider { height:380px; }
  #header_slider .item { height:380px !important;}
  #header_slider .caption { height:380px; }
  #header_slider .caption_inner { padding:0 20px; }
  #header_slider .caption .title { font-size:24px !important; }
  #header_slider .caption .desc { font-size:12px; }
}


/* トップページのNEWS */

@media screen and (min-width:641px) and (max-width:1232px) {
  #index_news { position:relative; width:auto; height:auto; background:none; overflow:hidden; font-size:12px; margin:0 15px 15px; padding:0; }
  #index_news .headline {
  display:block; width:100%; height:45px; line-height:45px; background:#fff; color:#000; font-size: 14px; text-align:left; float:none; margin:0; padding:0 15px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #index_news #newsticker { background:#fff; padding:0 15px; }
  #index_news .newsticker { position:relative; overflow:hidden; width:auto; background:none; height:55px; margin:0; float:none; padding:0; }
  #index_news ol { margin:0; position:absolute; top:0px; }
  #index_news ol li { height:55px; overflow:hidden; line-height:180%; font-size:11px;}
  #index_news ol .date { width:auto; height:auto; line-height:100%; display:block; color:#6db8e2; float:none; margin:0 0 6px 0; }
  #index_news ol .title { width:auto; height:auto; line-height:100%; display:inline; float:none; }
  #index_news .link {
    text-decoration:none; width:auto; height:35px; line-height:35px; display:block; background:#fff;
    color:#000; float:none; padding:0 15px; text-align: right;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #index_news .link:after {
    font-family:'design_plus'; color:#000;
    font-size:12px;
    content:'\e910';
    position: relative;
    top: 1px;
    margin-left: 5px;
  }

  #post_list_type1 #post_list { text-align:center; }
  #post_list_type2 #post_list { text-align:center; }
}

@media screen and (max-width:641px) {
  #index_news { position:relative; width:auto; height:auto; background:none; overflow:hidden; font-size:12px; margin:0 15px 15px; padding:0; }
  #index_news .headline {
    display:block; width:100%; height:45px; line-height:45px; background:#fff; color:#000; font-size: 14px; text-align:left; float:none; margin:0; padding:0 15px;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #index_news #newsticker { background:#fff; padding:0 15px; }
  #index_news .newsticker { position:relative; overflow:hidden; width:auto; background:none; height:55px; margin:0; float:none; padding:0; }
  #index_news ol { margin:0; position:absolute; top:0px; }
  #index_news ol li { height:55px; overflow:hidden; line-height:180%; font-size:11px;}
  #index_news ol .date { width:auto; height:auto; line-height:100%; display:block; color:#6db8e2; float:none; margin:0 0 6px 0; }
  #index_news ol .title { width:auto; height:auto; line-height:100%; display:inline; float:none; }
  #index_news .link {
    text-decoration:none; width:auto; height:35px; line-height:35px; display:block; background:#fff;
    color:#000; float:none; padding:0 15px; text-align: right;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #index_news .link:after {
    font-family:'design_plus'; color:#000;
    font-size:12px;
    content:'\e910';
    position: relative;
    top: 1px;
    margin-left: 5px;
  }
}

/* アーカイブページの見出し */
@media screen and (max-width:641px) {
  .archive_headline { width:auto; padding:0 20px; height:40px; line-height:40px; background:#6bb8e4; color:#fff; font-size:14px; font-weight: normal; margin:0 20px 15px; text-align: center; }
  #category_desc { margin:0 20px 15px; }
  #category_desc p { line-height:180%; }
}

/* 記事一覧（トップページ） */
@media screen and (min-width:923px) and (max-width:1232px) {
  #post_list_type1 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
  #post_list_type1 #post_list { text-align:left; }
  #post_list_type1 #post_list > li { /*margin:0 4px 15px 4px; width:32.3%;*/ margin: 0 4px 13px; width: calc((100% - 16px) / 3); height:auto; }
/*
  #post_list_type1 #post_list > li:nth-child(3n-2) { margin:0 4px 13px 0; }
  #post_list_type1 #post_list > li:nth-child(3n) { margin:0 0px 13px 4px; }
*/
  #post_list_type1 #post_list > li:nth-of-type(3n-2) { margin:0 4px 13px 0; }
  #post_list_type1 #post_list > li:nth-of-type(3n) { margin:0 0px 13px 4px; }
  #post_list_type1 #post_list li .title a { 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;}
  #post_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height: calc((100vw ) / 3 * 200 / 300); background:#000; }
}

@media screen and (min-width:641px) and (max-width:923px) {
  #post_list_type1 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
  #post_list_type1 #post_list { text-align:left; }
  #post_list_type1 #post_list > li { /*margin:0 4px 15px 4px; width:48.7%; */ margin: 0 4px 13px; width: calc((100% - 8px) / 2);height:auto; }
/*
  #post_list_type1 #post_list > li:nth-child(2n-1) { margin:0 4px 13px 0; }
  #post_list_type1 #post_list > li:nth-child(2n) { margin:0 0px 13px 4px; }
*/
  #post_list_type1 #post_list > li:nth-of-type(2n-1) { margin:0 4px 13px 0; }
  #post_list_type1 #post_list > li:nth-of-type(2n) { margin:0 0px 13px 4px; }
  #post_list_type1 #post_list li .title a { 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;}
  #post_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height: calc((100vw ) / 3 * 300 / 300); background:#000; }
}

@media screen and (max-width:641px) {
  #post_list_type1 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
  #post_list_type1 #post_list { margin:0; }
  #post_list_type1 #post_list > li { float:none; margin:0 0 15px 0; width:100%; height:auto; background:#fff; position:relative; }
  #post_list_type1 #post_list li .title a {
    font-weight: normal; display:block; width:100%; height:auto; line-height:200%; overflow:auto; text-align:left; padding:15px; text-decoration:none;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #post_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height:auto; background:#000; }
  #post_list li .image img { height:auto; }
}

/* 記事一覧（アーカイブページ） */
@media screen and (min-width:923px) and (max-width:1232px) {
  #post_list_type2 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
  #post_list_type2 #post_list { text-align:left; }
  #post_list_type2 #post_list > li { /*margin:0 4px 15px 4px; width:32.3%; */ margin: 0 4px 13px; width: calc((100% - 16px) / 3); height:auto; }
  #post_list_type2 #post_list > li:nth-of-type(3n-2) { margin:0 4px 13px 0; }
  #post_list_type2 #post_list > li:nth-of-type(3n) { margin:0 0px 13px 4px; }
  #post_list_type2 #post_list li .title a { 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;}
  #post_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height: calc((100vw ) / 3 * 200 / 300); background:#000; }
}

@media screen and (min-width:641px) and (max-width:923px) {
  #post_list_type2 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 15px; }
  #post_list_type2 #post_list { text-align:left; }
  #post_list_type2 #post_list > li { /*margin:0 4px 15px 4px; width:48.7%; */ margin: 0 4px 13px; width: calc((100% - 8px)/ 2);height:auto; }
  #post_list_type2 #post_list > li:nth-of-type(2n-1) { margin:0 4px 13px 0; }
  #post_list_type2 #post_list > li:nth-of-type(2n) { margin:0 0px 13px 4px; }
  #post_list_type2 #post_list li .title a { 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;}
  #post_list li .image { position:relative; display:block; overflow:hidden; text-align:center; width:100%; height: calc((100vw ) / 3 * 300 / 300); background:#000; }
}

@media screen and (max-width:641px) {
  #post_list_type2 { width:auto; overflow:hidden; position:relative; padding-bottom:22px; margin:0 20px; }
  #post_list_type2 #post_list { position:relative; margin:0; padding:0; }
  #post_list_type2 #post_list > li { float:none; margin:0 0 15px 0; width:100%; height:auto; background:#fff; position: relative; }
  #post_list_type2 #post_list > li.no_desc { height:auto; }
  #post_list_type2 #post_list li .title { font-size:12px; -ms-word-wrap:break-word; word-wrap:break-word; }
  #post_list_type2 #post_list li .title a {
    display:block; width:100%; height:auto; line-height:180%; overflow:auto; text-align:left; padding:15px; text-decoration:none; font-weight: normal;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #post_list_type2 #post_list li .title a:hover { color:#fff; background:#222; }
  #post_list_type2 #post_list .excerpt { /*margin:0 20px; border-top:1px solid #ddd; padding:15px 0; line-height:180%; height:auto; overflow:auto; font-size:12px;*/ display: none; }
}

/* ローディングボタン */
@media screen and (max-width:641px) {
  #load_post { text-align:center; padding:15px 0 0 0; height:40px; position:relative; }
  #load_post a { font-size:12px; color:#fff; display:inline-block; background:#bbb; text-decoration:none; height:40px; line-height:40px; width:150px; text-align:center; }
  #infscr-loading { padding:20px; font-size:11px; }
  #load_post a:hover{ background-image: none !important; }
}

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

@media screen and (max-width:641px) {
  #article { background:#fff; padding:20px; margin:0 0 20px 0; }
  .post_content { font-size: 12px; }
}

/* 日付 */
@media screen and (max-width:641px) {
  #post_date_headline { margin:-15px -20px 0; background:#6bb8e4; color:#fff; padding:0 20px; height:35px; line-height:35px; font-size: 12px; }
}

/* 記事タイトル */
@media screen and (max-width:641px) {
  #post_title { padding:0; margin:0 0 15px 0; font-size:16px; line-height:160%;}
}


/* ギャラリー */
@media screen and (min-width:641px) and (max-width:1232px) {
  #gallery { width:100%; }
  #gallery img { width:auto; }
  #single_news_list li .title { width:100%;}
}

@media screen and (max-width:641px) {
  #post_image { margin:0 -20px 15px; }
  #gallery { width:auto; }
  #gallery img { display:block; width:100%; height:auto; }
  .flex-direction-nav { display:none; }

  #image_meta { padding:15px 20px; }
  #image_meta p { font-size:11px; width:auto; float:none; margin:0 0 10px 0; line-height:160%; }
  #image_meta ul { width:auto; float:none; margin:0; }
  #image_meta li a { color:#fff; }
  #image_meta li { float:left; margin:0 20px 0 0; padding:0; line-height:160%; font-size:11px; }
}

/* SNSボタン */
@media screen and (max-width:641px) {
  .share_button li { padding:0; float:left; margin:0 10px 10px 0; line-height:0; }
}

/* メタ情報 */
@media screen and (max-width:641px) {
  #post_meta_bottom { margin:0 0 15px 0; background:#fff; padding:15px 0; }
  #post_meta_bottom li { display:block; margin:0 0 10px 0; padding:0; border:none; font-size:12px; line-height:160%; }
  #post_meta_bottom li:last-child { border:none; margin:0; }
}

/* 次の記事、前の記事リンク */
@media screen and (max-width:641px) {
  #previous_next_post { display: flex; }
  #previous_next_post .prev_post { float:none; width:50%; margin:0 -1px 5px 0; line-height:100%; }
  #previous_next_post .next_post { float:none; width:50%; margin:0; line-height:100%; }
  #previous_next_post a {
    display:block; font-size:12px; width:100%; height:50px; position:relative; background:#fff; overflow:hidden; border: solid 1px #ddd;
   -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #previous_next_post img {
    display: none;
    /*display:block; opacity:0.6; position:absolute; top:0px; left:0px; z-index:5;
  	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
  	-webkit-backface-visibility: hidden; backface-visibility: hidden;*/
  }
}


@media screen and (max-width:420px) {
  #previous_next_post img { width:375px; height:auto; }
}

@media screen and (max-width:641px) {
  #previous_next_post .title {
  display:block; width:100%; height:50px; line-height:50px; overflow:hidden; padding:0 10px; position:relative; top:0px; left:0px; text-align:center; z-index:10; color:#666;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
}

@media screen and (max-width:641px) {
  #previous_next_post a:hover {text-decoration: none;}
  #previous_next_post a:before {
    font-family:'design_plus'; color:#aaa; font-size:14px; display:inline; position:absolute;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
  #previous_next_post .prev_post a:before { content:'\e90f'; top:18px; left:10px; }
  #previous_next_post .next_post a:before { content:'\e910'; top:18px; right:10px; }

  #previous_next_post .prev_post .title:before{display: none;}
  #previous_next_post .next_post .title:before{display: none;}
}

/* 広告 */
@media screen and (max-width:1200px) {
  #single_banner_area { text-align:center; background:#F0F2F3; border:15px solid #fff; padding:15px; margin:0 0 20px 0; }
  #single_banner_area div { display:block; margin:0 0 15px 0; }
  #single_banner_area div:last-child, #single_banner_area div:only-child { margin:0; }
  #single_banner_area div img { max-width:100%; height:auto; }
}

/* 関連記事 */
@media screen and (min-width:642px) and (max-width:1232px) {
  #related_post ol { margin: 0 15px; }
  #related_post li { width: calc(20% - 15px); margin: 0 18px 20px 0; }
  #related_post li:nth-child(4n){ margin-right: 18px !important; }
  #related_post li:nth-child(5n){ margin-right: 0; }
  #related_post li .image { margin:0; display:block; width:100%; height:auto; overflow:hidden; }
  #related_post li a.image img {
    width:100%; height:auto; display:block;
    -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
  }
  #related_post li .image:hover img {
   -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
  }
  #related_post li .title { display:block; font-size:12px; line-height:150%; margin:0; padding:15px; max-height:100%; overflow:hidden; text-decoration:none; }
  #related_post li .title:hover { color:#fff; }
  #related_post li .excerpt { margin:0 15px; padding:15px 0; font-size:11px; line-height:180%; max-height:100%; overflow:hidden; border-top:1px solid #ddd; }
}
@media screen and (max-width:641px) {
  #related_post { overflow:hidden; }
  #related_post .headline { background:#6bb8e4; color:#fff; height:50px; line-height:50px; font-size:14px; padding:0 20px; margin:0 0 20px 0; }
  #related_post ol { margin:0 20px 0 0; position:relative; display:flex; flex-wrap:wrap; }
  #related_post li { float:none; width:calc(50% - 22px); height:auto; margin:0 0 15px 20px; position:relative; background:#fff; }
  #related_post li .image { margin:0; display:block; width:100%; height:auto; overflow:hidden; }
  #related_post li a.image img {
    width:100%; height:auto; display:block;
    -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
  }
  #related_post li .image:hover img {
   -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
  }
  #related_post li .title { display:block; font-size:12px; line-height:150%; margin:0; padding:15px; max-height:100%; overflow:hidden; text-decoration:none; }
  #related_post li .title:hover { color:#fff; }
  #related_post li .excerpt { margin:0 15px; padding:15px 0; font-size:11px; line-height:180%; max-height:100%; overflow:hidden; border-top:1px solid #ddd; }
}



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

/* 記事ページ */
@media screen and (max-width:641px) {
  #single_news_list { background:#fff; padding:20px; }
  #single_news_headline { margin:-20px -20px 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%; }
}

/* アーカイブページ */
@media screen and (max-width:641px) {
  #news_archive_headline { background:#6bb8e4; color:#fff; padding:0 20px; height:40px; line-height:40px; margin:0 0 15px 0; font-size: 14px; font-weight: normal; text-align: center; }
  #news_archive #post_list li {
    background:#fff; padding:0; margin:0 20px 10px; width:calc(100% - 40px);
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  #news_archive .news_image { margin:0 auto; display:block; width:100%; height:auto; overflow:hidden; float:none; }
  #news_archive .news_image img { width:100%; height:auto; }
  #news_archive .article_inner { padding:15px 20px; }
  #news_archive .date { margin: 0 0 5px; }
  #news_archive .title { margin: 0 0 5px; font-size: 16px; font-weight: normal; }
}



/* ----------------------------------------------------------------------
 Category lists
---------------------------------------------------------------------- */
@media screen and (max-width:641px) {
#category_list li{ width:100%; margin-right: 0; }
}


/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
@media screen and (max-width:641px) {
  #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 ------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:641px) {
  .comment_form_wrapper { border:1px solid #ccc; margin:0 0 20px; padding:15px; background:#fff; }
}




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

@media screen and (min-width:641px) and (max-width:1232px) {
  #footer { min-width:initial; min-width:auto; width:100%; }
  #footer_inner { width:100%; max-width:1232px; margin:0 auto; padding:40px 15px; box-sizing:border-box;}

 /* ページ最下部 */
  #footer_bottom { min-width:initial; min-width:auto; width:100%; }
  #footer_bottom_inner { width:100%; max-width:1232px; margin:0 auto; padding: 0 30px 30px; }
}


/* フッター上部 */
@media screen and (max-width:641px) {
  #footer { width:auto; min-width:100%; background:#F0F2F3; }
  #footer_inner { width:auto; margin:0 auto; padding:0; }
}

/* ウィジェットエリア */
@media screen and (max-width:1232px) {
  #footer_widget_area1 { width:auto; float:none; margin:0; padding:20px 15px; }
  #footer_widget_area2 { width:auto; float:none; margin:0; padding:20px 15px; }
}

/* メニュー */
@media screen and (max-width:1232px) {
  .footer_menu_wrapper{ display: flex; flex-wrap:wrap; }
  #footer_menu1 { width:calc(50% - 40px); float:none; margin:0; padding:20px 20px; }
  #footer_menu2 { width:calc(50% - 40px); float:none; margin:0; padding:20px 20px; overflow:auto; }
  #footer_menu1 li, #footer_menu2 li { margin:0; padding:0; line-height: 240%; font-size: 10px; }
  .footer_menu li a { display:block; padding:0px; }
}

/* ページ最下部 */
@media screen and (max-width:641px) {
  #footer_bottom { height:auto; width:100%; min-width:100%; background:#f1f2f4; padding-top:30px; }
  #footer_bottom_inner { height:auto; width:auto; margin:0 auto; position:relative; /*padding-bottom:115px;*/ padding: 0; }
  #footer_bottom_inner.no_social_link { padding-bottom:70px; }
}

/* ソーシャルボタン */
@media screen and (max-width:641px) {
  #footer_social_link { float:none; margin:0 0 25px; padding:0; position:relative; bottom:0; left:0px; width:100%; text-align:center; }
  #footer_social_link li { float:none; display:inline-block; vertical-align:top; margin:0 5px; }
  #footer_social_link li:before {
    font-family:'design_plus'; color:#333; font-size:13px; display:block; position:absolute; top:0px; left:0px;
    width:17px; height:17px; line-height:17px;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
}


/* メニュー */
@media screen and (min-width:641px) and (max-width:1232px) {
  #footer_bottom_menu { float:right; }
  #footer_bottom_menu li a { border:0; border-left:1px solid #aaa; padding:0 0 0 15px; margin:0 0 0 15px; }
  #footer_bottom_menu li:last-child a {border:0; border-left:1px solid #aaa; padding:0 0 0 15px; margin:0 0 0 15px; }
  #footer_bottom_menu li:first-child a { border:none; margin:0; }
}

@media screen and (max-width:641px) {
    /*#footer_bottom_menu { float:none; margin:0; }
  #footer_bottom_menu li { float:none; margin:0; font-size:11px;  }
  #footer_bottom_menu li a { display:block; border:none; padding:15px; margin:0; border-bottom:1px solid #ddd; }
  #footer_bottom_menu li a:hover { }
  #footer_bottom_menu li:last-child a { border:none; margin:0; }*/
  #footer_bottom_menu { text-align:center; margin:0 0 30px 0; float: none; }
  #footer_bottom_menu li { display:inline-block; vertical-align:top; margin:0; font-size:11px; float: none; }
  #footer_bottom_menu li a { display:block; border-right:1px solid #aaa; padding:0 5px 0 0; margin:0 5px 0 0; }
  #footer_bottom_menu li a:hover { }
  #footer_bottom_menu li:last-child a { border:none; margin:0; }
}

/* コピーライト */
@media screen and (min-width:641px) and (max-width:1232px) {
  #copyright{ float:none; clear:both; text-align: center; padding-top:20px;}
}

@media screen and (max-width:641px) {
  /*#copyright { text-align:center; margin:0; font-size:11px; }*/
  #copyright{ background:#000; color: #fff; height: 50px; line-height: 50px; float: none; text-align: center; }
  #copyright a{ color: #fff; }

  #return_top a{ width: 50px; height: 50px; right: 0; bottom: 0; border-radius: 0; }
  #return_top a:before { top:16px; left:16px; }
}


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


@media screen and (max-width:641px) {
  .side_widget:last-child { margin:0; }
}

/* styled post list2 */
@media screen and (max-width:641px) {
  #side_col1.type2 .styled_post_list1 .image  { float:left; margin:0 15px 5px 0; }
}

/* image post list */
@media screen and (max-width:641px) {
  .styled_post_list4 ol { margin:0; padding:0; position:relative; }
  .styled_post_list4 li, #footer_widget_area .styled_post_list4 li { float:left; width:32%; height:auto; margin:0 2% 0 0; }
  .styled_post_list4 li:nth-child(3n) { margin-right:0; }
}

/* search */
@media screen and (max-width:641px) {
  .widget_search #search-box, .widget_search #s { width:75%; height:40px; margin:0 0 5px 0; }
  .widget_search #search-btn input, .widget_search #searchsubmit { width:25%; }
}

@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 #main_col {
  display: block
}

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

}