@charset "utf-8";
/* CSS Document */
body{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-family: 'Meiryo','Hiragino Sans','MS PGothic','Avenir','Helvetica Neue','Helvetica','Arial','メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴシック';
}
main{
    font-size: 14px;
    text-align:center;
    line-height:2em;
    margin-top:0px;
}
.top{
    width:100%;
    height:600px;
    background-size:cover;
    background-repeat: no-repeat;
}

h1{
    color:#fff;
    font-family: "a-otf-ryumin-pr6n";
    font-size: 60px;
    font-weight: 300;
    position: relative;
    top:300px;
	z-index:100;
}
#info .top-enso-kado h1 {
    top: 240px;
}
h1 span{
    line-height: 5;
    font-size: 20px;
}

h2{
    font-family: "source-han-serif-japanese";
    font-weight: 400;
    font-size:42px;
	    line-height: 1;
}
h2 span{
font-size: 70%;
    line-height: 2em;
}
a:link {color:#000;
text-decoration: none;}
a:visited {color:#333;}
a:hover {color:#999;}
a:active {color:#000;}

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
  margin-top: 52px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  color: #fff;
}
.button::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  top: 0;
  left: 0;
  background-color: #333;
}
.pc{
    display:inherit;
    visibility: visible;
    }
.sp{
    display: none;
    }
/*=== 共通パーツ ===*/
/*=== 固定ヘッダー ===*/
#navi{
    width:100%;
    background-color: rgba(255,255,255,1);
    position: fixed;
   top: 0px;
   left: 0px;
    z-index: 999;
}
#navi .navibox{
    width:1200px;
    display: block;
    margin: 0 auto;
}
#navi .navibox img{
    float:left;
}
#navi .navibox img a:hover{
    background-color: none;
}
#navi .navibox ul {
    display: inline-block;
    float:right;
}
#navi .navibox ul li{
    height:67px;
    font-family: "source-han-serif-japanese";
    font-size: 13px;
    font-weight: 300;
    line-height: 5;
    display: inline-block;
    padding-right: 20px;
}
#navi .navibox ul li:last-child {
    padding-right:0px;
}
#navi .navibox a{
    text-decoration: none;
}
#navi .navibox a:hover{
    padding-bottom: 8px;
    border-bottom: 2px solid #666;
}

/*SNS関連*/
.right-fix{
  position: fixed;
  top: 150px;
  right:0;
  z-index:5000;
  width: 101px;
}
footer .right li{
    font-size: 10px;
    padding-top:15px;
    color:#fff;
    display: inline-block;
    padding-right: 28px;
    vertical-align: middle;
}
footer .right li img{
    width: 20px;
}
.cart-banner-sp {
    display: none;
}


/*=== フッター ===*/
footer .contact{
    width:100%;
    height:490px;
    background-image: url("../images/contact-bg_9bc0b226.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
footer .contact .innerbox{
    background-color: rgba(0,0,0,0.5);
    height: 490px;
    width:50%;
}
footer .contact .innerbox h2{
    color:#fff;
    font-size: 44px;
    padding: 82px 0 57px;
}
footer .contact .innerbox h2 span{
    color:#fff;
    font-size: 20px;
    font-family: "a-otf-ryumin-pr6n",serif;
    font-weight: 100;
    line-height: 3;
}
footer .contact .innerbox p{
    color:#fff;
    font-size: 14px;
    line-height: 2;
}
footer .bottom{
    width: 100%;
    background-color: #f3f3f3;
}
footer .bottom .logoline{
    width:100vw;
    margin:100px auto 0;
    position: relative;
}
footer .bottom .logoline li{
    position: relative;
  top: 50%;
  transform: translateY(-50%);
}

footer .bottom .logoline .bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
    max-width: 100%!important;
    margin: 0 auto!important;
    position: relative;
}
footer .bottom .logoline .bx-wrapper .bx-viewport{
    overflow: visible!important;
}
footer .bottom .bottombox{
    margin:40px auto 65px;
    color: #000;
    display: inline-block;
    overflow: hidden;
}
footer .bottom .bottombox li{
    margin: 10px;
    font-size: 14px;
}

footer .bottombox .leftbox{
    width:582px;
    display: inline-block;
    float: left;
}
footer .bottombox .leftbox h3{
    width:582px;
    padding-bottom: 18px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #000;
}
footer .bottombox .leftbox ul{
    display: inline-block;
    text-align: left;
    margin: 18px 50px 0 0;
    float: left;
}
footer .bottombox .leftbox li a{
    font-size: 14px;
    text-decoration: none;
}
footer .bottombox .rightbox{
    width:200px;
    display: inline-block;
    float: left;
    margin-left:65px;
}
footer .bottombox .rightbox h3{
    width:163px;
    padding-bottom: 18px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #000;
}
footer .bottombox .rightbox ul{
    display: inline-block;
    text-align: left;
	margin: 18px 0 0 0;
	float: left;
}
footer .bottombox .rightbox li a{
    font-size: 14px;
    text-decoration: none;
}
footer .bottomnavi{
    background-color: #000;
    padding:30px 0;
}
footer .bottomnavi .bottomnavibox{
     width:1200px;
    margin: 0 auto;
}
footer .bottomnavibox img{
    width:106px;
    height:auto;
    float:left;
    display: inline;
}
footer .bottomnavibox .left{
    display: inline-block;
    float:right;
}
footer .left li{
    font-size: 12px;
    padding-right:40px;
    color:#fff;
    display: inline-block;
}
footer .bottomnavibox ul li:last-child {
    padding-right:0px;
}
footer .left a{
    text-decoration: none;
    color:#fff;
}
footer .left a:hover,
footer .right li a:hover{
    color:#999;
}
footer .bottomnavibox .right{
    width:655px;
    float: right;
    border-top: solid 1px #fff;
    margin-top:15px;
    text-align: right;
}
footer .bottomnavibox .right a:link{
    color:#fff;
    text-decoration: none;
}
footer .right li{
    font-size: 10px;
    padding-top:15px;
    color:#fff;
    display: inline-block;
	padding-right: 28px;
}
footer .right li a{
    color:#fff;
}
/*=== メニュー ===*/
/*
 * タブとして必要な設定
 */
.panels > .panel {
  display: none;
}

.panels > .panel.active {
  display: block;
}
.menu{
    width:1200px;
    margin:0 auto 50px;
    text-decoration: none;
}
.menu .tabs {
    width:1200px;
    margin-bottom:0px;
    list-style: none;
    text-decoration: none;
    position: absolute;
}
.menu ul >.tabs {
    border: 1px solid #ccc;
}
.menu .tab{
    background-color: #272528;
    color:#fff;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}
.menu tab:hover {
    color: #999;
}
.menu tab:nth-child(5n) {
    margin-right:0px;
}
.menu .tab.active {
    background-color: #999;
    color: #fff;
}
.menu .first{
    float: left;
    width: 236px;
    height:67px;
    background-color: #272528;
    color:#fff;
    font-weight: 500;
    margin-right: 4px;
    display: inline;
    line-height: 4;
    cursor: pointer;
    text-decoration: none;
    border: none;
    }
.menu .secondbox {
    clear: both;
    width:1200px;
    height:60px;
    display:block;
    margin-top: 20px;
    margin-bottom: 54px;
    position: absolute;
    left:0;
}
.menu .second{
    float: left;
    width: 85px;
    height:29px;
    background-color: #434144;
    border-radius: 15px;
    color:#fff;
    font-size: 14px;
    font-weight: 300;
    margin-right: 18px;
    display: block;
    cursor: pointer;
    line-height: 2;
    padding: 8px 20px;
}
.menu .tabContent:hover {
    color: #999;
}
.menu .tabContent　.active{
    background-color: #959595;
    color: #fff;
}
.menu .panels{
        display: block;
        margin-top: 250px;
    }
.menu-box{
    width:1200px;
    margin: 0 auto 55px;
    text-align: left;

}
.menu-box dl{
    display: inline-block;
    margin:0 33px 82px auto;
}
.menu-box dl:nth-child(3n),
.menu-box dt:nth-child(3n),
.menu-box dd:nth-child(3n) {
    margin-right:0px;
}
.menu-box dt{
  width: 373px;
  height: auto;
  display :block;
}
.menu-box dd {
  text-align : left;
}

/*=== ニュース ===*/
.news{
    width:551px;
    margin:0 auto;
    display:inline-block;
    line-height: 1;
}
.news h2{
    font-size: 45px;
}
.news h2 span{
    font-size: 20px;
    font-weight: 100;
}
.news ul{
    text-align: left;
    text-decoration: none;
}
.news ul a{
    text-decoration: none;
    }
.news li{
    width: 551px;
    display: inline-block;
    text-align :left;
    font-size: 14px;
    padding:10px 0;
    border-bottom: #333 solid 1px;
    text-decoration: none;
}
.news li .back{
    width:123px;
    margin-right: 27px;
    display: inline-block;
}
.news li img{
    object-fit: cover;
    /*width:123px;*/
    height:69px;
    display:inline-block;
    margin:0 27px 0 0;
    text-decoration: none;
}
.news li .newsright{
    display: inline-block;
padding-top: 17px;
    vertical-align: top;
	    width: 70%;
}
.news li .newsinner .date{
    display:block;
    font-weight : 600;
    margin-bottom: 7px;
}
.news li .newsright p{
      display:inline-block;
    margin-bottom: 7px;
	    line-height: 1.3;
}
.newsright {
  overflow: hidden;
  width: 100%;
}
.newsright p {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 100%;
}

.news .shop-info{
    color:#fff;
    background-color:#016619;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    margin: 0px 5px 7px 0px ;
}
.news .info{
    color:#fff;
    background-color:#012266;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    margin: 0px 5px 7px 0px ;
}

/*=== index トップページ ===*/
#sp-topimg{
    display:none;
}
#toppage{
    background-color: #000;
    color:#fff;
}
#topimg{
    width: 100%;
	height: 100%;
    background-image: url("../images/ie-logo_a14fb49e.png"); /*test.svg*/
    background-position: center;
    border-image-repeat: no-repeat;
    background-size: cover;
}
#toppage .bg-slider{
	width: 100%;
	height: 100vh;
	background-position:center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
