@charset "utf-8";

/*
Theme Name: レドシェーブル
Description: レドシェーブル
Theme URI: 
Author: ifdesign inc
Author URI: https://yagimilk.jp/
Version: 1.00
*/

@font-face {
	font-family: 'tsukushi';
	src: url(/statics/font/TsukushiAMaruGothic.ttc);
}

/*default clear設定*/
h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal;}h2{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h3{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h4{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:left;margin-bottom:10px;}ul,menu,dir{display:block;list-style-type:none;margin:0;padding:0;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-before:0em;-webkit-padding-after:0em;-webkit-padding-start:0px;-webkit-padding-end:0px;}dl{display:block;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;}dd{display:block;-webkit-margin-start:0px;}p{display:block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}fieldset{border:none;}hr{display:none;}img{border:0px;}p{padding:0;margin:0;}table{display:table;border-collapse:collapse;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;}

button {
cursor: pointer;
cursor: hand;
}
img {
vertical-align: bottom;
}
/*a href 設定*/
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/*clearfix設定*/
cf:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
/*flex設定*/
.flex {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/*テキスト設定*/
.bold {
	font-weight: bold;
}
.rd {
	color: #F10004;
}
.bl {
color: #005bac;
font-weight: bold;
}
/*端末別設定*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
.pc {
	display: none;
}
.sp,.smp,.tbl {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.sp,.smp,.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.sp,.smp,.tbl {
	display: none;
}
}
/*アンカーリンク位置調整*/
.anchor{
display: block;
padding-top: 100px;
margin-top: -100px;
}
/*--------------------------
共通設定
---------------------------*/
body , html {
height: 100%;
margin-top: 0px!important;
}
body {
border: none;
padding: 0px;
margin: 0px;
font-family: "tsukushi";
font-size: medium;
color: #231815;
line-height: 1.6em;
-webkit-text-size-adjust: 100%;
}
.body-wrap {
overflow-x: hidden;
}
/*--------------------------
ヘッダーナビ
---------------------------*/
header#fit {
background-color: #c30d23;
width: 100%;
z-index: 200;
}
header#fit .header-wrap {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 15px;
padding-bottom: 15px;
}
/*ロゴ*/
header#fit .header-wrap .logo {
width: 10%;
}
header#fit .header-wrap .logo a {
display: block;
}
header#fit .header-wrap .logo a h1 {
text-align: center;
}
header#fit .header-wrap .logo a h1 img {
height: auto;
width: 35px;
margin-left: auto;
margin-right: auto;
}
header#fit .header-wrap .logo a h1 img:hover {
opacity: 0.8;
}
/*ナビ*/
header#fit nav.head {
width: 90%;
}
header#fit nav.head ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 5px;
}
header#fit nav.head ul li {
width: 20%;
text-align: center;
}
header#fit nav.head ul li a {
color: #FFFFFF;
text-decoration: none;
}
header#fit nav.head ul li a:hover {
color: #3A725A;
}

/*--------------------------
フッター
---------------------------*/
footer {
width: 100%;
background-color: #000000;
padding-top: 0px;
padding-bottom: 20px;
}
footer .footer-wrap {
display: none;
/*width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;*/
}
/*カレンダー*/
footer section.calender {
width: 30%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10%;
margin-left: 10%;
background-color: #272727;
}
/*サイトマップ*/
footer section.sitemap {
width: 25%;
display: flex;
flex-direction: column; 
justify-content: center;
}
footer section.sitemap nav {
}
footer section.sitemap nav ul {
}
footer section.sitemap nav ul li {
padding-top: 5px;
padding-bottom: 5px;
}
footer section.sitemap nav ul li a {
text-decoration: none;
color: #FFFFFF;
}
footer section.sitemap nav ul li a:hover {
color: #999999;
}
/*SNS*/
footer section.sns {
display: flex;
flex-direction: column;
width: 25%;
}
footer section.sns ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: auto;
}
footer section.sns ul li {
padding-left: 8px;
padding-right: 8px;
}
footer section.sns ul li a {
}
footer section.sns ul li img {
width: auto;
height: auto;
max-width: 15px;
max-height: 15px;
}
/*copyright*/
footer .copyright {
text-align: center;
color: #FFFFFF;
padding-top: 20px;
}

