/*
Theme Name:Original Theme
Author:genki
Description:STARBUCKS COFFEE KYOTO BAL
Version:1.0
*/


.grecaptcha-badge { visibility: hidden; }


html,
body { -webkit-text-size-adjust: 100%;
width: 100%;
margin: 0;
position: relative;
height: 100%;
}



html{}

body {
font-family: adobe-garamond-pro, serif;
font-weight: 400;
font-style: normal;
}



h1{color:#000;
font-family: adobe-garamond-pro, serif;
font-weight: bold;
font-style: normal;}
h2{color:#000;
font-family: adobe-garamond-pro, serif;
font-weight: bold;
font-style: normal;
}
h3{color:#000;}
h4{color:#000;
font-weight:normal;}
p{color:#000;
font-style: normal;
}
a{text-decoration:none;
color:#000;}

a:hover{color:#000;}











@media screen and (min-width: 1025px) {	
	

/* big size */

/* hedder */


.hedder {
position: fixed;
top: 0%;
left: 0%;
width: 100.0%;
z-index: 999;
background-color: #fff;
height: 8.5vw;
}
	
.hedder img {
width: 27.3%;
margin-left: 3.95%;
margin-top: 2.6%;
}
	
.nav {
float: right;
margin-right: 3.95%;
margin-top: 4.3%;
}

.nav ul {
margin: 0;
padding: 0;
}

.nav li {
list-style: none;
float: left;
margin-left: 1.75vw;
font-family: "Helvetica Neue";
font-size: 1.1vw;
letter-spacing: 0.1vw;
}
	
	
.top_all{padding-top: 8.5vw;
}
#area1{}	

.area_img{width: 100.0%;}
	
.product_one {
border-top: solid 1px #ccc;
text-align: center;
padding-bottom: 0vw;
width: 100%;
margin: auto;
clear: both;
display: flex;
align-items: stretch;
}
	
.product_img {
width: 33%;
padding-left: 11%;
}
	
.product_one img {
width: 100%;
height: auto;
padding-top: 4.3vw;
padding-bottom: 4.3vw;
}
	
.product_one .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}
	
.product_one .helvetica_b{font-weight:bold;}
	
.product_one .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
.product_one_text {
text-align: left;
width: 40%;
position: relative;
margin-bottom: 4.3vw;
margin-top: 3.6vw;
display: flex;
flex-direction: column;
padding-right: 8%;
margin-left: auto;
}
	
	
	
.product_one_text_bootom{
margin-top: auto!important;
margin-left: auto!important;
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
	
	
.contact_p {
font-size: 1.1vw;
line-height: 4.5vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 15.3vw;
height: 4.5vw;
text-align: center;
float: right;
margin-left: auto!important;
}
	
.contact_p a{
display:block;	
}
	
.name1 {
font-size: 2.0vw;
line-height: 3.3vw;
}

.name2 {
font-size: 2.0vw;
line-height: 3.3vw;
}


.text1 {
font-size: 1.7vw;
padding-top: 2.3vw;
line-height: 2.7vw;
width: 100%;
}


.text2 {
font-size: 1.0vw;
line-height: 2.7vw;
width: 100%;
}


.text3 {
font-size: 1.0vw;
line-height: 2.7vw;
width: 100%;
}

.text4 {
font-size: 1.0vw;
line-height: 2.7vw;
width: 100%;
padding-bottom: 5vw;
}
	
	
.text5 {width: 56%;
font-size: 0.8vw;
line-height: 2.2vw;
}
	
.text5 a{text-decoration:underline;
}


	
.top_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 3.2vw;
letter-spacing: 0.2vw;
padding-top: 0.9vw;
padding-bottom: 1.9vw;
	
position:relative;
}
	
	
.area_h2_span{position: absolute;
right: 1.5vw;
bottom: 0.8vw;
font-size: 0.8vw;
font-weight: normal;
letter-spacing: 0vw;}
	
	
	
	
	
	
	
	
	
	
/* post */
	
.post_all{
border-top: solid 1px #ccc;
text-align: center;
width: 100.0%;
margin-top: 8.5vw;
}
	
.post_all_innner{width: 85.0%;
margin-left: auto;
margin-right: auto;}
	
.post_all img{
width: 64.4%;
height: auto;
margin-top: 4.6vw;
}

.post_all p{margin: 0;}
	
.post_all .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}

	
.post_all .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
	
.post_all_text_all{width: 47%;
float: right;}
	
.post_all_text_left{
text-align: left;
width: 100%;
margin: 0;

}
	
	
.post_all_text_right{
text-align: right;
width: 100%;
margin: 0;

}
	
.post_all_img{width: 50%;
float: left;
	}
	
.po_name1 {
font-size: 2.0vw;
line-height: 3.3vw;
padding-top: 3.9vw;
}
	
.po_name2{font-size: 2.0vw;
line-height: 3.3vw;}
	
.po_name3{font-size: 1.7vw;
line-height: 2.7vw;
padding-top: 2.3vw;}
	
.po_name4{font-size: 1.0vw;
line-height: 2.7vw;
letter-spacing: 0.12vw!important;}
	
	
	
.wpcf7{clear: both;
padding-top: 14vw;
padding-bottom: 2vw;}
	
.wpcf7-submit{float: right;
margin-bottom: 3vw;
	
font-size: 1.1vw;
line-height: 4.5vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 15.3vw;
height: 4.5vw;
text-align: center;
float: right;
	
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
background-color: #fff;
color: #000;
font-weight:normal;
padding: 0;}
	
	
	
	
	
	
.wpcf7 form.sent .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
	
.wpcf7-not-valid-tip {
margin-top: 0.5vw;
}
	
	
.wpcf7 p{font-family: "Helvetica Neue";
margin: 0;}	
	
.cont1 input,.cont2 input,.cont3 input{
width: 100%;
padding: 0;
margin: 0;
border-top: solid 0px #000;
border-left: solid 0px #000;
border-right: solid 0px #000;
border-bottom: solid 1px #000;
border-radius: 0;
font-size: 1.4vw;
margin-top: 2vw;
}
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
position: absolute;
left: 0;
margin: auto;
width: 1.6vw;
height: 1.6vw;
top: 50%;
transform: translateY(-50%);
}
	
.cont5 textarea{
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
font-size: 1.4vw;
margin-top: 1.0vw;
height: 15.0vw;
border: solid 1px #ccc;
margin-bottom: 3vw;
}
	
input:focus{
outline:none;
}
	
	
.cont1{text-align:left;}

.cont2{text-align:left;
margin-top: 2.9vw;}
	
.cont3{text-align:left;
margin-top: 2.9vw;}
	
.cont4{text-align:center;
margin-top: 0;}
	
.cont5{text-align: left;
margin-top: 2.9vw;}
	
	
.cont1 p{font-size: 1.4vw;
letter-spacing: 0.3vw;}

.cont2 p{font-size: 1.4vw;
letter-spacing: 0.3vw;}
	
.cont3 p{font-size: 1.4vw;
letter-spacing: 0.3vw;}
	
.cont4 p{font-size: 1.4vw;
letter-spacing: 0.3vw;}
	
.cont5 p{font-size: 1.4vw;
letter-spacing: 0.02vw;}
	
.wpcf7-list-item {
position:relative;
}
	
.wpcf7-list-item-label {
margin-left: 2.5vw;
display: inline-block;
text-align: left;
}

.wpcf7-checkbox > span:not(.first) {
margin: 0;
margin-left: 4.6vw;
}
	
.wpcf7-checkbox > .first{
margin:0;}
	
.wpcf7-checkbox{white-space:nowrap;}	
	
	
	
.po_namexx{
font-size: 3vw;
text-align: left;
margin-top: 9vw!important;
margin-bottom: -9.5vw!important;
padding-bottom: 11vw;
border-bottom: solid 1px #000;
letter-spacing: 0.05vw!important;
}
	
	

.product_all{
display:none;
}
	

.area_img{cursor:pointer;}
.area_h2{cursor:pointer;}
	
	
	
.cont_left{float: left;
width: 47%;}

.cont_right{float: right;
width: 47%;}
	
	
	
	
	
	
	
/* about */	
	
	.about_all {
margin-top: 8.5vw;
}


.about_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 3.2vw;
letter-spacing: 0.2vw;
padding-top: 1.25vw;
padding-bottom: 1.9vw;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
}


