@charset "UTF-8";

/*
-----------------------------------------
共通メニュー(444)
-----------------------------------------
*/



/*
-----------------------------------------
ぱんくずリスト(452)
-----------------------------------------
*/



/*
-----------------------------------------
こんなお店です（メニュー）(601)
-----------------------------------------
*/

.shop_menu{
width: 1040px;
margin: 50px auto 100px;
text-align: center;
}

.shop_menu .title{
width: 50%;
}

.shop_menu img{
width: 100%;
}

.shop_menu ul{
width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

.shop_menu li{
padding: 1px;
}

.shop_menu navi{
display: block;
margin: 50px;
}

@media screen and (max-width: 768px){
.shop_menu {
    width: 100%;
}
.shop_menu .title {
    width: 80%;
}
.shop_menu navi {
    margin: 30px 10px;
}
.shop_menu ul {
    flex-wrap: wrap;
    justify-content: center;
    line-height: 50px;
}
.shop_menu li {
    width: 33%;
}
}

/*
-----------------------------------------
ギャラリー(602)
-----------------------------------------
*/

#gallery {
    width: 100%;
    padding: 50px 0 0;
    background: url(/m/cmn_files/img_rwd/original/shop/bg_01.jpg);
}
.shop_info01{
overflow: hidden;
}
.gallery_wrap{
width: 1040px;
margin: 0 auto;
position: relative;
}
.gallery_wrap a{
display: block;
margin: 30px auto 100px;
text-align: center;
}
.gallery_wrap:before{
    content: "";
    background: url(/m/cmn_files/img_rwd/original/shop/shop_flag.svg);
    position: absolute;
    top: -65px;
    z-index: 99;
    height: 120px;
    width: 100px;
    background-repeat: no-repeat;
}
.shop_list {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

ol, ul {
    list-style: none;
}

.img{
text-align:center;
padding-top:4%;
}

.img_colum{
width: 350px!important;
}

#gallery .left{
position: relative;
float: left;
width: 48%;
margin-bottom: 30px;
}
#gallery .right{
position: relative;
float: right;
width: 48%;
margin-bottom: 30px;
margin-top: 38px;
}

/*@media only screen and (min-width: 641px){*/
.shop_list_item {
    margin: 0 30px 50px 20px;
    width: 45%;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    box-shadow: 5px 5px 15px 0px #333333;
border-radius: 10px;
background: #fff;
}
dd, dt, li, p, td, th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
}
/*}*/
.shop_list_item > a {
    position: relative;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    overflow: hidden;
    box-sizing: border-box;
    height: 110px;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 5px;
    outline: none;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}

.shop_img.is-next {
    display: flex;
    width: 50%;
    height: 150px;
    border-radius: 10px 0 0 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
}
.shop_img.is-next.height {
    display: flex;
    width: 35%;
    height: 190px;
    border-radius: 10px 0 0 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
}
.shop_img.is-next img {
    position: absolute;
    top: 50%;
    left: 50%;
    vartical-align: middle;
    max-width: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 120%;
    object-fit: cover;
    background: #c4c4c4;
}
}
/*@media only screen and (min-width: 641px){*/
a:link img, a img {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.shop_contain.is-next {
    width: 50%;
    padding: 10px 15px;
}
/*}*/
.shop_contain.is-next {
    width: 50%;
}
/*@media only screen and (min-width: 641px){*/
.shop_contain.is-next .shop_title {
    margin: 0 0 6px;
    font-size: 16px;
    font-size: 1.6rem;
}
/*}*/
.shop_contain.is-next .shop_title {
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    letter-spacing: .04em;
    color: #333333;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*@media only screen and (min-width: 641px){*/
.shop_contain.is-next .shop_date {
    font-size: 13px;
    font-size: 1.4rem;
}
/*}*/
.shop_contain.is-next .shop_date {
    font-weight: normal;
    display: block;
    letter-spacing: .04em;
    color: #666666;
line-height: 1.8rem;
}

#gallery h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#gallery h2 img {
    height: 50px;
}

/*----------------キッズスペース用--------------*/
.shop_info02>.shop_list {
    display: block;
    margin: 0 auto;
}
/*@media only screen and (min-width: 641px){*/
.shop_info02 .shop_list_item,
.shop_info05 .shop_list_item{
width: 65%;
margin: 0 auto 50px;
}
/*}*/
.shop_info02 .shop_img,
.shop_info05 .shop_img{
width: 45%;
}
.shop_info02 .shop_contain,
.shop_info05 .shop_contain{
width: 65%;
}
/*----------------キッズスペース用--------------*/




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

ul.shop_list {
    display: block;
    width: 95%!important;
    margin: 0 auto;
}
.img_colum{
width: 80%!important;
}
.shop_list_item>a {
    height: 80px!important;
margin-bottom: 30px;
}
.shop_img.is-next {
    width: 100%!important;
}
.shop_img.is-next {
    height: 200px;
    border-radius: 10px 10px 0 0px;
}
.shop_img.is-next.height {
    height: 200px;
    border-radius: 10px 10px 0 0px;
}
.shop_contain.is-next {
    width: 100%!important;
    padding: 15px;
    font-size: 1.4rem;
}
.gallery_wrap {
    width: 100%;
}
#gallery .left,
#gallery .right {
    float: unset;
    width: 100%;
    padding: 0 10px;
}
.shop_info02 .shop_list_item, .shop_info05 .shop_list_item {
    width: 100%;
    margin: 0 auto 50px;
flex-wrap: wrap;
}
.shop_list_item {
    margin: 0 auto 50px;
    width: 100%;
flex-wrap: wrap;
}
}

