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

header{
background-image: url("/img/i-top_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;
}
.menu-line03{
background-image: url("/img/i-top_menu_line03.png");
background-position: top;
background-repeat: repeat-x;
height: 15px;
margin-top: -15px;
}
.menu-line04{
background-image: url("/img/i-top_menu_line04.png");
background-position: bottom;
background-repeat: repeat-x;
height: 25px;
position: relative;
}
@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;}
.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,.menu-line03,.menu-line04{background-size: auto 80%;height: 20px;}
.menu-line01,.menu-line03{background-position: bottom;}
.menu-line02,.menu-line04{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);}
}

/*--#i-map--*/
#i-map{
background: #34251b;
padding: 0 0 10px;
}
#i-map .contents-box{
position: relative;
margin-top: 10px;
}
#i-map .contents-box img{
width: 100%;
position: relative;
}
#i-map .contents-box .i-cloud{
width: 300px;
position: absolute;
top:0;
left: -20px;
}
#i-map .i-map-b{
margin-top: -35px;
}
#i-map .i-map-b a img:hover,#i-map .i-map-b2 a img:hover{
opacity: 1;
transform:scale(1.05,1.05);
transition: all 0.3s;
}
#i-map .i-map-b2 div{
display: inline-block;
width: calc( 100% - 330px - ( (100% - 1200px)/2 ) );
height: 50px;
background: url("/img/i-line-l.png") center right no-repeat;
}
#i-map .i-map-b2 p{
display: inline-block;
width: 300px;
}
#i-map .i-map-b2 p img{
width: 100%
}
@media (max-width: 1200px) {
#i-map .i-map-b2 div{width: calc( 100% - 330px );}
#i-map .i-map-b2 p{width: 300px;}
}
@media (max-width: 992px) {
#i-map .contents-box{padding: 0;}
#i-map .contents-box .i-cloud{width: 200px;}
#i-map .i-map-b{margin-top: -10px;}
#i-map .row > div:first-of-type{padding-right: 5px}
#i-map .row > div:last-of-type{padding-left: 5px}
#i-map .i-map-b2 div{width: 53%;background-size: auto 10px;height: 40px;}
#i-map .i-map-b2 p{width: 40%;}
}

/*--#i-curry--*/
#i-curry{
background: #34251b;
padding: 0 0 25px;
}
#i-curry .contents-box{
position: relative;
}
#i-curry .contents-box img{
position: relative;
width: 100%;
}
#i-curry .contents-box .i-cloud{
width: 230px;
position: absolute;
top:27%;
right: -30px;
}
#i-curry .contents-box .i-cloud2{
width: 250px;
position: absolute;
top:50%;
left: -100px;
}
#i-curry .container p{
color: #fff;
text-align: center;
margin: 2rem auto;
letter-spacing: 0.1rem;
font-size: 1.8rem;
}
#i-curry .i-c-b2 {
margin-top: -80px;
display: flex;
justify-content: space-between;
z-index: 1;
}
#i-curry .i-c-b2 div.first{
width: calc( 350px + ( (100% - 1200px)/2 ) );
height: 130px;
background: url("/img/i-line-l.png") center right no-repeat;
}
#i-curry .i-c-b2 p{
width: 300px;
}
#i-curry .i-c-b2 div.second{
width: calc( 350px + ( (100% - 1200px)/2 ) );
height: 130px;
background: url("/img/i-line-r.png") center left no-repeat;
}
#i-curry .i-c-b2 p img{
width: 100%;
}
#i-curry .i-c-b2 a img:hover{
opacity: 1;
transform:scale(1.05,1.05);
transition: all 0.3s;
}
@media (max-width: 1200px) {
#i-curry .contents-box .i-cloud{width:200px;top:25%;right: 0;}
#i-curry .contents-box .i-cloud2{width:200px;top:55%;left: 0;}
#i-curry .i-c-b2 div{width: calc( 100% - 330px );}
#i-curry .i-c-b2 p{width: 300px;}
}
@media (max-width: 992px) {
#i-curry .contents-box{padding: 0;}
#i-curry .contents-box .i-cloud{width:150px;top:26%;right: 0;}
#i-curry .contents-box .i-cloud2{width:150px;top:57%;left: 0;}
#i-curry .container p{text-align: left;font-size: 1.6rem;}
#i-curry .i-c-b2 {margin-top: -40px;}
#i-curry .i-c-b2 div.first,#i-curry .i-c-b2 div.second{width: 25%;background-size: auto 10px;height: 150px;}
#i-curry .i-c-b2 p{width: 40%;}
}
@media (max-width: 768px) {
#i-curry{padding: 0 0 15px;}
#i-curry .contents-box .i-cloud{width:80px;top:18%;}
#i-curry .contents-box .i-cloud2{width:80px;top:65%;left: 0;}
#i-curry .container p{font-size: 1.5rem;}
#i-curry .i-c-b2 {margin-top: -20px;}
#i-curry .i-c-b2 div.first,#i-curry .i-c-b2 div.second{height: 60px;}
}

