@charset "UTF-8";

/************************************************
 ブラウザリセット
************************************************ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
}
table,caption,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse : collapse ;
  border-spacing: 0px;
  empty-cells: show;
  text-align: left;
  font-weight: normal;
}
a img,iframe {
  border: none;
}
ol,ul,li {
  list-style: none;
}
input,textarea,select,button {
  font-size: 100%;
  font-family: inherit;
}
/* =============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px){
.frame_outer{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
}
/* コンテンツ */
#container {
  margin: 0 auto;
  padding: 0 ;
  max-width: 1200px;
  background: #fff;
  text-align: left;
}

@media screen and (max-width: 960px){
#container{
  width: 100%;
}
}

h2, h3 {
  font-size: 100%;
  line-height: 150%;
}
/* メイン部
----------------------------------------------- */
#main_column {
  padding: 0;
}

/* 1カラム時 */
#main_column.colnum1 {
  margin: 0 auto;
  width: 80%;
}

@media screen and (max-width: 960px){
#main_column.colnum2{
  width: 100%;
}
}
/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {
  padding-left: 1.5%;
  float: left;
}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
/*  padding-right: 1.5%;*/
  float: right;
}
@media screen and (max-width: 960px){
#main_column.colnum2.right {
  padding-right: 0;
  float: right;
}
}
/* 3カラム時 */
#main_column.colnum3 {
  padding-left: 0.5%;
  width: 59%;
  float: left;
}
/* サイドカラム
----------------------------------------------- */
.side_column {
    padding: 0;
}
#leftcolumn {
    float: left;
    width: 16.666666%;
    clear: both;
}
@media screen and (max-width: 960px){
#leftcolumn{
display: none;
}
}
#rightcolumn {
    float: right;
    width: 20%;
}

/* ===============================================
▼ステータスブロック
=============================================== */

div#recommend_area2015 {
  width: 95%;
  margin: 0 auto;
}
div#recommend_area2015 h2{
  margin: 0 0 20px 4%;
}
div#recommend_area2015 h2 img{
  height: 23px;
}
div#recommend_area2015 div.block_body2015{
  width: 100%;
  text-align: center;
}
div#recommend_area2015 div.product_item2015{margin:  0 0 40px 0;float: left;/* width: 16.6% !important; */}
div#recommend_area2015 div.productImage2015 {
  height: 270px;
}
div#recommend_area2015 div.productImage2015  a.smp_link {
  display: none;
}
@media screen and (max-width: 960px){
div#recommend_area2015 div.productImage2015  a.smp_link {
  display: inline;
}
div#recommend_area2015 div.productImage2015  a.pc_link {
  display: none;
}
}
div#recommend_area2015 div.productImage2015 img{
  width: 197px;
  height: 270px;
}
div#recommend_area2015 div.productImage2015 div.soldout img{
  margin-top: -238px;
}
div#recommend_area2015 div.productContents2015{
  margin: 30px 0 0 0;
  height: 50px;
}
div#recommend_area2015 div.productContents2015 h3{
  font-size: 12px;
}
div#recommend_area2015 div.productContents2015 span.price2{
  font-size: 12px;
  color: #000;
}
div#recommend_area2015 div.seemore{
  width: 100%;
  text-align: center;
  margin: 0 0 30px 0;
}
div#recommend_area2015 div.seemore img{
  width: 137px;
}
div#recommend_area2015  p.seemore2{
  width: 100%;
  clear: both;
  display: none;
}
div#recommend_area2015  p.seemore2 a{
  display: block;
  background-color: #ddd;
  padding: 15px 0;
  font-size: 13px;
  font-family: "Times New Roman";
}
@media screen and (max-width: 640px){
div#recommend_area2015 h2{
  margin: 10px 0 20px 0;
  text-align: center;
}
div#recommend_area2015 div.product_item2015{
  width: 50%;
  position: relative;
  padding-top: 80%;
}
div#recommend_area2015 div.product_item2015_02 {
  position: absolute;
  top: 0;
}
div#recommend_area2015 div.productImage2015 {
  height: auto;
}
div#recommend_area2015 div.productImage2015 img{
  width: 90%;
  height: auto;
}
div#recommend_area2015 div.productContents2015 {
  margin: 10px auto 0 auto;
  text-align: center;
  height: auto;
}
div#recommend_area2015 div.seemore img{
  display: none;
}
div#recommend_area2015 div.seemore img.seemore2{
  display: inline;
}
div#recommend_area2015 div.seemore img{
  display: none;
}
div#recommend_area2015 div.seemore p.seemore2{
  display: inline;
}
div.block4_12 {
  display: none;
}
div.preorder_blok {
  display: none;
}
}
div#recommend_area2015 div.productImage2015{
  position: relative;
}


