@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------
goldで制作しているページ用、共通のクラスなど
--------------------------------------------------------------------*/

/*--テキストの色・サイズ設定☆default--*/

/*body{
	color:#333;
	line-height:1.3em;
}*/







/*============
clerarfix
==============*/
.clear_fix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear_fix {
  min-height: 1px;
}

* html .clear_fix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*============
class
==============*/

.clear{
	clear:both;
}

.no-margin{
	margin:0!important;
}



/*--リンク画像の透過--*/
 a:hover img.imgmove{
	top:0;
	left:0;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}


iframe{border: none;}



/*============
カスタマイズ 2019/4 画像が大きく飛び出るのを防止
==============*/
.sale_desc {
	max-width: 760px;
	display: block;
}
.sale_desc img {
	max-width: 760px;
}
.item_desc {
	max-width: 760px;
	display: block;
}
.item_desc img {
	max-width: 760px;
}


#comment_wrap {
	max-width: 1050px;
	margin: auto;
	text-align: center;
}
#comment_wrap img {
	width: auto;
	max-width: 100%;
	height: auto;
}
#comment_wrap table {
	margin: auto;
}

#comment_wrap ul {
  margin: 0;
  list-style: none outside;
}

#comment_wrap li {
  margin: 0;
  list-style: none outside;
}




/* flexCover
----------------------------------------- */
.flexCover{
	/*overflow: hidden;*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}
.flexCover.colum2 > li{
	width: 48%;
}
.flexCover.colum3 > li{
	width: 32%;
}
.flexCover.colum3::after{
  content:"";
  display: block;
  width: 32%;
}

.flexCover.colum4 > li{
	width: 23.5%;
}
.flexCover.colum4::before{
  content:"";
  display: block;
  width: 23.5%;
	order:1;
}
.flexCover.colum4::after{
  content:"";
  display: block;
  width: 23.5%;
}

.flexCover.colum5 > li{
	width: 18%;
}

.flexCover.colum6 > li{
	width: 15%;
}

.flexCover.colum1 > li{
	width: 100%;
}
.flexCover li img,
.flexCover li.txt{
	width: 100%;
	height: auto;
}
.flexCover.flexS{
  justify-content: flex-start;
}

	@media screen and (max-width: 768px) {
		.flexCover.colum2 > li{
			width: 100%;
			margin-bottom: 10px;
		}
		.flexCover.colum3 > li{
			width: 48%;
			margin-bottom: 10px;
		}
		.columBox.colum2 > li{
			width: 100%;
		}
		.flexCover.colum4 > li{
			width: 48%;
			margin-bottom: 30px;
		}
        .flexCover.colum5 > li{
			width: 31%;
			margin-bottom: 30px;
		}
		.flexCover.colum6 > li{
			width: 48%;
			margin-bottom: 30px;
		}

}



/* バリエーション表示
----------------------------------------- */
#comment_wrap ul.variation_list {
	margin-bottom: 60px;
}

#comment_wrap .fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
	text-align: left;
}

.variation_list table {
	text-align: left;
}

.variation_list .name {
    color: #45312d;
    font-size: 1.8rem;
	font-feature-settings: "palt";
    font-weight: bold;
	    line-height: 1.2;
}

.variation_list .ttl {
    background: rgba(126, 126, 126, 0.08);
    font-size: 1.2rem;
    padding: 4px;
    font-weight: bold;
	margin-bottom: 3px;
}

.variation_list input[type="submit"] {
    background: #371828;
    border: 1px solid #371828;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 0.8em 1.6em 0.6em;
    box-shadow: 0 0 2px #b2b2b2;
    min-width: 240px;
	margin-top: 10px;
}

.variation_list input[type="text"] {
    width: auto;
	margin-left: 10px;
}

.variation_list select {
    position: relative;
    overflow: hidden;
    overflow-wrap: normal;
	margin-bottom: 10px;
}

.variation_list select::after {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 1em;
    background: #f2f2f2;
    border-left: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing: content-box;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "\e90f";
    font-family: 'fs-icon' !important;
    font-size: 1.8rem;
    line-height: 1;
    padding: 8px;
    pointer-events: none;
}



.comment_wrap {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 60px;
}

.maternity_navi_wrap {
	width: 100%;
	padding: 0;
}

.maternity_navi_wrap .ttl {
	background:#ffdee6; 
	border-radius:5px; 
	color:#333; 
	font-size:16px; 
	width:auto; 
	padding:5px; 
	margin:0; 
	text-align:center;
}

.maternity_navi_wrap li {
	list-style: none;
	margin: 0;
    padding: 0;
}

.maternity_navi_wrap > li.item {
	width: -webkit-calc(960 / 1200 * 100%);
    width: calc(960 / 1200 * 100%);
}
.maternity_navi_wrap > li.timing {
	width: -webkit-calc(220 / 1200 * 100%);
    width: calc(220 / 1200 * 100%);
}

.maternity_navi {
	width: 100%;
	max-width: 960px;
	margin: auto;
	padding: 0;
}
.comment_wrap.inner .maternity_navi {
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 0;
}
.comment_wrap.sango .maternity_navi {
	width: 100%;
	max-width: 480px;
	margin: auto;
	padding: 0;
}
.maternity_navi > li {
	/*width: -webkit-calc(220 / 960 * 100%);
    width: calc(220 / 960 * 100%);*/
	width: 220px;
	list-style: none;
	margin: 0;
    padding: 0;
}
.comment_wrap.inner .maternity_navi > li {
	width: 15%;
}

.timing .maternity_navi > li {
	width: 100%;
}


@media screen and (max-width: 768px) {
	.comment_wrap {
	margin-top: 10px;
	margin-bottom: 30px;
}
	.maternity_navi_wrap > li.item {
	width: 100%;
	margin-bottom: 20px;
}
.maternity_navi_wrap > li.timing {
	width: 100%;
}
	.comment_wrap.inner .maternity_navi {
	max-width: none;
}
.comment_wrap.sango .maternity_navi {
	max-width: none;
}
	.maternity_navi > li {
	width: 32%;
}
	.timing .maternity_navi > li {
	width: 48%;
}
	.comment_wrap.inner .maternity_navi > li {
	width: 32%;
}
}



/* サイドバナーリスト
----------------------------------------- */
.bn_list {
	margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
.bn_list > li {
	margin-bottom: 10px;
}
.bn_list > li a {
	display: flex;
}



/* #instagram-list
----------------------------------------- */
#instagram-list {
	list-style: none;
	padding: 0;
}
#instagram-list > li {
	width: 32%;
	margin-bottom: 10px;
}
#instagram-list > li a {
	display: flex;
}

@media screen and (max-width: 768px) {
#instagram-list > li {
	width: 48%
}
}