@charset "utf-8";

/*
Theme Name:HAKU Child
Template:haku_tcd080
Description:WordPressテーマ「HAKU」の子テーマ
Version:1.6
*/

/* 汎用*/
.tal {
	text-align: left !important;
}

.tax {
	font-style: normal;
}

.banner {
	margin:90px auto 90px;
	text-align: center;
}

.hidden-pc {
	display: none;
}

.form table em,.form dt em,.require,.customer_form em{
	font-size:18px;
	color:#df0000;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
}

.red {
	color:#df0000 !important;
}

.mincho {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.tac {
	text-align: center;
}

.small {
	font-size: 14px;
}

.flex {
	display: flex;
}

.none,.hidden,.loopimg {
	display: none;
}

.bold {
	font-weight: bold;
}

.border-none {
	border: none !important;
	padding:0 !important;
}

#global_menu > ul > li > a {
	font-size:16px;
	font-weight: bold;
}

.post_content a{
	text-decoration: underline !important;
	color:#1a0dab !important;
}

.link_button a {
	color:#000 !important;
	text-decoration: none !important;
}

.link_button a:hover {
	color:#fff !important;
}

.fr {
	float: right;
}

.right {
	text-align: right !important;
}

.mt80 {
	margin:80px 0 0 !important;
}

.mb80 {
	margin:0 0 80px !important;
}

#footer_menu .menu,#global_menu,#footer_menu_bottom{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.btn-black-area {
	width: 270px;
	margin:0 auto;
}

.btn-black,.btn-black-area input,.btn-black-area a,.loginbox input[type="submit"],input[name="editmember"],.product_content1.num0 .link_button input[type="submit"],.use_point_button,#search_button{
	font-size: 16px;
	display: block;
	outline: 0;
	cursor: pointer;
	padding: 0 25px !important;
	height: 60px;
	background: #000;
	line-height: 60px;
	min-width: 270px;
	transition-property: background-color, color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	border: 1px solid #ddd;
	text-decoration: none !important;
	box-sizing: border-box;
	position: relative;
	margin: 30px auto 0;
	text-align: center;
	border-radius:5px;
	color:#fff !important;
	font-weight: bold;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.btn-black:hover, .btn-black-area input:hover,.btn-black-area a:hover,.loginbox input[type="submit"]:hover,input[name="editmember"]:hover,.product_content1.num0 .link_button input[type="submit"]:hover,.use_point_button:hover,#search_button:hover{
	color: #000 !important;
	border: 1px solid #ddd !important;
	background: #fff;
}

.product_content1.num0 .link_button input[type="submit"] {
	margin: 30px 0 0;
}

input[name="deletemember"] {
	margin: 20px 0 0;
	background:none;
	border:none;
	text-decoration: underline;
}

#page_header .headline {
	width: auto !important;
}

/*ヘッダー*/
.pc .header_fix {
	padding:0 !important;
}

.pc body.admin-bar.header_fix  #header {
	top:32px !important;
}

.pc .header_fix #main_contents {
	padding:103px 0 150px;
	border-top: none;
}

@media (min-width: 1001px) {
#page_header {
	margin:70px auto 0;
}

.pc #lang_button {
	display: none !important;
}


}

/* お問い合わせ */

#inquire,#newmember .form ,.loginbox,#memberinfo .form{
	margin:0 auto 50px;
	border-radius: 5px;
}

input.text,#inquire textarea ,#newmember input[type="text"], #newmember input[type="password"],.loginbox input[type="text"],.loginbox input[type="password"],#memberinfo input[type="text"],#memberinfo input[type="password"],#another-shipping-address input[type="text"],.item_num input,input.used_point,#search_area input[type="text"]{
	border:1px solid #ccc;
	padding:8px;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
	font-size:16px;
}


#inquire .form {
	display: flex;
	flex-wrap: wrap;
}

#inquire .form dt{
	width: 25%;
	box-sizing: border-box;
	padding: 10px 0;
}

#inquire .form dd{
	width:75%;
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	margin: 0;
}

.mw_wp_form_complete .btn-black,.btn-black-area a{
	padding: 15px 0 0;
}