#toppage .shoplist h1{
    margin: 100px 0;
}
#toppage .button{
    background-color: rgba(255,255,255,0);
    border: 1px solid #fff;
    color: #fff;
    margin-top: 52px;
}
#toppage .button:hover::after {
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.3);
}
#toppage .newsbox{
    width:100%;
    height:720px;
    background-image: url("../images/top-newsbg_8da673a9.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#toppage .newsbox .innerbox{
    background-color: rgba(255,255,255,.5);
    height: 720px;
    width:50%;
    float: right;
}
#toppage .newsbox h2{
    color:#000;
    font-size: 44px;
    padding-top: 82px;
}
#toppage .newsbox h2 span{
    color:#000;
    font-size: 20px;
    font-family: "a-otf-ryumin-pr6n",serif;
    font-weight: 100;
    line-height: 3;
}
#toppage .newsbox .news{
    color:#000;
    display: block;
}
#toppage .newsbox .button{
    background-color: rgba(255,255,255,0);
    border: 1px solid #000;
    color: #000;
	margin-top: 60px;
}
#toppage .news .button:hover::after {
  top: 0;
  left: 0;
  background-color: rgba(41, 41, 41, 0.3)
}
#toppage .shoplist{
    width:100%;
    background-image: url("../images/top-shopbg_5630ec91.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position:left 0px, top -100px, bottom 0px;
    margin:0 auto;
}
#toppage .shoplist h2.toptitle{
    color:#fff;
    font-family: "a-otf-ryumin-pr6n";
    font-size: 60px;
    font-weight: 300;
    position: relative;
}
#toppage .ec-banner img {
    width: 500px;
    margin: 0 auto;
}
#toppage .shoplist h2.toptitle span{
    line-height: 5;
    font-size: 30%;
}
#toppage .shoplist h2.toptitle:first-child::before {
    content: none;
}
#toppage .shoplist h2{
	font-family: "source-han-serif-japanese";
	margin-bottom: 78px;
	letter-spacing: 2px;
    margin-top: 120px;
}
#toppage .shoplist h2.ttl-v {
    margin-top: 20px;
}
#toppage .shoplist h2:nth-child(2n)::before {
    content: url("../images/japan_7a114ee0.png");
    position: relative;
    top:30px;
	right: 30px;
}
#toppage .shoplist h2.ttl-v::before {
    content: url("../images/Vietnam_796dcc21.png");
    position: relative;
    top:30px;
    right: 30px;
}
#toppage .shoplist .box{
    width:1200px;
    margin: 0 auto;
    text-align: left;
}
#toppage .shoplist .box figure{
    /* width: 348px; */
    /* height: 195px; */
    /* margin: 0 72px 35px 0; */
    display: inline-block;
    overflow:  hidden;
    background: #fff;
    position: relative;
}
#toppage .shoplist .box figure:nth-child(3n){
    margin-right: 0px;
}
#toppage .shoplist .box figure::before{
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     display: block;
     content: '';
     width: 0;
     height: 0;
     background: rgba(255,255,255,.2);
     border-radius: 100%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     opacity: 0;
}
#toppage .shoplist .box figure:hover::before{
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
#toppage .shoplist .button{
    margin-bottom: 45px;
}
#toppage .text{
    margin:134px auto 122px;
}
#toppage .text h2{
    margin: 30px auto;
}
#toppage .text p{
    margin:0 auto;
    padding:50px 0 40px;
    width:700px;
    font-size: 14px;
    background: url("../images/logo-white_d3c49e05.png") no-repeat center /contain;
    line-height: 3;
}
#toppage .box2{
    width:1000px;
    margin: 0 auto 109px;
    font-family: "a-otf-ryumin-pr6n",serif;
    font-size: 25px;
}
#toppage .box2 p{
	color: #fff;
    text-align: center;
    text-shadow: 1px 1px 10px #000;
    position: relative;
    top:45%;
}
#toppage .box2 a{
    text-decoration: none;
}
#toppage .img1{
    width:307px;
    height:615px;
     overflow: hidden;
  position: relative;
    background-image: url("../images/top-business_c4af8190.jpg");
    float: left;
    margin-right: 36px;
}
#toppage .img1 p{
    display:inline-block;
    vertical-align:middle;}
#toppage .img2{
    width:400px;
    height:400px;
     overflow: hidden;
  position: relative;
    background-image: url("../images/top-saiyou_73416636.jpg");
    float: left;
    margin-right: 36px;
}
#toppage .img3{
    width:221px;
    height:400px;
     overflow: hidden;
  position: relative;
    background-image: url("../images/top-about_83f0cea1.jpg");
    float: left;
}
#toppage .img4{
    width:657px;
    height:177px;
     overflow: hidden;
  position: relative;
    background-image: url("../images/top-contribution_9478bf32.jpg");
    float: left;
    margin-top: 36px;
}
#toppage .box2 .img4>p {
	left:10%;
}
#toppage .sp-navi .sp-logo img{
 	position: absolute;
 	top: 10px;
 	left: 20px;
 	width: 150px;
}

.cover::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.cover:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}




/*=== Business 事業紹介 ===*/
#business {
    max-width:100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
#business .top{
    /*margin-top: 67px;*/
    background-image: url("../images/business-main_bc0a8078.jpg");
    margin-bottom: 107px;
}
#business .text{
    width:614px;
    margin: 0 auto 40px;
    display: block;
}
#business .text2{
    width:760px;
    margin: 0 auto 134px;
}
#business .text3{
    margin-top: 103px;
}
#business .text3 .odd{
    flex-direction:row-reverse;
    margin-bottom: 68px;
    padding-left: 0;
}
#business .text3:last-child{
    margin-bottom: 238px;
}
#business .text3 h2{
    width:1200px;
    display: inline-block;
    text-align: left;
    margin-bottom: 60px;
}
#business .text3 h2 span{
    font-size:27px;
    margin-left:1em;
}
#business .text3 .textinner h2{
    display: none;
}
#business .text3 .textinner h2 span{
     display: none;
}
#business .text3 .textinner{
    width:1200px;
    text-align:left;
    margin: 0 auto;
    display:flex;
}
#business .text3 .textinner p{
   padding:0 56px;
    display:inline-block;
}
#business .imagebox img{
    display: inline;
    vertical-align: middle;
    padding: 15px;
}
#business .imagebox a{
    padding:50px 0 ;
}
#business .button{
    font-size: 14px;
    border:solid 1px #000;
    display:inline-block;
    width: 166px;
    height:35px;
    text-align: center;
    line-height:2.5;
    margin:27px auto 0 56px;
}
#business .line {
    width:100%;
    clear: both;
    padding-top:130px;
    height:100px;/* 339px;*/
    overflow: hidden;
}

