@media (max-width: 768px) {
main,
.main{
width: 100%;
}
/* ------------------------------
　　共通
------------------------------ */
.search-form{
display: none;
}
.container{
padding: 0 10px 40px;
}
.topicpath{
display: none;
}
.sphide{
    display: none;
}
a[href^="tel:"]{
    pointer-events:auto ;
    color: #333333;
    text-decoration: none;
}
/* ------------------------------
　　ヘッダー
------------------------------ */
.header{
    padding: 0px;
}
.header .header-nav{
padding: 10px;
background: #333333;
display: none;
margin-right: 0;
width: 100%;
}
.site-logo{
width: 147px;
padding: 20px 0 10px 20px;
}
.header .site-name{
    margin-right: 0;
}
input[type="search"].search-form-input {
    font-size: 16px;
    box-sizing: border-box;
    }
/* ------------------------------
　　ナビゲーション
------------------------------ */
.nav-menu-btn{
margin-left: 10px;
}
.nav-close-btn{
width: 115px;
height: 30px;
background: #FFFFFF;
display: flex;
text-align: center;
text-decoration: none;
color: #333333;
margin: 0 auto;
align-items: center;
justify-content: center;
font-size: 11px;
}
.nav-close-btn::before{
content: "";
background: url(../../../../media/001/201805/cross.svg);
width: 11px;
height: 11px;
margin-right: 6px;
display: block;
}
.navbar{
padding: 0px;
background: #333333;
}
.navbar ul{
flex-direction: column;
}
.navbar ul li{
margin: 0;
margin-right: 0;
border-bottom: 1px solid #D9D9D9;
}
.navbar ul li:not(:last-of-type){
margin-right: 0;
}
.navbar ul li a{
justify-content: flex-start;
}
/*
.navbar ul li.access{
margin: 0;
border-bottom:none;
}
*/
.navbar ul li.onlineShopping{
margin: 0;
border-bottom:none;
}
.navbar ul li a{
flex-direction: row;
font-size: 12px;
padding: 20px;
}
.navbar ul li a::before{
margin-bottom: 3px;
margin-right: 10px;
}
.navbar ul li.event a::before{
width: 14.88px;
height: 16px;
background-size: cover;
}
.navbar ul li.shop a::before{
width: 18.95px;
height: 16px;
background-size: cover;
}
.navbar ul li.floor a::before{
width: 16.08px;
height: 16px;
background-size: cover;
}
.navbar ul li.service a::before{
width: 14.26px;
height: 16.3px;
background-size: cover;
}
.navbar ul li.information a::before{
width: 16px;
height: 16px;
background-size: cover;
}
.navbar ul li.access a::before{
width: 13.25px;
height: 16px;
background-size: cover;
}
.navbar ul li.onlineShopping a::before{
width: 16px;
height: 16px;
background-size: cover;
}
/*
.navbar ul li.onlineShopping{
display: none;
}
*/
.header .subNavi {
padding: 0;
}
.header .subNavi ul{
flex-wrap: wrap;
}
.header .subNavi ul li:nth-of-type(3n){
margin-right: 0px;
}
.header .subNavi ul::before{

}
.header .subNavi ul li.bsearch a::before{
background: url(../../../../media/001/201805/search.svg);
width: 36px;
height: 36px;
}
.header .subNavi ul li.contact a::before{
width: 40px;
height: 30px;
}
.header .subNavi ul li.inquire a::before{
width: 46px;
height: 35px;
}
.header .subNavi ul li.company a::before{
width: 36px;
height: 40.18px;
}
.header .subNavi ul li.recruit a::before{
width: 61.72px;
height: 39.41px;
}
.header .subNavi ul li.club a::before{
background: url(../../../../media/001/201805/club.svg);
width: 40px;
height: 32.85px;
}
.header .subNavi ul li.gaishou a::before{
background: url(../../../../media/001/201805/gaishou.svg);
width: 45px;
height: 32.09px;
}/*20190407 add*/
.header .subNavi ul li.bsearch a{
background: #FFFFFF;
color: #333333;
}

.header .subNavi ul li{
width: calc((100% / 3) - 5px);
flex: auto;
border: none;
margin: 5px 5px 0 0;
}
.header .subNavi ul li:last-of-type{
margin-right: 0;
}
.header .subNavi ul li a {
background: #FFFFFF;
padding: 5px;
font-size: 12px;
text-align: center;
}
.header .subNavi ul li.bsearch a::before{
background: url(../../../../media/001/201805/search.svg);
width: 16px;
height: 16px;
background-size: cover;
}
.header .subNavi ul li.contact a::before{
width: 18.67px;
height: 14px;
}
.header .subNavi ul li.inquire a::before{
width: 20.94px;
height: 16px;
}
.header .subNavi ul li.company a::before{
width: 14.69px;
height: 16px;
}
.header .subNavi ul li.recruit a::before{
width: 25.06px;
height: 16px;
}
.header .subNavi ul li.club a::before{
width: 19.48px;
height: 16px;
}
.header .subNavi ul li.gaishou a::before{
width: 22.43px;
height: 16px;
}/*20190407 add*/
.site-header{
display: flex;
align-items: center;
margin-left: auto;
}
.site-header .navbar{
padding: 7px 0 0;
background: #FFFFFF;
}
.site-header .navbar ul li:not(:last-of-type){
display: none;
}
.site-header .navbar ul li.onlineShopping{
display: none;
/*display: flex;*/
/*border: none;*/
}
/*
.site-header .navbar ul li.onlineShopping a{
padding: 0;
flex-direction: column;
font-size: 10px;
color: #707070;
}
*/
.site-header .navbar ul li.information{
display: flex;
border: none;
}
.site-header .navbar ul li.information a{
padding: 0;
flex-direction: column;
font-size: 10px;
line-height: 1.2;
color: #707070;
margin-left: 20px;
}
.site-header .navbar ul li.information a::before {
width: 20px;
height: 20px;
background-size: cover;
margin-bottom: 4px;
}
.accordion{
position: relative;
width: 73px;
height: 73px;
}
.accordion span{
position: absolute;
width: 26px;
height: 3px;
background: #333333;
}
.accordion span:nth-of-type(1){
top: 20px;
left: 24px;
}
.accordion span:nth-of-type(2){
top: 29px;
left: 24px;
}
.accordion span:nth-of-type(3){
top: 38px;
left: 24px;
}
.accordion .nav-menu-btn-text{
width: auto;
height: auto;
color: #333333;
top: 46.57px;
left: 22px;
background: #FFFFFF;
font-size: 10px;
}
.active .accordion{
background: #333333;
}
.active .accordion span{
background: #FFFFFF;
}
.active .accordion span:nth-of-type(1){
top: 30px;
transform: rotate(45deg);
}
.active .accordion span:nth-of-type(2){
opacity: 0;
}
.active .accordion span:nth-of-type(3){
top: 30px;
transform: rotate(135deg);
}
.active .accordion .nav-menu-btn-text{
color: #FFFFFF;
background: #333333;
}
.header-nav .search-form{
width: 100%;
margin: 10px 0 20px;
display: block;
}
/* ------------------------------
トップ
------------------------------ */
.shop-information-list-top li{
width: 100%;
}
.shop-information-list-top li a{
display: flex;
}
.shop-information-list-top li a .imageBox{
margin: 0px;
margin-right: 10px;
}
.shopInformationButton {
width: 100%;
margin: 20px auto 50px;
}
.newsArea{
display: block;
}
.newsArea ul{
width: 100%;
}
.sliderArea .slider-pro a img{
width: 100%;
}
.shop-information-list-top{
flex-wrap: wrap;
}
.importantNews{
    padding: 15px 30px;
    }
/* ------------------------------
催物情報
------------------------------ */
.list_back_button{
width: 100%;
}
.calendar.sp-horizontal .sp-arrows .sp-arrow{
width: 100%;
}
/* ------------------------------
ショップからの情報
------------------------------ */
.shop_information_tab .js-acms_tabs{
flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
}
.shop_information_tab .js-acms_tabs li{
    width: 33%;
margin: 0;
}
.acms-tabs.shop_information_tab .js-acms_tabs:before,
.acms-tabs.shop_information_tab .js-acms_tabs::after{
    content: none;
}
.news-list li a{
flex-wrap: wrap;
}
.news-list li a .openBox{
width: 100%;
margin: 0;
}
.news-list li a .imageBox{
margin: 0 auto 6px;
}
.shop-information-list li{
margin: 0 auto 4px;
}
/* ------------------------------
フロアガイド
------------------------------ */
.floorMap{
display: none;
}
.floorMapSP{
display: block;
}
.floorMapSP table{
width: 100%;
}
.floorMapSP table tr th{
width: 80%;
}
.floorMapSP table tr td.aisle{
    width: 20%;
}
.floor-list ul li{
margin-right: 0;
width: 100%;
}
.rule ul li{
width: 50%;
}
.bsearchButton{
width: 100%;
}
.entryBody .floorMap{
display: block;
}
.shopList li{
width: 49%;
}
.floorMap table tbody th a .floorName,
.floorMap table tbody th a .floorTitle,
.floorMap table tbody th .nolink .floorName,
.floorMap table tbody th .nolink .floorTitle{
    padding: 10px;
}
/* ------------------------------
アテンド
------------------------------ */
.forExample{
flex-wrap: wrap;
}
.forExample li{
width: 100%;
margin-bottom: 10px;
}
.forExample li:last-of-type{
margin-bottom: 0px;
}
.serviceContact p.tel{
font-size: 24px;
}
.serviceContact p.tel span{
display: block;
}
/* ------------------------------
営業時間
------------------------------ */
.businesshours li span:nth-of-type(1){
font-size: 14px;
padding: 30px;
border-right: 1px solid #E6E6E6;
width: 50%;
margin-right: 30px;
display: block;
box-sizing: border-box;
}
.businesshours li span:nth-of-type(2){
width: 50%;
font-size: 14px;
box-sizing: border-box;
}
/* ------------------------------
　　企業情報
------------------------------ */
.corporate h1{
    margin: 40px 0px;
}
.corporate .entry-container{
padding: 20px 10px;
}
.entry-container table,
.entry-container table tbody,
.entry-container table tr,
.entry-container table th,
.entry-container table td{
display: block;
width: 100%;
border: none;
box-sizing: border-box;
}
.corporateNavi ul li{
width: 49%;
font-size: 14px;
}
.corporateNavi ul li a{
    font-size: 13px;
}
.corporateNavi ul li.contact a{
    font-size: 14px; 
}
/*会社情報*/
.corporate .greeting{
flex-wrap: wrap;
}
.corporate .greeting p{
width: 100%;
margin: 0;
}
.corporate .greeting figure{
width: 100%;
}
.corporate .greeting figure img{
margin-left: auto;
margin-top: 20px;
display: block;
}
/*企業理念*/
.rinen table,
.rinen table tr,
.rinen table th,
.rinen table td{
display: block;
}
.rinen table th,
.rinen table td{
width: 100%;
}
/*採用情報*/
.recruitNavi ul{
flex-wrap: wrap;
margin-bottom: 0;
}
.recruitNavi ul li{
width: 100%;
margin-bottom: 5px;
}
.voiceArea li{
flex-wrap: wrap;
}
.voiceArea .imageBox{
margin: 0 auto 20px;
}
/*IR情報*/
.categoryEntryList ul{
width: 100%;
}
.pageLink{
flex-wrap: wrap; 
}
.pageLink li{
margin: 0;
width: 100%;
}
.pageLink li:first-child, .pageLink li:nth-of-type(2), .pageLink li:nth-of-type(3){
margin: 0;
}
/* ------------------------------
　　ご進物配送状況 問い合わせシステム
------------------------------ */
.deliveryArea{
    background: url(../../../../media/001/201805/news_list_back.png);
padding: 20px;
}
.deliveryArea .form-group{
    display: flex;
    flex-wrap: wrap;
}
.deliveryArea .title{
    padding: 6px 10px;
    width: 100%;
}
.deliveryArea .acms-admin-form-action{
    width: 100%;
}
.deliveryArea figure{
    width: 100%;
}
.deliveryArea figcaption{
    font-weight: bold;
    margin: 40px 0 10px;
}
.deliveryArea input[type=text]{
    width: 100%;
}
.deliveryArea .acms-admin-form-action .acms-admin-form-side-btn{
    height: 100%;
}
.deliveryArea .btn-search{
    height: 100%; 
}
/* ------------------------------
地図・駐車場
------------------------------ */
.accessButton{
width: 100%;
box-sizing: border-box;
}
/* ------------------------------
ショップ情報
------------------------------ */
.spSearch .search-form{
display: block;
width: auto;
}
.spSearch{
    display: block;
}
.spSearch dt.ui-accordion-header{
    border-radius: 0;
    position: relative;
    margin-top: 1px;
    padding: 15px 20px;
    background: #333333;
    display: flex;
    justify-content: space-between;
}
.spSearch dt.ui-accordion-header::after{
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: 0.4;
}
.spSearch dt.ui-accordion-header.ui-accordion-header-active::after{
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 0.4;
    margin-top: 5px;
}

.spSearch dt.ui-accordion-header span{
    display: none;
}
.spSearch dd{
    border-radius: 0;
}
.spSearch dt.ui-state-default a{
    color: #FFFFFF;
}

/* ------------------------------
　　お問い合わせ
------------------------------ */
.contact-form-group{
flex-wrap: wrap;
}
.contact-form-label{
width: 100%;
}
.form-btn{
width: 100%;
}
.form-btn-return{
margin-top: 10px;
}
.mail-step{
justify-content: space-between;
padding: 0;
}
.mail-step li{
width: 30%;
margin: 0;
padding: 10px 0;
text-align: center;
}
.contact-form-control{
    width: 100%;
}
/* ------------------------------
　　フッター
------------------------------ */
.foot-wrapper .address,
.foot-wrapper .tel,
.foot-wrapper .open{
flex-direction: column;
box-sizing: border-box;
}
.foot-wrapper{
padding: 40px 10px 0;
box-sizing: border-box;
}
.foot-wrapper .inner{
display: block;
}
.foot-wrapper .inner .left ul li.address,
.foot-wrapper .inner .left ul li.tel,
.foot-wrapper .inner .left ul li.open{
padding: 0;
display: block;
}
.footer-nav{
padding: 0 10px 40px;
}
.foot-wrapper .inner .left{
padding: 0;
flex: none;
width: 100%;
}
.foot-wrapper .inner .right{
padding: 0;
flex: none;
width: 100%;
}
/* ------------------------------
　　スライダー
------------------------------ */
.sp-slide::before{
content: none;
opacity: 0.5;
width: 100%;
height: 100%;
background: #333333;
position: absolute;
}
/* =======================================
イックン王子Jr
========================================== */
.ikkunjr_profile div div:after{
bottom: -100px;
}
.ikkunjr_profile div p {
font-size: 110%;
}
.ikkunjr_prologue div:after {
content: url(../../../../media/001/201805/ikkun-image04-sp.png);
bottom: -140px;
left: 40%;
}
.ikkunjr_line {
margin-top: 160px;
}

}