.about1 {
margin: 0;
font-size: 1.3vw;
padding-top: 4.4vw;
line-height: 2.7vw;
width: 78%;
padding-left: 11%;
padding-right: 11%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
font-weight: bold;
}

.about2 {
margin: 0;
font-size: 1.0vw;
padding-top: 3.5vw;
line-height: 2.2vw;
width: 78%;
padding-left: 11%;
padding-right: 11%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}

.about3 {
margin: 0;
font-size: 1.0vw;
padding-top: 3.8vw;
line-height: 2.2vw;
width: 78%;
padding-left: 11%;
padding-right: 11%;
padding-bottom: 6vw;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
	
.about4 {
margin: 0;
font-size: 1.0vw;
padding-top: 3.5vw;
line-height: 2.2vw;
width: 78%;
padding-left: 11%;
padding-right: 11%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
.about4 a{
text-decoration:underline;
}
	
	
.about2 span{font-size: 1.3vw;}
	
.about3 span{font-size: 1.3vw;}
	
}








@media screen and (max-width: 768px){
	
/* hedder */


.hedder {
position: fixed;
top: 0%;
left: 0%;
width: 100.0%;
z-index: 999;
background-color: #fff;
height: 12vw;
}
	
.hedder img {
width: 49.1%;
margin-left: 3.95%;
margin-top: 3.1%;
}
	
	
.top_all{padding-top: 12vw;
}
#area1{}

.area_img{width: 100.0%;}
	
.product_one {
border-top: solid 1px #ccc;
text-align: center;
padding-bottom: 10vw;
}
	
.product_one img {
width: 56.6%;
height: auto;
padding-top: 11.3vw;
padding-bottom: 3.5vw;
}
	
.product_one .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}
	
.product_one .helvetica_b{font-weight:bold;}
	
.product_one .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
.product_one_text {
text-align: left;
width: 85%;
margin: auto;
position:relative;
padding-bottom: 5vw;
}
	
.contact_p {
font-size: 3vw;
line-height: 9vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 39.3%;
height: 9vw;
text-align: center;
float:right;
}
	
.contact_p a{
display:block;	
}
	
.name1{font-size: 4.5vw;
line-height: 7.3vw;}
	
.name2{font-size: 4.5vw;
line-height: 7.3vw;}
	
.text1{font-size: 3.8vw;
padding-top: 4vw;
line-height: 5.6vw;
width: 100%;}
	
.text2{font-size: 3vw;
line-height: 5.6vw;
width: 100%;}
	
.text3{font-size: 3vw;
line-height: 5.6vw;
width: 100%;}
	
.text4{font-size: 3vw;
line-height: 5.6vw;
width: 100%;
padding-bottom: 5vw;}
	
	
.text5{font-size: 2.5vw;
line-height: 4.8vw;
width: 100%;
padding-bottom: 5vw;}
	
.text5 a{text-decoration:underline;
}

	
.top_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 6.0vw;
letter-spacing: 0.2vw;
padding-top: 0.9vw;
padding-bottom: 1.9vw;
	
position:relative;
}
	
	
.area_h2_span{position: absolute;
right: 1.5vw;
bottom: 0.8vw;
font-size: 1.5vw;
font-weight: normal;
letter-spacing: 0vw;}
	
	
	
	
	
	
	
	
	
	
	
	
/* post */
	
