/**************************************************/
/* トップページ */
/**************************************************/
#slider{width:900px;margin:0 auto;}
#slider div.tmp{padding:26px 0 51px;border-left:1px solid #CCC;border-right:1px solid #CCC;background:#FFF url(../img/tmp/br-bg.gif) repeat-x left top;position:relative;overflow:hidden;}

.slider-dummy{position:relative;z-index:1;}
.slider-dummy:after{content:'';display:block;padding-top:33.334%;}

.slider-item{position:absolute;top:26px;z-index:2;}
.slider-item ul{}
.slider-item ul:after{content:'';display:block;clear:both;}
.slider-item ul li{float:left;}
.slider-item ul li a{display:block;}
.slider-item ul li img{display:block;width:100%;height:auto;}
.slider-item ul li a:hover img{opacity:0.7;}

.slider-clone{position:absolute;top:0;}
.slider-clone a{display:block;}
.slider-clone img{display:block;width:100%;height:auto;}
.slider-clone a:hover img{opacity:0.7;}
#slider-clone1{left:100%;}
#slider-clone2{right:100%;}

.slider-btn{display:block;position:absolute;z-index:3;top:26px;margin-top:11.637%;width:7.796%;padding-top:10.023%;background-color:#000;}

#slider-next{right:0;background:url(../img/top/slider-next.png) no-repeat center;background-size:100%;}
#slider-prev{left:0;background:url(../img/top/slider-prev.png) no-repeat center;background-size:100%;}

.slider-navi{position:absolute;left:0;width:100%;margin-top:26px;text-align:center;z-index:2;}
.slider-navi ul{padding-left:10px;display:inline-block;padding-top:10px;}
.slider-navi ul:after{content:'';display:block;clear:both;}
.slider-navi ul li{width:10px;float:left;margin-right:10px;}
.slider-navi ul li a{display:block;border:5px solid #ccc;border-radius:5px;}
.slider-navi ul li.selected a{border:5px solid #888;}

/* リンク付きH2タイトル */
/**************************************************/
div.h2-link{padding:1px;padding-bottom:0;}
div.h2-link div.layout{width:634px;background:url(../img/top/p0a2-h2-bg.jpg) repeat-x center center;}
div.h2-link-ttl{width:433px;float:left;}
div.h2-link-ttl h2{width:433px;}
div.h2-link-btn{width:191px;float:right;}
div.h2-link-btn p{width:191px;}
div.h2-link-btn img{display:block;}

div#tmp-page div.h2-link h2{padding:0;}

/* インラインフレーム */
div.box-b{padding:1px;}
div.box-b iframe{display:block;}

body.iframe{padding:0 0 10px 10px;background:#FFF none;}
body.iframe table{width:600px;}
body.iframe td{background:url(../img/top/iframe.gif) repeat-x left bottom;padding:9px 0;vertical-align:top;}
body.iframe p{line-height:1.5em;}
body.iframe strong{color:#C00;margin-left:0.5em;}

/* バナースペース */
/**************************************************/
div#a0{margin-bottom:10px;border:1px solid #CCC;}
div#a0 a{display:block;}
div#a0 img{display:block;}

/* バナースペース */
/**************************************************/
div#a4{margin-bottom:10px;border:1px solid #CCC;}
div#a4 a{display:block;}
div#a4 img{display:block;}

/* バナースペース */
/**************************************************/
div#a5{margin-bottom:10px;border:1px solid #CCC;}
div#a5 a{display:block;}
div#a5 img{display:block;}

/* バナースペース */
/**************************************************/
div#a6{margin-bottom:10px;border:1px solid #CCC;}
div#a6 a{display:block;}
div#a6 img{display:block;}

/* バナースペース */
/**************************************************/
div#a7{margin-bottom:10px;border:1px solid #CCC;}
div#a7 img{display:block;}

/* バナースペース */
/**************************************************/
div#a8{margin-bottom:10px;border:1px solid #CCC;}
div#a8 img{display:block;}

/* バナースペース */
/**************************************************/
div#a9{margin-bottom:10px;border:1px solid #CCC;}
div#a9 img{display:block;}

.top-banner{
    border: 0 !important;
}
.top-banner a{
    width: 100%;
    display:inline-block;
}
.top-banner a:hover{
    opacity: 0.8;
}

.top-banner a.nolink{
    cursor: default;
    
}
.top-banner a.nolink{
    opacity: 1;
}
.top-banner a img{
    width: 100%;
}

/* 更新情報 */
/**************************************************/
div#a1{padding-bottom:10px;}
div#a1 iframe{width:636px;}

body#a1-iframe td.box-a{width:70px;}
body#a1-iframe td.box-a p{padding-right:10px;}

/* イベント情報 */
/**************************************************/
div#a3{
    margin-top: 30px;
    padding-bottom:0;
}
div#a3 iframe{width:636px;height: 230px;}
div#a3 .headline{
    font-size: 16px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    display: flex;
    flex-direction: column;
/*    align-items: center;*/
    justify-content: center;
    margin-bottom: 10px;
    letter-spacing: 0.2em;
    border-left: 5px solid #e975a4;
    padding: 10px 20px;
    color: #333333;
}
div#a3 .headline span{
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    margin-right: 20px;
    color: #e975a4;
}
div#a3 .btn-wrap{
    display: flex;
    justify-content: center;
    width: 100%;
}
div#a3 .btn-wrap .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    color: #fff;
}
div#a3 .btn-wrap .btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration-line: none;
    background: #e975a4;
    padding: 10px 30px;
    transition : all 0.5s ease 0s;
    border-radius: 5px;
}
div#a3 .btn-wrap .btn a:hover{
    opacity: 0.5;    
}
div#a3 .btn-wrap .btn a i{
    position: relative;
    left: 5px;
    top: 1px;
}
body#a3-iframe{padding: 0}
body#a3-iframe .evnet-list{
    display: flex;
    flex-direction: row;
}
body#a3-iframe .evnet-list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 25%;
    color: #c0c0c0;
    line-height: 1.6em;
    letter-spacing: 1.5;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    color: #c0c0c0;
    background: #fff;
    margin-right: 5px;
}
body#a3-iframe .evnet-list-item:last-child{
    margin-right: 0px;
}
body#a3-iframe .evnet-list-item a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    aspect-ratio: calc(210/297);
    text-decoration-line: none;
    color: #333333;
    background: rgba(233,117,164,0.3);
    font-weight: 700;
}
body#a3-iframe .evnet-list-item a:hover{
    text-decoration-line: underline;
}
body#a3-iframe .evnet-list-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition : all 0.5s ease 0s;
    transform: scale(1.00);
}
body#a3-iframe .evnet-list-item a:hover img{
    transform: scale(1.15);
}

