@charset "utf-8";

/*
Theme Name: レドシェーブル スマートフォン用
*/
@media screen and (max-width: 767px) {

/*アンカーリンク位置調整*/
.anchor{
display: block;
padding-top: 140px;
margin-top: -140px;
}

/*--------------------------
ヘッダー
---------------------------*/
header#fit .header-wrap {
padding-top: 10px;
padding-bottom: 10px;
}
/*ロゴ*/
header#fit .header-wrap .logo {
width: 10%;
margin-left: auto;
margin-right: auto;
}
/*ナビ*/
header#fit nav.head {
display: none;
}

/*--------------------------
フッター
---------------------------*/
.gotop {
right: 10px;
}
/*カレンダー*/
footer section.calender {
width: 100%;
-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: 100%;
display: flex;
flex-direction: column; 
justify-content: center;
}
footer section.sitemap nav ul li a {
text-align: center;
}
/*SNS*/
footer section.sns {
display: flex;
flex-direction: column;
width: 100%;
}
footer section.sns ul {
display: flex;
justify-content: center;
}
/*copyright*/
footer .copyright {
text-align: center;
color: #FFFFFF;
padding-top: 30px;
font-size: small;
}
/*--------------------------
共通
---------------------------*/
main {
padding-bottom: 0px;
}
section {
padding-left: 2%;
padding-right: 2%;
padding-bottom: 10px;
padding-top: 10px;
}

/*--------------------------
TOPメインコンテンツ
---------------------------*/


/*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: left top;
}
#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: right bottom;
}
#full .sl4 {
background-image: url(/statics/image/top/fv04.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right center;
}
#full .logo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#full .logo img {
max-width: 600px;
width: 80%;
height: auto;
}


section.catchcopy {
margin-bottom: 20px;
}
article#pickup section.catchcopy h2 {
line-height: 2em;
font-size: large;
}
article#pickup section.pickup dl dt {
}
article#pickup section.pickup dl:nth-child(2n) {
padding-top: 0px;
}
article#pickup section.pickup dl {
width: 94%;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 30px;
}
article#about_us .article-wrap {
background-size: auto;
}
/*sec1*/
article#about_us section.sec1 .img_block {
width: 100%;
margin-bottom: 30px;
padding-left: 5%;
padding-right: 5%;
}
article#about_us section.sec1 .img_block .sign {
width: 300px;
height: 110px;
background-size: 100% auto;
left: 10%;
bottom: -80px;
}
article#about_us section.sec1 .text_block {
width: 100%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 50px;
padding-top: 100px;
}
article#about_us section.sec1 .text_block br {
display: none;
}
/*sec2*/
article#about_us section.sec2 .img_block {
order: 1;
width: 100%;
height: 300px;
margin-bottom: 30px;
}
article#about_us section.sec2 .text_block {
order: 2;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 30px;
}
article#about_us section.sec2 .text_block br {
display: none;
}
/*sec3*/
article#about_us section.sec3 .img_block {
order: 1;
width: 100%;
height: 300px;
margin-bottom: 30px;
}
article#about_us section.sec3 .text_block {
order: 2;
width: 100%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 30px;
}
article#about_us section.sec3 .text_block br {
display: none;
}
/*sec4*/
article#about_us section.sec4 .img_block {
order: 1;
width: 100%;
height: 300px;
margin-bottom: 30px;
}
article#about_us section.sec4 .text_block {
order: 2;
width: 100%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 30px;
}
article#about_us section.sec4 .text_block br {
display: none;
}

/*--------------------------
About us
---------------------------*/
main.about {
padding-top: 30px;
}
main.about section.contents .shop_illust {
order: 1;
width: 100%;
margin-bottom: 30px;
}
main.about section.contents .shop_info {
order: 2;
width: 100%;
-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 {
order: 3;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
}
section.googlemap iframe {
height: 300px;
}

/*--------------------------
PRODUCT
---------------------------*/
main.product_list {
padding-top: 30px;
}
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: 80%;
background-color: #000000;
max-width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
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: 10px solid #f4f0eb;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 3%;
    padding-right: 3%;
}
main.product_list section.product_list dl h2 {
    margin-bottom: 30px;
}
main.product_list section.product_list dl .product_image {
width: 100%;
}
main.product_list section.product_list dl .img {
width: 100%;
}
main.product_list section.product_list dl dd.comment {
    line-height: 1.8em;
    font-size: large;
	width: 100%;
}
main.product_list section.product_list dl .img.first {
width: 90%;
}
main.product_list section.product_list dl .img.second {
position: absolute;
bottom: -20px;
right: 0px;
width: 40%;
}

/*--------------------------
お問い合わせ
---------------------------*/
main.contact form {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 3%;
padding-right: 3%;
border: 10px solid #f4f0eb;
margin-bottom: 50px;
}
table.inquiry tr {
display: block;
width: 100%;
}
table.inquiry tr th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
display: block;
text-align: left;
}
table.inquiry tr td {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
display: block;
}

/*--------------------------
夏ギフト
---------------------------*/
#gift .article-wrap a.pc {
display: none;
}
#gift .article-wrap a.sp {
display: block;
}





}