@charset "UTF-8";

/* CSS Document */
/*--------------------------------------------------------
 商品詳細ページ2019
----------------------------------------------------------*/

#nation19_itemdetail .item_box{
  margin: 0 auto;
  padding: 3%;
  background: url(../img/cmn/item_bg.png);
}
#nation19_itemdetail img{ width: 100%;}
#nation19_itemdetail .item_detail li{margin-bottom: 1em;}
#nation19_itemdetail .item_info .plans{
font-size: 18px;
font-weight: bold;
margin-bottom:.5em;
padding-bottom: 0.6em;
}
#nation19_itemdetail .item_box .item_txt a{ color: #fcd814;}
#nation19_itemdetail .item_box .item_txt{ text-align: left; border-bottom:1px solid #989898; padding-bottom: 1.8em;}

/*ブランドロゴ*/
#nation19_itemdetail .item_logo{ margin: 0 2% 2% 0; width: 40%;}
/*商品名*/
#nation19_itemdetail .item_name{ font-size: 22px; line-height: 1.4em;}
/*メイン画像*/
#nation19_itemdetail .item_img{ margin: 0 auto 1em; width: 72%;}
/*サムネ画像*/
#nation19_itemdetail .item_thum li{ display: inline-block; margin: 0 2% 2% 0;}
#nation19_itemdetail .item_thum li:nth-child(3n){ margin-right: 0;}
/*価格*/
#nation19_itemdetail .item_price{ font-size: 18px; margin: 1em 0 0 0;}
/*ボタン*/
#nation19_itemdetail .btn{
  display: inline-block;
  text-align: center;
  padding: 1em;
  cursor: pointer;
  color: #FFF;
  background: #00a0e9;
}
#nation19_itemdetail .btn a{
text-decoration: none;
}

/*購入ページボタン*/
#nation19_itemdetail .btn{ width: 100%; margin: 1em 0 0 0;}
#nation19_itemdetail .btn a{
    color: #fff;
    height: 100%;
    width: 100%;
    display: block;}
/*動画*/
#nation19_itemdetail .item_movie{ margin: 1em 0; position:relative; padding-top:56.25%; width:100%;}
#nation19_itemdetail .item_movie iframe{ height:100%; position:absolute; top:0; right:0; width:100%;}

/*-------その他商品-------*/
#nation19_itemdetail .item_other_list .item_box{ display: inline-block; margin: 0 2% 2% 0; vertical-align: top; width: 42%;}
/*画像*/
#nation19_itemdetail .item_other_list .item_img{ margin: 0 auto 6%; width: 100%;}
/*商品名*/
#nation19_itemdetail .item_other_list .item_new{ font-size: 12px;}
#nation19_itemdetail .item_other_list .item_name{ font-size: 14px;}
#nation19_itemdetail .item_other_list .item_detail{ font-size: 12px; margin: 0 auto;}

#nation19_itemdetail span{font-weight: bold; display: block;}

/*-------その他商品-------*/
.item_copy{text-align: center; font-size: 0.7em;}

/*-------トップペーjリンク-------*/
.top_back a{
  text-align: center;
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
  padding: 1em;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  color: #232323;
}



@media screen and (max-width:740px) {
/*-------その他商品-------*/
#nation19_itemdetail .item_other_list .item_box:nth-child(even){ margin-right: 0;}

/*購入ページボタン*/
#nation19_itemdetail .btn_purchase{  margin: 3% 4% 0 0;}

.item_detail{
  font-size: 0.9em;
}
/*商品詳細ページここまで
-----------------------*/
}


