@CHARSET "UTF-8";

/* AP社専用情報スタイル */
.alphaPurchaseInfo{
	overflow: scroll;
	color: white;
	width: 100%;
	height: 294px;
	margin-top: 15px;
}
.alphaPurchaseInfoDate{
	width: 50%;
}

/* wait dialog のスタイル
--------------------------------------------------*/
#wait_dialog {
	position:absolute;
	z-index:99;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);	/* IE6、IE7対応 */
	-moz-opacity:0.8;		/* Firefox1.5以前対応 */
}

#wait_dialog_message {
	font-size:20px;
	font-weight:bold;
	position:absolute;
}

#wait_dialog_loadingImg {
	display:inline-block;
	background:url(../../img/template/standard/loading.gif) left center no-repeat;
	width:16px;
	height:16px;
}

.hiddenBomUpload{
	background-color: darkgray;
	position: absolute;
	height: 1px;
    width: 1px;
}

.left_category {
	margin-top:20px;
}

#top_area {
	height:170px;
}

#browsingGoodsRow,
#favoritesRow {
	padding-bottom:20px;
}

.main_area .item_list_container.thumbnail_layout .item_list_record .forSp {
	    display:none;
}

.main_area .item_list_container.thumbnail_layout ul.item_list {
    border-top: none;
    width: 100%;
    display: table;
}

@media (max-width: 658px) {
	.favorite_main_area .item_list_container.thumbnail_layout .item_list_record, .browsing_main_area .item_list_container.thumbnail_layout .item_list_record {
    	width: 50%;
	}
}

@media (max-width: 414px) {
	.favorite_main_area .item_list_container.thumbnail_layout .item_list_record, .browsing_main_area .item_list_container.thumbnail_layout .item_list_record {
    	width: 100%;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp .layout_set.item_name_container {
	    display: block;
	    padding:0px;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.item_name_container,
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.ctrl {
	    display:none;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.photo {
	    width: 30%;
	    float:left;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .photo_main {
	    left: 0px;
	    top:10px;
    	height: auto;
    	width: auto;
	    position: relative;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record {
	    padding-top: 0px;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp {
	    width: 70%;
	    display: inline;
    	float: left;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp #priceSurround {
	    position: absolute;
	    right: 0px;
	    bottom: 0px;
	    color: #fc1726;
	    font-weight: bold;
	}
}

/* 税込表示対応 */
.browsingGoodsPrice, .favoritesPrice {
	line-height: 1.3;
}
.excludeTaxPrice, .includeTaxPrice {
	white-space: nowrap;
}

.excludeTaxPrice {
	color: #fc1726;
	font-size: 1.1em;
	font-weight: bold;
}
.taxPriceLabel {
	font-size: small;
}

.includeTaxPrice {
	font-size: small;
	font-weight: normal;
}

.search_link {
	display:none;
}

.panaInfo {
	font-size:15px;
	color: #fff !important;
}

.top_unicorn_bnr {
	text-align: center;
}

/* メイン部分 - カルーセル対応 */
.main-banner{
	width: 100%;
	max-width: 680px;
}
@media screen and (max-width: 736px) {
	.main-banner{
		max-width: calc(100vw - 40px);
	}
}
.main-slider li button:before {
  color: white !important;
  font-size: 18px !important;
  top: 6px;
}
.main-slider li a:hover {
    opacity: 1;
}
/* メイン部分 - 右側バナーによる表示切替対応 */
.main-target{
	background: white;
/*	width: 100%;
	max-width:680px;*/
/*	width: 680px; */
	width: 700px;
}
.main-target .closebtn{
    display: block;
    width: 1.2em;
    height: 1.2em;
    /* z-index: 10; */
    cursor: pointer;
}
.main-target .closebtn span {
    display: block;
    position: relative;
}
.main-target .closebtn span::before,
.main-target .closebtn span::after {
    content: '';
    width: 100%;
    height: 100%;
    border-top: 2px solid #000;
    position: absolute;
    top: 20px;
    left: 610px;
}
.main-target .closebtn span::before {
    transform: rotate(45deg);
}
.main-target .closebtn span::after {
    transform: rotate(135deg);
}
.main-target-item{
	background: white;
    vertical-align: top;
    padding: 25px;
    /*height: 520px;*/
    height: 571px;
}
.main-target-item div.main_area_title {
    font-size: 16px;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 0 0 0 27px;

    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.main-target-item div.main_area_title span {
    position: absolute;
    top: calc(50% - 11px);
    left: 0px;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    background: #031c7c;
}
.main-target-item .mainText {
    margin: 25 0 0 0;
}
.main-target-item .mainText p {
    font-size: 14.4px;
    margin-left: 1em;
    text-indent: -1em;
}
.main-target-item .mainText .p20 {
    padding: 0 0 0 20px;
}
.main-target-item .mainText_bnr {
    margin-top: 30px;
    display: flex;
}
.main-target-item .mainText_bnr img {
	/* width: calc(100% / 3 - 5px); */
    padding: 0 5px;
}
.main-target-item .info {
	display: flex;
}
.main-target-item .info > img {
    width: calc(100% / 2 - 5px)
}
.main-target-item .info img {
    padding: 0 5px;
    margin-top: 20px;
}
.main-target-item .mainText table td {
    background: red;
    padding: 10px;
    text-align: center;
}
.main-target-item .mainText table a {
    color: #fff;
    font-size: 16px;
}
/* メインバナー下スライド式おすすめ商品部分 */
.main-recommend{
	width: 100%;
	max-width: 680px;
	padding: 10px;
	background-color: rgba(0, 0, 0, .35);
}
@media screen and (max-width: 736px) {
	.main-recommend{
		max-width: calc(100vw - 40px);
	}
/* CLS対策 */
	.topSec_col-center {
		height: calc(100vw + 86px);
		max-height: 150px;
	}
}