/*! ---------------------------------------
    Theme Name:     TANDEN theme
    Author:         TANDEN Inc.
    Author URI:     https://tanden.co.jp/
    Description:    TANDEN theme
    Version:        1.1
    Template:       toolset-starter
------------------------------------------- */


/*AdminBar*/
@media screen and (max-width: 782px){
	html #wpadminbar {
		height: 32px;
	}
	.ab-item:before, #wpadminbar .ab-icon{
		font-size: 23px !important;
		top: 2px;
	}
	 #wpadminbar .quicklinks>ul>li>a, #wpadminbar .ab-icon{
		 height:32px !important;
	}
}
@media screen and (max-width: 782px){
	#wpadminbar #wp-admin-bar-new-content .ab-icon:before,#wpadminbar #wp-admin-bar-new-content .ab-icon::before,#wpadminbar #wp-admin-bar-comments .ab-icon:before{
		line-height: 27px !important;
		top: 5px;
		font-size:23px;
	}
}

	
/*初期*/
.section-title h1:after, .section-title h2:after, h1.section-title:after, h2.section-title:after, .page-title:after, .login-form h2:after, .post-title:after, .archive-title:after {
	display: none;
}
a[target="_blank"]:not(.notarget):after{
	display: none;
}

/*Headertext*/
#headertext{
	background-color: #ededed;
	height: 30px !important;
	padding-top:0px !important;
}

/*Logoサイズ調整*/
@media only screen and (min-width: 768px){
	.header_logo{
		width: 200px;
		top: 0px;
		z-index: 2;
	}
	.header_logo img{
		width: 200px;
		padding-top: 13px;
		padding-left: 10px;
	}
}
@media only screen and (max-width: 767px){
	.header_logo{
		width: 200px;
		position: absolute;
		top: 32px;
		z-index: 2;
	}
	.header_logo img{
		width: 200px;
		padding-top: 13px;
		padding-left: 0px;
	}
}
@media only screen and (max-width: 767px){
	.header_logo.sticky1{
		width: 200px;
		position: absolute;
		top: 0px;
		z-index: 2;
	}
	.header_logo.sticky1 img{
		width: 200px;
		padding-top: 13px;
		padding-left: 0px;
	}
}

/*Menu調整*/
.menu_section{
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	height: 62px;
}
.menu_area{
	margin-top: 30px;
	margin: auto;
    float: right;
}
@media only screen and (min-width: 768px){
	.menu_area{
		width: auto !important;
	}
}
@media only screen and (max-width: 767px){
	.menu_area{
		width: 100% !important;
	}
}
.ddl-nav-wrap,.ddl-navbar{
	margin:0 !important;
}
@media (min-width: 768px){
	.navbar-default, body .ddl-navbar-default {
		background-color: transparent !important;
	}
}
@media (min-width: 1200px){
	body .nav>li>a, body .ddl-nav>li>a {
		padding: 20px 15px;
	}
}
@media (max-width: 1199px) and (min-width: 768px){
	body .nav>li>a, body .ddl-nav>li>a {
		padding: 20px 15px;
	}
}
@media (max-width: 767px){
	body .nav>li>a, body .ddl-nav>li>a {
		padding: 20px 10px;
	}
}
@media (min-width: 768px){
	.ddl-navbar,.ddl-nav-wrap .ddl-nav {
		width: 100%;
	}
}
@media (min-width: 768px){
	.menu_contact{
		float: right !important;
		background-color: #bb4f56;
	}
	.menu_contact a{
		color: #fff !important;
		padding-right:25px !important;
		padding-left:25px !important;
	}
	.menu_contact a:hover{
		background-color: #339966 !important;
	}
}
@media (max-width: 767px){
	.menu_contact{
		float: none !important;
		background-color: transparent;
	}
	.menu_contact a{
		padding-right:8px !important;
		padding-left:8px !important;
	}
}


body .ddl-navbar{
	border: none;
}
body .ddl-navbar-collapse{
	padding:0;
}



/*Menu_Toggle*/
body .ddl-navbar-default .navbar-toggle,body .ddl-navbar-default .ddl-navbar-toggle{
	margin:10px 0px !important;
}
@media screen and (max-width: 767px){
	body .navbar-collapse, body .ddl-navbar-collapse {
		height: 3000px;
		text-align: center;
		padding: 100px 15px !important;
	}
	.ddl-navbar-toggle{
		background-color: #bb4f56 !important;
	}
	.ddl-navbar-toggle:hover{
		background-color: #d56e75 !important;
	}
}


/*モバイルメニューが開くスピード*/
.collapsing{
	transition: all 100ms 0s ease-in-out;
}
/*toggle animation*/
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}
.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(-45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(45deg);
}


/*Mobile Submenu*/
@media (max-width: 767px){
	body .ddl-navbar-collapse {
		background-color: rgba(255, 255, 255,0.95) !important
	}
}