.post_all{
border-top: solid 1px #ccc;
text-align: center;
width: 100.0%;
margin-top: 12vw;
}
	
.post_all_innner{width: 85.0%;
margin-left: auto;
margin-right: auto;}
	
.post_all img{
width: 29.4%;
height: auto;
margin-top: 8.2vw;
}

.post_all p{margin: 0;}
	
.post_all .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}

	
.post_all .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
	
.post_all_text_all{display: flex;
align-items: flex-end;}
	
.post_all_text_left{
text-align: left;
width: 50%;
margin: 0;

}
	
	
.post_all_text_right{
text-align: right;
width: 50%;
margin: 0;

}
	
.post_all_img{width: 100%;
	}
	
.po_name1{font-size: 3vw;
padding-top: 2.7vw;
line-height: 5.6vw;}
	
.po_name2{font-size: 3vw;
line-height: 5.6vw;}
	
.po_name3{font-size: 3vw;
line-height: 5.6vw;}
	
.po_name4{font-size: 3.7vw;
line-height: 5.6vw;
letter-spacing: 0.12vw!important;}
	
	
	
.wpcf7{clear: both;
padding-top: 14vw;
	padding-bottom: 2vw;}
	
.wpcf7-submit{float: right;
margin-bottom: 3vw;
	
font-size: 3vw;
line-height: 9vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 39.3%;
height: 9vw;
text-align: center;
float: right;

font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
background-color: #fff;
color: #000;
font-weight:normal;
padding: 0;}
	
	
.cont5 + p:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
	
	
	
	
	