/*
-----------------------------------------
店内ギャラリー(603)
-----------------------------------------
*/

.gallery_360{
width: 100%;
    padding: 50px 0 50px;
    background: url(/m/cmn_files/img_rwd/original/shop/bg_01.jpg);
}

.gallery_360 p{
text-align: center;
    font-size: 2rem;
    padding-bottom: 10px;
}

.gallery_360_wrap{
width:1040px;
margin: 0 auto;
}

.gallery_360_ul{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

.gallery_360_ul li{
margin: .5%;
}
.gallery_360_ul li:first-child{
margin: .5%;
margin-left: 0;
}
.gallery_360_ul li:last-child{
margin: .5%;
margin-right: 0;
}

.gallery_360_main iframe{
border-radius: 10px;
height: 450px;
}

.gallery_360_ul li img{
border-radius: 10px;
height: 160px;
}

.gallery_360 .covid{
text-align: center;
    margin: 30px auto;
}

.gallery_360 h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

.gallery_360 h2 img {
    height: 50px;
}

@media screen and (max-width: 768px){
.gallery_360{
    padding: 0px 0 50px;
}
.gallery_360_wrap{
width:100%;
}
.gallery_360_main iframe{
height: 250px;
}
.gallery_360_ul {
    flex-wrap: wrap;
}
.gallery_360_ul li:first-child,
.gallery_360_ul li:last-child,
.gallery_360_ul li {
    margin: 0;
}
.gallery_360_ul li{
    width: 50%;
    margin: 0;
    padding: 3px;
}
.gallery_360_ul li img {
    height: 70px;
    width: 200%;
    object-fit: cover;
}
.gallery_360 p {
    text-align: center;
    font-size: 1.5rem;
    padding-bottom: 10px;
    width: 90%;
    margin: 0 auto;
}
}

/*
-----------------------------------------
情報力(604)
-----------------------------------------
*/

#info {
    width: 100%;
    padding: 50px 0 0;
    background: url(/m/cmn_files/img_rwd/original/shop/bg_02.png);
    background-repeat: no-repeat;
}
.info_wrap{
width: 1040px;
margin: 0 auto;
position: relative;
}
.info_wrap:before{
    content: "";
    background: url(/m/cmn_files/img_rwd/original/shop/info_flag.svg);
    position: absolute;
    top: -125px;
    height: 120px;
    width: 100px;
    background-repeat: no-repeat;
}
.info_content{
text-align: center;
}
.info_img{
display: block;
margin: 50px auto;
}
#info p{
position: absolute;
    width: 300px;
    text-align: left;
    bottom: 300px;
    line-height: 30px;
}
#info h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#info h2 img {
    height: 50px;
}

@media screen and (max-width: 768px){
.info_wrap{
width: 100%;
}
#info p{
position: unset;
    width: 100%;
padding-bottom: 50px;
}
.info_content {
    padding: 0 10px;
}
}

/*
-----------------------------------------
広告力(605)
-----------------------------------------
*/