/* 最新ショップニュース */
/**************************************************/
div#a2{padding-bottom:0;}
div#a2 iframe{width:636px;}

body#a2-iframe td.box-a{width:141px;}
body#a2-iframe td.box-a p{padding-right:10px;text-align:center;}

div#a2{
    margin-top: 30px;
    padding-bottom:0;
    
}
div#a2 iframe{width:636px;}
div#a2 .headline{
    font-size: 16px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    display: flex;
    flex-direction: column;
/*    align-items: center;*/
    justify-content: center;
    margin-bottom: 10px;
    letter-spacing: 0.2em;
    border-left: 5px solid #8cb222;
    padding: 10px 20px;
    color: #333333;
}
div#a2 .headline span{
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    margin-right: 20px;
    color: #8cb222;
}
body#a2-iframe{padding: 0}
body#a2-iframe .shop-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
body#a2-iframe .shop-list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 33.3333%;
    min-height: 327px;
    height: 327px;
    color: #c0c0c0;
    line-height: 1.6em;
    letter-spacing: 1.5;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    color: #c0c0c0;
    background: #fff;
    padding: 5px 5px 10px;
    box-sizing: border-box;
    overflow: hidden;
}

body#a2-iframe .shop-list-item a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%;
    text-decoration-line: none;
    color: #333333;
