@charset "UTF-8";
/* CSS Document */

header{
background-image: url('/img/sh_r_main.png'),url('/img/i-top_back.jpg');
background-position: top center, center center;
background-size: auto 750px,cover;
background-repeat: no-repeat;
}
.hokki_header{
background-image: url('/img/sh_h_main.png'),url('/img/i-top_back.jpg');
background-position: top center, center center;
background-size: auto 750px,cover;
background-repeat: no-repeat;
}
.head_title{
padding: 5px;
display: flex;
justify-content:space-between;
}
.head_title p.box1{
width: 50%;
vertical-align: text-bottom;
font-weight: 600;
font-size: 2rem;
line-height: 2.4rem;
}
.head_title p.box1 img{
width: auto;
height: 55px;
float: left;
margin: 5px;
vertical-align: middle;
}
.head_title p.box2{
width: 50%;
padding: 1px 2px 3px 0;
text-align: right;
}
.head_title p.box2 a{
display: inline-block;
margin: 0 2px;
}
.head_title p.box2 img{
display: block;
margin-left: auto;
width: auto;
height: 27px;
}
.head_title p.box2 i{
font-size: 1.9rem;
margin-right: 5px;
vertical-align: baseline;
}
.head_img{
position: relative;
height: 700px;
}
.head_img img{
width: 100%;
}
.i-head01{
position: absolute;
top: 40%;
right: 0;
transform: translateY(-50%);
}
.i-head02{
position: absolute;
bottom: -30px;
left: 10px;
max-width: 200px;
}
.i-head03{
position: absolute;
bottom: -20px;
right: 15px;
max-width: 250px;
}
.head_img_sp{
display: none;
}
.menu-line01{
background-image: url("/img/i-top_menu_line01.png");
background-position: top;
background-repeat: repeat-x;
height: 15px;
}
.menu-line02{
background-image: url("/img/i-top_menu_line02.png");
background-position: bottom;
background-repeat: repeat-x;
height: 15px;
}
@media (max-width: 1350px) {
header{
background-position: center center, center center;
background-size: auto 600px,cover;
}
.hokki_header{
background-position: center center, center center;
background-size: auto 600px,cover;
}
}

@media (max-width: 1200px) {
.i-head02{max-width: 150px;}
.i-head03{max-width: 200px;}
}
@media (max-width: 992px) {
header{background: url("/img/i-top_back.jpg") center center / cover;}
.hokki_header{background: url("/img/i-top_back.jpg") center center / cover;}
.head_title{display: none;}
.head_img{display: none;}
.head_img_sp{display: block;position: relative;}
.head_img_sp a{
display: block;
position: absolute;
bottom: 20px;
left: 10px;
width: 80px;
animation-name:updown1;   /* アニメーション名の指定 */
animation-delay:0s;   /* アニメーションの開始時間指定 */
animation-duration: 3s;   /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
animation-iteration-count: infinite; 
}
.head_img_sp img{width: 100%;}
.menu .menu-line01{display: none;}
.menu-line01,.menu-line02{background-size: auto 80%;height: 20px;}
.menu-line01{background-position: bottom;}
.menu-line02{background-position: top;}

.i-sns-sp{margin-top: -15px;text-align: center;}
.i-sns-sp a{display: inline-block;margin: 0 5px;width: 40px;}
.i-sns-sp a img{width: 100%}
}
@keyframes updown1 {
0% {transform: translateY(0);}
50% {transform: translateY(-10px);}
100% {transform: translateY(0);}
}


/*--------店舗一覧---------*/
#store{
background: #fdd000;
padding: 0 0 10px;
background-image:url("/img/i-m-cloud.png"), url("/img/i-c-cloud02.png");
background-repeat: no-repeat, no-repeat;
background-position: top 5% left 5%,  right 5% bottom 10%;
background-size: 20%, 20%;
}
#store h1{
font-family: 'Kiwi Maru', serif;
font-weight: 500;
font-size: 3rem;
padding-bottom: 1rem;
padding-top: 1.3rem;
text-align: left;
letter-spacing: 0.5rem;
}
.cp_h1title{
position: relative;
padding-top: 2rem;
}
.cp_h1title::before,
.cp_h1title::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.cp_h1title::before {
	top: 0;
	border-top: 2px solid #362014;
	border-bottom: 1px solid #362014;
}
.cp_h1title::after {
	bottom: 0;
	border-top: 1px solid #362014;
	border-bottom: 2px solid #362014;
}
#store .contents-box{
position: relative;
}
#store .contents-box .i-cloud{
width: 250px;
position: absolute;
top:0;
left: 20px;
}
.strebox{
padding: 5rem 8rem;
margin: 5rem 0 10rem 0;
background-color: #fff;
border-bottom: solid 6px #e0782c;
border-radius: 10px;
}
.wcurry_logo{
text-align: center;
padding-bottom: 3rem;
}
.wcurry_logo img{
width: 350px;
}
.iconbox{
display: inline;
}
.iconbox img{
width: 80px;
margin-right: 1rem;
}
#store h2{
font-family: 'Kiwi Maru', serif;
font-weight: 500;
font-size: 2.2rem;
padding: 3rem 0;
letter-spacing: 0.2rem;
color: #362014;
display: flex;
}
#store h2 span{
display: inline-block;
margin-left: auto;
}
.storeinner img{
width: 100%;
margin-top: 2rem;
}
.storeinner p{
letter-spacing: 0.3rem;
font-size: 1.5rem;
}

.line_b{
border-top: 1px solid #bababa;
margin-top: 2.5rem;
width: 100%;
}
.information{
list-style:none;
padding: 3rem;
}
.information li{
display:block;
color:#333;
letter-spacing: 0.3rem;
line-height: 3.5rem;
font-size: 1.4rem;
}

#store a{
color: #fff;
display: flex;
}
#store a:hover {
color: #fdd000;
text-decoration: inherit;
}

@media (max-width: 768px) {
#store{
background-position: top 2% left 2%,  right 2% bottom 2%;
background-size: 40%, 40%;
}
#store h1{font-size: 1.4rem;padding-bottom: 1rem;letter-spacing: 0.1rem;}
.strebox{
padding: 3rem 1rem;
margin: 5rem 0 5rem 0;}
.wcurry_logo img{width: 250px;}
.iconbox img{
width: 40px;
margin-right: 0.5rem;
}
#store h2{
font-size: 1.4rem;
padding: 1.6rem 0 1.6rem 0;
letter-spacing: 0.05rem;
}
#store h2 span{
margin-left: 2rem;
}
.storeinner p{
letter-spacing: 0.3rem;
font-size: 1.2rem;
}
.information{
padding: 3rem 0 3rem;
}
.information li{
letter-spacing: 0.2rem;
line-height: 2.5rem;
font-size: 1.2rem;
}


}