@charset "utf-8";
@charset "utf-8";
@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;
} .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; } .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 .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; }
@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; }
.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; }
.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; }
}
@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; }
 .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 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_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; } #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; }
} @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; } #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; }
} @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; } .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; } #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; } #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; }  .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; }  #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_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%; } .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 { 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; }
}  @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%; }
}  @media screen and (max-width:640px) {
.grid-item, .grid-item-width1 { width:50%; }
.grid-item-width2, .grid-item-width3, .grid-item-width4 { width:100%; }
} @media screen and (max-width:1249px) {
#archive #post_list { width:945px; margin-left:auto; margin-right:auto; }
} @media screen and (max-width:964px) {
#archive #post_list { width:630px; margin-left:auto; margin-right:auto; }
} @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%; }
}

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;
}