@charset "utf-8";
/* CSS Document */
.txt_g{
color: #808E2F;
}
.txt_small {
font-size: 0.8em;
line-height: 1.4em;
}
.bxslider {
width: 100%;
}
#about{
width: 100%;
overflow: hidden;
}
#history{
width: 100%;
margin: 0 auto;
}
.his_txt .ttl-sub{
margin-bottom: 16px;
}
.his_txt p{
text-align: left;
}
.prodact-img {
background: #190F0A;
}
#product{
width: 100%;
margin: 0 auto;
}
.txt-small {
font-size: 0.8em;
line-height: 1.4em;
}
.prodact-int {
background: #E9E9E7;
}
.p-int_thumb {
width: 100%;
height: auto;
}
.p-int_logo{
width: 100%;
height: auto;
padding: 16px;
}
.p-int_logo img{
max-width: 200px;
}
.p-int_desc {
width: 100%;
height: auto;
padding: 16px;
}
.line {
border-bottom: dashed 1px #808E2F;
margin: 8px auto;
}
.comment{
padding: 16px;
background: #fff;
width: 100%;
}
.contact {
width: 100%;
max-width: 1260px;
padding: 16px;
margin: auto;
background: #fff;
}
.contact-desc p{
padding-bottom: 16px;
}
.shipping-fee {
border: solid 1px #70473F;
padding: 16px 24px;
}
.shipping-fee h3{
margin-bottom: 16px;
}
.ship-fee_list {
width: 100%;
}
.ship-fee_list li{
display: inline-block;
margin: 4px 8px;
}
/*page privacy*/
#privacy  {
width: 94%;
max-width: 760px;
margin: auto;
}
#privacy .ttl-sub {
text-align: left;
margin-bottom: 12px;
}
#privacy p {
text-align: left;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.img-sp {
    display: none;
}
@media screen and (max-width: 560px){
.bxslider img{
width: 240px !important;
}
}
@media screen and (min-width: 561px) {
.p-int_content {
display: flex;
align-items: center;
}
.p-int_logo{
width: 45%;
}
.p-int_desc {
width: 55%;
text-align: left;
}
.comment{
text-align: right;
}
.contact {
display: flex;
text-align: left;
}
.contact-desc {
padding: 0 24px;
width: 50%;
}
.shipping-fee {
position: relative;
width: 50%;
}
.shipping-fee > div{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}
}

@media (min-width:561px) and (max-width:959px){
.bxslider img{
width: 400px !important;
}
.prodact-img{
margin-bottom: 36px;
}
.p-int_content {
width: 100%;
}
}

@media screen and (max-width: 960px){
#history{
background: #fff;
}
.his_txt {
width: 90%;
padding: 24px 0;
margin: auto;
}
.shipping-fee > div{
padding: 0 24px;
}
}

@media screen and (min-width: 961px){
.bxslider img{
width: 480px !important;
}
#history{
position: relative;
max-width: 1260px;
}
.his_thumb {
width: 45%;
}
.his_txt {
position: absolute;
width: 67%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
padding: 36px;
text-align: left;
background: #fff;
}
.prodact-img{
margin-bottom: 48px;
}
#product{
max-width: 1260px;
}
.prodact-int {
display: flex;
align-items: center;
}
.prodact-int:nth-of-type(even) {
flex-direction: row-reverse;
}
.p-int_thumb {
width: 50%;
}
.p-int_content {
width: 50%;
}
.shipping-fee > div{
padding: 0 36px;
}
}

@media (min-width:960px) and (max-width:1280px){
.shipping-fee > div{
padding: 0 16px;
}
}

@media screen and (min-width: 1281px){
.prodact-img{
margin-bottom: 60px;
}
}