#business .logoline{
    width:auto;
     height: 339px;
    /*display: block;*/
    background:url("../images/logo_9b0e76f9.png") no-repeat;
    background-position:right 100px top 10px;
    margin:-210px 0 132px;/*-450px auto 0;*/
    overflow: visible;/**/
}
#business .left{
    position: absolute;
    left:calc(100% - 285px);
    margin-top: 10px;
}

#business .line .bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
    max-width: 100%!important;
    margin: 0 auto!important;
    position: relative;
    display: inline;
}
#business .line .bx-wrapper .bx-viewport{
    overflow: visible!important;
}

#business .box{
    width:1200px;
    text-align: left;
    clear: both;
    margin:68px auto 0;
}
#business .box dl{
     width:274px;
    display: inline-block;
    margin:0 34px 52px 0;
    vertical-align: top;
}
#business .box dl img{
    display : block;
}
#business .box dl:nth-child(4n){
    display: inline-block;
    margin-right: 0px;
}
#business .box dt{
    width:274px;
  font-size : 18px;
  font-family: "source-han-serif-japanese";
  text-align : left;
    vertical-align: bottom;
    /*line-height: 4.5;
    /*display: inline-block;*/
    float:left;
}
#business .box .number{
    font-size: 70px;
    font-style: italic;
    color:rgba(0,0,0,.3);
    font-family: "a-otf-ryumin-pr6n",serif;
    float:right;
    padding:0 10px 38px;
    display:inline;
}
#business .box dd p{
    width:274px;
    min-height: 100px;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
}

/*=== Contribution 社会貢献活動 ===*/

#contribution .top{
    background-image: url("../images/contribution-main_bee1c88e.jpg");
    margin-bottom: 107px;
    background-size:cover;
}

#contribution .text{
    width:614px;
    margin: 0 auto 134px;
    display: block;
    font-size: 14px;
}
#contribution h2{
    padding:5px 0 80px;
}
#contribution .text2{
    width:760px;
    margin: 0 auto 134px;
    font-size: 14px;
}
#contribution .text3{
    width:760px;
    text-align:left;
    margin: 0 auto 80px;
    font-size: 14px;
}
#contribution img.school {
	margin-bottom: 200px;
}
#contribution .text4{
    width:760px;
    text-align:left;
    margin: 0 auto 40px;
    font-size: 14px;
}
#contribution .text4:last-child{
    margin-bottom: 245px;
}

#contribution .nagara {
  width: 760px;
  border-bottom: 1px solid;
  font-size: 18px;
}
#contribution .nagara .hp-url {
	float: right;
}
#contribution .box{
    width:1100px;
    clear: both;
    margin: 0 auto 55px;
}
#contribution .box dl{
    display: inline-block;
    margin-right: 50px;
}
#contribution .box dl:last-child{
    display: inline-block;
    margin-right: 0px;
}
#contribution .box dt img{
  margin-bottom : 14px;
  display : block;
}
#contribution .box dd {
  font-size : 16px;
  font-family: "source-han-serif-japanese";
  text-align : center;
}
#contribution .sponser{
    margin-bottom: 71px;
}
#contribution #slide{
    display: none;
    visibility: hidden;
}

/*=== CorporateVision 理念 ===*/

#corporatevision{
    display:block;
    text-align: left;
    background-color: #000;
    color:#fff;
    padding-bottom: 568px;
    background-image: url("../images/corporatevision3_af3e5723.jpg");
    background-repeat: no-repeat;
    background-position: bottom 48px left;
}
#corporatevision .text h2{
    margin-bottom: 20px;
}
#corporatevision .top h1{
    text-align: center;
}
#corporatevision .text ,.text2{
    width:1280px;
    height:728px;
    font-size: 14px;
    text-align:left;
    line-height: 2;
    margin: 0 auto;
    background-image: url("../images/corporatevision1_a3d56798.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
#corporatevision .text2{
    background-image: url("../images/corporatevision2_c7c49766.jpg");
    background-position: top left;
    margin: -300px auto 40px;
    position: relative;
}
#corporatevision .text2 h2{
    text-align: left;
    position: absolute;
    left:500px;
    top:380px;
}
#corporatevision .text2 p{
    position: absolute;
    left:680px;
    top:540px;
}

/*=== About 会社情報 ===*/

#about .top{
    background-image: url("../images/about-main_d5ad6e7c.jpg");
    margin-bottom: 107px;
}
#about .ceo{
    width:1280px;
    height: 1000px;
    background-image: url("../images/top-man_bec6b0d1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
}
#about .ceo .text{
    width:616px;
    text-align:left;
    line-height: 2em;
    font-size: 14px;
    margin: 124px auto 0 194px;
}
#about .ceo .text h2{
    font-size: 25px;
    font-family: "source-han-serif-japanese";
}
#about .ceo .text p{
    padding: 20px 0;
}
#about .ceo .right{
    clear: both;
    padding-top: 18px;
    text-align:right;
    width: 616px;
    font-size: 20px;
    font-family: "source-han-serif-japanese";
}
#about .text{
    width:1200px;
    font-size: 16px;
    text-align:center;
    margin: 79px auto 114px;
    display: block;
}
#about .text dl{
    width:620px;
    margin:0 auto;
    border-top: #dadada solid 1px;
}
#about .text dt{
    width: 176px;
    text-align : left;
    display: block;
    border-bottom: #dadada solid 1px;
    padding:23px 0 23px 24px;
    line-height: 1.8;
    clear: left;
    float: left;
}
#about .text dt:nth-child(9){
    height:8.75em;
}
#about .text dd {
  width: 420px;
  text-align :left;
  display:block;
     float: left;
    border-bottom: #dadada solid 1px;
    padding:23px 0;
    line-height: 1.8;
}
#history {
	margin-top: 200px;
}
#history-table {
	padding-top: 100px;
	padding-bottom: 200px;
	width: 1000px;
	margin: auto;
    text-align: left;
}
#history-table dl {
	display: table-row;
}
#history-table dt,
#history-table dd {
	display: table-cell;
	    padding: 10px 0;
	border-top: solid 1px #dadada;
	width: 800px;
}
#history-table dd {
	border-left: solid 1px #dadada;
	padding-left: 20px;
}
#history-table .year {
    width: 90px;
    padding: 0;
    font-size: 20px;
}
#history-table .month {
	width:45px;
}
#history-table dl dl+dl dt,
#history-table dl dl+dl dd {
	border-top: none;
}
#history-table dd img {
	margin-top: 20px;
}
#history-table .pc-invisible {
		display: none;
	}






/*=== ShopList 店舗一覧 ===*/
#shoplist .top{
    background-image: url("../images/shoplist-main_786abdbd.jpg");
    margin-bottom: 107px;
}
#shoplist .box ul{
    width:1200px;
    margin:0 auto 115px;
	text-align: left;
}
#shoplist .box li{
    margin: 0;
    padding-right:45px;
    display: inline-block;
}
#shoplist .box img{
    width:142px;
    margin-bottom: 42px;
}
#shoplist .box li:nth-of-type(6n){
    padding-right:0px;
}
#shoplist .map{
    width:100%;
    margin: 0 auto 110px;
}
#shoplist #mapbox1 ,#mapbox2, #mapbox3 {
    border: none;
    height: 450px;
}
#shoplist .map #toukai ,.map #kantou, .map #vietnam {
    width:32%;
    display: inline-block;
     margin: 0;
    padding: 0;
}
#shoplist .map #toukai{
    margin-right:5px;
}
 #shoplist .map #kantou{
    margin-right:5px;
}
#shoplist #vietnam{
   margin-left:auto;
}
#shoplist .map p{
    font-size: 23px;
    display:inline-block;
    padding-bottom: 31px;
    margin: 0 ;
}
#shoplist .map p span{
     font-size: 20px;
    font-family: "source-han-serif-japanese";
}
#shoplist .text{
    width:1200px;
    font-size: 16px;
    text-align:center;
    line-height: 2em;
    margin: 0 auto 215px;
}
#shoplist .text dl{
    width:1120px;
    margin:0 auto;
    border-top: #dadada solid 1px;
}
#shoplist .text dt{
    width: 480px;
    font-weight : 600;
    text-align : left;
    float: left;
    border-bottom: #dadada solid 1px;
    padding:10px 0 10px 20px;
    text-decoration: underline;
}

#shoplist .text dd {
    width: 600px;
    text-align :left;
    float: left;
    border-bottom: #dadada solid 1px;
    padding:10px 20px 10px 0;
}