@media screen and (max-width:1080px) {
  #nation19_itemdetail .item_box{
    background: url(../img/cmn/item_bg.png);
    background-color: rgba(40,40,40,.8);
}
}
@media screen and (min-width:768px) {
#nation19_itemdetail .item_namebox{ align-items: center; display: flex;}
/*ブランドロゴ*/
#nation19_itemdetail .item_logo{ margin: 0 2% 0 0; width: 20%;}
/*メイン画像*/
#nation19_itemdetail .item_img{ float: left; margin: 0 2% 0 0; width: 42%;}
/*サムネ画像*/
#nation19_itemdetail .item_thum{ float: left; width: 56%;}
/*商品仕様/セット内容*/
#nation19_itemdetail .item_detail{ float: left; width: 50%;}
/*価格*/
#nation19_itemdetail .item_info{ float: left; margin: 0 0 0 4%; width: 46%;}
#nation19_itemdetail .item_price{ margin: 0;}



/*-------その他商品-------*/
#nation19_itemdetail .item_other_list .item_box{ display: inline-block; margin: 0 2% 2% 0; width: 17%;}
#nation19_itemdetail .item_other_list .item_box:nth-child(4n){ margin-right: 0;}
/*メイン画像*/
#nation19_itemdetail .item_other_list .item_img, #nation19_itemdetail .item_other_list .item_detail{ float: none; width: 100%;}
}

/*商品詳細ページここまで
-----------------------*/



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

/*サムネ画像*/
#nation19_itemdetail .item_thum li{ width: 32%;}

/*商品詳細ページここまで
-----------------------*/

}


/*…AndMORE!!*/
#nation19_eventitem .item_box .txt-andmore{ margin: 0 auto; max-width: 350px; position: relative;}
#nation19_eventitem .item_box .txt-andmore .txt-small{ font-size: 18px; line-height: 1;}
#nation19_eventitem .item_box .txt-andmore .txt-large{ font-size: 23px;}
#nation19_eventitem .logo_list{ margin: 3em 0 0;}
#nation19_eventitem .logo_list .logo{ display: inline-block; margin: 0 2% 6%;}
#nation19_eventitem .txt-andmore{ position: absolute; bottom: 1%; right: 0;}







/*-------開催記念商品-------*/
#nation19_eventitem{ border-bottom: 1px solid #4d4d4d;}
#nation19_eventitem .read_txt{ margin: 0 0 2em; }
#nation19_eventitem .read_txt .txt-bold{ font-size: 18px;}
#nation19_eventitem .read_txt .txt-yellow{ font-size: 24px;}
#nation19_eventitem .tag,
#nation19_itemdetail .tag{
  color: #00a0e9;
  margin: 1em 0;
  padding: 0.2em 0.2em;
  text-align: center;
  background: #fff;
}

#nation19_itemdetail .tag span{font-size: 0.75em!important;}

.txt-important a{ color: #fff !important; font-size: 12px; margin: 0 0 3em;}


/*商品リスト*/
#nation19_eventitem .item_list{ margin: 0 auto; position: relative; width: 100%;}
#nation19_eventitem.top .item_list li{ display: inline-block; margin: 0 4% 0 0; width: 46%;}
/*各商品枠*/
#nation19_eventitem .item_box{ background: #051b39; border: 1px solid #225488; margin: 0 auto 3%; padding:3%; vertical-align: top; max-width: 310px;}
/*商品画像*/
#nation19_eventitem .item_img{ display:block; margin:0 auto 6%; width: 100%;}
#nation19_eventitem.top .item_img{ margin:0 auto 2em;}

/*商品名*/
#nation19_eventitem .item_new{ font-size: 14px;}
#nation19_eventitem .item_name{ font-size:16px; font-weight:bold; line-height:1.5em; margin: 0 0 1em;}
/*ボタン*/
#nation19_eventitem .btn{ margin: 1em 0 0;}
/*購入ページボタン*/
#nation19_eventitem .eventitem_btn_purchase{ margin: 1em 0 0;}
/*赤枠*/
.note-red img{ max-width: 310px;}

/*-------幅指定-------*/
.nation19_box{  width: 100%;  background: #303030;
}
.nation19_inner{ margin: 0px 0%;  width: 100%;}