.mw_wp_form .go-back {
	border:none;
	background: none;
	margin:0 auto;
	display: block;
	border-bottom:1px solid #000;
}

.mw_wp_form_confirm .none {
	display: block;
}

.mw_wp_form_confirm .confirm-none {
	display: none;
}

/* 会員登録フォーム*/
#fax_row {
	display: none;
}

.error_message {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	color: red;
	margin:0 0 30px;
}

#newmember .form ,#memberinfo .form{
	display: flex;
	flex-wrap: wrap;
	padding:0 0 50px;
	border-bottom: 1px solid #eaeaea;
}

#newmember .form dt{
	width: 30%;
	box-sizing: border-box;
	padding: 10px 0;
	font-weight: bold;
}

#newmember .form dd{
	width:70%;
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	margin: 0;
}

#newmember table th,#memberinfo .form table th{
	width: 31% !important;
	text-align: left;
	box-sizing: border-box;
	font-size: 16px !important;
	background: none !important;
	line-height: 2.4 !important;
	border: none;
	color:#000;
	font-weight: bold;
	padding: 10px 0;
}

#newmember table td,#memberinfo .form table td {
	border:none;
	background: none;
	font-size: 14px;
	box-sizing: border-box; 
}

#newmember table td label,#memberinfo .form table td label{
	font-size: 16px;
}

#newmember .inp1 input,#memberinfo .inp1 input{
	width: 92% !important;
	margin:0 0 0 5px !important;
}

#newmember input#zipcode ,#memberinfo input#zipcode {
	width: 100px !important;
	margin:0 5px 0 0;
}

#newmember select,#memberinfo select {
	padding: 10px;
	font-size:16px;
}

#memberpages .btn-black {
	padding:15px 0 0;
}

#memberpages .send{
	text-align: center;
}

input[name="custom_member[age]"],input.age{
	width: 100px !important;
}

/*ログインページ*/
.loginbox {
	padding: 30px;
}

p#nav {
	margin:0 0 10px;
	text-align: center;
}

p#nav a{
	text-decoration: underline;
}

/* 会員ページ*/

#memberinfo .history-area {
	height: auto !important;
	max-height:700px;
}

/*フッター*/
#footer_social_link {
	margin:30px 0 0;
}

#footer_social_link li a {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
}

#footer_social_link li a:before {
	top:0;
	font-size: 25px !important;
}

.footer_menu li {
	font-size: 16px;
	font-weight: bold;
}

/*商品ページ*/
#product_title_area {
	margin:30px 0 40px !important;
}

#product_title_area .desc {
	line-height: 1.8 !important;
}

#bread_crumb li {
	font-size: 14px;
}


#product_image_area img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.saleprice {
	font-weight: bold;
	color:#df0000;
	font-size: 18px;
}

.del {
	text-decoration: line-through;
}

.product_content {
	font-size: 16px;
}

.product_content .post_content {
	clear:both;
	padding:50px 0 0;
}

.post_content ul {
	list-style-type:disc;
}

.product_content1.num0 h2{
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.product_content1.num0 h2 span{
	font-size:16px;
	margin:0 10px;
}

.zaiko {
	margin:20px 0 0;
	line-height:1.5;
	text-align: left;
	font-size: 14px;
}

.product_content1 .data_list dt,.product_content1 .data_list dd {
	line-height: 1.5;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.product_content1 .image_area {
	padding: 0 !important;
}


.item_num input,input.used_point{
	width: 50%;
	margin-right:10px;
}


/*会員ページ*/
.historyrow{
	padding:0 !important;
}

/* LP */

.company_content .headline {
	width: 150px !important;
	height: 150px !important;
}

/*商品カテゴリ*/

main .post_content img,.special-pack-banner{
	margin:0 0 calc(40px - 1rem);
}

.under_content {
	margin:0 0 50px;
}
.under_content p{
	line-height: 2.4;
	margin: 0 0 2em 0 !important;
}

@media (min-width: 1001px){
#post_list1 .item {
	width:calc(25% - 10px);
	margin:0 10px 30px 0;
	height: 290px;
}

#post_list1 .image_wrap {
	height: 175px;
}
}

#post_list1 .item:nth-child(2n) {
	margin-right: 10px;
}

