
/*
Theme Name:  storefront - Child Theme
Template:	storefront
*/
.img {
	width: 100%;
	height: auto;
}
.right-sidebar .content-area {
	width: 100%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.page #page #content {
    min-height: 60vh;
}
.site-search{
	display: none;
}
#menu-item-44284{
	display: none;
}
a.button.w-500.guide-en-btn {
	background-color: #172c7d;
	color: #fff;
}
/*--== common ==--*/
body {
	font-family: 'Josefin Sans', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 1.5;
	background: #fff;
	color: #000;
	font-size: 18px;
}

*:before,
*:after {
	font-family: "Font Awesome 5 free";
	font-weight: bold;
}
small {
	font-size: 90%;
	font-weight: normal;
}
strong {
	font-size: 110%;
	font-weight: bold;
}
a {
	outline: none;
	text-decoration: none;
	color: #179cdb;
}
a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
/* ie lt 8 */
	-ms-filter: alpha(opacity=80);
/* ie 8 */
	-moz-opacity: 0.8;
/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;
/* Safari 1.x */
}
a img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
span.anchorlink {
	position: relative;
	top: -140px;
	display: block;
}
.cat_wrap ul{
	list-style: none;
	margin-left: 0;
}
.product_cat_li, .product_cat_li ul{
	display: flex;
	flex-wrap: wrap;
}
.product_cat_li li{
	width: calc(100% / 3);
}
.product_cat_li h3{
	font-weight: 600;
	font-size: 1.4rem;
	position: relative;
	z-index: 1;
}
.product_cat_li a{
	padding: 1rem;
	width: 95%;
    font-size: 1.2rem;
	font-weight: 600;
	display: block;
	transition: .3s;
	text-align: center;
	background-color: #172c7d;
	border-radius: 2rem;
	margin: 0 auto;
	color: #fff;
}
.hentry .entry-content .product_cat_li ul{
	padding: 0;
	width: 95%;
	margin: 0 auto 2rem;
}
.hentry .entry-content .product_cat_li ul li{
	background-color: #fbeda9;
	transition: .2s;
	border-bottom: 1px dashed #fff;
}
.hentry .entry-content .product_cat_li ul li.movie_wrap{
	background-color: #e5be00;
}
.hentry .entry-content .product_cat_li ul li:nth-child(odd){
	border-right: 1px dashed #fff;
}
.hentry .entry-content .product_cat_li ul li a{
	color: #202020;
	margin: 0;
	padding: 1rem .2rem;
	text-align: center;
	width: 100%;
}
.hentry .entry-content .product_cat_li ul li:hover{
	opacity: .7;
}
.hentry .entry-content .product_cat_li a{
	text-decoration: none;
}
.product_cat_li li li{
    width: calc(100% / 2);
}
.product_cat_li li li a{
	border-radius: 0;
	background-color: transparent;
	padding: 1rem .5rem;
}
/*SPのみ*/
.d_sp {
	display: none !important;
}
@media print, screen and (max-width: 999px) {
	.d_pc {
		display: none !important;
	}
	.d_sp {
		display:unset!important;
	}
}
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.inline-b {
	display: inline-block !important;
	flex-wrap: wrap;
}
.flex {
	display: flex !important;
	flex-wrap: wrap;
}
.reverse {
	flex-flow: row-reverse;
}
.a_center {
	align-items: center;
}
.j_center {
	justify-content: center;
}
.j_sb{
	justify-content: space-between;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.b{
	font-weight: bold;
}
.black{
	color: #000;
}
.red{
	color: #ff0000;
}
.blue {
	color: #34698d;
}
.pink {
	color: #268600 !important;
}
.green{
	color: #268600;
}
.yellow {
	color: #ffff00;
}
.gray{
	color: #888;
}
.white {
	color: #fff !important;
}
.brown {
	color: #411700;
}
.gold {
	color: #927700;
}
.orange {
	color: #ff6200;
}
.small{
	font-size: 80%;
}
.big{
	font-size: 130%;
}
.main_box{
	max-width: 1000px;
	margin: auto;
	padding: 2rem 0;
}
.container{
	display: inline-block;
	width: 100%;
}
.left{
	float: left;
	padding-right: 1rem;
}
.right{
	float: right;
	padding-left: 1rem;
}
.center {
	margin: 0 auto !important;
}
.te_left {
	text-align: left !important;
}
.te_right {
	text-align: right !important;
}
.te_center {
	text-align: center !important;
}
.w-300 {
	max-width: 300px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-400 {
	max-width: 400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-500 {
	max-width: 500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-600 {
	max-width: 600px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-700 {
	max-width: 700px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-800 {
	max-width: 800px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-900 {
	max-width: 900px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95%;
}
.w-1000 {
	max-width: 1000px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
.w-1200 {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	width: 95% !important;
}
/* ===== * size * ====*/
.w1 {
	width: 8.3333% !important;
}
.w2 {
	width: 16.6666% !important;
}
.w3 {
	width: 25% !important;
}
.w4 {
	width: 33.3333% !important;
}
.w5 {
	width: 41.6666% !important;
}
.w6 {
	width: 50% !important;
}
.w7 {
	width: 58.3333% !important;
}
.w8 {
	width: 66.6666% !important;
}
.w9 {
	width: 75% !important;
}
.w10 {
	width: 83.333% !important;
}
.w11 {
	width: 91.6666% !important;
}
.w12 {
	width: 100% !important;
}
/*チェックマークがついているリスト*/
ul.list01 li {
	display: flex;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 0.2rem;
	padding-top: 0.5rem;
}
ul.list01 li:before {
	content: "\f00c";
	display: block;
	font-size: 0.9rem;
	position: relative;
	top: 5px;
	margin: 0 0.5rem;
}
/*--== header ==--*/
#masthead {
	margin-bottom: 0;
	background: rgba(255,255,255,0.8);
	position: fixed;
	width: 100%;
	padding-top: 0;
	margin-bottom: 0;
}
.logo a {
	position: absolute;
	background: #172c7d;
	padding: 1.5rem .5rem 3rem;
	width: 180px;
	border-radius: 0 0 50% 50%;
	left: 2%;
}
.h_title {
	font-weight: bold;
	border-bottom: 1px solid;
	margin-bottom: 0;
	padding: 1rem;
	color: #172c7d;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
	margin-left: 0;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
	padding: 1rem;
	border-left: 1px solid #aaa;
	font-size: 17px;
}
.main-navigation ul.menu>li:last-child>a,
.main-navigation ul.nav-menu>li:last-child>a {
	border-right: 1px solid #aaa;
}
.main-navigation ul li {
	width: 16%;
	text-align: center;
}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a{
	padding: 1rem .5rem;
	width: auto;
}
.main-navigation #menu-item-2770 ul.sub-menu{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 470px;
}
.main-navigation ul #menu-item-2770 ul.sub-menu--is-touch-device, .secondary-navigation ul #menu-item-2770 ul.sub-menu--is-touch-device{
	display: none;
}
.main-navigation #menu-item-2770 ul.sub-menu li{
	width: 50%;
}
.main-navigation ul.menu ul.sub-menu ul.sub-menu{
	background-color: #dedede;
}
.main-navigation ul.menu ul.sub-menu #menu-item-342{
	background-color: #172c7d;
}.main-navigation ul.menu ul.sub-menu #menu-item-342:hover{
	background-color: #5065b6;
}
.main-navigation ul.menu ul.sub-menu #menu-item-342 a{
	color: #fff;
}
/* ヘッダーカート */
#site-header-cart {
	border: 1px solid;
	padding: 0 1rem;
	border-radius: 1rem;
	margin-top: 1.5rem;
}
#site-header-cart.site-header-cart .cart-contents {
	padding: 1rem 0;
}
/*--== fotter ==--*/
.site-footer {
	background: #a08b6d;
	padding: 2rem 0 1rem;
}
.site-footer .site-info {
	padding: 0;
}
.site-footer .site-info span[role=separator] {
	color: #fff;
	padding: 0 1rem;
}
.site-footer small {
	padding-top: 1rem;
}
/*--== home ==--*/
h1 {
    color: #54c2f0;
    font-weight: 500;
}
.home .main_slide {
	margin-bottom: 65px;
	margin-top: 115px;
}
.home .news {
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	margin-bottom: 5rem;
}
.home .news h3 {
	margin-bottom: 0;
}
.home .news .caseparts {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}
.home .news .button {
	background: #fff;
	margin-top: 2rem;
	border-radius: 0.5rem;
	color: #54c2f0;
	border: 1px solid #54c2f0;
}
/*--== content ==--*/
.storefront-breadcrumb .col-full,
#content .col-full {
	max-width: 1000px;
}
/*--== page / 下層のみ ==--*/
#page .storefront-breadcrumb {
	margin-top: 0px;
	margin-bottom: 30px;
}
.postage_wrap {
    margin-top: 117px;
    margin-bottom: 30px;
    background: #ebe8e1;
    padding: 0.25rem;
}
.postage_wrap p{
	margin-bottom: 0;
	text-align: center;
	display: block;
}
/*--== ログイン/新規登録 ==--*/
::placeholder {
    color: #cacaca !important;
}
#wpmem_login,
#wpmem_reg {
	background: #f7f7f7;
	margin: auto;
	border-radius: 2rem;
	padding: 1rem;
	width: 100%;
}
#wpmem_login fieldset {
	padding-bottom: 1rem;
}
#wpmem_login,
#wpmem_reg{
	font-family: unset;
}
#wpmem_login fieldset,
#wpmem_reg fieldset {
	padding: 3rem 3rem 0;
	background: unset;
}
#wpmem_login fieldset legend,
#wpmem_reg fieldset legend {
	margin-left: 0;
	background: unset;
	text-align: center;
	color: #172c7d;
	border-bottom: 4px double;
}
#wpmem_login label {
	padding: 1rem !important;
}
.div_text {
	padding: 0.5rem 0 !important;
}
.button_div,
.link-text {
	padding: 0 1rem 0.5rem !important;
}
#wpmem_login input[type="button"],
#wpmem_login input[type="reset"],
#wpmem_login input[type="submit"],
#wpmem_reg input[type="button"],
#wpmem_reg input[type="reset"],
#wpmem_reg input[type="submit"] {
	background: #54c2f0;
	color: #fff;
	min-width: 200px;
}
#wpmem_reg input[type="submit"] {
	display: block;
	margin: auto;
}
.wpmem_msg {
	margin: 0 auto 2rem;
	border-radius: 1rem;
	background: #fff6ea;
	line-height: 1.1;
}
#wpmem_login fieldset p label {
	padding-left: 0.5rem !important;
	font-weight: 500;
}
#wpmem_login fieldset p {
	margin-bottom: 0;
}
/* ログイン画面 */
#wpmem_login .button_div label {
	padding-left: 0 !important;
}
/* パスワードリセット／非表示 */
 .link-text-forgot {
		 display: none;
 }
 #wpmem_login input[type="button"],
 #wpmem_login input[type="reset"],
 #wpmem_login input[type="submit"],
 #wpmem_reg input[type="button"],
 #wpmem_reg input[type="reset"],
 #wpmem_reg input[type="submit"] {
		 background: #54c2f0;
		 color: #fff;
		 width: 95%;
		 max-width: 300px;
		 border-radius: 0.5rem;
 }
 #wpmem_login input[type="submit"] {
		 display: block;
		 margin: 0.5rem auto 0;
 }
 #wpmem_login .button_div {
		 text-align: center;
		 width: 100%;
		 float: left;
 }
 .link-text-register a {
 background: #172c7d;
		 max-width: 300px;
		 width: 95%;
		 display: block;
		 text-align: center;
		 padding: 1rem;
		 color: #fff;
		 font-weight: bold;
		 text-decoration: none !important;
		 margin: 0.5rem auto 0;
		 border-radius: 0.5rem;
 }
