@charset "UTF-8";
/*
Theme Name: BASARA child
Theme URI:
Description:WordPressテーマ「BASARA」の自作子テーマです。
Template:basara_tcd100
Author:sunatmark
Author URI:https://tcd-theme.com/
Version:1.1.4
*/

.p-archive03-item-category{display: none;}
.p-entry-thumbnail {max-height: 9999px;}

/* ######################################################################################

　基本設定

###################################################################################### */
/* ====================================================
　設定
==================================================== */
:root,
::before,
::after {line-height: 2;}

body,
.p-body table th,
.p-body table td{
	font-weight: 600;
}

.borderSolid.borderHorizon th{text-align: left;}

.broken_link, a.broken_link {text-decoration: none!important;}
/* ====================================================
　ヘッダー
==================================================== */
.l-header-bar-inner{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.p-shoppage-header{
	height: 360px!important;
}
.p-shoppage-header .p-header-content-catch,
.p-header-content-catch-block{
    letter-spacing: 0.1em;
}
.woocommerce-products-header{
	display: none;
}
body:not(.drawer-available) .p-global-nav > li > a:hover{
	color: #949494;
}

/* ====================================================
　改行
==================================================== */
@media (max-width: 768px){
	.has-text-align-center br {display: none;}
	
}
	
/* 　アイコン
-------------------------------------*/
.p-header-membermenu,
.p-header-membermenu .p-header-membermenu-wishlist,
.p-header-membermenu .p-header-membermenu-mypage,
.p-header-membermenu .p-header-membermenu-cart{
	display: none!important;
}


/* 　メガメニュー
-------------------------------------*/
.p-megamenu02 .p-megamenu-archive{
	justify-content: space-between;
}
.p-megamenu02 .p-archive-item{
	flex: 0 0 23%;
}


/* 　画像サイズ
-------------------------------------*/
figure {max-width:100%;}


/* 　スマホメニュー
-------------------------------------*/
.p-drawer-membermenu{
	display: none!important;
}


/* 　言語切替
-------------------------------------*/
.custom-langmenu{
	position: relative;
    display: flex;
    align-items: center;
    margin-left: 1.25em;
    padding-left: 1.25em;
}
/* .custom-langmenu:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 1.25em;
	background: #DCDCDC;
} */
.custom-langmenu li + li{
	margin-left: 1em;
}
.custom-langmenu li a:hover{
	color: #949494;
}



/* ====================================================
　フッター
==================================================== */
.p-footer{
	background: #F5F5F5;
}
.p-footer-nav a:hover, .p-footer-nav-area .p-social-nav a:hover{
	color: #949494;
}


/* 　SNS
-------------------------------------*/
.p-social-nav{
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-social-nav-item{
	margin-right: 2em;
}
.p-social-nav-item:last-child {
    margin-right: 0;
}

.p-social-nav-item-instagram{order: 3;}
.p-social-nav-item-twitter{order: 2;}
.p-social-nav-item-facebook{order: 1;}
.p-social-nav-item-youtube{order: 4;}

.p-social-nav-item-facebook a::before{
    content: "\e902";
}



/* 　nav
-------------------------------------*/
.p-footer-nav ul{
	margin-left: 0;
}
.p-footer-nav ul li{
	position: relative;
	font-size: 84.6%;
}
.p-footer-nav ul li:before{
	content: "-";
	position: relative;
	top: -0.25em;
	left: 0;
	top: 0;
	padding-right: 0.5em;
}
.p-footer-nav ul li + li{
	margin-top: 0.25em;
}

@media (min-width: 992px){
	.p-footer-nav-area{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.p-footer-nav li + li{
		margin-top: 0.65em;
	}
}





/* ====================================================
　コンテンツ
==================================================== */
.l-inner{
	max-width: 1280px;
}
.p-footer-images-inner{
	max-width: 1100px;
}
.l-inner02 {
	max-width: 1020px;
}



@media (min-width: 992px){
	.l-main-inner{
		margin-top: 70px;
	}
	body.sidebar-left .l-main-inner .l-primary, body.sidebar-right .l-main-inner .l-primary {
		width: calc(100% - 380px);
	}
}

/* ====================================================
　お知らせ .news-template-default 
==================================================== */
.news-template-default .p-entry-inner.p-entry-news-inner.l-inner02{max-width: 800px;}

.news-template-default h1.p-entry-title.p-entry-news-title {font-size:1.6rem!important; }

.news-template-default h1{font-size:1.6rem!important; }
.news-template-default h2{
    font-size: 1.5rem !important;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 1em;
}
@media screen and (max-width: 767px) {
	.news-template-default h1 {text-align: left!important; }
	
}
/* ====================================================
　下層ページタイトル
==================================================== */
.p-header-content.p-text-direction-type2 .p-header-content-catch{
	letter-spacing: 0.1em;
}
.p-text-direction-type2 .p-text-direction-inner{
	text-orientation: upright;
}
.p-breadcrumb:first-child{
	border-bottom-width: 0;
}

@media (min-width: 992px){
	.p-page-header-image,
	.p-page-header-image .p-header-content-overlay {
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
}




/* ######################################################################################

　トップページ

###################################################################################### */
@media (min-width: 992px){
	.p-cb-item{
		margin-top: 150px;
	}
}


/* ====================================================
　メインイメージ
==================================================== */
.p-header-slider{
    width: 100%;
    margin: 0;
	border-radius: 0;
}

@media (min-width: 992px){
	.p-header-slider + .p-cb-item.has-headline-logo{
		margin-top: 130px;
	}
}
@media (max-width: 991px){

}


/* ====================================================
　お知らせ
==================================================== */
.p-archive02 .p-archive02-item-date{
	color: #391147;
}
@media (min-width: 992px){
	.p-archive02{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.p-archive02:after{
		content: "";
		display: block;
		width: 31.54%;
	}
	.p-archive02 .p-archive02-item{
		width: 31.54%;
		margin-bottom: 3em;
	}
	.p-archive02 .p-archive02-item:before{
		display: none;
	}	
	.p-archive02 .p-archive02-item-anchor{
		display: block;
	}
	.p-archive02 .p-archive02-item-info{
		padding: 1.25em 0 0;
	}
	.p-archive02 .p-archive02-item-title{
		font-size: 17px;
		line-height: 1.76;
	}
}
@media (max-width: 991px){
}





/* ######################################################################################

　金襴製品一覧

###################################################################################### */
.post-type-archive-product .list-product-title{
	font-weight: 400;
}
.post-type-archive-product .list-product-title .en{
	display: block;
	letter-spacing: 0.1em;
}
.post-type-archive-product .list-product{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 986px;
	margin-left: auto;
	margin-right: auto;
}
.post-type-archive-product .list-product-item{
	width: 45.6%;
}
.post-type-archive-product .list-product-item a,
.post-type-archive-product .list-product-item a:hover{
	display: block;
	text-decoration: none!important;
}
.post-type-archive-product .list-product-item a img{
	display: block;
	transform: scale(1);
	transition: transform ease 0.5s;
}
.post-type-archive-product .list-product-item a:hover img{
	transform: scale(1.15);
}

.post-type-archive-product .list-product-item-img{
	margin: 0 0 1.25em;
	overflow: hidden;
}
.post-type-archive-product .list-product-item-img img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.post-type-archive-product .list-product-item-title{
	text-align: left!important;
	margin: 0 0 0.25em;
}
.post-type-archive-product .list-product-item-text{
	text-align: left!important;
	margin: 0;
}
.post-type-archive-product .p-product-archive{
	display: none;
}


@media (min-width: 992px){
	.post-type-archive-product .p-shoppage-content{
		padding-top: 40px;
	}
	.post-type-archive-product .list-product-title{
		margin-bottom: 1.5em;
		font-size: 15px;
	}
	.post-type-archive-product .list-product-title .en{
		font-size: 38px;
	}
	.post-type-archive-product .list-product-item-title{
		font-size: 22px;
	}
	.post-type-archive-product .list-product-item-text{
		font-size: 16px;
		line-height: 1.88;
	}
}
@media (max-width: 991px){
	.post-type-archive-product .list-product-title{
		margin-bottom: 1.5em;
		font-size: 14px;
	}
	.post-type-archive-product .list-product-title .en{
		font-size: 24px;
	}
	.post-type-archive-product .list-product-item-title{
		font-size: 18px;
	}
	.post-type-archive-product .list-product-item-text{
		font-size: 16px;
		line-height: 1.88;
	}
}






/* ====================================================
　カテゴリ一覧
==================================================== */
.p-archive03-item-actions{
	display: none;
}
.p-archive03-item-outofstock,
.p-product-badge span{
	display: none!important;
}
.p-archive03-item-info{
	margin-top: 20px;
}
.p-archive03-item-meta{
	margin-bottom: 6px;
}

@media (min-width: 992px){
	.archive .p-product-archive{margin-top: 100px;}
}
@media (max-width: 991px){
}











/* ====================================================
　詳細
==================================================== */
.single-product .l-primary{
	max-width: 1021px;
    margin-left: auto;
    margin-right: auto;
}
.single-product .p-entry-product-header-like{
	display: none;
}
.single-product .p-entry-product-header-category a{
	color: #004DB1!important;
}
.p-entry-product-subimages-inner{
    gap: 3px!important;
}
.p-entry-product-subimage-inner{
	padding-top: 100%!important;
}
.p-entry-product-body p{
	font-size: 16px;
}
.p-entry-product-subimages{
	margin-top: 3px!important;
}

@media (min-width: 992px){
	.p-entry-product-main-right{
		flex: 0 0 36%!important;
	}
	body:not(.wp-mobile-device) .p-entry-product-subimage{
		flex-basis: calc((100% - 12px) / 5)!important;
	}
	.woocommerce table.shop_attributes th{
		width: 200px!important;
	}
	.p-entry-product-related{
		margin-top: 70px!important;
	}
}
@media (max-width: 991px){
	.woocommerce table.shop_attributes th{
		width: 100px!important;
	}
}



/* list-product
-------------------------------------*/
.list-product{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-product .list-product-item{
	width: 47%;
	margin-bottom: 2.5em;
}

@media (min-width: 992px){
	.list-product .list-product-item{
		width: 47%;
	}
}
@media (max-width: 991px){
	.list-product .list-product-item{
		width: 100%;
	}
	.list-product .list-product-item + .list-product-item{
		margin-top: 1em;
	}
}


/* order-flow
-------------------------------------*/
.order-flow{ padding-top: 60px; text-align: center; margin: auto; display: block!important;}
.order-flow h2{margin-bottom: 3rem;font-size: 2.125rem;line-height: 1.5;}
.order-flow p{margin-bottom: 3rem;text-align: center; line-height: 1.5;}
.order-flow .wp-block-button__link{font-size:15px;min-width: 250px; padding: 18px 0;}


/* product-contact-btn
-------------------------------------*/
.product-contact-btn,
.product-contact-btn:hover{
    display: inline-block;
    min-width: 313px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background-color: #000;
    transition-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
    transition-duration: 0.5s;
    transition-property: background-color;
}






/* ######################################################################################

　固定ページ共通：ブロックエディタ　既存スタイル編集

###################################################################################### */
/* ====================================================
　ランディングページ
==================================================== */
.l-main-lp-page .p-body > *:not(h1, h2, h3, h4, h5, h6, p){
	margin-top: auto;
	margin-bottom: auto;
}
.l-main-lp-page .p-body > *,
.l-main-lp-page .p-body > *:not(h1, h2, h3, h4, h5, h6, p),
.l-main-lp-page .p-body > .wp-block-buttons,
.l-main-lp-page .p-body > .wp-block-media-text,
.l-main-lp-page .p-body > .wp-block-cover {
    margin-bottom: 2rem;
}

/* ====================================================
　ボタン
==================================================== */
.wp-block-button.is-style-outline>.wp-block-button__link{border-width: 1px;}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{color: #fff; background: #32373c;  }
.wp-block-button>.wp-block-button__link:hover{color: #fff; background: #686868;  }
.p-button-wrapper>.p-cb-item-button:hover{color: #fff; background: #686868 ;  }
.wp-block-button__link:hover{color: #fff;}




/* ====================================================
　リンク
==================================================== */
.p-body a:not(.p-button, .wp-block-button__link, .button), 
.custom-html-widget a:not(.p-button, .wp-block-button__link, .button){
	text-decoration: underline;
}
.p-body a:not(.p-button, .wp-block-button__link, .button):hover,
.custom-html-widget a:not(.p-button, .wp-block-button__link, .button):hover{
	color: #949494;
	text-decoration: none;
}




/* ######################################################################################

　固定ページ共通：ブロックエディタ　新規スタイル作成

###################################################################################### */
/* ====================================================
　余白
==================================================== */
.mb0{
	margin-bottom: 0!important;
}
.mt0{
	margin-top: 0!important;
}


/* ====================================================
　title-nomal
==================================================== */
.title-nomal{
	font-weight: normal!important;
	letter-spacing: 0.1em;
}


/* ====================================================
　inner-contents
==================================================== */
.inner-contents{
	max-width: 900px;
	margin-left: auto!important;
	margin-right: auto!important;
}


/* ====================================================
　button-box
==================================================== */
.button-box .wp-block-button{
	display: block;
	text-align: center;
	width: 100%;
}
.button-box .wp-block-button__link{
	font-size: 14px;
    min-width: 280px;
	padding: calc(0.9em + 2px) calc(1.333em + 2px);
}




/* ====================================================
　full-photoText
==================================================== */
@media (min-width: 1021px) {
	.full-photoText{
		margin-left: calc(-50vw + (100% - 510px));
		margin-right: calc(-50vw + (100% - 510px));
		min-height: 730px;
	}
	.full-photoText .wp-block-media-text__content{
		height: 100%;
	}
	.full-photoText .wp-block-media-text__content p{
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.full-photoText .wp-block-media-text__content .wp-block-image{
		margin-bottom: 3em;
	}
}

@media (max-width: 600px){
	.full-photoText .wp-block-media-text__media{
		margin-left: -20px;
		margin-right: -20px;
	}
	.full-photoText .wp-block-media-text__content{
		padding: 0;
	}
}

/* 　small
-------------------------------------*/
@media (min-width: 1021px) {
	.full-photoText.small{
		margin-left: calc(-50vw + (100% - 280px));
		margin-right: calc(-50vw + (100% - 280px));
	}
}




/* ====================================================
　list-photolink
==================================================== */
.list-photolink{max-width: 870px; margin-left: auto; margin-right: auto;}
.list-photolink h3,
.list-photolink h4,
.list-photolink h5,
.list-photolink p{margin: 0;}
.list-photolink .wp-block-image img{width: 100%; height: auto;}
.list-photolink h3{font-weight: 600;}
.list-photolink h4{margin-bottom: 0; font-weight: bold;}
.list-photolink h5{margin-bottom: 1em; font-weight: 600;}
.list-photolink p{line-height: 2;}


@media (min-width: 769px){
	.list-photolink h3{margin-bottom: 0.25em; font-size: 18px!important;min-height: 80px;}
	.list-photolink h3.en{min-height: 90px;line-height: 1.5;}
	.list-photolink .wp-block-image{margin-bottom: 1.5em;}
}
@media (min-width: 992px){
	.list-photolink {justify-content: space-between;}
	.list-photolink h3{margin-bottom: 0.25em; font-size: 18px!important; line-height: 1.7;}
	.list-photolink .wp-block-column{max-width: 45.9%;margin-bottom: 2em;}
	.list-photolink .wp-block-image{margin-bottom: 1em;}
	.list-photolink h4{font-size: 18px;}
	.list-photolink h5{font-size: 13px;}
	.list-photolink p{ font-size: 14px;min-height: 120px;}
	.list-photolink .wp-block-button.is-style-outline>.wp-block-button__link,
	.list-photolink .wp-block-button__link{padding: 0.6em 4em; font-size: 15px;}
}
@media (max-width: 768px){
	.list-photolink{max-width: 80%; margin-left: auto; margin-right: auto;}
	.list-photolink h3{margin-bottom: 0.5em; font-size: 15px!important; }
	.list-photolink .wp-block-image{margin-bottom: 1em;}
	.list-photolink h4{font-size: 15px;}
	.list-photolink h5{font-size: 13px;}
	.list-photolink p{margin-bottom: 1em; font-size: 13px;}
	.list-photolink .wp-block-button.is-style-outline>.wp-block-button__link,
	.list-photolink .wp-block-button__link{padding: 0.6em 4em; font-size: 14px;}
}




/* ====================================================
　list-number
==================================================== */
.list-number ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 0;
	margin: 0;
}
.list-number ol li {
	position: relative;
	padding: 0 0 0 50px;
	font-size: 14px;
}
.list-number ol li:before{
	content: counter(number);
	counter-increment: number;
	position: absolute;
	top: 0;
	left: 0;
	display:inline-block;
	background: #fff;
	border: 1px solid #CBCBCB;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #000;
	font-weight:bold;
	font-size: 14px;
}
.list-number ol li + li{
	margin-top: 1em;
}
.list-number ol li strong{
	font-size: 18px;
	font-weight: bold;
}







/* ====================================================
　list-number
==================================================== */
.list-youtube-1{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.list-youtube-2{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 781px) {
	.list-youtube-2{
		max-width: 400px;
	}
}





/* ====================================================
　table-borderBox
==================================================== */
.table-borderBox{
	margin: 0;
    overflow: hidden;
    width: 100%;
    padding: 0;
}
.table-borderBox tr td{
	padding: 0.35em 1em;
}
.table-borderBox tr td:first-child{
	background: #F2F2F2;
	width: 20%;
}



/* ====================================================
　table-borderHorizon
==================================================== */
.table-borderHorizon tr td{
	border-left-width: 0;
	border-right-width: 0;
	font-size: 15px;
	vertical-align: top;
}
.table-borderHorizon tr td:first-child{
	padding-left: 0;
	font-size: 18px;
}





/* ====================================================
　list-collection
==================================================== */
.list-collection{margin-bottom: 1em!important;}
.list-collection .wp-block-group{
	align-items: normal;
	gap: 0;
	border: 1px solid #CBCBCB;
	transition: opacity ease 0.25s;
}
.list-collection .wp-block-group:hover{
	opacity: 0.8;
}
.list-collection .wp-block-group figure{
	width: 120px;
    margin: 0;
}
.list-collection .wp-block-group p{
	width: calc(100% - 120px);
	margin: 0;
	background: #F5F5F5;
}
.list-collection .wp-block-group p a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	width: 100%;
	padding: 1.5em;
	text-decoration: none;
}
.list-collection .wp-block-group a:hover{
	text-decoration: none;
}


/* ######################################################################################

　ブログ

###################################################################################### */
/* ====================================================
　一覧
==================================================== */


/* ====================================================
　詳細
==================================================== */
/* 　サムネイル
-------------------------------------*/
.single-post .p-entry-thumbnail{
	height: auto;
	aspect-ratio: auto;
}
.single-post .p-entry-header.has-thumbnail{
	margin: 0;
}


/* 　カテゴリ
-------------------------------------*/
.single-post .p-float-category{
	position: relative;
    display: inline-block;
    margin-bottom: 1em;
}
.single-post .p-float-category a{
	color: #fff;
}
.single-post .p-float-category > a,
.single-post .p-float-category > span{
	padding: 0.5em 3em;
	background: #161616;
	color: #fff;
}



/* 　見出し
-------------------------------------*/
.single-post .p-entry-header.has-thumbnail .p-entry-header-content{
    padding: 0;
	min-height: auto;
}
.single-post .p-entry-post-title{
	padding-bottom: 0.5em;
}
.single-post .p-entry-post-title:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #161616;
}

@media print, screen and (min-width: 768px) {
	.single-post .p-entry-header.has-thumbnail .p-entry-header-content{
		margin: 3em 0 0;
	}
	.single-post .p-entry-post-title{
		font-size: 24px;
	}
	.single-post .p-entry-post-title:before{
		width: 60px;
		height: 3px;
	}
}
@media screen and (max-width: 767px) {
	.single-post .p-entry-header.has-thumbnail .p-entry-header-content{
		margin: 2em 0 0;
	}
	.single-post .p-entry-post-title{
		font-size: 20px;
	}
	.single-post .p-entry-post-title:before{
		width: 40px;
		height: 2px;
	}
}


/* 　日付
-------------------------------------*/
.single-post .p-entry-meta-date{
	display: none;
}


/* 　最近の投稿
-------------------------------------*/
.widget_recent_entries{}
.widget_recent_entries ul{
	border-top: 1px solid #ddd;
}
.widget_recent_entries ul li{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}
.widget_recent_entries ul li a{
	display: block;
	padding: 1.5em 0;
}



/* 　次の投稿、前の投稿
-------------------------------------*/
.p-entry-nav{
	/*display: none;*/
}




/* 　投稿レイアウトサンプル
-------------------------------------*/
table.noborder{width: 100%; }
table.noborder th,
table.noborder td{border: none!important; padding: 0 1em 0 0 !important;width: 100%; }

table.noborder th img,
table.noborder td img{width: 100%; }

table.noborder h2{font-size: 22px;}
table.noborder h3{font-size: 20px;}
table.noborder h4{font-size: 18px;}
table.noborder h5{font-size: 17px;}
table.noborder h6{font-size: 16px;}
table.noborder p{font-size: 14px;}

table.noborder h2,
table.noborder h3,
table.noborder h4,
table.noborder h5,
table.noborder h6,
table.noborder p{margin: 0 0 1em 0!important; line-height: 1.5;}
table.noborder p:last-child{margin: 0!important;}

table.noborder a img:hover{opacity: 0.7;transition: 0.8s ;}

@media print, screen and (min-width: 768px){
	table.noborder.col1 td{width: 100%;}
	table.noborder.col2 td{width: 50%;}
	table.noborder.col3 td{width: 33.3333%;}
	table.noborder.col4 td{width: 25%;}
	
	
/* 　写真＋名称＋文章　photoNameArticle
-------------------------------------*/	
	table.noborder.photoNameArticle td{vertical-align: top;}
	table.noborder.photoNameArticle td:nth-of-type(1){width: 50%;padding: 0 1.5em 0 0 !important;}
	table.noborder.photoNameArticle td:nth-of-type(2){width: 20%;padding: 0 1.5em 0 0 !important;}
	table.noborder.photoNameArticle td:nth-of-type(3){width: 30%;}
	
	
	
/* 　写真＋名称　photoName
-------------------------------------*/	
	table.noborder.photoName{}
	table.noborder.photoName td{width: 50%; vertical-align: top; }
	table.noborder.photoName td:nth-of-type(1){padding: 0 1.5em 0 0 !important; }
	

}


@media screen and (max-width: 767px) {
	table.noborder,
	table.noborder th,
	table.noborder td{ 
		display:table;
    	width: 100%!important;
		padding: 0 0 1.5em 0!important;
	}
	table.noborder img{width: 100%;}
	
	iframe {width: 100%!important;}
	
	table.noborder tbody,
	table.noborder tr{display:block;}
	
}


/* ######################################################################################

　フォーム

###################################################################################### */
.mw_wp_form input,
.mw_wp_form select,
.mw_wp_form textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	box-shadow: none;
	border: 1px solid #BABED1;
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
	padding: 0.75em;
	font-size: 16px;
	font-family: "Times New Roman", times, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;;
}

  @media print, screen and (min-width: 768px){     
	  .mw_wp_form input.short{width: 20%;}
	  .mw_wp_form input.medium{width: 50%;}
    }

.mw_wp_form textarea{
	height: 14em;
}
.mw_wp_form input[type="radio"]{width: auto!important;}
.mw_wp_form th{
	width: 230px;
}

@media screen and (max-width: 767px) {
	.mw_wp_form th,
	.mw_wp_form td{
		display: block;
		width: 100%;
	}
	.mw_wp_form th{
		border-bottom: none!important;
	}
	.mw_wp_form td{
		border-top: none!important;
	}
	.mw_wp_form tr:not(:last-child) td{
		border-bottom: none!important;
	}
}

.mw_wp_form .buttonBox{
	margin: 0;
}
.mw_wp_form .buttonBox li{
	text-align: center;
	list-style: none;
}
.mw_wp_form .buttonBox .button{
	display: inline-block;
	width: 280px;
	max-width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background-color: #000;
	transition-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
	transition-duration: 0.5s;
	transition-property: background-color;
	border: none;
	cursor: pointer;
}
.mw_wp_form .buttonBox .button:hover{background-color: #666;}


form th.required:after {
	content: "必須";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.15em;
	background: #ea1e1e;
	border-radius: 3px;
	padding: 0.45em 0.5em;
	margin-left: 1em;
	line-height: 1;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

/* 英語の必須
  -------------------------------------*/
form th.required.en:after {
	content: "required";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.15em;
	background: #ea1e1e;
	border-radius: 3px;
	padding: 0.45em 0.5em;
	margin-left: 1em;
	line-height: 1;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}


/* ラジオボタン
  -------------------------------------*/
  .radioButtonList {display: flex; flex-wrap: wrap;}
  .radioButtonList__item{margin-right: 2em; margin-bottom: 0.5em;}

    @media screen and (max-width: 767px) {
        .radioButtonList__item{margin-right: 2em; margin-bottom: 0.5em;}
    }

  .radioButtonList input[type="radio"] {
    display: none;
  }
  .radioButtonList input[type="radio"] + label,
  .radioButtonList input[type="radio"] + span {
    position: relative;
    padding-left: 30px;
  }
  .radioButtonList input[type="radio"] + label:before,
  .radioButtonList input[type="radio"] + span:before {
    content: "";
    display: inline-block;
    position: absolute;
  }
  .radioButtonList input[type="radio"] + label:before,
  .radioButtonList input[type="radio"] + span:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    border: 1px solid #BABED1;
  }
  
  .radioButtonList input[type="radio"] + label:after,
  .radioButtonList input[type="radio"] + span:after {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    border-radius: 50%;
  }
  .radioButtonList input[type="radio"]:checked + label:after, .radioButtonList input[type="radio"]:checked + span:after {
    content: "";
    background: #0060C1;
  }
  .radioButtonList input[type="radio"] + label, .radioButtonList  input[type="radio"] + span {
    cursor: pointer;
  }
  
@media all and (-ms-high-contrast: none) {/* IE */
    .radioButtonList input[type="radio"] + label:before,
    .radioButtonList input[type="radio"] + span:before {
    transform: translateY(-60%);
}
.radioButtonList input[type="radio"] + label:after,
.radioButtonList input[type="radio"] + span:after {
    transform: translateY(-70%);
}
}


/* ====================================================
    入力画面
==================================================== */
.mw_wp_form_input .buttonBox__item.send,
.mw_wp_form_input .buttonBox__item.back{display: none;}
.mw_wp_form_input .buttonBox li {width: 100%;}


/* ====================================================
    確認画面
==================================================== */
.mw_wp_form_confirm .buttonBox.reverse{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.mw_wp_form_confirm .buttonBox__item.conf{
	display: none;
}
.mw_wp_form_confirm .buttonBox{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.mw_wp_form_confirm .buttonBox li{
	width: 50%;
}
.mw_wp_form_confirm .buttonBox li.send{
	margin-left: 1em;
}
.mw_wp_form_confirm .buttonBox li .button{
	width: 100%;
}



/* ====================================================
    完了画面
==================================================== */





/* ######################################################################################

　大見出し

###################################################################################### */
/* ====================================================
　中見出し
==================================================== */
/* 　小見出し
-------------------------------------*/
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}

/* 次の記事、前の記事のナビゲーションのスタイル */
.nav-links {
  font-size: 16px;
  display: flex;
}
.nav-links div[class^="nav-"] {
  width: 50%;
}
.nav-links .nav-next {
  margin-left: auto;
}
.nav-links .nav-previous + .nav-next {
  margin-left: -1px;
}
.nav-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5em;
  border: 1px solid #ddd;
}
@media (max-width: 767px) {
  .nav-links {
    font-size: 14px;
  }
}

a[href^="http"]:not([href*="https://okamotoorimono.com/"])::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M5 5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7H5V5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* /about/ ページ：最初のH2を大きくする */
.page-id-58138 h2.wp-block-heading {
    font-size: 2rem;   /* 目安：32px前後 */
    line-height: 1.4;
    margin-top: 1.5em;
    margin-bottom: 1em;
}
/* About：H2「西陣織『金襴』ひとすじに」を大きくする（テーマに勝つ指定） */
body.page-about .p-body h2.wp-block-heading {
  font-size: 2rem !important;
  line-height: 1.4 !important;
}