/*snsアイコン追加*/
#shoplist .text dt a img{
  text-decoration: none;
  vertical-align: middle;
  padding:0 5px;
height: 25px;
}



/*=== tenpo-info店舗情報 ===*/
#info .top{
    margin-bottom: 347px;
}
#info .top-enso-ogaki{
  background-image: url("../images/info-main-enso-ogaki_a9594b6e.jpg");
}
#info .top-88-gifu{
  background-image: url("../images/info-main-88-gifu_62ed4451.jpg");
}
#info .top-88-hanoi{
  background-image: url("../images/info-main-88-hanoi_c9019074.jpg");
}
#info .top-88-lachic{
  background-image: url("../images/info-main-88-lachic_42e36e38.jpg");
}
#info .top-88-saigon{
  background-image: url("../images/info-main-88-saigon_4d8a205b.jpg");
}
#info .top-chidori{
  background-image: url("../images/info-main-chidori_d20f2f7e.jpg");
}
#info .top-curry-okazu{
  background-image: url("../images/info-main-curry-okazu_9883cc50.jpg");
}
#info .top-enso{
  background-image: url("../images/info-main-enso_0ab0aaa2.jpg");
}
#info .top-erick-masala{
  background-image: url("../images/info-main-erick-masala_be094cf6.jpg");
}
#info .top-erick-south{
  background-image: url("../images/info-main-erick-south_31749788.jpg");
}
#info .top-erick-south-kanayama{
  background-image: url("../images/info-main-erick-south_kanayama_d7c152bf.jpg");
}
#info .top-shiyakusyo{
    background-image: url("../images/info-main-shiyakusyo_e6499b76.jpg");
}
#info .top-erick-curry{
  background-image: url("../images/info-main-erick-curry_39ac63fe.jpg");
}
#info .top-erick-koenji {
  background-image: url("../images/info-main-erickkoenji_ec2fe9b8.jpg");
}
#info .top-gohan-nonoya{
  background-image: url("../images/info-main-gohan-nonoya_05e2bcc9.jpg");
}
#info .top-lunchbox{
  background-image: url("../images/info-main-lunchbox_8ce6b381.jpg");
}
#info .top-kuraudo{
  background-image: url("../images/info-main-kuraudo_54529401.jpg");
}
#info .top-macaroniken{
  background-image: url("../images/info-main-macaroniken_fd1719ad.jpg");
}
#info .top-matsuri{
  background-image: url("../images/info-main-matsuri_fbcd3237.jpg");
}
#info .top-sen{
  background-image: url("../images/info-main-sen_a1948f16.jpg");
}
#info .top-tanoshii-okazu{
  background-image: url("../images/info-main-tanoshii-okazu_77286d6a.jpg");
}
#info .top-wayou-nonoya{
  background-image: url("../images/info-main-wayou-nonoya3_941f0607.jpg");
}
#info .top-masaya{
  background-image: url("../images/info-main-masaya_32849e3e.jpg");
}
#info .top-enso-kado{
    background-image: url("../images/info-main-enso-kado_926caee7.jpg");
  }

#info .topbox{
    width:1200px;
    height: 380px;
    background-color: #000;
    margin: 0 auto;
    position: absolute;
    top:528px;
    left:0;
    right:0;
	display: flex;
	align-items: center;
}
#info .topbox h1{
    width:636px;
    display: inline-block;
    color:#fff;
    text-align: left;
    font-family: "a-otf-ryumin-pr6n";
    font-size: 33px;
    border-bottom: 1px solid #fff;
    position: static;
	padding: 0 18px 18px;
    line-height: 1.2;
}
#info .topbox p{
    width:636px;
    display: inline-block;
    text-align: left;
    color:#fff;
    padding-top: 15px;
}
#info .topbox img{
    float: left;
    /*height: 315px;
    width: auto;*/
}
#info .text{
    width:1200px;
    text-align:left;
    margin: 103px auto 133px;
    display:flex;
}
#info .text:nth-child(odd) {
    flex-direction:row-reverse;
}
#info .text h2{
    font-size: 25px;
    font-family: "source-han-serif-japanese";
    margin-bottom: 1em;
    font-weight: normal;
    line-height: 1.4;
}
#info .text div{
    margin-right:55px;
}
#info .text div:nth-child(2n) {
    margin-left:55px;
}
#info .newsbox{
    width: 100%;
    height:533px;
    background-color:#f5f5f5;
    line-height: 1;
    position: relative;
	    margin-top: 100px;
}
#info .newsbox ul{
    width:100%;
}
#info .newsbox img{
    float:left;
    position: relative;
    display:block;
}
#info .newsbox > img{
    width:50%;
    height: 100%;
    object-fit: cover;
    float:none;
    position: absolute;
    left:0;
    top:0;
    bottom: 0;
}
#info .newsbox h2{
    position:absolute;
    top:45%;
    left:15%;
    font-family: "source-serif-pro",serif;
    font-size:45px;
    font-weight: 500;
    display: inline-block;
}
#info .newsbox h2 span{
font-size: 20px;
}
#info .news{
    padding-top: 66px;
    padding-bottom: 54px;
    position: absolute;
    left:60%;
}
#info .list .bgbar{
    width:100%;
    height: 117px;
    background-color: #000;
}
#info .list h2{
    padding-top: 37px;
    font-family: "europa",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #fff;
}
#info .list h2 span{
    font-size: 16px;
    font-family: "source-serif-pro",serif;
    line-height:2;
}
#info .list dl{
    width:767px;
    font-size: 16px;
    text-align:center;
    margin:116px auto;
    border-top: #dadada solid 1px;
    border-bottom: #dadada solid 1px;
}
#info .list dt {
    text-align :left;
    float: left;
    font-size: 15px;
    margin: 32px 0  auto 13px;
    display: block;
}
#info .list dt a{
    font-size: 18px;
    font-weight : 600;
    margin-bottom: 7px;
    text-decoration: underline;
    display: inline-block;
}
#info .list dt a.bnr-p {
    margin-right: 20px;
}
#info .list dt a.bnr-p img {
        border: 1px solid #dadada;
}
#info .list dd {
    width: 767px;
    text-align :right;
    border-bottom: #dadada solid 1px;
    padding:5px 0;

}
#info .list dd .map{
    display:inline-block;
    width:317px;
    height: 180px;
    border: none;
}
#info .list dt a img{
	width: auto;
    height: 5vh;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 5px 0 10px;
}


/*=== tenpo-shosai店舗詳細 ===*/
#shosai .top {
    height: 393px;
    margin-bottom: 107px;
    padding-top: 67px;
}
#shosai .top-shiyakusyo {
    background-image: url("../images/info-main-shiyakusyo_e6499b76.jpg");
}
#shosai .top-erick-south {
    background-image: url("../images/info-main-erick-south_31749788.jpg");
}
#shosai .top-erick-south-kanayama {
    background-image: url("../images/info-main-erick-south_kanayama_d7c152bf.jpg");
}
#shosai .top-enso {
    background-image: url("../images/info-main-enso_0ab0aaa2.jpg");
}
#shosai .top-tanoshii-okazu {
    background-image: url("../images/info-main-tanoshii-okazu_77286d6a.jpg");
}
#shosai .top-wayou-nonoya {
    background-image: url("../images/info-main-wayou-nonoya3_941f0607.jpg");
}
#shosai .top-chidori {
    background-image: url("../images/info-main-chidori_d20f2f7e.jpg");
}
#shosai .top-88-hanoi{
    background-image: url("../images/info-main-88-hanoi_c9019074.jpg");
}
#shosai .top-88-saigon{
    background-image: url("../images/info-main-88-saigon_4d8a205b.jpg");
}
#shosai h1{
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 3px;
    position: relative;
    top:50%;
}
#shosai .text{
    width:1200px;
    font-size: 16px;
    text-align:center;
    margin: 0 auto 114px;
    display: block;
}
#shosai .text dl{
    margin: 0 auto;
    width: 620px;
    overflow: hidden;
	border-bottom: 1px solid #dadada;
}
#shosai .text dt{
    text-align: left;
    float: left;
    width: 146px;
    padding: 20px;
    border-top: 1px solid #dadada;
}
#shosai .text dd {
width: 420px;
    text-align: left;
    line-height: 1.8;
    margin-left: 186px;
    padding: 20px;
    border-top: 1px solid #dadada;
}
#shosai .portal-bnr {
	margin-top: 40px;
}
#shosai .portal-bnr img {
	margin: 0 50px;
	border: 1px solid #dadada;
}