.link-text-register{
	display: none;
}
 #wpmem_login .link-text {
		 text-align: center;
 }
 #wpmem_login .link-text {
		 text-align: center;
		 width: 50%;
		 float: right;
 }
 #wpmem_login .link-text:after {
		 clear: both;
		 content: "";
		 display: block;
 }
/*--== マイページ ==--*/
/* ダッシュボード・ダウンロード・アカウント詳細・決済方法／非表示 */
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--payment-methods,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-account {
	display: none;
}
/* 注文の「お届け先住所」を非表示／「請求先住所」を横100％ */
.u-column2.woocommerce-Address,
.woocommerce-column--shipping-address {
	display: none;
}
.u-column1.woocommerce-Address,
.woocommerce-column--billing-address {
	width: 100% !important;
	float: none !important;
	background: #f8f8f8;
	padding: 2rem;
}
.woocommerce-column--billing-address p {
	border-bottom: 1px solid #e1e1e1;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}
/*--== お買い物カゴ ==--*/
.woocommerce-shipping-calculator .shipping-calculator-button,
.wpmem_msg a {
	display: none;
}
#shipping_method {
	margin-bottom: 0;
}
/*--== 支払い ==--*/
#wc-stripe-payment-request-wrapper {
	display: none !important;
}
#billing_country_field {
	display: none;
}
#billing_city_field {
	margin-top: 135px;
	clear: both;
}
.woocommerce-shipping-destination {
	display: none;
}
#customer_details h3 {
	margin-top: 1rem;
	border-top: 1px solid #ddd;
	padding-top: 1rem;
}
#order_review strong .woocommerce-Price-amount {
    color: #172c7d;
    font-size: 2rem;
    display: block;
}
#payment .payment_methods>.woocommerce-PaymentMethod>label,
#payment .payment_methods>.wc_payment_method>label {
	border-top: 2px solid #3939aa;
	width: 100%;
	margin-left: 0px;
}
#payment .payment_methods>.woocommerce-PaymentMethod>label::after,
#payment .payment_methods>.wc_payment_method>label::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 31px;
	z-index: 0;
	border-radius: 50%;
	border: 1px solid rgb(80, 24, 24);
}
#payment .payment_methods>.woocommerce-PaymentMethod>label::before,
#payment .payment_methods>.wc_payment_method>label::before{
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: 2px;	
	background: #fff;
}
ul.box01.small {
	letter-spacing: -0.5px;
}
/*--== products ==--*/
.site-main ul.products.columns-4 li.product a.woocommerce-loop-product__link img {
	margin-bottom: 2rem;
}
.site-main ul.products.columns-4 li.product a.woocommerce-loop-product__link span.price {
	width: 100%;
	margin-bottom: 0;
	position: absolute;
	bottom: 5px;
}
.site-main ul.products.columns-4 li.product a.woocommerce-loop-product__link h2 {
	display: block;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 0;
	position: absolute;
	bottom: 32px;
}
.site-main ul.products.columns-4 li.product a.woocommerce-loop-product__link {
	min-height: 415px;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
/*--== gaide ==--*/
.gaide_list .button {
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}
.guide h3 {
	border-left: 10px solid;
	padding: 5px 0 5px 15px;
	margin-top: 1rem;
}
.guide img {
	border: 1px solid #aaa;
	margin-bottom: 1rem;
	padding: 0.5rem;
	display: block;
}
.guide p {
	margin-bottom: 0.5rem;
}
.guide .size_list{
	list-style: none;
	border: 1px solid #aaa;
	padding: 2rem;
	margin: 0 auto;
}
.guide .size_list li{
	padding: .5rem 0;
	margin-bottom: .5rem;
	border-bottom: 1px dashed #ddd;
}
.guide .size_list dl{
	margin: 0;
	padding: 0 1rem;
}
.guide .size_list dd{
	margin-bottom: 0;
	text-align: right;
}
.guide .img_arrow{
	position: relative;
}
.guide .img_arrow i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 1.6rem;
	color: #aaa;
}
.guide .w5 p{
	padding-left: 2rem;
}
.guide .wrap {
	margin-bottom: 0px;
}
.guide .box01 {
	box-shadow: 0px 0px 3px #2d4b69;
	margin: 1rem 0.5rem;
	padding: 2rem 1rem 1rem;
	border-radius: 1rem;
	line-height: 1.8;
}
.guide .buy h4 {
	border-bottom: 1px solid #34698d;
}
/*--== faq ==--*/
.faq ul>li{
	margin: 1rem 0;
	border-bottom: 1px solid #aaa;
}
.faq .accbox {
	background: #eee;
	padding: 1.5rem;
	margin-bottom: 1rem;
	border-radius: 1rem 0 0 1rem;
}
.faq h2 {
	margin: 0rem 0 0rem;
	padding-top: 2rem;
	padding-bottom: 1rem;
	font-size: 24px;
	border-bottom: 4px double;
}
.faq h2:first-child {
	margin-top: 0;
	border: none;
	padding-top: 0rem;
}
.faq dd {
	border-left: 1px solid #aaaa;
	padding: 0.5rem 0.8rem;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.faq dd p {
	margin-bottom: 0rem;
}
/*--===アコーディオン===--*/
/*ラベル*/
.faq .accbox label {
	display: block;
	cursor :pointer;
	transition: all 0.5s;
}
/*チェックは隠す*/
.faq .accbox label>p,
.faq .accbox input {
	display: none;
}
.faq ul {
	margin-left: 0;
	list-style: none;
}
/*中身を非表示にしておく*/
.faq .accbox .accshow {
	/*height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;*/
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 5px;
	/*background: #fff5eb;*/
	opacity: 1;
}

/*--== single／コメント ==--*/
.post-author,
.post-comments {
	display: none;
}
#comments {
	display: none;
}
.single .post-author,
.single .post-comments {
	display: none;
}
.single h1 {
	font-size: 2.1rem;
	margin-top: 1rem;
}
/*--== archive ==--*/
.single header .page-title span,
.archive header .page-title span {
	font-size: 3rem;
	margin-bottom: 1rem;
	display: block;
}
.single header .page-title,
.archive header .page-title {
	font-size: 0;
}
.single .posted-on,
.archive .posted-on {
	font-size: 0 !important;
}
.single .posted-on a,
.archive .posted-on a {
	font-size: 1.1rem;
	display: block;
	letter-spacing: 1px;
	text-decoration: none !important;
	margin-bottom: -1.5rem;
	color: #172c7d !important;
	position: relative;
	width: 100%;
	padding-left: 50px;
}
.single .posted-on a:before,
.archive .posted-on a:before {
	content: "";
	display: block;
	border: 0.5px dotted #e5e5e5;
	position: absolute;
	top: 50%;
	width: 37px;
	left: 0;
}
.single .posted-on a:after,
.archive .posted-on a:after {
	content: "";
	display: block;
	border: 0.5px dotted #e5e5e5;
	position: absolute;
	top: 50%;
	width: calc(100% - 200px);
	right: 0;
}
.archive h2 {
	margin-bottom: 1rem;
}
.archive h2 a {
	font-size: 1.9rem;
	margin-top: 1rem;
	font-weight: bold;
	display: block;
}
.archive .entry-taxonomy {
	display: none;
}
.check_list{
	list-style-type: none;
	margin-left: 0;
}
.check_list li{
	margin-left: 2rem;
	position: relative;
}
.check_list li::before{
	display: inline-block;
	content: "※";
	position: absolute;
	left: 0;
	top: -6px;
	font-size: 1.4rem;
	font-weight: 800;
	margin-left: -2rem;
}
.check_list li p{
	display: inline-block;
	margin-bottom: .5rem;
}