/*--------------------------
gotop
---------------------------*/
.gotop {
position: fixed;
bottom: 50px;
right: 30px;
width: 38px;
background-image: url(/statics/image/common/logo.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
padding-top: 40px;
}
.gotop .btn {
font-size: large;
}

/*--------------------------
TOPメインコンテンツ
---------------------------*/
main {
padding-bottom: 100px;
}
/*共通*/
main article {
width: 100%;
padding-top: 0px;
}
/*タイトル*/
main article .title-wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/*本文*/
main article .article-wrap {
padding-top: 0px;
padding-bottom: 0px;
}
section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 20px;
padding-top: 20px;
}

/*TOP全画面化*/
#full {
width: 100vw;
height: 92vh;
overflow-x: hidden;
}
#full div {
width: 100vw;
height: 92vh;
}
#full .sl1 {
background-image: url(/statics/image/top/fv01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#full .sl2 {
background-image: url(/statics/image/top/fv02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#full .sl3 {
background-image: url(/statics/image/top/fv03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#full .sl4 {
background-image: url(/statics/image/top/fv04.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#full .logo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#full .logo img {
width: 50%;
height: auto;
}


/*スライダー*/
.slick-slide img {
width: 100%;
height: auto;
}
/*ピックアップ：キャッチコピー*/
article#pickup section.catchcopy {
}
article#pickup section.catchcopy h2 {
line-height: 2em;
margin-left: auto;
margin-right: auto;
}
/*ピックアップ：商品*/
article#pickup section.pickup {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;

}
article#pickup section.pickup dl {
width: 27.33%;
margin-left: 3%;
margin-right: 3%;
}
article#pickup section.pickup dl:nth-child(2n) {
padding-top: 40px;
}
article#pickup section.pickup dl a {
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article#pickup section.pickup dl a:hover {
opacity: 0.7;
}
article#pickup section.pickup dl dd {
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
margin-bottom: 10px;
}
article#pickup section.pickup dl dd:before {
content: "";
display: block;
padding-top: 100%;
}
article#pickup section.pickup dl dd .img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
background-color: #f5f5f5;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
article#pickup section.pickup dl dd .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#pickup section.pickup dl dt {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0%;
padding-right: 0%;
font-weight: bold;
line-height: 1.6em;
text-align: center;
}
/*ボタン*/
.btn .link_btn {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 100%;
max-width: 300px;
padding-top: 20px;
padding-bottom: 50px;
}
.btn .link_btn a {
color: #FFFFFF;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: x-large;
background-color: #000000;
text-align: center;
}
.btn .link_btn a:hover {
background-color: #4E4E4E;
}
/*当店について*/
article#about_us {
padding-top: 50px;
}
article#about_us .article-wrap {
background-image: url(/statics/image/top/bg.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 95% auto;
}
/*sec1*/
article#about_us section.sec1 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article#about_us section.sec1 .img_block {
width: 50%;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
position: relative;
}
article#about_us section.sec1 .img_block .sign {
background-image: url(/statics/image/top/mascot_sign.png);
background-repeat: no-repeat;
z-index: 60;
position: absolute;
width: 300px;
height: 110px;
background-size: 100% auto;
left: 320px;
bottom: 70px;
}
article#about_us section.sec1 .img_block .img {
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
article#about_us section.sec1 .img_block .img:before {
content: "";
display: block;
padding-top: 145%;
}
article#about_us section.sec1 .img_block .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#about_us section.sec1 .text_block {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 6%;
padding-right: 6%;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 100px;
}
article#about_us section.sec1 .text_block h2 {
margin-bottom: 30px;
font-size: x-large;
}
article#about_us section .text_block p {
line-height: 2.5em;
}
/*sec2*/
article#about_us section.sec2 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article#about_us section.sec2 .img_block {
order: 2;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
width: 50%;
height: 400px;
}
article#about_us section.sec2 .img_block .img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-repeat: no-repeat;
background-size: 150% auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center top;
}
article#about_us section.sec2 .img_block .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#about_us section.sec2 .text_block {
order: 1;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 6%;
padding-right: 6%;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 30px;
}
/*sec3*/
article#about_us section.sec3 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 50px;
}
article#about_us section.sec3 .img_block {
order: 1;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
width: 53%;
height: 350px;
}
article#about_us section.sec3 .img_block .img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center top;
}
article#about_us section.sec3 .img_block .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#about_us section.sec3 .text_block {
order: 2;
width: 47%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 4%;
padding-right: 1%;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 30px;
}
/*sec4*/
article#about_us section.sec4 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article#about_us section.sec4 .img_block {
order: 2;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
width: 47%;
height: 300px;
margin-top: auto;
}
article#about_us section.sec4 .img_block .img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center top;
}
article#about_us section.sec4 .img_block .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#about_us section.sec4 .text_block {
order: 1;
width: 53%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 1%;
padding-right: 1%;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 30px;
}
article#about_us section.sec4 .text_block p {
margin-bottom: 30px;
}