/*Menu Divider*/
@media (min-width: 767px){
	body .nav>li>a:after, body .ddl-nav>li>a:after {
		display:none;
	}
}
/*Menuフォント*/
@media only screen and (min-width: 768px){
	body .ddl-navbar-default .ddl-navbar-nav>.current-menu-item>a,body .ddl-navbar-default .ddl-navbar-nav>li>a,body .ddl-navbar-default .ddl-navbar-nav>.active>a,body .ddl-navbar-default .ddl-navbar-nav>.open>a,body .ddl-navbar-default .ddl-navbar-nav>.open>a:focus{
		color: #2c2d34;
		font-size: 13px;
	}
	body .ddl-navbar-default .ddl-navbar-nav>.current-menu-item>a:hover,body .ddl-navbar-default .ddl-navbar-nav>li>a:hover,body .ddl-navbar-default .ddl-navbar-nav>.active>a:hover{
		color: #fff;
		background-color: #bb4f56;
	}
}
@media only screen and (max-width: 767px){
	body .ddl-navbar-default .ddl-navbar-nav>.current-menu-item>a,body .ddl-navbar-default .ddl-navbar-nav>li>a,body .ddl-navbar-default .ddl-navbar-nav>.active>a,body .ddl-navbar-default .ddl-navbar-nav>.open>a,body .ddl-navbar-default .ddl-navbar-nav>.open>a:focus{
		color: #bb4f56;
		font-size: 16px;
	}
	body .ddl-navbar-default .ddl-navbar-nav>.current-menu-item>a:hover,body .ddl-navbar-default .ddl-navbar-nav>li>a:hover,body .ddl-navbar-default .ddl-navbar-nav>.active>a:hover{
		color: #fff;
		background-color: #bb4f56; 
	}
}

/*Sub Menu*/
.ddl-dropdown-menu > li > a:hover, .ddl-dropdown-menu > li > a:focus {
	color: #fff;
	background-color: #bb4f56;
}

/*Mobile Menu*/
@media (max-width: 767px){
	body .ddl-navbar-collapse{
		top: 62px;
	}
}

/*Sticky*/
#outerheader.sticky1 {
	width: 100%;
	opacity: 0.9;
	z-index:2;
	position: fixed;
	top: 0px;
	background-color: #fff;
	animation-duration: 1s;
	animation-name: header-in;
}
/*animation header-in*/
@keyframes header-in {
  from {
    margin-top: -100px;
    width: 100%;
    background-color: #fff;
  }
  to {
    margin-top: 0%;
    width: 100%;
    background-color: #fff;
  }
}

/*animation header-out*/
@keyframes header-out {
  from {
    margin-top: 0%;
    width: 100%;
    background-color: #fff;
  }
  to {
    margin-top: -100px;
	  width: 100%;
	  background-color: #fff;
  }
}

.menu_area.sticky1{
	margin-top:0px;
}



/*Body Font*/
html, body, p {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color:#0B1825;
	line-height:2;
	text-align: justify;
	font-size:16px;
}

.font_white{
	color: #fff;
}
.font_80{font-size:80%;} .font_120{font-size:120%;}

.explanation p{line-height: 1.4 !important;}

/*Heading*/
h1{font-size:30px; line-height: 1.4; color: #000; font-family: 'MatisseProN-B';}
h2{font-size:30px; line-height: 1.4; font-family: 'MatisseProN-B';}
h3{font-size:24px; line-height: 1.4; color:#000; font-family: 'MatisseProN-B';}
h4{font-size:20px; line-height: 1.4; color:#000; font-family: 'MatisseProN-B';}
h5{font-size:18px; line-height: 1.4; color:#000; font-family: 'MatisseProN-B';}
h6{font-size:16px; line-height: 1.4; color:#000; font-family: 'MatisseProN-B';}
h1, h2,h3,h4,h5,h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

h1.title01,h2.title01{
	color: #000;
	border-top: none;
	border-bottom: none;
	padding: 0px;
	position: relative;
	display: inline-block;
	margin-bottom: 1.4em;
	width: 100%;
	text-align: center;
	font-size: 30px;
}
h1.title01:before, h2.title01:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 100px;
	height: 1px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #999;
	border-radius: 2px;
}

h2 {
	color: #bb4f56;
	padding: 0.5em 0;
	border-top: solid 3px #bb4f56;
	border-bottom: solid 3px #bb4f56;
	margin-bottom: 40px;
}

h3 {
	border-bottom:1px solid #000;
}

h3.shop {
	font-size:18px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	border-bottom:1px solid #000;
}

.none,.none h4{
	font-size:14px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin-top:0px;
}


/*Pagetitle*/
.header_bg{
	background-image: url("/wp-content/uploads/header_bg.jpg");
	background-size:cover;
	padding: 40px 15px 40px;
	margin-bottom:50px;
}
.page_title{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
	border-bottom: #fff 1px dotted;
	padding: 10px;
	float: left;
    width: 100%;
}
.page_title h1{
	margin:0px;
	color: #fff;
}


/*Breadcrumbs*/
.breadcrumbs{
	text-align: right;
	font-size: 10px;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #fff;
	line-height: 1.4;
	margin-top: 10px;
}
.breadcrumbs a{
	color: #fff;
}



/*none*/
@media only screen and (max-width: 991px){
	.tablet_none{
		display:none;
	}
}
@media only screen and (max-width: 767px){
	.mobile_none{
		display:none;
	}
}

/* Drop Cap */
#contents p {
 font-size: 1.0em;
 line-height: 1.5;
 margin-bottom: 1em;
}
#contents p.big-head:first-letter {
 float: left;
 font-size: 3.7em;
 line-height: 0.8;
 margin: 0 0.1em 0 0;
 padding: 0.1em;
}
#contents p.big-head:after { clear: both; }

/*Topics*/
#topics ul {
	list-style:none;
  	padding-left: 0px;
}

#topics li {
	padding-top: 10px;
  	padding-bottom: 10px;
}