div#recommend_area2015 h2{
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  padding: 16px 0;
  font-size: 15px;
  margin: 16px auto;
}

div#recommend_area2015{
  width: 100%;
}
div#recommend_area2015 div.product_item2015
{
  width: 25%;
}
div#recommend_area2015 div.seemore{
  font-size: 10px;
  font-weight: normal;
}
div#recommend_area2015 div.seemore a{
  position: relative;
}
div#recommend_area2015 div.seemore a:after{
  display: block;
  content: "";
  position: absolute;
  top: 70%;
  right: -16px;
  width: 4px;
  height: 4px;
  margin: -5px 0 0 0;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px){
div#recommend_area2015 div.seemore a:after{
  display: block;
  content: "";
  position: absolute;
  top: 60%;
  right: -10px;
  width: 4px;
  height: 4px;
  margin: -5px 0 0 0;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
div#recommend_area2015 div.seemore{
  font-size: 12px;
  font-weight: bold;
}
div#recommend_area2015 h2{
  padding: 8px 0;
  font-size: 12px;
}
div#recommend_area2015 div.product_item2015{
  width: 50%;
}
}
@media screen and (max-width: 640px){
div#recommend_area2015 h2{
margin: 10px 0 20px 0;
text-align: center;
}
div#recommend_area2015 div.product_item2015{
width: 50%;
position: relative;
padding-top: 80%;
}

div#recommend_area2015 div.product_item2015_02 {
position: absolute;
top: 0;
}
div#recommend_area2015 div.productImage2015 {
height: auto;
}
div#recommend_area2015 div.productImage2015 img{
width: 90%;
height: auto;
}
div#recommend_area2015 div.productContents2015 {
margin: 10px auto 0 auto;
text-align: center;
height: auto;
}
div#recommend_area2015 div.seemore img{
display: none;
}
div#recommend_area2015 div.seemore img.seemore2{
display: inline;
}
div#recommend_area2015 div.seemore img{
display: none;
}
div#recommend_area2015 div.seemore p.seemore2{
display: inline;
}
div.block4_12 {
display: none;

}
div.preorder_blok {
display: none;

}
}
#example3{
  margin: 0 auto;
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
  padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
  padding: 0 0 20px;
}
#container .side_column .block_outer {
  adding: 0 7% 10px;
}

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
  color: #000000;
  text-decoration: none;
}
a:link:hover,
a[href]:hover {
  color: #CCC;
}

a.ec-link {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
  &:hover {
    color: #33A8D0;
    text-decoration: none;
  }
}

div#recommend_area2015 div.productImage2015 img{width: 97%;height: auto;}
div.snap_block_area  div#recommend_area2015 div.productImage2015{
  height: auto !important;
}

div.snap_block_area div#recommend_area2015 div.productContents2015{
  margin: 0px 0 0 0 !important;
  text-align: left;
  padding: 0 32px;
}
div.snap_block_area h2{
  margin-bottom: 32px !important;
}

@media screen and (max-width: 768px){
div#recommend_area2015 div.productImage2015 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
div.snap_block_area div#recommend_area2015 div.productImage2015 img{
  width: 100% !important;
  height: auto;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 20%;
  box-sizing: border-box;

}
div.snap_block_area div#recommend_area2015 div.productContents2015{
  margin: 0px auto !important;
  text-align: left;
  padding: 0 0 0 20%;
}

p.seemore_snap{
  margin-top: 30px;
}
}

@media screen and (min-width: 768px){
.item_in{
  display: inline !important;
}
}

@media screen and (max-width: 768px){
.item_inbtn{
  clear: both;
}
.item_inbtn p{
  padding: 50px 0 0 0;
}
.item_inbtn p{
  padding: 50px 0 0 0;
}
}