/*--------------------------
サブページ共通
---------------------------*/
body#sub main article {
padding-top: 0px;
}

/*--------------------------
About us
---------------------------*/
main.about {
padding-top: 50px;
}
main.about section.contents {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
main.about section.contents .shop_illust {
order: 1;
width: 100%;
margin-bottom: 80px;
}
main.about section.contents .shop_illust img {
width: 100%;
height: auto;
}
main.about section.contents .shop_info {
order: 3;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
}
main.about section.contents .shop_info .logo {
margin-bottom: 20px;
padding-top: 20px;
}
main.about section.contents .shop_info .logo img {
width: 100%;
height: auto;
}
main.about section.contents .shop_info h2 {
font-size: large;
margin-bottom: 50px;
}
main.about section.contents .shop_info .info {
line-height: 3em;
text-align: center;
}
main.about section.contents .shop_info .info p {
margin-bottom: 50px;
}
main.about section.contents .shop_info .info p span {
line-height: 1.8em;
font-size: small;
}
main.about section.contents .shop_image {
order: 2;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
}
main.about section.contents .shop_image img {
width: 100%;
height: auto;
}

/*--------------------------
PRODUCT
---------------------------*/
main.product_list {
padding-top: 50px;
}
main.product_list .title {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #000000;
max-width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
main.product_list .title img {
max-width: 100%;
height: auto;
}
main.product_list section.product_list {
} 
main.product_list section.product_list dl {
margin-bottom: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 20px solid #f4f0eb;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 4%;
padding-right: 4%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/*main.product_list section.product_list dl a {
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 7%;
padding-right: 7%;
}
main.product_list section.product_list dl a:hover {
opacity: 0.7;
}*/
main.product_list section.product_list dl h2 {
margin-bottom: 40px;
width: 100%;
}
main.product_list section.product_list dl .product_image {
width: 50%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
main.product_list section.product_list dl .img {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
margin-bottom: 20px;
width: 100%;
}
main.product_list section.product_list dl .img:before {
content: "";
display: block;
padding-top: 67%;
}
main.product_list section.product_list dl .img .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center center;
}
main.product_list section.product_list dl .img .bg:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
main.product_list section.product_list dl dd.comment {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 5%;
padding-right: 5%;
}
main.product_list section.product_list dl dd.comment p {
line-height: 1.8em;
font-size: x-large;
}
main.product_list section.product_list dl .img.second {
position: absolute;
bottom: -35px;
right: -35px;
width: 40%;
}
/*--------------------------
shop
---------------------------*/
section.catchcopy {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 50px;
padding-top: 50px;
}
section.catchcopy .block_img {
width: 40%;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
}
section.catchcopy .block_img .img {
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
section.catchcopy .block_img .img:before {
content: "";
display: block;
padding-top: 158%;
}
section.catchcopy .block_img .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
section.catchcopy .block_text {
width: 60%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
display: flex;
flex-direction: column;
justify-content: center;
}
section.catchcopy .block_text p {
line-height: 1.8em;
}

/*カテゴリ*/
article.category {
}
article.category .shop-title {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #c30d23;
max-width: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
article.category .shop-title img {
max-width: 100%;
height: auto;
}
article.category .h2 {
text-align: center;
margin-bottom: 50px;
}
article.category h2 {
position: relative;
display: inline-block;
padding: 0 90px;
}
article.category h2:before,article.category h2:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 70px;
height: 1px;
background-color: black;
}
article.category h2:before {
left:0;
}
article.category h2:after {
right: 0;
}
section.category {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 50px;
}
section.category .genre {
width: 19%;
margin-left: 3%;
margin-right: 3%;
}
section.category .genre:nth-child(2n) {
padding-top: 30px;
}
section.category .image {
border: 5px solid #f4f0eb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
box-sizing: border-box;
margin-bottom: 30px;
}
section.category .image_wrap {
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
section.category .image_wrap:before {
content: "";
display: block;
padding-top: 150%;
}
section.category .image_wrap .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
background-color: #f5f5f5;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center center;
}
section.category .image_wrap .bg:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
section.category .genre h3 {
margin-bottom: 30px;
}
section.category .genre ul {
}
section.category .genre ul li {
padding-top: 10px;
padding-bottom: 10px;
}
section.category .genre ul li a {
text-align: center;
text-decoration: none;
padding-bottom: 5px;
border-bottom: 1px solid #939393;
color: #000000;
display: block;
}
section.category .genre ul  li a:hover {
color: #7A7A7A;
}

/*--------------------------
商品詳細
---------------------------*/
section.item_detail {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 7%;
padding-right: 7%;
border: 20px solid #f4f0eb;
margin-bottom: 50px;
position: relative;
}
section.item_detail .yagi {
position: absolute;
width: 25%;
right: 0px;
top: -160px;
}
section.item_detail .yagi img {
width: 100%;
height: auto;
}
section.item_detail h2 {
margin-bottom: 40px;
}
section.item_detail .img {
margin-bottom: 30px;
}
section.item_detail .img img {
width: 100%;
height: auto;
}
section.item_detail .comment {
line-height: 1.8em;
font-size: x-large;
}




/*--------------------------
お問い合わせ
---------------------------*/
main.contact {
padding-top: 50px;
}
main.contact form {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 5%;
padding-right: 5%;
border: 20px solid #f4f0eb;
margin-bottom: 50px;
width: 96%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
/*フォームレイアウト*/
table.inquiry {
border-top-style: none;
width: 100%;
}
table.inquiry tr {
display: -webkit-flex;
display: flex;
border-style: none;
}
table.inquiry tr th {
width: 35%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
display: flex;
flex-direction: column;
justify-content: center;
}
table.inquiry tr td {
width: 65%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
}
table.inquiry tr td.inquery {
width: 100%;
}
table.inquiry tr td p {
font-size: small;
line-height: 1.4em;
}
table.inquiry tr td.inquery p {
font-size: large;
}
table.confirm tr td p {
font-size: large;
}
table.inquiry tr td .tr {
width: 100%;
}
table.inquiry tr td .tr .td {
width: 100%;
}

/*フォームパーツ*/
.field {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #C4C4C4;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
margin-top: 5px;
margin-bottom: 5px;
font-size: large;
line-height: 1.8em;
}
.field.m {
width: 30%;
}
.field.xl {
width: 100%;
}
.field.area {
width: 100%;
height: 10em;
}
span.alert {
font-size: small;
color: #DA0003;
}
.btn_area {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.btn_area .reset-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 2%;
margin-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
font-size: large;
background-color: #b3b3b3;
text-align: center;
width: 40%;
max-width: 150px;
}
.btn_area .reset-button:hover {
background-color: #868686;
}
.btn_area .submit-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 2%;
margin-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
font-size: large;
background-color: #000000;
text-align: center;
width: 40%;
max-width: 150px;
color: #FFFFFF;
}
.btn_area .submit-button:hover {
background-color: #474747;
}
/*送信完了*/
.submit {
text-align: center;
}
.submit p {
font-size: large;
line-height: 1.8em;
}
.submit p.title {
font-size: x-large;
margin-bottom: 30px;
}




/*--------------------------
夏ギフト
---------------------------*/
#gift {
}
#gift .article-wrap  {
padding-top: 30px;
padding-bottom: 30px;
}
#gift .article-wrap a {
width: 96%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
#gift .article-wrap a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
#gift .article-wrap a.pc {
display: block;
}
#gift .article-wrap a.sp {
display: none;
}