span.topics_left {
	float:left;
  	font-weight: 700;
	line-height: 1.4em;
	text-align:center;
}

span.topics_right {
	display: block;
	margin-left: 200px;
  	margin-top: 0px;
	line-height: 1.4em;
}

@media (max-width: 767px){
	span.topics_left {
	float:none;
	text-align: left;
	}
  	span.topics_right {
	margin-left: 0px;
	padding-top:5px;
	}
}


/*history*/
#history ul {
	list-style:none;
  	padding-left: 0px;
}

#history li {
	padding-top: 10px;
  	padding-bottom: 10px;
  	border-bottom:1px solid #eee;
}

span.history_left {
	float:left;
  	font-weight: 700;
	line-height: 1.4em;
}

span.history_right {
	display: block;
	margin-left: 100px;
  	margin-top: 0px;
	line-height: 1.4em;
}

/*contact*/
#contact ul {
	list-style:none;
  	padding-left: 0px;
}

#contact li {
	padding-top: 10px;
  	padding-bottom: 10px;
}

span.contact_left {
	float:left;
  	font-weight: 700;
	line-height: 1.4em;
	text-align:center;
}

span.contact_right {
	display: block;
	margin-left: 200px;
  	margin-top: 0px;
	line-height: 1.4em;
}

@media (max-width: 767px){
	span.contact_left {
	float:none;
	text-align: left;
	}
  	span.contact_right {
	margin-left: 0px;
	padding-top:5px;
	}
}

/*detail*/
#detail ul {
	list-style:none;
  	padding-left: 0px;
  	margin-bottom: 0px;
}

#detail li {
	padding-top: 10px;
  	padding-bottom: 10px;
  	border-bottom: 1px solid #999;
}

span.detail_left {
	float:left;
  	font-weight: 700;
	line-height: 1.4em;
	text-align:center;
	font-size: 80%;
	padding-left:0.5em;
}

span.detail_right {
	display: block;
	margin-left: 100px;
  	margin-top: 0px;
	line-height: 1.4em;
	font-size: 80%;
}



/*img*/
.explanation img{
	margin-bottom: 5px;
}

/*HR*/
.hr10 {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

/*LinkBox*/
.linkbox{
	position: relative;
}
.linkbox a{
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 2;
	padding-bottom: 0px;
}
.linkbox a:hover{
	background-color: rgba(255, 255, 255, 0.5) !important;
	padding-bottom: 0px;
}

/*Shoppage*/
#shop p.price{
	text-align: right;
}

/*WooCommerce*/
.item_title{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: left;
	border-bottom: #000 1px dotted;
	padding: 10px;
	float: left;
    width: 100%;
}
.item_title h1{
	margin:0px;
	color: #000;
}
.breadcrumbs_item,.breadcrumbs_item a{
	text-align: right;
	font-size: 10px;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #000;
	line-height: 1.4;
	margin-top: 10px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
    font-size: 20px;
    font-family: 'MatisseProN-B';
    text-align: right;
}

.price{margin-bottom: 0px;}

.woocommerce div.product form.cart {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.single_variation_wrap .single_variation span.price {
    margin-left: -webkit-calc(3.631em + 4px);
    margin-left: calc(3.631em + 4px);
}

.woocommerce div.product form.cart .variations,.variations td {
 	padding-bottom: 0px;
 	margin-bottom: 0px;
 }

 #calc_shipping_country_field,#calc_shipping_postcode,#billing_country_field,#shipping_country_field{display: none;}

/*Footer*/

.footer-banner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.footer_promotion{
	background-color: #2d2d2d;
	padding:50px 0px;
	margin-top:50px;
}

.main-footer {
    margin-top: 0px;
    padding:100px 0px;
	background-color: #252525;
	border-top: none;
    font-size: .9em;
}
.main-footer a:link, .main-footer a:hover, .main-footer a:active, .main-footer a:visited{
	color:#999;
}

.footer-banner p{
    margin: 30px 30px 30px 30px;
}
@media (max-width: 767px){
.footer-banner{
	flex-flow: column;
	}
}

/*Animation*/
.animated {
	-webkit-animation-duration: 6s !important;
	animation-duration: 6s !important;
}

.woocommerce-additional-fields__field-wrapper::after{
  content:"20歳未満の方の飲酒は法律で禁止されています。";
}
.woocommerce-additional-fields__field-wrapper::after{
    font-weight: 700;
}