ul.status_icon3{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.status_icon3 {
  width: 100%;
  margin: 0 auto 10px auto;
}

/* 2020.04.17 Add 微調整用 */
.icon-mrgn_nomal {
    width: 100%;
    margin: 0px auto 4px auto;
}

ul {
  list-style: none;
}
div.soldout a{
  height: 270px;
  line-height: 270px;
}
@media screen and (max-width: 768px){
ul.status_icon3 li{
  font-size: 7px;
  padding: 0px 4px !important;
}
div#recommend_area2015 div.product_item2015{
  padding-top: 93% !important;
}
div.soldout{
  background: rgba(255,255,255,0.4);
}
div.soldout a{
  height: 270px;
  line-height: 270px;
}
}
@media screen and (max-width: 321px){
ul.status_icon3 li{
  font-size: 5px;
  padding: 0px 4px !important;
}
div#recommend_area2015 div.product_item2015{
  padding-top: 93% !important;
}
div.snap_block_area div#recommend_area2015 div.productImage2015 img{
  width: 100% !important;
  height: auto;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 10%;
  box-sizing: border-box;
}
div.snap_block_area div#recommend_area2015 div.productContents2015{
  margin: 0px auto !important;
  text-align: left;
  height: 200px !important;
  padding: 0 0 0 10%;
}
p.seemore_snap{
  margin-top: 80px;
}
}
@media screen and (max-width: 768px){
div.soldout a{
  height: 210px !important;
  line-height: 210px !important;
}
}
@media screen and (max-width: 330px){
div.soldout a{
  height: 180px !important;
  line-height: 180px !important;
}
}
@media screen and (max-width: 768px){
div#recommend_area2015 div.comingsoon01{
  margin: 0 !important;
  padding-top: 55% !important;
  width: 33.34% !important;}
}
@media screen and (max-width: 321px){
div#recommend_area2015 div.comingsoon01{
  margin: 0 !important;
  padding-top: 55% !important;
}
}

div#recommend_area2015 div.productContents2015{
  height: 135px;
}
@media screen and (max-width: 768px){
div#recommend_area2015 div.productContents2015{
  height: auto;
}
}

div#recommend_area2015 div.productContents2015 h3{
  font-weight: normal;
}

.price {
	text-align: center;
	margin-top: 2px;
}
span {
  cursor: pointer;
}

li.icon_1,li.icon_2,li.icon_3,li.icon_4,li.icon_5,li.icon_6,li.icon_19{
  background-color: #fff;
  color: #000;
  font-size: 11px;
  padding: 1px 4px;
  margin: 2px 2px 0 0;
  border: 1px solid #000;
}
li.icon_7,li.icon_12,li.icon_13{
  background-color: #c00;
  border: 1px solid #c00;
  color: #fff;
  font-size: 11px;
  padding: 1px 4px;
  margin: 2px 2px 0 0;
}
li.icon_8,li.icon_9,li.icon_10,li.icon_11,li.icon_13,li.icon_14,li.icon_15,li.icon_16,li.icon_17,li.icon_18{
  background-color: #fff;
  border: 1px solid #fff;
  color: #c00;
  font-size: 11px;
  padding: 1px 4px;
  margin: 2px 2px 0 0;
}
p {
 color:#7c7c7c;
}
.status_icon3 li {
  float: left;
}
@media screen and (min-width: 801px){
li {
  list-style: none;
}
}

@media screen and (min-width:480px) {
p {
  color:#9a9a9a;
}
}
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}
.clearfix {
  display: block; /* for IE8 */
}
.clear {
  clear: both;
}
#image201508 {
  text-align: center;
  margin: 0;
}

#image201508 img {
  text-align: center;
  margin: 10px 0 5px 0;
}

#image201508 p {
  width: 90%;
  margin: 0 auto;
  padding: 16px 0;
}

@media screen and (max-width: 640px) {
#image201508 p {
  font-size: 2vmin;
  padding: 8px 0;
}
}

.sp-image201506 {
  margin: 8px auto 0px auto !important;
}

@media screen and (max-width: 960px) {
img.sp-image201506 {
  width: 100%;
}

.sp-image201506 {
  margin: 4px auto 0px auto !important;
}
}

h2.title {
  font-size: 15px;
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid #000;
  font-weight: bold;
  margin-bottom: 32px;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px){
h2.title {
  font-size: 18px;
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #000;
  font-weight: bold;
  margin: 16px auto;
  width: 98%;
}
}

ul.store2017 {
  width: 100%;
  clear: both;
  margin-bottom: 24px;
}

ul.store2017 li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.store2017 li.store2017_01 {
  width: 360px;
}

ul.store2017 li.store2017_01 p {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

ul.store2017 li.store2017_02 {
  width: 500px;
}

ul.store2017 li.store2017_02 p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 16px;
}

ul.store2017 li.store2017_03 {
  width: 140px;
}

ul.store2017 li.store2017_03 p {
  font-size: 16px;
  font-weight: bold;
}

ul.store2017 li.store2017_03 p a {
  border: 1px solid #000;
  padding: 8px 49px;
}

ul.store2017 li.store2017_04 {
  float: right;
}

ul.store2017 li.store2017_04 p {
  margin: 30px 0 0 0;
}