#koukoku {
    width: 100%;
    padding: 50px 0 0;
    background: #fffddc;
}
.koukoku_wrap{
width: 1040px;
margin: 0 auto;
position: relative;
}
.koukoku_wrap:before{
    content: "";
    background: url(/m/cmn_files/img_rwd/original/shop/koukoku_flag.svg);
    position: absolute;
    top: -125px;
    height: 120px;
    width: 100px;
    background-repeat: no-repeat;
}
#koukoku h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#koukoku h2 img {
    height: 50px;
}
.koukoku_content{
text-align: center;
}
.koukoku_img{
display: block;
margin: 50px auto;
}
.koukoku_content p{
position: absolute;
    width: 450px;
    text-align: left;
    bottom: 0px;
    line-height: 30px;
    right: 115px;
}
.koukoku_info{
overflow: hidden;
padding-bottom: 50px;
}
.left{
float: left;
width: 50%;
}
.right{
float: right;
width: 50%;
}

.koukoku_info span{
display: block;
    width: 365px;
    margin: 10px auto;
    padding-left: 25px;
    text-align: left;
    line-height: 30px;
}

@media screen and (max-width: 768px){
.koukoku_wrap{
width: 100%;
}
.koukoku_content{
padding: 0 10px;
}
.koukoku_info .left,
.koukoku_info .right{
float: unset;
width: 100%;
}
}

/*
-----------------------------------------
提案力(606)
-----------------------------------------
*/

#teian {
    width: 100%;
    padding: 0;
    background: url(/m/cmn_files/img_rwd/original/shop/bg_02.png);
    background-repeat: no-repeat;
}
.teian_wrap{
width: 1040px;
margin: 0 auto;
position: relative;
}
.teian_wrap:before{
    content: "";
    background: url(/m/cmn_files/img_rwd/original/shop/teian_flag.svg);
    position: absolute;
    top: -15px;
    height: 120px;
    width: 100px;
    background-repeat: no-repeat;
}
#teian h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#teian h2 img {
    height: 50px;
}
.teian_content{
text-align: center;
}
.teian_img{
display: block;
margin: 50px auto;
}
.teian_content p{
    position: absolute;
    bottom: 0;
    width: 670px;
    right: 75px;
    text-align: left;
    line-height: 30px;
}
.teain_info{
overflow: hidden;
}
.left{
float: left;
width: 50%;
}
.right{
float: right;
width: 50%;
}

.teian_info span{
display: block;
    width: 365px;
    margin: 10px auto;
    padding-left: 25px;
    text-align: left;
    line-height: 30px;
}

.zyusyo{
margin-top: 50px;
padding-bottom: 50px;
}

@media screen and (max-width: 768px){
.teian_wrap{
width: 100%;
}
.teian_content {
    padding: 50px 10px;
}
.teian_txt{
    width: 70%!important;
    right: 5px!important;
    top: 20px;
    line-height: 20px!important;
    font-size: 12px;
}
}

/*
-----------------------------------------
センチュリー21について(607)
-----------------------------------------
*/

#c21 h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#c21 h2 img {
    height: 80px;
}
.whiteBox {
padding-top: 30px;
padding-bottom: 30px;
background-color: #fff;
border: solid #dbdbdb 1px;
width: 1040px;
margin:0 auto 50px;
}
.whiteBox p>img{
width: 100%;
}
div.w650 {
width:100%;
padding: 0 30px;
}
div.w650.box {
width:100%;
}
div.w650.box:after {
content:"";	display:block;overflow:hidden;clear:both;
}
/* ポイント */
#pointList {
margin:0 0 15px 0;
padding:5px;
border-style:solid;
border-color:#DFDFDF;
border-width:1px;
}
#pointList dl {
width:100%;
margin:0 0 3px 0;
padding:0 0 4px 0;
background-position:bottom;
background-repeat:no-repeat;
}
#pointList dl dt {
width:100%;
height:35px;
margin:0;
padding:0;
}
#pointList dl dd {
width:100%;
min-height:12px;
margin:0;
padding:0 0 9px 20px;
background-position:0 0;
background-repeat:no-repeat;
color:#5A5D60;
font-size: 1.3rem;
}
#pointList dl#green {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bottom_point01.gif");
    background-size: cover;
}
#pointList dl#green dd {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bg_point01.gif");
}
#pointList dl#pink {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bottom_point01.gif");
    background-size: cover;
}
#pointList dl#pink dd {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bg_point02.gif");
}
#pointList dl#blue {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bottom_point01.gif");
    background-size: cover;
}
#pointList dl#blue dd {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bg_point03.gif");
}
#pointList dl#orange {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bottom_point01.gif");
    background-size: cover;
}
#pointList dl#orange dd {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bg_point04.gif");
}
#pointList dl#purple {
margin:0;
padding:0;
}
#pointList dl#purple dd {
background-image:url("/m/cmn_files/img_rwd/original/shop/about21/bg_point05.gif");
}
	