#shosai .newsbox {
	margin-top: 150px;
	    margin-bottom: 250px;
}
#shosai .news{
    width:551px;
    margin:0 auto;
    display:inline-block;
    line-height: 1;
}
#shosai #map{
    width: 100%;
    height:405px;
    border: none;
    margin:113px auto 0;

}
#shosai .b_info {
	    margin-top: 100px;
}
#shosai .b_info .text {
	margin-top: 50px;
}

/*子店舗にもブランド説明コピー*/
#shosai .content .text {
    text-align: left;
    margin: 103px auto 133px;
    display: flex;
	    font-size: 100%;
}
#shosai .content .text h2 {
    font-size: 25px;
    margin-bottom: 1em;
    font-weight: normal;
}
#shosai .content .text div:nth-child(2n) {
    margin-left: 55px;
}
#shosai .content .text div {
    margin-right: 55px;
}
#shosai .content .text:nth-child(odd) {
    flex-direction: row-reverse;
}


/*メニュー*/
.menu-box {
	    margin: 150px auto 200px;
    text-align: center;
}

/*お問い合わせ*/
#contact {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
#contact .top {
    background-image: url("../images/contact-main_91271889.jpg");
    margin-bottom: 107px;
}
#contact .text {
    width: 770px;
    margin: 0 auto 100px;
	padding-bottom: 50px;
    display: block;
}
#contact-form {
	margin-bottom: 200px;
	    margin-top: 100px;
}

#wpcf7-f43-p44-o1 {
	width: 575px;
    margin: 0 auto;
}
#wpcf7-f43-p44-o1 table {
	width: 575px;
	border-spacing: 15px;
    border-collapse: separate;
}
#wpcf7-f43-p44-o1 td {
	    text-align: left;
	vertical-align: top;
}
#wpcf7-f43-p44-o1 span {
	    color: #FE0102;
}
#wpcf7-f43-p44-o1 p {
	   display: inline-block;
}
#wpcf7-f43-p44-o1 input,
#wpcf7-f43-p44-o1 textarea {
	       font-size: 16px;
	color: #999;
    padding: 5px;
    border: 1px solid #000;
}

/*404エラー*/
#error {
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
#error h1 {
   color: #000;
}
#error .top {
   height: 450px;
}
#error .text {
    width: 770px;
    margin: 0 auto 100px;
	padding-bottom: 50px;
    display: block;
}


/*新着情報ページ*/
#news {
	padding-bottom: 100px;
}
#news .newsbox {
	padding: 0 0 100px;
}
#news .wp-pagenavi {
    margin: 50px auto 150px;
}

#news .top {
    background-image: url("../images/contribution-main_bee1c88e.jpg");
    margin-bottom: 107px;
}
#news .post {
	    width: 760px;
    margin: 0 auto;
    text-align: left;

}
#news .shop-info,
#news .info
{
	color: #fff;
    display: inline-block;
    padding: 0 5px;
    margin: 0px 5px;
	    float: right;
}
#news .shop-info {
	    background-color: #016619;
}
#news .info {
    background-color: #012266;
}
#news .content {
	margin: 50px 0 100px;
}
/*新着　詳細ページ*/
#news .news-main {
	width: 550px;
	margin: auto;
	text-align: left;
}
#news .title-news {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.3;
}
#news .content {
    margin-top : 50px;
	margin-bottom: 150px;
}
#news nav {
	margin-bottom: 150px;
}
#news nav a.button {
	margin-top: 0;
}


/*=== contract サイト利用規約 ===*/
#contract .top{
    background-image: url("../images/contribution-main_bee1c88e.jpg");
    margin-bottom: 107px;
    background-size:cover;
}
#contract h2 {
	text-align: center;
	margin-bottom: 60px;
}
#contract h3 {
	margin-top: 40px;
	font-weight: bold;
	font-size: 1rem;
}
#contract .text {
    width: 614px;
    margin: 0 auto 134px;
	text-align: left;
}
#contract ul {
	list-style-type: disc;
		padding-left: 20px;
	margin-top: 20px;
}

#contract h4 {
	margin-top: 20px;
}
.pc_kankyo dl {
    width: 300px;
    display: block;
    float: left;
    margin-top: 0;
}
.pc_kankyo dt {
    font-weight: bold;
}




/*=== policy プライバシーポリシー ===*/
#policy .top{
    background-image: url("../images/contribution-main_bee1c88e.jpg");
    margin-bottom: 107px;
    background-size:cover;
}
#policy h2 {
	text-align: center;
	margin-bottom: 60px;
}
#policy h3 {
	margin-top: 40px;
	font-weight: bold;
	font-size: 1rem;
}
#policy .text {
    width: 614px;
    margin: 0 auto 134px;
	text-align: left;
	word-wrap: break-word;
}
.pp_box ol {
	list-style-type: decimal;
	padding-left: 20px;
	margin-top: 20px;
}
.pp_box li {
    margin-bottom: 2rem;
}
.pp_box li ol li {
    margin-bottom: .5rem;
}
.pp_box ol + li {
	margin-top: 0;
}



/*お問い合わせ*/
#contact-form input,
#contact-form textarea
{
	    font-size: 1.1em;
    padding: 5px 10px;
	    width: 450px;

}
#contact-form select
{
		    font-size: 1.1em;
    padding: 5px 10px;
	        width: 474px;
}
#contact-form .contact-block {
display: table;
  margin: 0 auto;
}
#contact-form dl {
	    margin: 20px 0;
}
#contact-form dt,
#contact-form dd {
	display: table-cell;
  padding: 5px;
}
#contact-form dt {
  width: 160px;
	text-align: left;
    vertical-align: top;
}
#contact-form dd {
  width: 400px;
text-align: left;
}
.hissu {
	color: #fe0101;
}
#error a.btns,
#contact a.btns,
#contact-form .btns input {
	width: 166px;
	padding: 5px 20px;
    margin: 50px 50px 0;
	font-size: 14px;
    border: solid 1px #000;
	transition: all .3s;
	background-color: #fff;
	cursor: pointer;
cursor: hand;
}
#error a.btns:hover,
#contact a.btns:hover,
#contact-form .btns input:hover {
	background-color: #000;
	color: #fff;
}

#contact-form .wpcf7c-force-hide {
	display: none;
}
#contact-form input + .wpcf7-not-valid-tip,
#contact-form textarea + .wpcf7-not-valid-tip,
#contact-form select + .wpcf7-not-valid-tip {
	display: block;
	color: #f00;
	text-align: left;
}
#contact-form .screen-reader-response {
	margin-bottom: 50px;
	color: #f00;
}
#contact-form .screen-reader-response ul li {
	display: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#contact-form input[readonly],
#contact-form textarea[readonly],
#contact-form select[readonly]
{
	border: 1px solid #fff;
	color: #222222;
	background-color: #fff;

/*確認画面でセレクトボックスの▼消す*/
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;		/* 標準のスタイルを無効にする */

	/*確認画面でテキストエリアのリサイズボックス非表示*/
	resize: none;
}
::-ms-expand {		/* select要素のデザインを無効にする（IE用） */
	display: none;
}
#contact-form textarea[placeholder="000-0000-0000"] {
	color: #f00;
}

/*プレースフォルダー色*/
/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #B3B3B3;
}
/* Firefox */
::-moz-placeholder{
    color: #B3B3B3;
}
/* Firefox 18以前 */
:-moz-placeholder{
    color: #B3B3B3;
}
/* IE */
:-ms-input-placeholder{
    color: #B3B3B3;
}





/* ここから修正　2022/10/25 */
/* shoplost */
picture img {
    width: 100%;
    vertical-align: bottom;
}



#toppage .shoplist .box {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-start; */
    max-width: 1200px;
    width: 95vw;
    /* padding-left: 3vw; */
    margin: 0 auto;
    gap: 3vw;
    justify-content: space-between;
}

#toppage .shoplist .box::after{
    content: "";
    display: block;
    width: 28%;
}


#toppage .shoplist .box figure {
    width: 28%; 
    height: auto;
}



/* 事業紹介 */
#toppage .box2 {
    max-width: 1200px;
    width: 66vw;
    margin: 0 auto;
}

#toppage .img1{
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 20vw;
    height: 41vw;
    margin-right: 1vw;
    background-size: cover;
}

#toppage .img2{
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 27vw;
    height: 30vw;
    margin-right: 1vw;
    background-size: cover;
}

#toppage .img3{
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 17vw;
    height: 30vw;
    background-size: cover;
}