/*--------------------------
NEWS
---------------------------*/
#news section {
padding-top: 30px;
}
main.news {
background-color: #F7F7F7;
padding-top: 50px;
}
main.news article {
padding-right: 3%;
padding-left: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
main.news article section.contents {
background-color: #FFFFFF;
font-size: large;
line-height: 1.8em;
padding-top: 30px;
}
main.news article section h2 {
text-align: left;
margin-bottom: 20px;
font-size: x-large;
font-weight: bold;
}
main.news article section .date {
margin-bottom: 30px;
}
main.news article section .textarea {
margin-bottom: 30px;
}
main.news article section .textarea p {
margin-bottom: 20px;
}
main.news article section .image {
margin-bottom: 30px;
}
main.news article section .image image {
width: 100%;
height: auto;
}
main.news article section .movie {
margin-bottom: 30px;
}
main.news article section .movie video {
width: 100%;
height: auto;
}

.rlink_btn {
margin-left: auto;
margin-right: auto;
width: 90%;
height: 100%;
max-width: 500px;
padding-top: 20px;
padding-bottom: 50px;
}
.rlink_btn a {
color: #FFFFFF;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
padding-top: 0px;
padding-bottom: 0px;
font-size: x-large;
background-color: #CA0003;
text-align: center;
}
.rlink_btn a:hover {
opacity: 0.8;
}



/*--------------------------
楽天リンク 20201210
---------------------------*/
.shop_link {
padding-top: 20px;
width: 100%;
text-align: center;
}
.shop_link a {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
background-color: #C20000;
text-decoration: none;
font-size: medium;
padding-top: 5px;
padding-bottom: 5px;
}
.shop_link a:hover {
background-color: #AA0000;
}


/*--------------------------
クリームパンLP 20210112
---------------------------*/
#cream  {
padding-top: 10px;
padding-bottom: 50px;
}
#cream .link_btn {
padding-top: 40px;
}
#cream .link_btn a {
width: 90%;
max-width: 500px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
color: #FFFFFF;
text-decoration: none;
background-color: #CB0003;
text-align: center;
font-size: x-large;
}
#cream .link_btn a:hover {
opacity: 0.8;
}

