@charset "UTF-8";
/*
Theme Name: BIZKI SOZAI
Author: BIZKI
Author URI: https://bizki.co.jp/
Description: BIZKI SOZAI THEME
Version: 1.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/**
 * 1.0 - Reset
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;/*font-size:100%;*/font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{scroll-behavior:smooth;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*font-size:62.5%;*/overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*,
*:before,
*:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
html,body{margin:0;padding:0;font-size:15px;font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ol,ul{list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {font-weight:normal;text-align:left;}
fieldset {min-width:inherit;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:"";}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
/*a:focus {outline:2px solid #c1c1c1;outline:2px solid rgba(51, 51, 51, 0.3);}*/
a:hover,
a:active{outline:0;}
a img {border:0;}
h1,h2,h3,p,ul,ol,li,dl,dt,dd,input,textarea,select,option{margin:0;padding:0;font-size:inherit;line-height:1.5;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;word-break:break-all;word-wrap:break-word;}
a{text-decoration:none;word-break:break-all;word-wrap:break-word;}
img{margin:0; padding:0; vertical-align:top; max-width:100%;height:auto;}
li{list-style:none;}
em,address{font-style:normal;}
sup{vertical-align:super;font-size:8px;margin-left:-0.3em;}
@media screen and (min-width:769px){
  html,body{font-size:16px;}
}
strong{font-weight:bold;}


/*#frontpage .logo{text-align:center; style="background:url(<?php echo get_template_directory_uri(); ?>/img/logo_blk.svg) 50% 50% no-repeat;background-size:20vw auto;min-height:90vh;"}*/
#frontpage #main{min-height:500px;}
#frontpage #main #pagelist{max-width:1000px;margin:0 auto;padding:4em 2em;}
#frontpage #main #pagelist ul{padding-left:2em;}
#frontpage #main #pagelist ul li{list-style:disc;}
#frontpage #main #pagelist ul li a{color:#000;text-decoration:none;}
#frontpage #main #pagelist ul li a:hover{color:#f07681;text-decoration:underline;}

header{padding:0.5em 2em;background:#000;}
header .logo{text-align:center;}
header .logo img{width:84px;height:auto;}
.product_info{padding:1em;margin:1em 2em 2em;background:#ffc;}
.product_info .wrap{font-size:0.75em;}

#main .product_name{margin:2em 2em 1em;font-weight:bold;line-height:1.25;}
#main .product_name .name_jp{font-size:0.75em;}
#main .product_name .name_en{font-size:1.75em;}
.sozai_nav{display:flex;flex-wrap:wrap;width:100%;padding:1em 2em;border-top:1px solid #eee;border-bottom:1px solid #eee;background:rgba(255,255,255,0.9);}
.sozai_nav li{padding:0 1.5em 0 0;position: relative;}
.sozai_nav li a{color:#999;text-decoration:underline;}
.sozai_nav li a:hover{color:#f07681;text-decoration:none;}
.sozai_nav.clone_nav {
  position: fixed;
  top: -100px;
  left: 0;z-index:9999;
  transition: all 1s;
}
.sozai_nav.clone_nav.is-fixed-nav {
  top: 0;
}
#sozai{padding:0 0 2em;}
.sec_ttl{font-size:1.25em;line-height:2.6;background:#eee;padding:0 1.6em;/*margin:0 1.6em;*/}
/*.sec_ttl{font-size:1.25em;line-height:2.6;background:#000;padding:0 0.8em;color:#fff;margin:0 1.6em;}*/
.sec_ttl:before{content:'▼ ';display:inline;font-size:0.8em;}
.sec_block{padding-top:3.6em;}
.sec_block ul{display:flex;flex-wrap:wrap;}
.sec_block ul li{width:202px;margin:1.14em 2.28em 3.42em 0;font-size:0.875em;}
.sec_block ul li:after{display:block;content:'';clear:both;}
.sec_block ul li.li_video{width:300px;margin-bottom:5em;}
.sec_block ul li .btn{background:#ddd;background-size:70% auto;display:block;width:66%;height:1.5em;color:#fff;text-align:center;margin:0.5em auto 0;}
.sec_block ul li .btn a{color:#aaa;line-height:1.5em;font-size:0.75em;}
.sec_block ul li .btn:hover{background:#f07681;}
.sec_block ul li .btn:hover a{color:#fff;}

.sec_block ul li img{list-style: none;border:1px solid #eee;width:100%;height:auto;}
.sec_block ul li img:hover{opacity:0.5;}
.sec_block ul li img,
.sec_block ul li .wp-video{margin-bottom:0.5em;}
.sec_block section{margin:1em 0.5em 0 2em;}
.sec_block section h4{font-weight:bold;}
.sec_block section .desc{font-size:0.875em;}
.attention{background:#fdeae8;color:#888;padding:1em;margin:1.5em 2em 0;}
.attention dl{font-size:0.75em;}
.attention dt{font-weight:bold;color:#555;}

.btn_pagetop{position:fixed;right:2em;bottom:8em;border:1px solid #000;text-align:center;font-size:0.75em;padding:0.5em;line-height:1.1;background:rgba(255,255,255,0.5);}
.btn_pagetop a{color:#000;}
.btn_pagetop:hover{background:#fdeae8;}
footer {background:#000;padding:2em;}
footer .copy{color:#ccc;font-size:0.5em;text-align:center;}