#toppage .img4{
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 45vw;
    height: 10vw;
    background-size: cover;
    margin-top: 1vw;
    margin-bottom: 3vw;
}

/* news */

#toppage .newsbox .news {
    padding-left: 2vw;
}
/* contact */
footer .contact .innerbox p {
    padding-left: 2vw;
    padding-right: 2vw;
}
/* logoline */
footer .bottom .logoline {
    display: none;
}
/* 修正ここまで　2022/10/25*/


















/*ipad用　topのカルーセルのみjsでインラインで書かれているため*/
@media screen and ( max-width:1280px) {
#topimg{
    width: 100%;
    height: 100%;
    background-image: url("../images/ie-logo_a14fb49e.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
#topimg:before, #topimg:after{
  content: "";
  width:100%;
  height:25%;
  background-color:#000;
  position:absolute;
  top:0;
  left:0;
}
#topimg:after{
  top:auto;
  bottom:0;
}
}



/*========================================================================*/


@media (max-width: 750px) {
html{
    font-size: 62.5%;
}
main{
    font-size: 3.2rem;
    line-height:1.5em;
    margin: 0 auto;
    -webkit-text-size-adjust: 100%;
}
main img{
    width:100%;
	height: auto;
    text-align: center;
}
.top{
    background-position: center center;
    text-align: center;
    height:610px;
	margin-top:139px;
}
h1{
    top:40%;
    font-size: 6rem;
}
#info .top-enso-kado h1 {
    top: 30%;
}
#info .top-enso-kado h1 img {
    width: 30%;
}
h1 span{
    line-height: 2;
    font-size: 50%;
}
h2{
    font-weight: 300;
    font-size:6rem;
    margin-left: 9%;
    text-align: left;
}
h2 span{
    font-size: 50%;
    line-height: 2;
    text-align: left;
}
.b_info > h2 , .innerbox >h2 {
  margin-left: 0;
  text-align: center;
}

.btn-shoplist{
  margin-top: 100px;
}
#business .button,
.button {
  display: block;
  width: 70%;
  height: 100px;
  font-family: "a-otf-ryumin-pr6n";
  line-height: 3;
  margin: 52px auto 108px;
  font-size: 3.2rem;
}
.sp{
    display:inherit;
    visibility: visible;
}
.pc{
    display:none;
    visibility: hidden;
}
/*=== 共通パーツ ===*/
/*=== 固定ヘッダー ===*/
#navi, #navi .navibox{
    display: none;
    visibility: hidden;
}
.sp-navi{
width:100%;
   height:140px;
    background-color: #000;
    position: fixed;
    top:0;
    z-index: 999;
}
	.sp-logo{
	width: 100%;
	height: 140px;
    background-color: #000;
}
	#toppage .sp-logo{
	width: 100%;
	height: 140px;
    background: none;
}
.sp-logo img, #toppage .sp-navi .sp-logo img{
position: absolute;
 	top: 20%;
 	left: 5%;
 	width: 175px;
  z-index: 10000;
}

/*snsアイコン*/
.right-fix{
  top:auto;
  left:0;
  bottom:20px;
  right:auto;
  width:100%;
  text-align: center;
  z-index: 10;
}
.right-fix a{
  color:#fff;
  font-size:3.7rem;
  display:inline-block;
  margin-left:5px;
  vertical-align: top;
   text-decoration: none;
}
.right-fix a.sp{
  height:75px;
  width:320px;
  padding:auto 60px;
  background-color: #75c753;
  border-radius: 40px;
  vertical-align: middle;
}
.right-fix a.sp p{
  padding-top: 15px;
  font-size: 3rem;
}
.right-fix a.sp p:before{
    content: "";
    background-image: url("../images/tel_6b09f3c8.png");
    padding:2px 0 2px 46px;
    margin-right: 10px;
    background-size: 43px;
    background-repeat: no-repeat;
    background-position: center;
}
.right-fix img{
  width:250px;
}
.cart-banner-sp {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.cart-banner-sp img {
    width: 100%;
    border-radius: 35px;
}
a.cart-banner-pc {
    display: none;
}


/*=== フッター ===*/
footer .contact{
    background-position: center center;
    height: auto;
}
footer .contact .innerbox{
    width:100%;
    height:100%;
}
footer .contact .innerbox h2{
    font-size: 6rem;
    padding-top: 82px;
    text-align: center;
    margin-left: 0;
}
footer .contact .innerbox h2 span{
    font-size: 3rem;
}
footer .contact .innerbox p{
    font-size: 3.2rem;
    line-height: 1.5;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
footer .bottom .logoline,
footer .bottom .bottombox{
    display: none;
}
footer .bottomnavi{
    width:100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
footer .bottomnavi .bottomnavibox{
    width:100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #000;
}
footer .bottomnavibox img {
    width: 275px;
    float: none;
    padding:127px 0 0;
    display: inline-block;
}
footer .bottomnavibox .left,
footer .left li,
footer .left a {
    display: none;
}
footer .bottomnavibox .right{
    width:100%;
    border-top: none;
    margin-top: 0;
    text-align: center;
    display: inline-block;
    }
footer .right li{
    font-size: 26px;
    margin-top:45px;
    display: block;
}
footer .right li:last-child{
    font-size: 18px;
    margin-bottom:42px;
}

footer .right li img{
    width: 70px;
}


/*=== メニュー ===*/
/*
 * タブとして必要な設定
 */
.menu .tab{
    float: left;
    width: 236px;
    height:67px;
    margin-right: 4px;
    display: block;
    line-height: 4;
}
.menu .secondtab {
    clear: both;
    border: 1px solid #ccc;
    padding: 20px;
    width:1154px;
    height:60px;
    display: block;
    margin-bottom: 54px;
}
.menu .tabContent{
    float: left;
    width: 85px;
    height:29px;
    background-color: #434144;
    border-radius: 15px;
    color:#fff;
    font-size: 14px;
    font-weight: 300;
    margin-right: 18px;
    display: block;
    cursor: pointer;
    line-height: 2;
    padding: 8px 20px;
}
.tab_item p {
    font-size: 1.5em;
}

/*=== ニュース ===*/
.news{
    line-height: 1.5;
}
.news li .newsright{
transform: translateY(0);
}
.news ul{
    width: 551px;
}
/*=== index トップページ ===*/

#topimg {
   display: none;
}
#toppage .bg-slider{
	display: none;
}

#sp-topimg {
    display:block;
    margin:0;
    background-image: url("../images/sp-top1_33169cbd.jpg");
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}
#sp-topimg h1{
   width:90%;
    margin:0 auto;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
}
#sp-topimg .scroll{
    padding-top: 95vh;
    width:65px;
    margin-bottom:55px;
}

#toppage .sp-navi{
background-color:rgba(0,0,0,.5);
}
#toppage .shoplist h2.toptitle{
    margin:0 ;
    width: 100%;
    padding-top:185px;
    padding-bottom: 156px;
    background-image: url("../images/sp-top2_80d3227c.jpg");
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 6rem;
    top:40%;
    text-align: center;
}
#toppage .shoplist h2.toptitle span{
    font-size: 3rem;
    font-family: "a-otf-ryumin-pr6n",serif;
    font-weight: 100;
    line-height:3;
}
#toppage .ec-banner img {
    width: 90%;
}
#toppage .button{
    margin:108px auto;
}
#toppage .newsbox{
    height: auto;
}
#toppage .newsbox .innerbox{
    width:100%;
    height:auto;
}
#toppage .newsbox h2{
    font-size: 6rem;
    padding-top: 105px;
    margin: 0 auto;
    text-align: center;
}
#toppage .newsbox h2 span{
    font-size: 3rem;
}
#toppage .newsbox .news{
    width:90%;
}
#toppage .newsbox .news ul{
    width:100%;
}
#toppage .newsbox .news li{
    width:100%;
    font-size: 3.2rem;
    color:#000;
}
#toppage .news li img{
    width: auto;
    height: 100px;
    margin: 40px 2vw 2% 0;
}
#toppage .news .newsright{
    width:75%;
    padding-top: 33px;
    position: relative;
    float:right;
    display:block;
}
#toppage .news li .newsright p{
    width:100%;
    font-size: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#toppage .news .info, #toppage .news .shop-info{
    font-size: 2rem;
}
#toppage .news .button{
    margin:108px auto;
}
#toppage .shoplist{
    background-image: none;
    text-align: center;
}
#toppage .shoplist h2{
    width:90%;
    text-align: center;
}
#toppage .shoplist h2.ttl-v {
    text-align: center;
}
#toppage .shoplist .box{
    width:90%;
    text-align: center;
}
#toppage .shoplist .box figure{
    margin: 0 0 5% 0;
    width: 100%;
    height: auto;
    background: none;
    display: block;
}

