@charset "utf-8";
body{
  margin:0;

}
body #contents{
      word-break: break-all;
      box-sizing: border-box;
      text-align: left;
      line-height: 1.5em;
}
img{
  max-width: 100%;
}
p{
  margin:0;
}
a img:hover,
a:hover{
  opacity: 0.8;
}
h2,h3,h4,h5,dl,dd,dt,ul,li{
  margin:0;
  padding: 0;
}
h2,h3,h4,h5{
  font-weight: bold;
  line-height: 1.8em;
}

#content .Wrapper{
  display: flex;
  flex-wrap: wrap;
}
#content .mypage{
  background-color: #fff8ed;
  border-radius: 5px;
  padding: 10px;
  margin:20px 0;
}
p,ul li,address{
  font-size: 13px;
}
a{
  color: #2999c4;
  text-decoration: none;
}
ul li{
  list-style: none;
}
address{
  font-style: normal;
}

#content h2{
  position: relative;
}
#content #contents .mypage h3{
  color: #f29500;
  text-align: center;
  background-color: rgba(255,255,255,0);
}
#content .mypage h3:before{
  content:url(/images/web/shop/mypage.png);
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
#content .mypage p{
  text-align: center;
}

#content .mypage a{
  color: #fff;
  border-radius:5px;
    background-color: #f29500;
    text-align: center;
    height: 45px;
    border-bottom:6px solid #d98600;
    margin:10px auto;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 43px;
    display: block;
    box-sizing: border-box;
}

#content #contents h3{
  background-color: #efefef;
  padding: 5px;
  font-size: 18px;
  margin:5px 0 10px 0;
}

#content .shop-list .title-box .main-read{
  margin:1em 0;
}
#content .shop-list .title-box select{
  height: 25px;
  margin-bottom:20px;
}

#content .shop-list .title-box a{
  font-size: 12px;
  float: right;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 5px;
}

#content .shop-list .shop-box{
  clear: both;
}
#content .shop-list .shop-box .link-box{
  border-bottom:1px dotted #cfcfcf;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
  box-sizing: border-box;
}
#content .shop-list .shop-box .link-box a{
  font-weight: bold;
}
#content .shop-list .shop-box .link-box a,
#content .shop-list .shop-box .link-box p{
  width:75%;
  font-size: 12px;
  display: inline-block;
}
#content .shop-list .shop-box .link-box .icon-box{
  position: absolute;
  right: 0;
  top: 0;
}
#content .shop-list .shop-box .link-box .icon-box a{
  display: inline-block;
  width: 25px;
}

#content .shop-list .shop-box .saech-box{
  display: flex;
  width: 95%; 
  margin:10px auto;
}
#content .shop-list .shop-box .saech-box a{
  color: #fff;
  border-radius:5px;
    height: 60px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    width: 49.5%;
    font-size: 9px;
     padding-left: 3px; 
     line-height: 1.5em;
     padding-top: 3px;
}

#content .shop-list .shop-box .saech-box a + a{
  margin-left: 1%;
}

#content .shop-list .shop-box .saech-box a:nth-child(1){
    background-color: #f29500;
    border-bottom:4px solid #d98600;
}
#content .shop-list .shop-box .saech-box a:nth-child(2){
  background-color: #2999c4;
    border-bottom:4px solid #207899;
}
#content .shop-list .shop-box .saech-box a .ttl{
  font-size: 14px;
  font-weight: bold;
}
#content .shop-list .shop-box .saech-box a .ttl .big{
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 22px;
}
#content .shop-list .shop-box .fortop{
  color: #6d6d6d;
  font-weight: bold;
  font-size: 12px;
  float: right;
  margin-bottom:30px;
}
#content .shop-list .shop-box .fortop:before{
  content:url(/images/web/shop/fortop.png);
  margin-right: 3px;
}

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media print, screen and (min-width : 769px ){
#pc------------------------------------------- {
}
.sp{
  display: none;
}
#content .mypage h3{
  margin:10px auto;
}
#content .mypage h3.trouble-title:after{
  display: none;
}
#content .mypage p{
  font-size: 14px;
}
#content .mypage a{
  width:480px;
  font-size: 14px;
}
#content h2{
  font-size: 20px;
  margin-bottom: 10px;
}

#content h2:after{
  content: url(/images/web/shop/h3_bg.png);
    width: 100%;
}

#content .shop-list .shop-box .sb-list{
  display: flex;
  flex-wrap: wrap;
}
#content .shop-list .shop-box .link-box{
  width: 49%;
  min-height: 70px;
}
#content .shop-list .shop-box .link-box:nth-child(even){
  margin-left: 2%;
}
#content .shop-list .shop-box .link-box a{
  width: 65%;
  font-size: 14px;
  display: inline-block;
}
#content .shop-list .shop-box .link-box p{
  width: 65%;
  font-size: 12px;
  display: inline-block;
  padding-top:5px;
}
#content .shop-list .shop-box .saech-box{
  width: 480px;
}
#content .shop-list .shop-box .saech-box a{
  text-align: center;
  letter-spacing: 0.05em;
}

header.pc .box dl{
  font-family: 'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  /*line-height: 28px;*/
}
footer .btn_top a{
  text-align: center;
}

#contents + #subcontents{
  margin-left: 20px;
}

}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
/*===============================================
●sp_tablet
===============================================*/
#sp_tablet------------------------------------------- {
}
.pc{
  display: none;
}
#content{
  width:100%;
}
#content #contents{
  width: 100%;
  padding: 1px;
  box-sizing: border-box;
  overflow-x: hidden;
}
#content h2{
  text-align: center;
  font-size: 16px;
}
#content .mypage{
  margin:0;
}
#content .mypage h3:before{
  display: block;
  margin-bottom:10px;
}

#content .mypage p{
  font-size: 13px;
}
#content .mypage h3:before{
  display: block;
    margin-bottom: 10px;
}
#content #contents h3{
  text-align: center;
}
#content .shop-list .title-box select{
  margin-left: auto;
  margin-right:auto; 
  display: block;
}

#content .shop-list .shop-box .link-box{
  padding-left: 5px;
  padding-right: 5px;
}
#content .shop-list .shop-box .link-box .icon-box{
  right: 5px;
}
#content .shop-list .shop-box .link-box .icon-box img{
  width:35px;
}
#content .shop-list .shop-box .fortop{
  margin-top: 15px;
}
#content .shop-list .shop-box .saech-box a{
  text-align: center;
  padding-top: 10px!important;
  padding-bottom: 20px!important;
  height: 72px!important;
}


}



@media screen and (max-width:360px){
#content .shop-list .shop-box .saech-box{
  width: 100%;
}
#content .shop-list .shop-box .saech-box a br:last-child{
  display: none;
}

}