@media print, screen and (max-width:1650px){
	/*--== header ==--*/
	.storefront-primary-navigation {
	margin-left: 177px;
	}
}
@media print, screen and (max-width:1200px){
	/*--== header ==--*/
	.logo a {
		width: 135px;
		padding: 0 1rem 1rem;
	}
	.storefront-primary-navigation {
		margin-left: 140px;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		font-size: 15px;
		padding: 1rem 0.25rem;
	}
	.main-navigation ul li {
		width: 13%;
		text-align: center;
	}
	.main-navigation ul li:nth-child(3),
	.main-navigation ul li:last-child {
		width: 18%;
	}
}
@media print, screen and (max-width:999px){
	.main_box {
		padding: 1.5rem;
	}
	.left {
		float: none;
		padding-right: 0;
	}
	.right {
		float: none;
		padding-left: 0;
	}
	.flex {
		display: block!important;
	}
	span.anchorlink {
		top: -70px;
	}
/* === * size * === */
	.w1 {
		width:100% !important;
	}
	.w2 {
		width:100% !important;
	}
	.w3 {
		width:100% !important;
	}
	.w4 {
		width:100% !important;
	}
	.w5 {
		width:100% !important;
	}
	.w6 {
		width:100% !important;
	}
	.w7 {
		width:100% !important;
	}
	.w8 {
		width:100% !important;
	}
	.w9 {
		width:100% !important;
	}
	.w10 {
		width:100% !important;
	}
	.w11 {
		width:100% !important;
	}
	.w12 {
		width:100% !important;
	}
}