@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html{
  font-size: 62.5%;
}

body{
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese','Yu Gothic',YuGothic,'Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS PGothic',sans-serif;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #666;
  background:url('img/bg_dot_g.jpg');
}

.topimg{
  margin: 0;
}



@media screen and (max-width: 414px) {
  html{
    font-size: 50%;
  }

  .topimg{
    margin: 35px 0 0 0;
  }
}

a img:hover{
  -webkit-filter: brightness(1.1);
  -moz-filter: brightness(1.1);
  -o-filter: brightness(1.1);
  -ms-filter: brightness(1.1);
  filter: brightness(1.1);
}

/*
トップ画像
*/

.img_saekanoshop_logo{
  width: 250px;
  position: fixed;
  top:20px;
  left:0;
}

.img_toptext1{
  margin: 10px 0 0;
  clear: both;
  max-width: 1000px;
  width: 80%;
  float: right;
}

.img_toptext2{
  margin: 10px 0 0;
  clear: both;
    max-width: 900px;
  width: 40%;
  float: right;
}

header{
  height:32px;
  background:#FF9934;
  padding:5px 0;
}

/*
ナビ
*/

.page_nav{
  position: fixed;
  transition: 1s;
  width: 200px;
  top:42px;
  left:0px;
  width: 100%;
  background: rgba(255,255,255,.9);
}

.fixed{
  top:0px;
  left:0px;
}


.page_nav_ul{
  padding:0;
  margin: 0;
      display: flex;
    width: 100%;
}

.page_nav_li{
  list-style: none;
  font-size: 2.4rem;
  transition:.2s;
    text-align: center;
  width: 100%;
}

.page_nav_li a{
  text-decoration: none;
  color:#555;
  transition:.2s;
  padding: 10px 0;
      display: block;
}

li.move-page-top {
  padding: 10px 0;
}

.page_nav_li a:hover,
.page_nav_li:hover
{
    background:#ea616f;
    color: #fff;
}


  .page_nav_li:not(:first-child){
    border-left: 1px solid #eee;
  }


  .responsive{
    display: none;
  }


/*
メインコンテンツ
*/
.main{
  max-width: 1366px;
  margin: 0 auto;
}

.section{
  margin:0 0 100px;
  background: rgba(255,255,255,0.95);
  padding: 20px;
}

@media screen and (max-width: 414px) {
  .section{
    padding: 20px 5px;
  }
}

.section_inner{
  max-width: 1000px;
  margin: 0 auto;
}

.page_h1{
  margin: 0 auto;
  max-width:1200px;
}

.section_h1{
  border-bottom: 4px dotted;
}

@media screen and (max-width: 414px) {
  .section_h1{
    font-size:2.4rem;
  }
}


.section_h2{
  margin: 2rem 0 .5rem 0;
}

.section_h2:before{
  content: "●"
}

.goods_h2{
    background: #E6336D;
    color: #fff;
    border-radius: 25px;
    padding: 2px 10px;
    margin:2rem 0 3rem 0;
}

.section_h3{
  margin: .5rem 0 .3rem 1.6rem;
}

.section_h3:before{
  content: "\0030fb"
}

.entry{
margin:.5rem 0 2.4rem 1.6rem;
}

.catch{
font-size: 2.2rem;
}

.attention{
  color: #900;
}

.bold{
  font-weight: 600;
}

.spotlight{
  border: 1px dashed #E6316D;
  background: #FFF7FA;
  margin: 0 0 40px;
}

.spotlight__head{
  background: #E6316D;
  margin: 0;
  padding: .8rem;
  font-size: 1.8rem;

  color: #fff;
}

.spotlight__entry{
  padding: 0 1.6rem;
}



/*
グッズ
*/
.goods_ul{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.goods_li{
  border: 1px dashed #ea616f;
  list-style: none;
  display: flex;
  margin: 0 0 35px;
  width: 47%;
  padding: 10px;
}

.goods_img{
  width: 100%;
  max-width: 348px;
}
.goods_text_wrapper{
  margin:0 0 0 24px;
  width: 100%;
}

.goods_name{
  color:#ea616f;
  font-size: 2.2rem;
  font-weight: 500;
  margin: 0 0 .5rem;
}


.goods_text{
  font-size: 1.8rem;
  margin: 0 0 2.4rem;
}

.goods_size{
  font-size: 1.4rem;
  margin: 0 0 2.4rem;
}

.goods_limit{
  font-size: 1.4rem;
  margin: 0;
  text-align: right;
}

.goods_soldout{
  color:#990000;
}

.goods_price{
  font-size: 1.4rem;
  margin: 0;
  text-align: right;
}

.goods_price_number{
  font-size: 2.2rem;
}

@media screen and (max-width: 414px) {
  .goods_ul{
    display: block;
  }
  .goods_li{
    padding: 20px 5px;
    display: block;
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
  }

  .goods_text_wrapper{
   margin: 0;
   }
 }


 /*
展示
*/

.exhibition_ul{
  padding: 0;
  display: flex;
  flex-wrap:wrap;
  max-width: 1000px;
  justify-content:space-between;
  margin: 0 auto;
}

.exhibition_li{
  list-style: none;
  width: calc(50% - 2px);
  width: -webkit-calc(50% - 2px);
  max-width: 500px;
}

.exhibition_table th{
  text-align: left;
  vertical-align: top;
  width: 30%;
}

.relation_img{
  max-width: 800px;
}

/*
フッター
*/
.footer{
  background: #E6336D;
  padding: 10px;
}

.copyright{
  font-size: 1.2rem;
  color: #fff;
  text-align: right;
  margin: 0;
}

/*
トップへもどる
*/
#page-top{
  width:55px;
  height:50px;
  display:none;
  position:fixed;
  right:16px;
  bottom:140px;
}

#page-top_inner{
  margin:0;
  padding:0;
  text-align:center;
  background:#555;
  border-radius:30px;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}

#page-top_inner:hover{
  background-color:#ea616f;
  opacity:1;
}

#page-top-fixed{
  color:#fff;
  text-decoration:none;
  display:block;
}

.move-page-top{
  cursor:pointer;
}

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

}