.wpcf7 form.sent .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
.wpcf7-not-valid-tip {
margin-top: 0.5vw;
}
	
.wpcf7 p{font-family: "Helvetica Neue";
margin: 0;}	
	
.cont1 input,.cont2 input,.cont3 input{
width: 100%;
padding: 0;
margin: 0;
border-top: solid 0px #000;
border-left: solid 0px #000;
border-right: solid 0px #000;
border-bottom: solid 1px #000;
border-radius: 0;
font-size: 3.4vw;
margin-top: 11vw;
}
	
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
position: absolute;
top: 0.8vw;
left: 0;
margin: auto;
width: 4.2vw;
height: 4.2vw;
top: 50%;
transform: translateY(-50%);
}

	
.cont5 textarea{
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
font-size: 3.4vw;
margin-top: 1.8vw;
height: 62.1vw;
border: solid 1px #ccc;
margin-bottom: 3vw;
}
	
input:focus{
outline:none;
}
	
	
.cont1{text-align:left;}

.cont2{text-align:left;
margin-top: 4.9vw;}
	
.cont3{text-align:left;
margin-top: 4.9vw;}
	
.cont4{text-align:center;
margin-top: 14.2vw;}
	
.cont5{text-align:left;
margin-top: 9.2vw;}
	
	
.cont1 p{font-size: 3.4vw;
letter-spacing: 0.3vw;}

.cont2 p{font-size: 3.4vw;
letter-spacing: 0.3vw;}
	
.cont3 p{font-size: 3.4vw;
letter-spacing: 0.3vw;}
	
.cont4 p{font-size: 3.4vw;
letter-spacing: 0.3vw;}
	
.cont5 p{font-size: 2.2vw;
letter-spacing: 0.02vw;}
	
.wpcf7-list-item {
position:relative;
}
	
.wpcf7-list-item-label {
margin-left: 6.8vw;
display: inline-block;
text-align: left;
}

.wpcf7-checkbox > span:not(.first) {
margin: 0;
margin-left: 5.7vw;
}
	
.wpcf7-checkbox > .first{
margin:0;}
	
.wpcf7-checkbox{white-space:nowrap;}	
	
	
	
.po_namexx{
font-size: 3vw;
text-align: left;
margin-top: 9vw!important;
margin-bottom: -9.5vw!important;
padding-bottom: 11vw;
border-bottom: solid 1px #000;
letter-spacing: 0.05vw!important;
}
	
	

.product_all{
display:none;
}
	

.area_img{cursor:pointer;}
.area_h2{cursor:pointer;}
	
	
	
	
	
	
	
	
	
/* about */	
	
	
	.about_all {
margin-top: 12vw;
}


.about_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 6.0vw;
letter-spacing: 0.2vw;
padding-top: 1.4vw;
padding-bottom: 1.9vw;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
}


.about1 {
margin: 0;
font-size: 3.7vw;
padding-top: 10vw;
line-height: 6.6vw;
width: 85%;
padding-left: 7.5%;
padding-right: 7.5%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
font-weight: bold;
}


.about2 {
margin: 0;
font-size: 3vw;
padding-top: 9vw;
line-height: 5.6vw;
width: 85%;
padding-left: 7.5%;
padding-right: 7.5%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}