/* 世界から日本へ、そして、お客様へ。 */	
.fromWorldBox {
margin: 0 30px;
}
.fromWorldBox:after {
content:"";display:block;overflow:hidden;clear:both;
}
.fromWorldBox ul {
float:left;
width:32.7%;
height:365px;
background-color:#F9F9F9;
padding:5px
}
.fromWorldBox ul li p {
padding: 15px 8px;
font-size: 1.3rem;
width: 100%;
}
.mR9 {
margin-right:9px;
}
.fromWorldBox ul:after {
content:"";display:block;overflow:hidden;clear:both;
}
div.headsA {
	width:100%;
	margin:0 auto 25px auto;
	padding:9px;
	background: #f2efe7;
}

div.headsA > * {
	height:24px;
	padding:4px 0 0 23px;
	font-size:19px;
	background-image:url("/m/cmn_files/img_rwd/original/shop/about21/icon_heads_a.gif");
	background-position:0 0;
	background-repeat: no-repeat;
}
div.headsA > * span.fS {
	font-size:15px;
}

.fromWorldBox img {
width: 100%;
}


@media screen and (max-width: 768px){
.whiteBox {
width: 100%;
}
div.w650 {
padding: 0 10px;
}
div.headsA > * {
    font-size: 15px;
}
.fromWorldBox {
    margin: 0 10px;
}
.fromWorldBox ul {
    width: 100%;
    height: auto;
}
#pointList dl#green dd,
#pointList dl#pink dd,
#pointList dl#blue dd,
#pointList dl#orange dd,
#pointList dl#purple dd{
    background-image: unset;
}
#pointList dl dd {
    padding: 0 0 9px 0px;
}
}

/*
-----------------------------------------
お客様から頂いたお声(608)
-----------------------------------------
*/

#koe {
    width: 100%;
    padding: 50px 0 0;
    background: #fffddc;
}
.koe_wrap{
width: 1040px;
margin: 60px auto 0;
position: relative;
}
.koe_wrap:before{
    content: "";
    background: url(/m/cmn_files/img_rwd/original/shop/koe_flag.svg);
    position: absolute;
    top: -125px;
    height: 165px;
    width: 100px;
    background-repeat: no-repeat;
}
#koe h2{
    margin: 60px auto 50px!important;
    text-align: center;
}

#koe h2 img {
    height: 50px;
}
.koe_content{
text-align: center;
}
.koe_img{
display: block;
margin: 50px auto;
}
.koe_content p{
position: absolute;
    width: 450px;
    text-align: left;
    bottom: 0px;
    line-height: 30px;
    right: 115px;
}
.koe_info{
overflow: hidden;
padding-bottom: 50px;
}
#koe .left{
position: relative;
float: left;
width: 48%;
margin-bottom: 30px;
}
#koe .right{
position: relative;
float: right;
width: 48%;
margin-bottom: 30px;
}

.koe_info span{
    top: 28px;
    right: 30px;
    position: absolute;
    display: block;
    width: 365px;
    margin: 10px auto;
    padding-left: 25px;
    text-align: left;
    line-height: 30px;
    font-size: 2rem;
}

@media screen and (max-width: 768px){
#koe {
    width: 100%;
    padding: 110px 0 0;
}
.koe_wrap{
width: 100%;
margin: 0 auto;
}
.koe_info {
    padding: 0 10px;
}
#koe .left{
float: unset;
width: 100%;
}
#koe .right{
float: unset;
width: 100%;
}
.koe_info span {
    top: 5px;
    right: 15px;
    position: absolute;
    display: block;
    width: 70%;
    margin: 10px auto;
    padding-left: 0;
    text-align: left;
    line-height: 25px;
    font-size: 1.3rem;
}
}

/*
-----------------------------------------
フッター(435)
-----------------------------------------
*/