/*ダブルタップでなければ画面遷移しない問題を回避*/
#toppage .shoplist .box figure::before,
.cover::before {
     z-index: 0;
     display: none;
     content: '';
     background: none;
     -webkit-transform: none;
     transform: none;
}
#toppage .shoplist .box figure:hover::before,
.cover:hover::before{
  -webkit-animation: none;
  animation: none;
}

#toppage .shoplist .box img:nth-child(3n){
    margin-right: auto;
}
#toppage .shoplist .button{
    margin-top:70px;
}
#toppage .text{
    margin: 0 auto 210px;
    padding-top: 310px;
    padding-bottom: 0;
    background: url("../images/logo-white_d3c49e05.png") no-repeat;
    background-size: 535px;
    background-position: top 87px right -70px;
}
#toppage .text h2{
    width:100%;
    margin-left:0;
    text-align: left;
    display: inline-block;
}
#toppage .text h2 img{
    width:70%;
    margin-left:4%;
    }
#toppage .text p{
    text-align: left;
    width:90%;
    font-size: 3.2rem;
    background: none;
    line-height: 1.5;
}
#toppage .box2{
    width:100%;
    margin: 0 auto 3vw;
    font-size: 3.5rem;
}
#toppage .box2 p{
    top:40%;
}
#toppage .img1{
    width:40vw;
    height:95vw;
}
#toppage .img2{
    width:55vw;
    height:46vw;
    margin-right: 0;
	background-size: cover;
}
#toppage .img3{
    width:55vw;
    height:46vw;
    margin-top: 3vw;
}
#toppage .img4{
    width:100% ;
    height:35vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    margin-top: 3vw;
}
#toppage .box2 .img4>p {
	left:20%;
}

/*=== Business 事業紹介 ===*/
#business {
    max-width:100vw;
}
#business .top{
    width: 100%;
    position: center center;
}
#business .text, #business .text2, #business .text4{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom:40px;
     line-height: 1.5;
}
#business .text2{
    margin-bottom:134px;
}
#business .text3{
    width: 100%;
    display: flex;
    flex-direction:column;
    margin: 202px auto 0;
}
#business .text3:last-child{
    margin-bottom:178px;
}
#business .text3 .textinner {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#business .text3 h2{
    display: none;
}
#business .text3 h2 span{
    display: none;
}
#business .text3 .textinner h2{
    display: inline-block;
    text-align: left;
    margin: 40px 0 0;
    width: 90%;
}
#business .text3 .textinner h2 span{
     font-size: 50%;
    line-height: 2;
    text-align: left;
    display: block;
    margin-left: 0;
}
#business .text3 .textinner img{
     width: 100%;
    height:auto;
    display: inline-block;
    }
#business .text3 .textinner img.bnr {
    width: 50%;
    margin: 0 25%;
	}
#business .text3 .textinner p{
    text-align:left;
    margin: 103px auto 0;
    width: 90%;
    padding: 0;
    line-height: 1.5;
}
#business .imagebox img{
    display: none;
    visibility: hidden;
}
#business .line {
    height: 250px;
}
#business .logoline{
    width:100%;
    display: block;
    background-position:right -60px top 10px;
   margin:-350px auto 0;
    overflow:hidden;
}
#business .left{
    height:322px;
    width:66px;
    object-fit:cover;
    padding-left: 53px;
    /*object-position:left;*/
    position:absolute;
    left:calc(100% - 119px);
}
#business .line .bx-wrapper .bx-viewport{
    overflow: visible!important;
}
#business .box{
    width:90%;
    margin:82px auto 0;
    text-align: center;
}
#business .box dl{
    padding-right:40px;
    width:100%;
    margin: 0 auto;
}
#business .box dl img{
    width:100%;
    height: auto;
}
#business .box dt{
  font-size : 3.5rem;
    display: inline-block;
    width: auto;
    padding: 10px 0;
}
#business .box .number{
    padding:18px 10px;
}
#business .box dd p{
    width:100%;
    font-size: 2.5rem;
    margin-bottom: 50px;
    padding: 10px 0;
}

/*=== Contribution 社会貢献活動 ===*/

 #contribution .top{
    width: 100%;
    position: center center;
    margin-bottom: 118px;
}

#contribution .text,
#contribution .text2,
#contribution .text3,
#contribution .text4{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom:40px;
    font-size: 3.2rem;
}
#contribution .text2{
    margin-bottom:134px;
}
#contribution .text3{
    margin-top: 107px;
    margin-bottom:80px;
}
#contribution .text4:last-child{
    margin-bottom: 202px;
    }
#contribution .nagara {
    width: 100%;
    font-size: 3.2rem;
}
#contribution .nagara .hp-url {
    margin-bottom: 3vh;
    font-size: .8em;
}
#contribution .box{
    display: none;
    visibility: hidden;
}
#contribution #slide{
    display:block;
    visibility: visible;
}

/*=== CorporateVision 理念 ===*/

#corporatevision{
    padding-bottom: 226px;
    background-image: none;
}
#corporatevision .top h1{
    text-align: center;
}
#corporatevision .text{
    width:100%;
    height:auto;
    font-size: 3.2rem;
    line-height: 1.5;
    background-position: top right -100px;
    padding-top:500px;
}
#corporatevision .text h2{
	margin-left:5%;
    max-width:490px;
    margin-bottom: 70px;
}
#corporatevision .text p{
    margin-left:0;
    width: 90%;
    margin: 0 auto;
}
#corporatevision .text2{
    width:100%;
    height:auto;
    font-size: 3.2rem;
    text-align:right;
    line-height: 1.5;
    background-size: 120%;
    margin: 0 auto 40px;
    padding-top: 573px;
}
#corporatevision .text2 h2{
    width:65%;
    position:inherit;
    top: 70px;
    left: -5%;
    display: inline-block;
    margin-bottom: 10px;
}
#corporatevision .text2 p{
    width:90%;
    float: none;
    margin: 70px auto 0;
    position: static;
    left: auto;
    top: auto;
	text-align: left;
}
/*=== About 会社情報 ===*/

#about .top{
    margin-bottom: 0px;
}
#about .ceo{
    width:100%;
    height: 2700px;
    background-size: 100% auto;
    background-image: url("../images/top-man-sp_e347788a.jpg");
}
#about .ceo .text{
    width:90%;
    line-height: 1.5em;
    font-size: 3.2rem;
    margin:118px auto 0;
}
#about .ceo .text h2{
    font-size: 4.4rem;
    margin:0 auto 95px;
    line-height: 1.5em;
}
#about .ceo .text p{
    padding-bottom: 85px;
}
#about .ceo .right{
    clear: both;
    padding-top: 100px;
    padding-bottom: 105px;
    text-align:left;
    width: 90%;
    font-size: 3.2rem;
}
#about .text{
    width:90%;
    font-size: 2.8rem;
    text-align:left;
    margin: 205px auto 114px;
}
#about .text dl{
    width:100%;
    border-top: none;
}
#about .text dt{
    width:100%;
    border-bottom:none;
    padding:26px 0 15px;
    font-size: 2.8rem;
    line-height: 1;
}
#about .text dt:nth-child(9){
    height:auto;
}
#about .text dd {
  width: 100%;
    padding:0 0 26px 0;
    line-height: 1.5;
    font-size: 2.8rem;
}

/*=== ShopList 店舗一覧 ===*/
#shoplist .top{
    width: 100%;
}
#shoplist .box ul{
    width:90%;
}
#shoplist .box li{
    margin: 0;
    padding: 0;
    display: block;
}
#shoplist .box a{
    margin: 0;
    padding: 0;
}
#shoplist .box img{
    float: left;
    width: 25%;
    padding-left: 40px;
    padding-right: 0;
    margin-bottom: 25px;
}
#shoplist .box img:nth-of-type(3n+2){
    padding-left:0px;
}
#shoplist .map{
    display: flex;
    flex-direction:column;
	margin-top: 9vh;
}

#shoplist .map #toukai, .map #kantou, .map #vietnam {
    border: none;
    width:100%;
    height: 468px;
    margin-bottom: 120px;
}
#shoplist .map p{
    width:100%;
    font-size: 3.2rem;
}
#shoplist .map p span{
     font-size: 2.4rem;
}
#shoplist .text{
    width:100%;
    font-size: 3.2rem;
}
#shoplist .text dl{
    width:90%;
    border-top: none;
}
#shoplist .text dt{
    width: 100%;
    border-bottom: none;
    padding:20px 0 0 0;
    font-size:3.2rem;
}