/*--------------------------
NEWS
---------------------------*/
article#news section.newslist {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
}
article#news section.newslist dl {
width: 23%;
margin-left: 1%;
margin-right: 1%;
background-color: #FFFFFF;
}
article#news section.newslist dl a {
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
article#news section.newslist dl a:hover {
opacity: 0.7;
}
article#news section.newslist dl dd {
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
margin-bottom: 10px;
}
article#news section.newslist dl dd:before {
content: "";
display: block;
padding-top: 100%;
}
article#news section.newslist dl dd .img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
background-color: #f5f5f5;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
article#news section.newslist dl dd .img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
article#news section.newslist dl dt {
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 4%;
padding-right: 4%;
font-weight: bold;
line-height: 1.6em;
font-size: medium;
}

.top_news_h2 {
 padding-top: 30px;
}


@media screen and (max-width: 767px) {

article#news section.newslist dl {
width: 48%;
margin-left: 1%;
margin-right: 1%;
background-color: #FFFFFF;
}

}

/*20210818TV用バナー*/
a.tv_bannar {
display: block;
margin-bottom: 20px;
}
a.tv_bannar img {
width: 100%;
height: auto;
}
.bannar_list {
display: flex;
}
.bannar_list a {
display: block;
width: 100%;
}
.bannar_list a img {
width: 96%;
height: auto;
margin-left: 2%;
margin-right: 2%;
}
.makuake {
text-align: center;
display: block;
margin-bottom: 20px;
}
.makuake img {
max-width: 700px;
width: 90%;
}

/*20211008鉄道予約*/
.train_reserve {
background-color: #F0F0F0;
border: 1px solid #DBDBDB;
width: 90%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.train_reserve img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.train_reserve p {
margin-bottom: 20px;
}
.train_reserve a {
color: #BA0003;
}
.train_reserve a:hover {
opacity: 0.8;
}