.about3 {
margin: 0;
font-size: 3vw;
padding-top: 9.5vw;
line-height: 5.6vw;
width: 85%;
padding-left: 7.5%;
padding-right: 7.5%;
padding-bottom: 12vw;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
	
.about4 {
margin: 0;
font-size: 3vw;
padding-top: 9vw;
line-height: 5.6vw;
width: 85%;
padding-left: 7.5%;
padding-right: 7.5%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
	
.about4 a{
text-decoration:underline;
}
	
	
.about2 span{font-size: 3.7vw;}
	
.about3 span{font-size: 3.7vw;}
	
	
	
	
	
/* スマホメニューメニュー */

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
position: fixed;
top: 2.5vw;
right: 3.3vw;
width: 9.0vw;
height: 8vw;
z-index: 9999;
}

a.menu-trigger:hover{
}
.menu-trigger span {
position: absolute;
z-index: 9999;
left: 2vw;
width: 4.8vw;
height: 0.5vw;
background-color: #000;
border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
top: 1.9vw;
}
.menu-trigger span:nth-of-type(2) {
 top: 3.7vw;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 1.9vw;

}
	
	
.menu-trigger.active {
height: 56px;
top: 2.85vw;
}
	
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
	 top:7px;
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
	 bottom:7px;
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #808080;
opacity:1;
z-index:999;
padding: 0px;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 8%;
}
#overlay ul li a{ z-index:10;
 color: #fff;
 text-decoration: none;
 
}

.nav{display:none;}

.navsh{
top:0;
left:0;
width: 100%;
height:auto;
float: left;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.navsh a{
}
.navsh ul a{font-size: 3.10vw;
line-height:70%;
margin-bottom:0%;
display:inline-block;
font-family: "Helvetica Neue";
}

.navsh ul{margin-left:auto;
margin-top:0%;
margin-bottom:0%;
margin-left:0%;
padding: 0; 
width: auto;
text-align: center;
}
	
.navsh li{
list-style-type: none;
list-style: none;
margin: auto;
}
	
	
	



	
	

}

@media screen and (min-width: 769px) and (max-width: 1024px) {	
	
	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}

	
	
/* hedder */


.hedder {
position: fixed;
top: 0%;
left: 0%;
width: 100.0%;
z-index: 999;
background-color: #fff;
height: 8.5vw;
}
	
.hedder img {
width: 30.5%;
margin-left: 3.95%;
margin-top: 2.4%;
}
	
.nav {
float: right;
margin-right: 3.95%;
margin-top: 4.3%;
}

.nav ul {
margin: 0;
padding: 0;
}

.nav li {
list-style: none;
float: left;
margin-left: 1.75vw;
font-family: "Helvetica Neue";
font-size: 1.1vw;
letter-spacing: 0.1vw;
}
	
	
.top_all{padding-top: 8.5vw;
}
	
#area1{}	

.area_img{width: 100.0%;}
	
.product_one {
border-top: solid 1px #ccc;
text-align: center;
padding-bottom: 0vw;
width: 100%;
margin: auto;
clear: both;
display: flex;
align-items: stretch;
}
	
.product_img{width: 44%;
padding-left: 4%;}
	
.product_one img {
width: 100%;
height: auto;
padding-top: 4.3vw;
padding-bottom: 4.3vw;
}
	
.product_one .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}
	
.product_one .helvetica_b{font-weight:bold;}
	
.product_one .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
.product_one_text {
text-align: left;
width: 44%;
position: relative;
margin-bottom: 4.3vw;
margin-top: 2.8vw;
display: flex;
flex-direction: column;
padding-right: 4%;
margin-left: auto;
}
	
	
.product_one_text_bootom{
margin-top: auto!important;

}
	
	
.contact_p {
font-size: 2.3vw;
line-height: 7.2vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 27vw;
height: 7.2vw;
text-align: center;
float: right;

}
	
.contact_p a{
display:block;	
}
	
.name1 {
font-size: 3.5vw;
line-height: 6vw;
}

.name2 {
font-size: 3.5vw;
line-height: 5.0vw;
}


.text1 {
font-size: 3vw;
padding-top: 3.6vw;
line-height: 4.3vw;
width: 100%;
}

.text2 {
font-size: 2.3vw;
line-height: 4.3vw;
width: 100%;
}