/*    background: rgba(233,117,164,0.3);*/
    font-weight: 700;
    transition : all 0.5s ease 0s;
}
body#a2-iframe .shop-list-item a:hover{
/*
    text-decoration-line: underline;
    text-decoration-color: #333333;
*/
}

body#a2-iframe .shop-list-item a .visual{
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    height: 100%;
    width: 100%;
    min-height: 222px;
    max-height: 222px;
}

body#a2-iframe .shop-list-item a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition : all 0.5s ease 0s;
}
body#a2-iframe .shop-list-item a .visual .cat{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    height: auto;
    z-index: 999;
    border-top-left-radius: 5px;
}
body#a2-iframe .shop-list-item a:hover img{
    transform: scale(1.1);
}
body#a2-iframe .shop-list-item a:hover .cat{
    transform: scale(1.0);
}
body#a2-iframe .shop-list-item a .noimage{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #c0c0c0;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
}
body#a2-iframe .shop-list-item a .noimage i{
    font-size: 32px;
}

body#a2-iframe .shop-list-item a .shop_name{
    font-size: 16px;
    font-feature-settings: 'palt';
    padding: 5px 0;
}
body#a2-iframe .shop-list-item a .title{
    font-size: 14px;
    font-feature-settings: 'palt';
    margin-bottom: 20px;
    color: #808080;
}

/* バナースペース */
/**************************************************/
.bottomBanner{width:640px;margin-top:10px;}
.bottomBanner ul{width:640px;height:53px;text-align:right;position:relative;}
.bottomBanner li{width:151px;height:53px;position:absolute;}

#bottomBanner1{position:static;margin-left:auto;}
#bottomBanner2{top:0px;left:326px;}
#bottomBanner3{top:0px;left:163px;}
#bottomBanner4{top:0px;left:0px;}

/**************************************************/



/* スマホ向けCSS */
/**************************************************/
@media screen and (min-width: 640px){
/* インラインフレーム */
div.box-b{padding:1px;}
div.box-b iframe{display:block;}

body.iframe{padding:0 0 10px 10px;background:#FFF none;}
body.iframe table{width:600px;}
body.iframe td{padding:9px 0; vertical-align:top; /*border-bottom:#CCC 1px dotted;*/ background:url(../img/top/iframe.gif) repeat-x left bottom; }
body.iframe p{line-height:1.5em;}
body.iframe strong{color:#C00;margin-left:0.5em;}

/* 更新情報 */
/**************************************************/
div#news{padding-bottom:10px;}
div#news iframe{/*width:620px;height:300px;*/}

body#a1-iframe td.box-a{width:110px;}
body#a1-iframe td.box-a p{padding-right:10px;}
body#a1-iframe td p{font-size:22px;}

/* イベント情報 */
/**************************************************/
body#a3-iframe .evnet-list{
    flex-wrap: wrap;
}
body#a3-iframe .evnet-list-item{
    width: 50%;
}

/* 最新ショップニュース */
/**************************************************/
div#shop{padding-bottom:10px;}
div#shop iframe{/*width:620px;height:300px;*/}

body#a2-iframe td.box-a{width:160px;}
body#a2-iframe td.box-a img{width:150px; height:auto;}
body#a2-iframe td.box-a p{padding-right:10px;}
body#a2-iframe td p{font-size:22px;}

/* イベント情報 */
/**************************************************/
body#a2-iframe .shop-list{
    flex-wrap: wrap;
}
body#a2-iframe .shop-list-item{
    width: 50%;
    margin-bottom: 5px;
}
body#a2-iframe .shop-list-item:nth-child(2n){
    margin-right: 0px;        
}
body#a2-iframe .shop-list-item a .visual{
    max-height: 300px;
}

}