@charset "UTF-8";
/*
Theme Name: MY-THEME
*/
@import "style-visual.css";

/* Webフォント読込サンプル */
/*
@font-face {
  font-family: "Font-Family-NAME";
  src: url(css/fonts/font-file.woff2) format("woff2"),
  url(css/fonts/font-file.woff) format("woff"),
  url(css/fonts/font-file.eot) format("eot");
  font-weight: 400;
  font-style: normal;
}
*/

/* ==========================================================================
   サイト毎の独自のスタイル
   ========================================================================== */

/* 基本フォント: ゴシック */
body{
  font-family:  'Noto Sans JP', "游明朝体", "Yu Mincho", YuMincho, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #383838;
}

/* 基本フォント: 明朝 */
/**/
body{
  /* 游明朝体 */
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  /* ヒラギノ明朝 */
  /*font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'Yu Mincho', '游明朝', 'MS Mincho', 'MS明朝', serif;*/
}

/* admin-barの高さ分の padding 設定 */
body.admin-bar{
  padding-top: 32px;
}
@media (max-width:782px){
  body.admin-bar{
    padding-top: 46px;
  }
} 

.gothic{
  font-family: '游ゴシック体','Yu Gothic', 'YuGothic', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a{
  color: inherit;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

img{
  max-width: 100%;
}
a:hover img{
  opacity: 0.8;
}

img[class*="wp-image-"],
img[class*="attachment-"]{
  max-width: 100%;
  height: auto;
}

i, em{
  font-style: normal;
}

/* 動画埋め込みのレスポンシブ対応 */
iframe{
  max-width: 100%;
}
.responsive_video { 
  position: relative; 
}

.responsive_video:before{
  content: "";
  display: block;
  padding-top:56.25%;
}
.responsive_video video, 
.responsive_video iframe, 
.responsive_video object, 
.responsive_video embed { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* テーブル */
table{
  width: 100%;
  table-layout: fixed;
}
table th,
table td{
  padding: 10px 10px;
}

/* テーブル 汎用class */
.tbl{
  
}
.tbl th,
.tbl td{
  border: 1px solid #b2b2b2;
}
.tbl th{
  
}
.tbl td{
  
}


/* スクロール テーブル */
.js-scrollable{
  overflow-x: auto;
}
.js-scrollable table{
  min-width: 748px;
}

/* 指定デバイスのみで表示するclass */
@media (min-width:1024px){
  .tb:not(.pc){
    display: none;
  }
  .sp:not(.pc){
    display: none;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .pc:not(.tb){
    display: none;
  }
  .sp:not(.tb){
    display: none;
  }
}
@media (max-width:767px){
  .pc:not(.sp){
    display: none;
  }
  .tb:not(.sp){
    display: none;
  }
}


.txt_ellipsis_line1,
.txt_ellipsis_line2,
.txt_ellipsis_line3,
.txt_ellipsis_line4,
.txt_ellipsis_line5,
.txt_ellipsis_line6,
.txt_ellipsis_line7,
.txt_ellipsis_line8,
.txt_ellipsis_line9,
.txt_ellipsis_line10{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.txt_ellipsis_line1{
  -webkit-line-clamp: 1;
}
.txt_ellipsis_line2{
  -webkit-line-clamp: 2;
}
.txt_ellipsis_line3{
  -webkit-line-clamp: 3;
}
.txt_ellipsis_line4{
  -webkit-line-clamp: 4;
}
.txt_ellipsis_line5{
  -webkit-line-clamp: 5;
}


/* ******************************
 *　
 * *******************************/
body{
  /*background: #7bc9ed;
  color: #FFF;*/
  background: #f5f5dc;
  color: #222;
}

/* ヘッダー */
header{
  margin-top: 10px;
  margin-bottom: 50px;
}
.site_header{
  border-bottom: 2px solid;
  margin-bottom: 15px;
}
.site_header .site_name{
  font-size: 18px;
}
.shop_header{
  
}
.shop_header .shop_name{
  font-size: 20px;
}

footer{
  margin-top: 50px;
  text-align: center;
}



@media (min-width:375px){
  
}
@media (min-width:576px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  /* ヘッダー */
  header{
  }
  .site_header{
    margin-bottom: 15px;
  }
  .site_header .site_name{
    font-size: 20px;
  }
  .shop_header{

  }
  .shop_header .shop_name{
    font-size: 24px;
  }
  
}
@media (min-width:992px){
  
}
@media (min-width:1200px){
  
}
@media (min-width:1400px){
  
  /* コンテナ */
  .container{
    max-width: 1140px;
  }
  
}


/* ******************************
 *　
 * *******************************/

@media (min-width:375px){
  
}
@media (min-width:576px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:992px){
  
}
@media (min-width:1200px){
  
}
@media (min-width:1400px){
  
  
}




/* ******************************
 *　
 * *******************************/

@media (min-width:375px){
  
}
@media (min-width:576px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:992px){
  
}
@media (min-width:1200px){
  
}
@media (min-width:1400px){
  
  
}