#post_list1 .item:nth-child(4n) {
	margin-right:0px;
}

#post_list1 .title {
	font-weight: bold !important;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.5;
}

.title_area .price {
	font-size: 16px;
	font-weight: bold;
}


#category_button a.black {
	color: #ffffff;
	background: #000000;
	pointer-events:cursor;
}

/*カテゴリナビを右へ*/
#blog_archive.category {
	display: flex;
	justify-content:space-between;
	width: 1100px;
	padding:0 0 150px;
}

#blog_archive main{
	width: 860px;
}

#category_button_right {
	width: 170px;
	border-top: 1px solid #333;
}

#category_button_right a {
	width: 100%;
	font-size: 16px;
	padding:10px 0;
	display: block;
	border-bottom: 1px solid #333;
}

#category_button_right a i {
	margin:0 0 0 5px;
}

#category_button_right ul,#category_button_right li{
	list-style-type: none;
}

#category_button_right ul a {
	width: 100%;
	font-size: 16px;
	padding:10px 1em;
	display: block;
	border-bottom: 1px solid #333;
	box-sizing: border-box;
}

.pc #category_button {
	display: none;
}

.category #bread_crumb ul{
	width: 1100px;
}

/*トップページ*/
.parallax-1{
	background:url(/wp-content/uploads/bg_craftsman.jpg) top center;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.parallax-2 {
	background:url(/wp-content/uploads/bg_netshop.jpg) top center;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
}

.parallax-2 h2 {
	text-align: center;
	color:#fff;
	font-size: 30px !important;
}

.parallax-2 .btn-black-area a{
	border: #999 !important;
}

.index_free_space.num3 {
	padding:180px 0 0 !important;
}

.index_post_list.num5 {
	margin:90px 0 !important;
}

.index_post_list .post_list_area1 {
	width: 100% !important;
}

.index_post_list .post_list_area2 {
	display: none;
}

.wrapnews {
	width: 50%;
	height: 600px;
	position: relative;
	margin: 0 auto;
}

.mv-text a {
	color:#000 !important;
}

/*検索ボックス*/
.pc .searchbox {
	display: none;
	margin:-10px 0 0 !important;
}

.searchbox form {
	display: flex;
}

#lang_button {
	opacity: 1 !important;
	top:50px;
}

#lang_button li{
	margin:0 0 0 20px;
}

.pc .header_fix #lang_button #search,.pc .header_fix #lang_button .searchbox{
	height: 70px;
	line-height: 70px;
}

.pc .header_fix .searchbox {
	margin:15px 10px 0 0 !important;
}

.searchbox input[type="text"]{
	border:1px solid #ccc;
	padding:8px;
	border-radius: 5px 0 0 5px;
	box-sizing: border-box;
	width: 100%;
	font-size:16px;
}

.searchbox input[type="submit"]{
	font-size: 16px;
	display: block;
	outline: 0;
	cursor: pointer;
	background: #000;
	transition-property: background-color, color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	border:none;
	text-decoration: none !important;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	border-radius:0 5px 5px 0;
	color:#fff !important;
}

#search_area {
	margin:0 0 50px;
}

#search_area form {
	display: flex;
	justify-content: space-between;
}
#search_area input[type="text"]{
	width: 87%;
}

#search_area input[type="submit"] {
	min-width:inherit;
	margin:0;
}

/*ニュース*/

#recent_news .link_button a{
	color:#fff !important;
}

.eyecatch {
	text-align: center;
}

/*カレンダー*/
.usces_calendar .businessday,.business_days_exp_box.businessday{
	background: #f5d2d2;
}

.this-month caption,.next-month caption {
	font-size: 18px;
	margin: 0 0 20px;
}

.creditcard {
	max-width:100%;
}


@media (max-width: 1240px) {
	.category #bread_crumb ul {
		width: 860px;
	}
	#blog_archive.category{
		width: 860px;
	}

	.pc #category_button_right {
		display: none;
	}

	.pc #category_button{
		display: flex;
	}

	.mobile #category_button_right {
		display: none;
	}
}


