/** Shopify CDN: Minification failed

Line 512:8 Expected "}" to go with "{"

**/
@charset "UTF-8";



/*------------------------------------------------------
　基本設定
-------------------------------------------------------*/
body {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic,'Sawarabi Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #2a2a2a;
  font-weight: 500;
  line-height: 1.5;
  background-position: center; }

img {
  max-width: 100%;
  height: auto; }

/* リンク
-------------------------------------------------------*/
a {
  text-decoration: none;
  border-bottom:none;
}
a[target="_blank"]{
  background-image:url("/cdn/shop/files/new-tab.png?v=1615872837");
  padding-right:1.5em;
  background-position:bottom right;
  background-size:1em;
  background-repeat:no-repeat;
}
a.btn--share{
  background-image:none;
}
.social-icons__item a[target="_blank"]{
  background-image:none;
  padding-right:0;
}
.a-text-link a{
  text-decoration:underline;
}
/* フォント
-------------------------------------------------------*/
.red {
  color: #bc0a17; }

.blue {
  color: #03419E; }

.w-blue {
  color: #6ebee5; }

.green {
  color: #003618; }

.orange {
  color: #E85616; }

.pink {
  color: #ff7bac; }

.gray {
  color: #666; }

.white {
  color: #fff; }

.gold {
  color: #a57f38; }

.black {
  color: #333; }

.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

p.headspace {
  margin-left: 1em; }

p.indent10 {
  text-indent: 1em; }

p.starmark10 {
  margin-left: 1em;
  text-indent: -1em; }

ul.starmark {
  list-style: none; }

ul.starmark li {
  margin-left: 1em;
  text-indent: -1em; }

.font50 {
  font-size: 50%; }

.font60 {
  font-size: 60%; }

.font70 {
  font-size: 70%; }

.font80 {
  font-size: 80%; }

.font90 {
  font-size: 90%; }

.font100 {
  font-size: 100%; }

.font110 {
  font-size: 110%; }

.font120 {
  font-size: 120%; }

.font130 {
  font-size: 130%; }

.font140 {
  font-size: 140%; }

.font150 {
  font-size: 150%; }

.font160 {
  font-size: 160%; }

.font170 {
  font-size: 170%; }

.font180 {
  font-size: 180%; }

.font190 {
  font-size: 190%; }

.font200 {
  font-size: 200%; }

.font210 {
  font-size: 210%; }

.font220 {
  font-size: 220%; }

.font230 {
  font-size: 230%; }

.font240 {
  font-size: 240%; }

.font250 {
  font-size: 250%; }

.font260 {
  font-size: 260%; }

.font270 {
  font-size: 270%; }

.font280 {
  font-size: 280%; }

.font290 {
  font-size: 290%; }

.font300 {
  font-size: 300%; }

@media screen and (max-width: 768px) {
  .font110 {
    font-size: 105%; }

  .font120 {
    font-size: 110%; }

  .font130 {
    font-size: 115%; }

  .font140 {
    font-size: 120%; }

  .font150 {
    font-size: 125%; }

  .font160 {
    font-size: 130%; }

  .font170 {
    font-size: 135%; }

  .font180 {
    font-size: 140%; }

  .font190 {
    font-size: 145%; }

  .font200 {
    font-size: 150%; }

  .font210 {
    font-size: 155%; }

  .font220 {
    font-size: 160%; }

  .font230 {
    font-size: 165%; }

  .font240 {
    font-size: 170%; }

  .font250 {
    font-size: 175%; }

  .font260 {
    font-size: 180%; }

  .font270 {
    font-size: 185%; }

  .font280 {
    font-size: 190%; }

  .font290 {
    font-size: 195%; }

  .font300 {
    font-size: 200%; } }
storong {
  font-weight: bold; }

em {
  font-family: "ＭＳ Ｐゴシック", 小塚ゴシック Pro, Meiryo, "メイリオ", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif; }

.japan_font {
  font-family: "Noto Serif JP","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.font-yugo {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic,'Sawarabi Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.font-yumin {
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", 'Sawarabi Mincho', sans-serif; }
.font-normal {
  font-family: Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro", "MS PGothic","Segoe UI Light","Segoe UI"; }
.font-en {
  font-family: 'Arimo', sans-serif; }
.font-m-plus {
  font-family: 'M PLUS Rounded 1c', sans-serif; }
.font-none {
  font-family: 'Noto Sans JP', sans-serif; }

.android .japan_font {
  font-weight: bold; }

/* 文字ぞろえ
-------------------------------------------------------*/
.textcenter {
  text-align: center; }

.textright {
  text-align: right; }

.textleft {
  text-align: left; }

@media screen and (max-width: 768px) {
  /*改行*/
  .br:before {
    content: "\a";
    white-space: pre; } }
/* スマホ切り替え
-------------------------------------------------------*/
.sp_alive {
  display: none; }

.pc_alive {
  display: block; }

@media screen and (max-width: 768px) {
  .sp_alive {
    display: block; }

  .pc_alive {
    display: none; } }
.sp_sm_alive {
  display: none; }

.pc_sm_alive {
  display: block; }

@media screen and (max-width: 574px) {
  .sp_sm_alive {
    display: block; }

  .pc_sm_alive {
    display: none; } }
/* 画像
-------------------------------------------------------*/
/*--画像に文字を回り込ませるとき--*/
.imgright {
  float: right;
  margin: 0 0 10px 10px; }

.imgleft {
  float: left;
  margin: 0 10px 5px 0; }

@media screen and (max-width: 768px) {
  .imgright {
    float: none;
    margin: 0 auto 0.5em;
    text-align: center; }

  .imgleft {
    float: none;
    margin: 0 auto 0.5em;
    text-align: center; } }
/*スマホ時も常に回り込ませる*/
.imgright_all {
  float: right;
  margin: 0 0 10px 10px; }

.imgleft_all {
  float: left;
  margin: 0 10px 5px 0; }

.att {
  padding-left: 1em;
  text-indent: -1em; }
  
  

/*------------------------------------------------------
　スペース
-------------------------------------------------------*/
/*padding*/
.pd_0 {
  padding: 0 !important; }
.pd_5 {
  padding: 5px; }

.pd_10 {
  padding: 10px; }

.pd_20 {
  padding: 20px; }

.pd_30 {
  padding: 30px; }

/*margin*/
.m_0 {
  margin: 0 !important;}
/*上下*/
.mt05 {
  margin-top: 0.5em; }

.mb05 {
  margin-bottom: 0.5em; }

.mt10 {
  margin-top: 1em; }

.mb10 {
  margin-bottom: 1em; }

.mt20 {
  margin-top: 2em; }

.mb20 {
  margin-bottom: 2em; }

.mt30 {
  margin-top: 3em; }

.mb30 {
  margin-bottom: 3em; }

.mt40 {
  margin-top: 4em; }

.mb40 {
  margin-bottom: 4em; }

.mt50 {
  margin-top: 5em; }

.mb50 {
  margin-bottom: 5em; }

.mt60 {
  margin-top: 6em; }

.mb60 {
  margin-bottom: 6em; }

.mt70 {
  margin-top: 7em; }

.mb70 {
  margin-bottom: 7em; }

.mt80 {
  margin-top: 8em; }

.mb80 {
  margin-bottom: 8em; }

.mt90 {
  margin-top: 9em; }

.mb90 {
  margin-bottom: 9em; }

.mt100 {
  margin-top: 10em; }

.mb100 {
  margin-bottom: 10em; }

@media screen and (max-width: 768px) {
  .mt10 {
    margin-top: 0.5em; }

  .mb10 {
    margin-bottom: 0.5em; }

  .mt20 {
    margin-top: 1em; }

  .mb20 {
    margin-bottom: 1em; }

  .mt30 {
    margin-top: 1.5em; }

  .mb30 {
    margin-bottom: 1.5em; }

  .mt40 {
    margin-top: 2em; }

  .mb40 {
    margin-bottom: 2em; }

  .mt50 {
    margin-top: 2.5em; }

  .mb50 {
    margin-bottom: 2.5em; }

  .mt60 {
    margin-top: 3em; }

  .mb60 {
    margin-bottom: 3em; }

  .mt70 {
    margin-top: 3.5em; }

  .mb70 {
    margin-bottom: 3.5em; }

  .mt80 {
    margin-top: 4em; }

  .mb80 {
    margin-bottom: 4em; }

  .mt90 {
    margin-top: 4.5em; }

  .mb90 {
    margin-bottom: 4.5em; }

  .mt100 {
    margin-top: 5em; }

  .mb100 {
    margin-bottom: 5em; }
	
	
/* clearfix
-------------------------------------------------------*/
.clearfix {
  min-height: 1px;
  /*IE6、7対策*/ }
  .clearfix:after {
    /*floatの解除、ここがポイント*/
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/ /*MAC IE5.x対策*/
  height: auto;
  overflow: hidden;
  /**/ }