ul.store2017 li.store2017_04 p svg {
  width: 30px;
}

ul.store2017 li.store2017_05 {
  width: 100%;
  height: 80px;
}
@media screen and (max-width: 768px){
ul.store2017 li.store2017_01, ul.store2017 li.store2017_02 {
  width: 100%;
  padding: 16px;
}

ul.store2017 li.store2017_02 {
  padding-bottom: 0;
}

ul.store2017 li.store2017_03, ul.store2017 li.store2017_04 {
  width: 50%;
  padding: 16px;
}

ul.store2017 li.store2017_03 p {
  margin: 6px 0 0 0;
}

ul.store2017 li.store2017_03 p a {
  padding: 8px 60px;
  font-size: 12px;
}

ul.store2017 li.store2017_04 p {
  margin: 0;
}

ul.store2017 li.store2017_01 p {
  font-size: 14px;
}

ul.store2017 li.store2017_02 p {
  font-size: 11px;
}

#example3_thumbs {
  margin: 16px auto;
}

#example3_thumbs a img {
  width: 50px;
}
}

/* SNS
----------------------------------------------- */

ul.storeWrap {
	margin-top: 80px;
}

ul.storeWrap li {
	display: inline-block;
	width: 49%;
	margin-bottom: 50px;
}

div.store_title p {
	text-align: center;
	color: #000000;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 8px;
}

div.icon {
	text-align: center;
}


div.icon img {
	width: 75px;
}

div.icon.app img {
	width: 100px;
}

/* tradelaw
----------------------------------------------- */

h2, h3, h4 {
	font-weight: bold;
}

.contentWrap {
  padding: 0 2%;
}

.contentWrap h2.pageTitle {
	padding: 44px 0 20px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 25px;
	font-size: 1.9rem;
}

h3.CrossHead {
	margin: 20px 0 10px 0;
	font-size: 1.5rem;
}

h4.Definition {
	margin: 20px 0 10px 0;
}

h4.Definition, .tbl-r02 th, .tbl-r02 td,
.contentWrap p, .contentWrap ul {
	font-size: 1.28rem;
}

table.tbl-r02 {
	width: 100%;
}

.tbl-r02 th {
	background-color: #fff6f9;
}

.tbl-r02 th, .tbl-r02 td {
	border: 1px solid #ddd;
	padding: 3px 5px;
}

.ec-breadcrumb ul li.ec-breadcrumb__item p,
.contentWrap p {
	color: #000;
}

.contentWrap p.anotation {
	font-size: 1.2rem;
    padding: 10px 0;
	color: #333;
}

.backbutton_container {
	margin: 36px auto 0;
	width: 100%;
	max-width: 460px;
	background-color: #000;
	text-align: center;
	padding: 15px 10px;
	-moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 0.5);
	-o-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 3px rgba(255, 255, 255, 0.5);
}

.backbutton_container a {
	color: #fff;
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
 
@media screen and (max-width: 768px) {
	.contentWrap {
		padding: 0 3%;
	}
	.contentWrap h2.pageTitle,
	h3.CrossHead, h4.Definition, .contentWrap p, .contentWrap ul {
		color: #666;
		font-size: 1.04rem;
	}
	.contentWrap p.anotation {
	    padding: 10px 0;
		font-size: 1.04rem;
		color: #666;
	}

	.contentWrap h2.pageTitle {
		border-bottom: 1px solid #000;
		padding-bottom: 0;
	}
	h3.CrossHead {
		margin: 20px 0 10px 0;
		border-bottom: 2px solid #000;
	}
	table.tbl-r02 tr th, table.tbl-r02 tr td {
		font-size: 1rem;
	}
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	.tbl-r02 th,
	.tbl-r02 td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
	.tbl-r02 th {
		background-color: #f0f0f0;
		color: #333;
	}
	.tbl-r02 td {
		color: #666;
	}
	h4.Definition {
		border-bottom: 1px dotted #999;
	}
}

/* guide
----------------------------------------------- */

dl.guide dt {
	font-weight: normal;
}

dl.guide dt.guide_service {
	margin-bottom: 12px;
}

span.colorRed {
	color: #E21214;
}

.weightBold {
	font-weight: bold;
}

.payment_banner {
	margin: 10px 0 10px;
}

.payment_banner img {
	width: 100%;
	max-width: 600px;
}

.contentWrapPayment {
	margin-bottom: 40px;
}

table tr td .img_cardface {
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	dl.guide dt, dl.guide dd {
		color: #666;
	}
	dl.guide dd, dt.guide_service {
		font-size: 1rem;
	}
}