#shoplist .text dt a img{
    width: auto;
	    height: 5vh;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 5px 0 30px;
}

#shoplist .text picture.sp-web img{
  width:150px;
}


#shoplist .text dd {
  width: 100%;
    padding-bottom:25px;
    line-height: 1.5;
    font-size:2.8rem;
    border-bottom: #ccc solid 1px;
}

/*=== tenpo-info店舗情報 ===*/
	#info h1 img {
		width: 50%;
	}

#info .top{
    margin-bottom: 0;
}
#info .topbox{
    width:auto;
	height: auto;
	position: static;
	padding-top: 10%;
	display: block;
}
#info .topbox h1{
    width:auto;
	font-size: 150%;
	padding: 5%;
}
#info .topbox p{
    width:auto;
	margin: 4%;
	font-size: 100%;
	}
#info .topbox img{
    float: none;
    height: auto;
    width: 70%;
}
#info .text,
#shosai .text {
    width:auto;
	flex-direction:column;
}
#info .text:nth-child(odd) {
    flex-direction:column;
}
#info .text h2 {
	font-size: 150%;
	margin-left: auto;
  margin-top: 1em;
  line-height: 1.5em;
	}
#info .text div{
    margin-right:55px;
}
#info .text div:nth-child(2n) {
    margin-left:55px;
}

#info .newsbox{
    height: auto;
	margin-top: 10%;
}
#info .newsbox > img {
    width: 40%;
	height:auto;
}
#info .newsbox h2{
    width: 50%;
    float: right;
    position: static;
    margin-top: 10%;
}

#info .news {
    width: 90%;
	position: static;
}

#info .newsbox .news img {
width: auto;
    height: 100px;
    margin: 40px 2vw 2% 0;
	}

#info .news li {
    width: 100%;
    font-size: 3.2rem;
    color: #000;
}

#info .news li .newsright {
    width: 75%;
	padding-top: 52px;
}

	#info .list .bgbar {
		height: auto;
	}

#info .list dl {
		margin:  0 0 10%;
	}
#info .list h2{
    padding-top: unset;
    margin: 0;
}

#info .list dt {
		font-size: 150%;
	width: 100%;
	margin-left: 4%;
	}
#info .list dt a {
  font-size: 3rem;
	}
	#info .list dt a.bnr-p img {
	width: 40vw;
  margin: 1vh 2vw 0 0;
	}
#info .list dd .map {
  width: 100%;
	height: 400px;
	margin-right: 4%;
  margin-top: 3%;
}
#info .news .shop-info,
#info .news .info{
    font-size: 2rem;
}
#info .news li .newsright p{
    width: 100%;
    font-size: 3rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*=== tenpo-shosai店舗詳細 ===*/
#shosai .top{
    height:393px;
    background-image: url("../images/syousai-main_4d05a26f.jpg");
    margin-bottom: 107px;
}
#shosai h1{
    top:calc(50% - 80px);
    font-size: 4.5rem;
    line-height: 1.2em;
}
#shosai .top-shiyakusyo {
    background-image: url("../images/info-main-shiyakusyo_e6499b76.jpg");
}
#shosai .top-erick-south {
    background-image: url("../images/info-main-erick-south_31749788.jpg");
}
#shosai .top-erick-south-kanayama {
    background-image: url("../images/info-main-erick-south_kanayama_d7c152bf.jpg");
}
#shosai .top-enso {
    background-image: url("../images/info-main-enso_0ab0aaa2.jpg");
}
#shosai .top-tanoshii-okazu {
    background-image: url("../images/info-main-tanoshii-okazu_77286d6a.jpg");
}
#shosai .top-wayou-nonoya {
    background-image: url("../images/info-main-wayou-nonoya2_d026acf9.jpg");
}
#shosai .top-chidori {
    background-image: url("../images/info-main-chidori_d20f2f7e.jpg");
}
#shosai .top-88-hanoi{
    background-image: url("../images/info-main-88-hanoi_c9019074.jpg");
}
#shosai .top-88-saigon{
    background-image: url("../images/info-main-88-saigon_4d8a205b.jpg");
}

#shosai .text{
font-size: 2.8rem;
}
#shosai .text dt {
    width: 126px;
	}
#shosai .text dd {
    margin-left: 150px;
}

#shosai .content .text h2 {
		font-size: 150%;
    margin-left: auto;
    margin-top: 1em;
    line-height: 1.5em;
	}
#shosai .content .text:nth-child(odd) {
    flex-direction: column;
}


#shosai .portal-bnr img {
    width: 50vw;
	}
#shosai .news{
    margin: 100px auto 0;
	width: 90%;
}
#shosai .news h2{
    font-size: 45px;
	    text-align: center;
}
#shosai .news h2 span{
    font-size: 20px;
    font-weight: 100;
}

#shosai .news ul {
	width: 100%;	}

#shosai .news li {
    width: 100%;
    font-size: 3.2rem;
    color: #000;
}
#shosai .news li img {
    object-fit: cover;
    width: 125px;
    height: 70px;
    margin: 35px 2vw 35px 0;
    display: inline-block;
}
#shosai .news li .newsright {
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 35px;
    position: relative;
		float: right;}

#shosai  .news .shop-info,
#shosai  .news .info{
    font-size: 2rem;
}

#shosai #map{
    width: auto;
}
.menu-box {
    width: auto;
	}





/*お問い合わせ*/
#contact .text {
	width: 90%;
    margin: 0 auto 5vh;
    text-align: left;
}

#wpcf7-f43-p44-o1 {
    width: 90%;
}

#wpcf7-f43-p44-o1 table {
    width: 100%;
}
#wpcf7-f43-p44-o1 td {
    width: 100%;
    display: block;
    text-align: center;
}
	#wpcf7-f43-p44-o1 input, #wpcf7-f43-p44-o1 textarea {
    font-size: 1em;
	margin-bottom: 5%;
}
/*404エラー*/
#error .text {
	width: 90%;
    margin: 0 auto 5vh;
    text-align: left;
}

/*新着情報ページ*/
#news .news {
		width:90%;
	}
#news .news ul {
		width: auto;}
#news .news li {
    width: 100%;
	font-size: 100%;
	}
	#news .shop-info, #news .info {
		    font-size: 0.7em;
	}
#news .title-news {
    font-size: 1.5em;
    margin: 0 0 15px;
}
.news li img {
	width: auto;
    height: 100px;
    margin-top: 2%;
	}


/*お問い合わせ*/
	#contact-form {
		margin-bottom: 5vh;
	}
	#contact-form .contact-block {
    display: block;
		    margin: 0 5%;
	}
	#contact-form dt, #contact-form dd {
    display: block;
		width: 100%;}
#contact-form input,
#contact-form textarea {
	    border: 1px #999 solid;
	padding: 0;
	        padding: 2%;
    width: 94%;
	}
#contact-form dt {
		margin-top: 2vh;
	}
	#contact-form .btns input {
		width:36%;
		margin: 10%;
		font-size: 3rem;
		    background-color: #fff;
	}
#contact-form .screen-reader-response,
#contact-form .wpcf7-validation-errors,
.wpcf7c-elm-step2 p,
.wpcf7-mail-sent-ok {
    margin: 5%;
    text-align: left;
}
#error a.btns,
#contact a.btns {
    font-size: 2.5rem;
    margin: 0 20%;
    padding: 4% 20%;
}

/*=== policy プライバシーポリシー ===*/
#policy h2 {
    font-size: 4rem;}
#policy h3 {
    font-size: 3.1rem;
	}
.pp_box ol {
    margin-left: 20px;
}

/*=== contract サイト利用規約 ===*/
#contract h2 {
		font-size: 4rem;}
#contract h3 {
    font-size: 3.1rem;
	}
#contract ul {
    margin-left: 20px;
}
#contract dl {
		width: 100%;
	}



/*沿革*/
#history-table {
    width: 90%;
	margin: auto;
	font-size: 2.8rem;
	}
#history-table .year {
	width: 19%;
	font-size: 2.8rem;
}
#history-table .month {
	width: 14%;
}
#history-table .height {
		width:60%;
	}
#history-table .sp-invisible {
		display: none;
	}
#history-table .pc-invisible {
		display: block
	}


}