.text3 {
font-size: 2.3vw;
line-height: 4.3vw;
width: 100%;
}

.text4 {
font-size: 2.3vw;
line-height: 4.3vw;
width: 100%;
padding-bottom: 5vw;
}
	
.text5 {
font-size: 1.8vw;
line-height: 3.6vw;
width: 100%;
padding-bottom: 5vw;
}
	
.text5 a {
text-decoration: underline;
}


	
.top_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 4vw;
letter-spacing: 0.2vw;
padding-top: 0.9vw;
padding-bottom: 1.9vw;
	
position:relative;
}
	
	
.area_h2_span{position: absolute;
right: 1.5vw;
bottom: 0.8vw;
font-size: 1.2vw;
font-weight: normal;
letter-spacing: 0vw;}
	
	
	
	
	
	
	
	
	
	
	
	
/* post */
	
.post_all{
border-top: solid 1px #ccc;
text-align: center;
width: 100.0%;
margin-top: 8.5vw;
}
	
.post_all_innner{width: 85.0%;
margin-left: auto;
margin-right: auto;}
	
.post_all img{
width: 64.4%;
height: auto;
margin-top: 4.6vw;
}

.post_all p{margin: 0;}
	
.post_all .helvetica{
font-family: "Helvetica Neue";
margin: 0;
letter-spacing: 0.25vw;
}

	
.post_all .source-han-sans{
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 200;
font-style: normal;
margin: 0;
letter-spacing: 0.2vw;
}
	
	
.post_all_text_all{width: 47%;
float: right;}
	
.post_all_text_left{
text-align: left;
width: 100%;
margin: 0;

}
	
	
.post_all_text_right{
text-align: right;
width: 100%;
margin: 0;

}
	
.post_all_img{width: 50%;
float: left;
	}
	
.po_name1{font-size: 3vw;
padding-top: 2.7vw;
line-height: 5.6vw;}
	
.po_name2{font-size: 3vw;
line-height: 5.6vw;}
	
.po_name3{font-size: 3vw;
line-height: 5.6vw;}
	
.po_name4{font-size: 3vw;
line-height: 5.6vw;
letter-spacing: 0.12vw!important;}
	
	
	
.wpcf7{clear: both;
padding-top: 14vw;
padding-bottom: 2vw;}
	
.wpcf7-submit{float: right;
margin-bottom: 8vw;
	
font-size: 2.3vw;
line-height: 7.2vw;
border: solid 1px #ccc;
border-radius: 9999px;
width: 27vw;
height: 7.2vw;
text-align: center;
float: right;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
background-color: #fff;
color: #000;
font-weight:normal;
padding: 0;}
	
	
	
	
	
.wpcf7 form.sent .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
	
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
clear: both;
font-family: "Helvetica Neue";
}
	
.wpcf7-not-valid-tip {
margin-top: 0.5vw;
}
	
	
.wpcf7 p{font-family: "Helvetica Neue";
margin: 0;}	
	

	
.cont1 input,.cont2 input,.cont3 input{
width: 100%;
padding: 0;
margin: 0;
border-top: solid 0px #000;
border-left: solid 0px #000;
border-right: solid 0px #000;
border-bottom: solid 1px #000;
border-radius: 0;
font-size: 2.4vw;
margin-top: 4vw;
}
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
position: absolute;
left: 0;
margin: auto;
width: 1.6vw;
height: 1.6vw;
top: 50%;
transform: translateY(-50%);
}
	
.cont5 textarea{
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
font-size: 3.4vw;
margin-top: 1.8vw;
height: 26.5vw;
border: solid 1px #ccc;
margin-bottom: 3vw;
}
	
input:focus{
outline:none;
}
	
	
.cont1{text-align:left;}

.cont2{text-align:left;
margin-top: 4.9vw;}
	
.cont3{text-align:left;
margin-top: 4.9vw;}
	
.cont4{text-align:center;
margin-top: 0;}
	
.cont5{text-align:left;
margin-top: 7.2vw;}
	
	
.cont1 p{font-size: 2.4vw;
letter-spacing: 0.3vw;}

.cont2 p{font-size: 2.4vw;
letter-spacing: 0.3vw;}
	