/*--#i-shop--*/
#i-shop{
background-image: url("/img/i-top_back.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0 30px;
margin-top: -20px;
z-index: 0;
}
#i-shop li img{
width: 100%;
}
#i-shop ul{
display: table;
width: 100%;
}
#i-shop li{
display: table-cell;
}
#i-shop li p{
max-width: 300px;
margin: 0 auto;
}
#i-shop ul li:nth-of-type(1){
width: 43%!important;
}
#i-shop ul li:nth-of-type(2){
vertical-align: top;
padding-top: 30px;
position: relative;
width: 14%;
}
#i-shop ul li:nth-of-type(2) img{
position: relative;
z-index: 1;
}
#i-shop ul li:nth-of-type(2) div{
position: absolute;
top:100px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20%!important;
background: url("/img/i-s-line01.png") bottom center no-repeat;
background-size: cover;
}
#i-shop ul li:nth-of-type(3){
width: 43%!important;
}
#i-shop ul li a img:hover{
opacity: 1;
transform:scale(1.05,1.05);
transition: all 0.3s;
}
@media (max-width: 992px) {
#i-shop{padding: 40px 0 30px;}
}

/*--#i-100--*/
#i-100{
background-image: url("/img/i-100_back.jpg");
background-position: top right;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0 40px;
}
#i-100 img{
width: 100%;
}
#i-100 h3{
font-family: 'Shippori Mincho', serif;
font-weight: 500;
font-size: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #99000d;
}
#i-100 p{
font-family: 'Shippori Mincho', serif;
margin-top: 1rem;
}
#i-100 p span{
display: block;
width: 100%;
text-align: right;
}
#i-100 p a{
display: block;
text-align: right;
margin-top: 1rem;
}
@media (max-width: 992px) {
#i-100{padding: 40px 0 20px;}
}
@media (max-width: 768px) {
#i-100 .row div{margin-top: 1.5rem;}
#i-100 .row div:first-of-type{margin-top: 0;}
#i-100 .img-box{text-align: center;}
#i-100 .img-box:first-of-type img{width: 30%;}
#i-100 .img-box:last-of-type img{width: 50%;}
}

/*--#movie--*/
#i-movie{
background-image: url("/img/i-movie_back.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0 40px;
}
.youtube {
width: 100%;
max-width: 800px;
aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
#i-movie{padding: 30px 0 30px;}
}
@media (max-width: 768px) {
}

/*--#i-news--*/
#i-news{
background: #34251b;
padding: 65px 0 25px;
}
#i-news .contents-box{
position: relative;
padding: 0 75px;
}
#i-news .contents-box > img{
width: 150px;
position: absolute;
top:-45px;
left:25px;
}
#i-news ul{
background: #fff;
border-radius: 40px;
padding: 2rem 3rem;
}
#i-news ul li{
width: 100%;
margin-top: 1.5rem;
font-weight: 500;
border-bottom: 1px solid #000;
padding-bottom: 1rem;
}
#i-news ul li:first-of-type{
margin-top: 0;
}
#i-news ul li:last-of-type{
border-bottom: none;
}
#i-news ul li a:hover{
text-decoration: underline;
}
#i-news ul li span{
display: inline-block;
background: #34251b;
padding: 2px 1rem 4px;
line-height: 1.6rem;
color: #fff;
border-radius: 5px;
}

@media (max-width: 992px) {
#i-news{padding: 40px 0 25px;}
#i-news .contents-box{position: relative;padding: 0 35px;}
#i-news .contents-box > img{width: 90px;position: absolute;top:-28px;left:10px;}
#i-news ul{padding: 2rem 2rem;}
#i-news ul li span{padding: 1px 1rem 3px;line-height: 1.4rem;}
}