@media (max-width: 1001px) {
.searchbox {
	position: relative;
	display: block;
	margin: 0;
	padding: 18px 20px;
	line-height: 1.6;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #444444;
}

.category #bread_crumb ul {
	padding:30px 0 10px;
	box-sizing: border-box;
}

.title_area {
	display: block;
}

.banner img{
	max-width:100%;
}

#product_image_area {
	height: auto !important;
}

.open_menu .close {
	display: block !important;
	color: #fff;
	position: fixed;
	top: 0;
	right:420px;
	font-size: 4rem;
}

.open_menu #header:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
}

#post_list1 .item:nth-child(2n) {
	margin-right: 0 !important;
}
}

@media (max-width: 960px) {
#blog_archive main,{
	width: 100%;
	margin:0 auto;
}

.category #bread_crumb ul {
	width: 100%;
	padding:20px 5% 10px;
}

#blog_archive.category {
	width: 100%;
	padding:0px 5% 100px;
	box-sizing: border-box;
}
main .post_content img,.special-pack-banner{
	height: auto;
	margin: 0 0 40px;
	max-width: 100%;
}
}

@media (max-width: 750px) {
.hidden-pc {
	display: block;
}

#main_contents {
	padding:0 1em 40px !important;
}

dl.form {
	display: block;
	padding: 20px;
}


#inquire .form dt,#inquire .form dd{
	width: 100%;
}

#inquire .form dt {
	padding:0;
}

#inquire .form dd {
	padding:10px 0;
}

#newmember .form dt,#newmember .form dd{
	width: 100% !important;
	display: block;
}

#newmember input[type="submit"]{
	margin:0 auto !important;
}

#newmember table th,#newmember table td,#memberinfo .form table th,#memberinfo .form table td{
	width: 100% !important;
	display: block;
}

#newmember table th,#newmember .form dd,#memberinfo .form table th{
	padding:0;
}

#newmember table td,#newmember .form dd,#memberinfo .form table td{
	padding: 0 0 20px;
}

.product_content1.num0 .link_button input[type="submit"]{
	width: 100%;
}

#product_image_area:before {
	padding-top: 0 !important;
}

#history_head {
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}

#history_head tr {
	display: block;
	float: left;
}
#history_head tr td, 
#history_head tr th {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px !important;
	box-sizing: border-box;
}
#history_head thead {
	display: block;
	float: left;
	width: 30%;
}
#history_head thead tr {
	width: 100%;
}
#history_head tbody {
	display: block;
	float: left;
	width: 70%;
}

#history_head tr th {
	border-bottom:none;
}

#history_head tbody td{
	display: block;
	float: left;
	width: 100%;
	border-left:none;
	border-bottom:none;
}

.retail {
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}

.retail tr {
	display: block;
	float: left;
}
.retail tr td, 
.retail tr th {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px !important;
	box-sizing: border-box;
}
.retail thead {
	display: block;
	float: left;
	width: 30%;
}
.retail thead tr {
	width: 100%;
}
.retail tbody {
	display: block;
	float: left;
	width: 70%;
}

.retail tr th {
	border-bottom:none;
}

.retail tbody td{
	display: block;
	float: left;
	width: 100%;
	border-left:none;
	border-bottom:none;
}

#memberinfo .history-area {
	overflow: scroll;
	margin:0 0 30px;
}

.parallax-1 {
	display: none;
}

.banner img{
	max-width:100%;
}

.wrapnews {
	width: auto;
	height: auto;
	position: static;
	margin: 0;
}

.eyecatch img{
	max-width: 100%;
	width: 100%;
	height: auto;
}

#search_area input[type="submit"] {
	padding:0 10px !important;
}


.open_menu .close {
	top:10px;
	left: 10px;
}

#search_area input[type="submit"]{
	height: 37px;
	line-height: 37px;
}

#search_area input[type="text"] {
	width:calc(100% - 64px);
}


}


@media screen and (orientation: landscape) and (max-width: 812px){
	#mv-imgx2 {
		width: 65% !important;
		height: 65% !important;
	}
	#logox2 img{
		max-width: 80% !important;
		margin:20px 0 0;
	}
}

@media screen and (orientation: landscape) and (max-width: 812px){
	#mv-imgx2 {
		width: 50% !important;
		height: 50% !important;
	}
}