.cont3 p{font-size: 2.4vw;
letter-spacing: 0.3vw;}
	
.cont4 p{font-size: 1.8vw;
letter-spacing: 0.3vw;}
	
.cont5 p{font-size: 1.8vw;
letter-spacing: 0.02vw;}
	
.wpcf7-list-item {
position:relative;
}
	
.wpcf7-list-item-label {
margin-left: 2.1vw;
display: inline-block;
text-align: left;
}

.wpcf7-checkbox > span:not(.first) {
margin: 0;
margin-left: 2.0vw;
}
	
.wpcf7-checkbox > .first{
margin:0;}
	
.wpcf7-checkbox{white-space:nowrap;}	
	
	
	
.po_namexx{
font-size: 3vw;
text-align: left;
margin-top: 9vw!important;
margin-bottom: -9.5vw!important;
padding-bottom: 11vw;
border-bottom: solid 1px #000;
letter-spacing: 0.05vw!important;
}
	
	

.product_all{
display:none;
}
	

.area_img{cursor:pointer;}
.area_h2{cursor:pointer;}
	
	
	
.cont_left{float: left;
width: 47%;}

.cont_right{float: right;
width: 47%;}
	
	
	
	
	
	
	
	
	
	
	
	
/* about */	
	
	
	.about_all {
margin-top: 8.5vw;
}


.about_all h2 {
font-family: "Helvetica Neue";
margin: 0;
padding-left: 3.5vw;
font-size: 4vw;
letter-spacing: 0.2vw;
padding-top: 1.2vw;
padding-bottom: 1.9vw;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
}


.about1 {
margin: 0;
font-size: 3.0vw;
padding-top: 7.6vw;
line-height: 5.0vw;
width: 92%;
padding-left: 4%;
padding-right: 4%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
font-weight: bold;
}

.about2 {
margin: 0;
font-size: 2.3vw;
padding-top: 6.6vw;
line-height: 4.3vw;
width: 92%;
padding-left: 4%;
padding-right: 4%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}

.about3 {
margin: 0;
font-size: 2.3vw;
padding-top: 6.9vw;
line-height: 4.3vw;
width: 92%;
padding-left: 4%;
padding-right: 4%;
padding-bottom: 9vw;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
.about4 {
margin: 0;
font-size: 2.3vw;
padding-top: 6.6vw;
line-height: 4.3vw;
width: 92%;
padding-left: 4%;
padding-right: 4%;
font-family: "Helvetica Neue";
letter-spacing: 0.25vw;
}
	
.about4 a{
text-decoration:underline;
}
	
	
.about2 span{font-size: 3.0vw;}
	
.about3 span{font-size: 3.0vw;}
	
	
	

	
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	
	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}

	

}

@media screen and (min-width: 1601px) {	
	
	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}


}



@media screen and (min-width: 600px) and (max-width: 768px) {	}


@media screen and (max-width: 650px){
.menu-trigger.active {
top:1.85vw;
}
}




@media only screen and (max-device-width:480px){


.menu-trigger.active {
top: 0.1vw;
}
	

}




	



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
	
.menu-trigger.active {
top: 2.9vw;
}


}










@media only screen and (max-device-width:480px) and (orientation: landscape){


	
}




@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){


}
	



	






/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}


@media screen and (min-width: 1025px) {
_:lang(x)::-internal-media-controls-overlay-cast-button, .cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 1.3vw;
height: 1.3vw;
}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
_:lang(x)::-internal-media-controls-overlay-cast-button, .cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 1.7vw;
height: 1.7vw;
}
}


@media screen and (max-width: 768px){
_:lang(x)::-internal-media-controls-overlay-cast-button, .cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 2.5vw;
height: 2.5vw;
}
}



/* fier */
@-moz-document url-prefix() {

@media screen and (min-width: 1025px) {
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 1.3vw;
height: 1.3vw;
}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 1.7vw;
height: 1.7vw;
}
}


@media screen and (max-width: 768px){
.cont4 input {
border-radius: 0;
border: solid 0.5px #000;
margin: auto;
width: 2.5vw;
height: 2.5vw;
}
}

}


	



/* win */
.win body{

}


@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

}















