@charset "UTF-8";
/* 古いレコメンド（htmlの構造を変更したら消す） */
#recent-items .recent-chk-info .recent-chk-price,
#recent-items .recent-chk-info .recent-chk-cmp-price,
#recommendBox div.item-dealer .cmp-price,
#relatedBox div.item-dealer .cmp-price,
#jsp-tiles-productlist-c-dealer-image-list .dealer-status .cmp-price,
#jsp-tiles-productlist-c-dealer-product-list .status-box .cmp-price,
#jsp-tiles-productlist-c-dealer-information .dealer-pickup-product-info .price .cmp-price {
	color: #dc4d4d;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 20px;
}
/* 申請画面 */
#trade-apply table {
	border-collapse: collapse;
	word-break: break-all;
}
/* tiles-c-index-index */
#tiles-c-index-index .header-index {
	width: 948px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	position: relative;
}
#tiles-c-index-index .header-index .header-wrap { padding: 8px 6px; }
#tiles-c-index-index .header-index .header-logo {
	float: left;
	width: 39%;
	text-align: left;
}
#tiles-c-index-index .header-index .header-logo div {
	position: absolute;
	top: 18px;
	left: 16px;
}
#tiles-c-index-index .header-index .header-otherlinks-wrap {
	float: right;
	width: 60%;
	text-align: right;
}
#tiles-c-index-index .header-index .header-otherlinks {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#tiles-c-index-index .header-index .header-otherlinks li {
	margin: 0 5px 0 0;
	display: inline;
}
#tiles-c-index-index .header-index .header-otherlinks-wrap .help-button {
	margin:8px 5px 5px 5px;
	text-align:right;
}
#tiles-c-index-index .header-index .header-member {
	background-color: #EEEEEE;
	border-bottom: solid 1px #CCCCCC;
	height:28px;
}
#tiles-c-index-index .header-menu {
	padding-top: 10px;
	float: right;
	width: 60%;
	text-align: right;
}
#tiles-c-index-index .header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tiles-c-index-index .header-menu li {
	margin: 0;
	padding: 0;
	float: right;
}
#tiles-c-index-index .header-menu li img { vertical-align: top; }
#tiles-c-index-index .member-menu { background-color: #CCCCCC; }
#tiles-c-index-index .member-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#tiles-c-index-index .member-menu li {
	margin: 0;
	padding: 0;
	display: inline;
}
#tiles-c-index-index .member-menu li img { vertical-align: top; }
#tiles-c-index-index .header-index .member-status {
	float: left;
	padding: 6px;
	text-align: left;
}
#tiles-c-index-index .header-index .serchword-window { text-align: right; }
#tiles-c-index-index .body-index {
	width: 950px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}
#tiles-c-index-index .regist-table {
	margin-bottom: 10px;
	width: 713px;
	color: #666666;
}
#tiles-c-index-index .login { margin-bottom: 10px; }
#tiles-c-index-index .login .login-contents {
	width: 192px;
	border-right: solid 3px #EEEEEE;
}
#tiles-c-index-index .login .login-box {
	width: 191px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
}
#tiles-c-index-index .login .login-member-text {
	padding: 3px 5px 3px;
	border-bottom: dotted 1px #CCCCCC;
}
#tiles-c-index-index .login .login-member {
	padding: 20px 0;
	text-align: center;
}
#tiles-c-index-index .information {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tiles-c-index-index .information li {
	margin: 4px 0;
	padding: 0;
	border-bottom: dotted 1px #cccccc;
}
#tiles-c-index-index .information li img {
	margin: 4px;
	float: left;
}
#tiles-c-index-index .point { margin-bottom: 3px; }
#tiles-c-index-index .point ul {
	margin: 10px 0 10px 15px;
	padding: 0;
}
#tiles-c-index-index .point li {
	margin: 0 0 3px 5px;
	padding: 0;
}
#tiles-c-index-index .footer-index {
	margin: 20px 0;
	text-align: center;
}
#tiles-c-index-index .footer-index ul {
	margin: 5px 0;
	padding: 5px;
	list-style: none;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #EEEEEE;
}
#tiles-c-index-index .footer-index ul li {
	margin: 0 2px;
	display: inline;
}
#tiles-c-index-index .main-wrap {
	vertical-align: top;
	text-align: left;
}
#tiles-c-index-index .main {
	width: 585px;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 10px;
}
#tiles-c-index-index .navi-wrap {
	vertical-align: top;
	text-align: left;
	width: 150px;
}
#tiles-c-index-index .navi-left {
	margin-left: 9px;
	margin-right: 0px;
	margin-top: 10px;
	width: 159px;
	z-index: 1;
	background-color: #ffffff;
	font-size: 12px;
	position: relative;
}
#tiles-c-index-index .navi-left ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	width: 160px;
	border: solid 1px #cccccc;
}
#tiles-c-index-index .navi-left ul a { margin-left: 4px; }
#tiles-c-index-index .navi-left ul ul {
	padding: 0 5px 0 0;
	margin: 0;
	position: absolute;
	left: 140px;
	top: -1px;
	display: none;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: none;
	background-color: #ffffff;
	z-index: 3;
	white-space: nowrap;
	width: 200px;
}
#tiles-c-index-index .navi-left li {
	position: relative;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding: 7px 20px 7px 5px;
	background-color: #ffffff;
	background-image: url(/img/icon/round_link_genre.gif);
	background-repeat: no-repeat;
	background-position: 142px center;
}
#tiles-c-index-index .navi-left li li {
	padding: 7px 10px 7px 20px;
	border-left: solid 1px #cccccc;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-color: #ffffff;
	background-image: none;
	font-weight: normal;
}
#tiles-c-index-index .navi-left li li img { margin-right: 5px; }
#tiles-c-index-index .navi-left .navi-header-all {
	border: none;
	background-color: #eeeeee;
	padding: 7px 20px 7px 5px;
	font-weight: bold;
	background-image: none;
}
#tiles-c-index-index .navi-left .navi-header {
	border-bottom: 1px solid #eeeeee;
	padding: 7px 20px 7px 5px;
	font-weight: bold;
	background-image: none;
	background-color: #eeeeee;
	border-top: none;
}
#tiles-c-index-index .navi-left .list-irregular {
	background-color: #eeeeee;
	border: none;
}
#tiles-c-index-index .navi-left #genre_2 { margin-bottom: 14px; }
#tiles-c-index-index .navi-left #genre_3 { margin-bottom: 14px; }
#tiles-c-index-index .navi-left #genre_4 { margin-bottom: 14px; }
#tiles-c-index-index .navi-left #genre_5 { margin-bottom: 14px; }
#tiles-c-index-index .navi-left #genre_6 { margin-bottom: 14px; }
#tiles-c-index-index .navi {
	overflow: hidden;
	margin-right: 10px;
	margin-top: 10px;
	width: 153px;
	padding-left: 10px;
	border-left: solid 1px #CCCCCC;
}
#tiles-c-index-index .navi .navi-subtitle {
	margin-bottom: 10px;
	background-color: #CCCCCC;
}
#tiles-c-index-index .main-subtitle {
	background-image: url("/img/top/title_backg_02.gif");
	width: 100%;
}
#tiles-c-index-index .more { /*親違いでもう1個あります*/
	margin: 10px 0;
	text-align: right;
}
#tiles-c-index-index .more img { margin-right: 3px; }
#tiles-c-index-index .more span { color: #666666; }

/* tiles-common-daily-genre */
#tiles-common-daily-genre .genre-table {
	margin-bottom: 20px;
}
#tiles-common-daily-genre h3 {
	margin: 3px;
	padding: 3px;
	font-weight: normal;
	font-size: 100%;
	background-color: #EEEEEE;
}

/* tiles-common-daily-dealerinfo-top */
#tiles-common-daily-dealerinfo-top .campaing-dealer-name {
	border-left: solid 5px #CCCCCC;
	padding-left: 5px;
}
#tiles-common-daily-dealerinfo-top .campaing-dealer-genre {
	border-top: solid 1px #CCCCCC;
	margin: 3px 0;
	text-align: right;
}

/* プライバシー・ステートメント */
#contents-guide-privacy-body .wrapper{ padding-bottom: 80px; }
#contents-guide-privacy-body .contents{
	width: 950px;
	background-color: #FFFFFF;
	padding: 20px;
}
#contents-guide-privacy-body .title{
	padding-bottom: 5px;
	border-bottom: dotted 3px #666666;
	font-size: 160%;
	font-weight:bold;
	color:#666666;
}
#contents-guide-privacy-body .update{ text-align:right; }
#contents-guide-privacy-body .margin{ margin: 20px; }
#contents-guide-privacy-body .headline{
	font-size: 120%;
	font-weight: bold;
}

/* 出展企業からのお知らせ */
#tiles-common-daily-dealerinfo .dealerinfo-wrap {
	text-align: left;
	width: 90%;
}
#tiles-common-daily-dealerinfo .dealerinfo-left-image { float: left; }
#tiles-common-daily-dealerinfo .dealerinfo-left-image img {
	border-left: solid 5px #999999;
	padding-left: 5px;
}
#tiles-common-daily-dealerinfo .dealerinfo-right-image {
	text-align: right;
	height: 30px;
}
#tiles-common-daily-dealerinfo .dealerinfo-innerwrap {
	float: left;
	width: 340px;
	height: 12em;
	overflow: hidden;
	border: solid 1px #CCCCCC;
	margin: 5px 5px 20px;
}
#tiles-common-daily-dealerinfo .dealerinfo-box { margin: 10px; }
#tiles-common-daily-dealerinfo .dealerinfo-dealer-innerbox { height: 9em; }
#tiles-common-daily-dealerinfo .dealerinfo-dealer-name {
	border-left: solid 5px #CCCCCC;
	padding-left: 5px;
}
#tiles-common-daily-dealerinfo .dealerinfo-dealer-genre {
	border-top: solid 1px #CCCCCC;
	margin: 3px 0;
	text-align: right;
}
#tiles-common-daily-dealerinfo .dealerinfo-date {
	margin: 3px 0;
	text-align: right;
}

/* サイトマップ */
#contents-guide-sitemap-body .sitemap-wrap {
	margin: 0 0 50px 26px;
	width: 96%;
	min-width: 320px;
}
#contents-guide-sitemap-body .sitemap-contents-box {
	padding: 0 10px;
	width: 31%;
	text-align: left;
	float: left;
	border-right: dotted 1px #CCCCCC;
}
#contents-guide-sitemap-body .sitemap-contents-box-r {
	padding: 0 10px;
	width: 31%;
	text-align: left;
	float: left;
}
#contents-guide-sitemap-body h3 {
	padding: 3px 3px 3px 8px;
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 100%;
}
#contents-guide-sitemap-body h3 .help,#contents-guide-sitemap-body h3 .comp{
	margin-top:0; 
}
#contents-guide-sitemap-body h4 {
	margin: 0 0 5px 10px;
	padding: 3px;
	border-bottom: 1px #cccccc solid;
	font-weight: bold;
	font-size: 100%;
}
#contents-guide-sitemap-body ul {
	padding: 2px 0 20px 30px;
}
#contents-guide-sitemap-body .br-sp {
	display: none;
}
#contents-guide-sitemap-body .help,#contents-guide-sitemap-body .comp{
	margin-top:0; 
}
@media screen and (max-width: 940px) and (min-width: 671px) {
	#contents-guide-sitemap-body .sitemap-wrap {
		margin: 0 auto;
	}
	#contents-guide-sitemap-body h3 {
		font-size: 17px;
		padding: 6px 6px 6px 8px;
	}
	#contents-guide-sitemap-body h4 {
		font-size: 17px;
	}
	#contents-guide-sitemap-body ul li {
		padding: 13px 0; 
		box-sizing: border-box;
		font-size: 15px;
	}
	#contents-guide-sitemap-body .sitemap-contents-box-l {
		width: 50%;
		float: left;
	}
	#contents-guide-sitemap-body .sitemap-contents-box {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		float: none;
	}
	#contents-guide-sitemap-body .sitemap-contents-box:nth-of-type(1) {
		padding-bottom: 0!important;
	}
	#contents-guide-sitemap-body .sitemap-contents-box-r {
		width: 50%;
		box-sizing: border-box;
	}
	#contents-guide-sitemap-body .gaiyo,#contents-guide-sitemap-body .priv {
		margin-bottom: 25px!important;
	}
}
@media screen and (max-width: 670px) {
	#contents-guide-sitemap-body .sitemap-wrap {
		width: 96%;
		margin: 0 auto;
	}
	#contents-guide-sitemap-body h3 {
		width: 100%;
		float: left;
		box-sizing: border-box;
		font-size: 17px;
		padding: 6px 6px 6px 8px;
	}
	#contents-guide-sitemap-body h4 {
		margin: 15px 0 5px 10px;
		float: left;
		width: 94%;
		font-size: 17px;
		box-sizing: border-box;
	}
	#contents-guide-sitemap-body h4:nth-of-type(1) {
		margin-top: 10px;
	}
	#contents-guide-sitemap-body .sitemap-contents-box {
		width: 100%;
		box-sizing: border-box;
		border-right: none;
		padding: 0;
	}
	#contents-guide-sitemap-body .sitemap-contents-box-r {
		width: 100%;
		padding: 0;
	}
	#contents-guide-sitemap-body ul {
		margin: 2px 20px 20px 20px;
		box-sizing: border-box;
		padding: 0;
	}
	#contents-guide-sitemap-body ul li {
		width: 44%;
		padding: 13px 0; 
		box-sizing: border-box;
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: -0.03em;
	}
	#contents-guide-sitemap-body ul li:nth-child(odd) {
		margin-right: 8%;
	}
	#contents-guide-sitemap-body ul li .text-5{
		display: inline-block;
		width: 5em;
	}
	#contents-guide-sitemap-body .comp {
		margin: 20px 0 30px 0!important;
	}
}

/* SDとは 現在のSDとはのクラスはrwd.cssに集約されているが、以下は別ページで使われているので残す*/
#contents-guide-about-body { width: 100%; }
#contents-guide-about-body a { outline: none; }
#contents-guide-about-body .co-container .wrap {
	width: 950px;
	margin: 0 auto;
}

/* 新着入荷アラート */
#contents-privilege-alert-new-body .alert-wrap { margin-bottom: 50px; }
#contents-privilege-alert-new-body .alert-text {
	width: 90%;
	text-align: left;
}
#contents-privilege-alert-new-body .image-step { margin: 20px; }
#contents-privilege-alert-new-body .alert-table-wrap {
	border: solid 3px #cccccc;
	width: 740px;
}
#contents-privilege-alert-new-body .alert-table {
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	text-align: left;
	width: 100%;
}
#contents-privilege-alert-new-body .alert-table th {
	width: 80px;
	text-align: center;
	white-space: nowrap;
	background-color: #eeeeee;
	border-bottom: solid 1px #cccccc;
}
#contents-privilege-alert-new-body .alert-table td { border-bottom: solid 1px #cccccc; }
#contents-privilege-alert-new-body .text-space { margin-top: 5px; }
#contents-privilege-alert-new-body .key-word-wrap { margin: 10px 0 10px 20px; }
#contents-privilege-alert-new-body .key-word-wrap-ex {
	margin-top: 15px;
	padding: 8px 0 0 0;
	border-top: dotted 1px #cccccc;
	color: #666666;
}
#contents-privilege-alert-new-body .key-word-wrap-ex span {
	padding: 0 10px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
}
#contents-privilege-alert-new-body .price-range-wrap { margin: 8px 0 0 0; }
#contents-privilege-alert-new-body .more {
	margin: 10px auto;
	width: 740px;
	text-align: left;
	list-style-type: none;
}
#contents-privilege-alert-new-body dd {
	-moz-margin-start: 0;
	margin-left: 10px;
}
#contents-privilege-alert-new-body .co-sort a { height: 25px; }
#contents-privilege-alert-new-body .brs { border-right: 1px solid #cccccc; }
#contents-privilege-alert-new-body .bls { border-left: 1px solid #cccccc; }
#contents-privilege-alert-new-body .sort-navi {
	border: 1px solid #cccccc;
	width: 100%;
	background-color: #e6e6e6;
}
#contents-privilege-alert-new-body .line {
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
#contents-privilege-alert-new-body .no-list {
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
}
#contents-privilege-alert-new-body .mark-buy {
	width: 70px;
	margin: 3px 0;
	background-color: #dc4d4d;
	color: #FFFFFF;
	text-align: center;
}
#contents-privilege-alert-new-body .mark-buy-2 {
	width: 70px;
	margin: 3px 0;
	border: solid 1px #dc4d4d;
	background-color: #ffeded;
	color: #dc4d4d;
	text-align: center;
}
#contents-privilege-alert-new-body .re-shiptab { position: relative; }
#contents-privilege-alert-new-body #re-shiptab-icon {
	position: absolute;
	background-image: url(/img/common/header/information_back.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	width: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 0px 1px 0px 1px;
	left: 92px;
	top: -7px;
	z-index: 30;
	cursor: pointer;
}
#contents-privilege-alert-new-body #new-shiptab-icon {
	position: absolute;
	background-image: url(/img/common/header/information_back.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	width: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 0px 1px 0px 1px;
	left: 218px;
	top: -7px;
	z-index: 30;
	cursor: pointer;
}

/*guide-help*/
#contents-guide-help .menu{
	width: 230px;
	font-size: 80%;
}
#contents-guide-help .menu-category{
	text-align: left;
	/**/border-bottom: 1px dashed #cccccc;
}
#contents-guide-help .help-menu .menu-category>div>a {
	display: block;
	padding: 10px;
}
#contents-guide-help .help-menu .menu-category:hover { background-color: #f5f5f5; }
#contents-guide-help .menu-selected{
	border-top: 1px solid #FFFFFF;
	padding: 10px 10px 10px 1em;
	text-indent: -1em;
}
#contents-guide-help .help-menu .menu-selected{ background-color: #f5f5f5; }
#contents-guide-help .menu-selected-01 { border-top: 1px solid #FFFFFF; }
#contents-guide-help .help-menu .menu-category .menu-selected-01>a { padding: 10px 10px 0; }
#contents-guide-help .menu-nonselected {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}
#contents-guide-help .help-menu .menu-nonselected { padding: 0; }
#contents-guide-help .menu-category-name{
	padding: 10px;
	background-color: #eeeeee;
}
#contents-guide-help .selected {
	color: #dc4d4d;
	font-weight: bold;
	text-align: left;
	margin: 10px;
}
#contents-guide-help .selected-01 {
	color: #dc4d4d;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 10px 0;
}
#contents-guide-help .menu ul {
	margin: 0;
	padding: 0;
}
#contents-guide-help .menu ul li { margin-bottom: 0; }
#contents-guide-help .selected-menu li {
	background: url('/img/guide/help/icon_selected.gif') 10px 8px no-repeat;
	color: #dc4d4d;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 5px 0 5px 20px;
}
#contents-guide-help .nonselected-menu>li>a {
	background: url('/img/guide/help/icon.gif') 10px 8px no-repeat;
	text-align: left;
	display: block;
	padding: 5px 0 5px 20px;
}
#contents-guide-help .index li {
	list-style-image: url('/img/guide/help/icon.gif');
	text-align: left;
	margin-bottom: 4px;
}
#contents-guide-help .index{
	margin-left: 25px;
	margin-top: 10px;
	padding: 0;
}
#contents-guide-help .contents{
	text-align: left;
	font-size: 80%;
	padding-left: 20px;
	line-height: 140%;
}
#contents-guide-help .title{
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 3px;
	width: 96%;
}
#contents-guide-help .title-01{
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 3px;
	width: 96%;
}
#contents-guide-help .subtitle{
	margin-bottom: 15px;
	padding-left: 10px;
	margin-top: 30px;
	margin-left: 0px;
	font-size: 120%;
	font-weight: bold;
}
#contents-guide-help .subtitle-mini{
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom:20px;
	border-left: 5px solid #cccccc;
	padding-left: 5px;
	font-weight: bold;
}
#contents-guide-help .contents-text{
	margin-left: 15px;
	margin-bottom:10px;
}
#contents-guide-help .contents-text ul {
	margin-left: 0;
	padding-left: 16px;
}
#contents-guide-help .contents-text li { margin-bottom: 10px; }
#contents-guide-help table ul {
	margin-left: 0;
	padding-left: 16px;
}
#contents-guide-help table li { margin-bottom:10px; }
#contents-guide-help .cap{
	margin-left: 10px;
	width: 96%;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #cccccc;
}
#contents-guide-help .cap th {
	background-color: #e6e6e6;
	border-top: 1px solid #fff;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
#contents-guide-help .cap td {
	vertical-align: middle;
	padding: 10px;
	background-color: #ffffff;
}
#contents-guide-help .cap .td-gray { background-color: #eeeeee; }
#contents-guide-help .notes {
	text-indent: -3em;
	padding-left: 3em;
}
#contents-guide-help .cap1{
	width: 80%;
	margin-top: 10px;
	margin-bottom: 20px;
}
#contents-guide-help .cap-right-title{ margin: 15px 0 5px; }
#contents-guide-help .cap-right-title-bold{
	font-weight: bold;
	margin: 15px 0 5px;
}
#contents-guide-help .cap-right-title-icon{
	margin-right: 3px;
	float: left;
}
#contents-guide-help .cap-text{ margin: 5px 0; }
#contents-guide-help .cap-info{
	margin: 20px 0;
	padding: 5px;
	color: #dc4d4d;
}
#contents-guide-help .right-link{
	text-align: right;
	width: 100%;
	margin-top: 20px;
}
#contents-guide-help .delivery-02-dl01 dd { margin-left:0; }
#contents-guide-help .move{
	margin: 60px 0;
	text-align: right;
}
/********* SD内：Paidとは *********/
#contents-guide-paid *{ box-sizing: border-box; }
#contents-guide-paid img {
	line-height: 0;
	image-rendering: -webkit-optimize-contrast;
}
#contents-guide-paid h2 {
	border-bottom: none;
	margin-bottom: 10px;
	color: #333333;
}
#contents-guide-paid p {
	margin-bottom: 0;
	font-size: 14px;
}
#contents-guide-paid .green { color:#03af7a!important; }
#contents-guide-paid .back-green { background-color:#ebf9f0!important; }
#contents-guide-paid .about,
#contents-guide-paid .point {
	box-sizing: content-box;
	max-width: 920px;
	margin: 40px auto 10px;
	padding: 0 3%;
}
/* メインビジュアル */
#contents-guide-paid .main {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 3% 16px;
}
#contents-guide-paid .main .left h1 {
	font-size: 28px;
	color: #333333;
}
#contents-guide-paid .main .left h1 .what-paid {
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
}
#contents-guide-paid .main .left h1 .what-paid img { width: 181px; }
#contents-guide-paid .main .left h1 .paid-text { letter-spacing: 0.06em; }
#contents-guide-paid .main .left p:first-of-type { font-size: 15px; }
#contents-guide-paid .main .left p:last-of-type { font-size: 13px; }
#contents-guide-paid .main .right {
	max-width: 410px;
	width: 43%;
	margin-left: 15px;
}
/* Paidログイン */
#contents-guide-paid .login {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-width: 1px 0;
	padding: 10px 2%;
}
#contents-guide-paid .login a {
	padding: 11px 65px;
	background-color: #03af7a;
	color: #ffffff;
	border-radius: 30px;
	font-size: 16px;
	position: relative;
	transition: opacity 0.2s;
	margin-left: 15px;
}
#contents-guide-paid .login a:after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	margin-left: 7px;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
}
#contents-guide-paid .login a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* Paidとは */
#contents-guide-paid .about .co-contents-box-table {
	font-size: 14px;
	border-collapse: collapse;
	margin: 20px auto 0;
	max-width: 770px;
	border: none;
}
#contents-guide-paid .about .co-contents-box-table tr:first-of-type td {
	border-top: none;
	border-left: none;
}
#contents-guide-paid .about .co-contents-box-table tr th,
#contents-guide-paid .about .co-contents-box-table tr td {
	padding: 15px 20px;
	border: 1px solid #cccccc;
}
#contents-guide-paid .about .co-contents-box-table tr th { background-color: #eeeeee; }
#contents-guide-paid .about .co-contents-box-table tr:not(:first-of-type) th { min-width: 4.5em; }

/* Paidが選ばれる3つのポイント */
#contents-guide-paid .point .point-list {
	display: flex;
	justify-content: space-between;
}
#contents-guide-paid .point .point-list li {
	width: 31%;
	max-width: 285px;
}
#contents-guide-paid .point .point-list li dl dt {
	line-height: 0;
	margin-bottom: 15px;
}
#contents-guide-paid .point .point-list li dl dt { border-bottom: 1px solid #cccccc; }
#contents-guide-paid .point .point-list li dl dt img {
	width: 100%;
	height: auto;
}
#contents-guide-paid .point .point-list li dl dd p:first-of-type { font-size: 16px; }
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* メインビジュアル */
	#contents-guide-paid .main .left h1 { font-size: 22px; }
	#contents-guide-paid .main .left h1 .what-paid img { width: 160px; }
	#contents-guide-paid .main .right { margin-left: 0; }
	/* Paidとは */
	#contents-guide-paid .about .co-contents-box-table tr th,
	#contents-guide-paid .about .co-contents-box-table tr td { padding: 10px 15px; }
}

/* SP */
@media screen and (max-width: 670px) {
	#contents-guide-paid .about,
	#contents-guide-paid .point { margin: 30px auto 10px; }
	/* メインビジュアル */
	#contents-guide-paid .main {
		flex-direction: column;
		text-align: center;
	}
	#contents-guide-paid .main .left h1 { font-size: 20px; }
	#contents-guide-paid .main .left h1 .what-paid { justify-content: center; }
	#contents-guide-paid .main .left h1 .what-paid img { width: 150px; }
	#contents-guide-paid .main .left p:first-of-type { font-size: 14px; }
	#contents-guide-paid .main .left p:last-of-type { font-size: 12px; }
	#contents-guide-paid .main .right {
		width: 80%;
		margin: 20px 0 0 0;
		margin-top: 20px;
		max-width: 360px
	}
	/* Paidログイン */
	#contents-guide-paid .login {
		flex-direction: column;
		text-align: center;
	}
	#contents-guide-paid .login a {
		margin: 10px 0 0 0;
		font-size: 14px;
	}
	/* Paidとは */
	#contents-guide-paid .about .co-contents-box-table { font-size: 13px; }
	#contents-guide-paid .about .co-contents-box-table tr th,
	#contents-guide-paid .about .co-contents-box-table tr td { padding: 13px 9px; }
	/* Paidが選ばれる3つのポイント */
	#contents-guide-paid .point .point-list {
		flex-direction: column;
		align-items: center;
	}
	#contents-guide-paid .point .point-list li {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
		max-width: 380px;
	}
	#contents-guide-paid .point .point-list li dl dt img { max-width: 250px; }
	#contents-guide-paid .point .point-list li dl dd p:first-of-type { text-align: center; }
}
.jsp-layout-base-layout tr.height{ height: 0px; }
/*eventList*/
#contents-event-list .event-frame-outline{
	float: left;
	width: 316px;
	margin-bottom: 22px;
}
#contents-event-list .event-frame{
	width: 292px;
	border: 1px solid #cccccc;
	padding: 1px;
}
#contents-event-list .container{
	width: 948px;
	margin: 0 auto;
}
#contents-event-list .container2{
	width: 927px;
	margin: 0;
}
#contents-event-list .container2 .campaign-info {
	border: 1px solid #cccccc;
}
#contents-event-list .container2 .campaign-info .co-h3 {
	background-color: #e6e6e6;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	line-height:1;
	padding:3px 0px 3px 5px;
	margin: 0px;
}
#contents-event-list .container2 .campaign-info .co-h3 p{
	border-left: 5px solid #8F8F8F;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0 2px 4px;
}
#contents-event-list .container2 .campaign-info .campaign {
	margin: 0px 0px 0px 13px;
	padding-bottom: 13px;
}
#contents-event-list .container2 .campaign-info .contents {
	padding: 0px;
	margin: 0px;
}
#contents-event-list .container2 .campaign-info img { margin: 0px; }
#contents-event-list .container2 .campaign-info .background-a {
	float:left;
	margin-top:13px;
	margin-right:10px;
	border: 1px solid #cccccc;
}
#contents-event-list .container2 .campaign-info .background-b {
	float:left;
	margin-top:13px;
	border: 1px solid #cccccc;
}

/*campaign*/
#contents-event-list .event-date{
	background-color: #eeeeee;
	padding: 2px;
	margin-bottom: 10px;
}
#contents-event-list .event-banner{
	text-align: center;
	margin-bottom: 10px;
}
#contents-event-list .close-up-outline{
	float: left;
	width: 528px;
	padding-left: 13px;
	border: 1px solid #cccccc;
}
#contents-event-list .close-up-image-outline{
	float: left;
	width: 175px;
}
#contents-event-list .close-up-image{
	border: 1px solid #cccccc;
	padding: 23px 0 23px;
	width: 158px;
	margin-bottom: 15px;

}
#contents-event-list .close-up-title{
	font-weight: bold;
	color: #666666;
	font-size: 120%;
	margin: 15px 0;
	border-left: 3px solid #cccccc;
	padding-left: 5px;
}
#contents-event-list .campaign-outline{
	float: right;
	width: 356px;
	border: 1px solid #cccccc;
	padding-left: 13px;
}
#contents-event-list .campaign-image{
	float: left;
	width: 175px;
	margin-bottom: 11px;
}

/* ログアウトしました画面 */
#logoutconfirm_fix-body {
	width:100%;
	text-align:center;
}
#logoutconfirm_fix-body .wrap {
	max-width:950px;
	width: 94%;
	margin:50px auto 0;
}
#logoutconfirm_fix-body .logout{
	background-color:#eeeeee;
	border:1px solid #cccccc;
	margin-bottom:30px;
	padding:15px 10px;
}
#logoutconfirm_fix-body p{ font-weight:bold; }

/* 購入履歴 */
#buying-history .wrap { width: 100%; }
#buying-history .tab {
	width: 96%;
	border-bottom: solid 5px #8f8f8f;
}
#buying-history .payment-box {
	width: 96%;
	margin: 10px 0;
}
#buying-history .table-wrap {
	width: 96%;
	border-collapse: collapse;
	border-bottom:1px solid #ccc;
}
#buying-history .tr-background { background-color: #e6e6e6; }
#buying-history td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#buying-history .table-wrap-02 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 96%;
}
#buying-history .no-border { border: none; }
#buying-history .float-left {
	float: left;
	text-align: left;
	margin-bottom: 5px;
}
#buying-history .float-right {
	float: right;
	text-align: right;
	margin-bottom: 5px;
	color: #dc4d4d;
}
#buying-history .bold-box-01 {
	text-align: right;
	background-color: #ffffff;
	white-space: nowrap;
}
#buying-history .sum-tax-box td {
	text-align: right;
	background-color: #fff;
	white-space: nowrap;
	font-weight: normal;
}
#buying-history .set-space{
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:40px;
}
#buying-history .set-container {
	margin-top:10px;
}
#buying-history .set-container .set-header{
	border:none;
	padding:0;
	text-align:left;
	line-height:auto;
	padding:5px 0;
	margin:15px 0 0;
	line-height:1.8;
}
#buying-history .set-container .set-inner{
	border-left:5px solid #ccc;
	padding:5px 0 5px 5px;
	margin:5px 0;
}
#buying-history .set-container .ship-date{
	font-size:120%;
	font-weight:bold;
	margin-left:5px;
}
#buying-history .set-container .date{
	font-size:120%;
	font-weight:bold;
}
#buying-history .set-container .invoice-number{
	float:right;
	margin-top:-1px;
}
#buying-history .set-container .destination-link{
	font-size:93%; /*12px*/
	margin-left:10px;
}
#buying-history-list .title-amount{
	border-bottom: 1px solid #666666;
	padding-bottom: 15px;
	text-align: left;
}
#buying-history-list .tooltip-onmouse {
	overflow: visible;
}
#buying-history-list .tooltip-onmouse > span{
	position: relative;
	outline: none;
	cursor: default;
	color: #333;
	border-radius: 4px;
}
#buying-history-list .tooltip-onmouse > span > span:not(:first-child) {
	position: absolute;
	top: 1.6em;
	left: 0;
	display: none;
	color: #333;
	background: #fff;
	box-shadow: 1px 1px 3px 0 #bbb;
	-webkit-box-shadow: 1px 1px 3px 0 #bbb;
	-moz-box-shadow: 1px 1px 3px 0 #bbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	padding: 5px 10px;
	z-index: 2;
}
#buying-history-list .tooltip-onmouse:visited span,
#buying-history-list .tooltip-onmouse:hover span,
#buying-history-list .tooltip-onmouse:active span {
	text-decoration: none;
}
#buying-history-list .tooltip-onmouse > span:hover > span:not(:first-child) {
	display: block;
	text-align: left;
	left: auto !important;
	right: -4px !important;
	line-height: 1.5;
}
#buying-history-list .co-pankuzu-list,
#buying-history-list .co-title1 { width: 100%; }
#buying-history-list .co-pankuzu-list { margin-top: 0; }
#buying-history-list .co-title1 { margin-bottom: 12px; }

/* 領収書 */
#member-receipt * {
	color: #333333;
	box-sizing: border-box;
}
@media print {/* 印刷用 */
	#member-receipt #btn_close {display: none !important;}
	.member-receipt-print {padding: 0 10px;}
	@-moz-document url-prefix() {
		.member-receipt-print table,.member-receipt-print table th, .member-receipt-print table td{
			border: 2px solid #000!important;
		}
	}
}

body #member-receipt {
	-webkit-print-color-adjust: exact;
}
#member-receipt p {
	margin: 3px 0;
}
#member-receipt {
	width: 950px;
	margin: 0 auto;
	font-size: 14px;
}
#member-receipt h1 {
	margin: 50px auto;
	font-size: 20px;
}
#member-receipt .logo img{width: 150px;}
#member-receipt .publisher {
	width: 250px;
	height: 11.5em;
	margin: 15px 1px 15px 0;
}
#member-receipt .publisher p {
	margin: 3px 0;
}
#member-receipt .publisher > img {
	margin-top: -2.8em;
	width: 70px;
	height: auto;
	float: right;
}
#member-receipt .receipt-content {
	float: left;
	text-align: left;
	margin-top: 12px;
}
#member-receipt .receipt-content div {clear: both;}
#member-receipt .receipt-content .receipt-amount p{
	display: inline-block;
	padding: 3px 10px;
	margin: 5px 0 0;
	height: 55px;
	line-height: 47px;
	border: #333333 solid 1px;
}
#member-receipt .receipt-content .receipt-amount p:first-child{
	background: #333333;
	width: 7em;
	color: #ffffff;
	float: left;
	text-align: center;
}
#member-receipt .receipt-content .receipt-amount p:last-child{
	font-size: 20px;
	width: 350px;
}
#member-receipt .on-table-area{
	width: 100%;
}
#member-receipt table {
	width: 100%;
	font-size: 93%;
	border-collapse: collapse;
	margin: 0 0 20px;
	line-height: 1.5em;
	border: #333333 solid 1px!important;
}
#member-receipt table td{
	padding: 3px 5px;
	border: #333333 solid 1px;
}
#member-receipt table tr:first-child td *,
#member-receipt table tr:first-child td{
	background: #333333!important;
	border: none;
	color: #ffffff!important;
	text-align: center;
}
#member-receipt table tr td:nth-of-type(1){
	min-width: calc(7em + 20px);
	text-align: center;
}
#member-receipt table tr td:nth-of-type(2){
	min-width: calc(5em + 12px);
}
#member-receipt table tr td:nth-of-type(3) div{
	margin: 0;
	max-width: 30em;
	max-height: 3em;
	overflow: hidden;
}
#member-receipt table tr:not(:first-child):not(.result-row)  td:nth-of-type(4) {text-align: center;}
#member-receipt table tr:not(:first-child) td:nth-of-type(5),
#member-receipt table tr:not(:first-child) td:nth-of-type(6),
#member-receipt table tr:not(:first-child) td:nth-of-type(7),
#member-receipt table tr:not(:first-child) td:nth-of-type(8),
#member-receipt table tr:not(:first-child) td:nth-of-type(9) {
	text-align: right;
}
#member-receipt table tr.result-row td{
	border: none;
	text-align: right;
}
#member-receipt .note {font-size: 93%;}
#member-receipt .item-division-name {
	padding-bottom: 3px;
	margin: 0 20px 3px;
	border-bottom: 1px solid #fff!important;
}
#member-receipt .item-division-contents:not(:empty) {
	padding-bottom: 1px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ccc!important;
}
#member-receipt .result-box {
	display: flex;
	justify-content: flex-end;
}
#member-receipt .result-box div {
	border: 1px solid #333333;
	border-left: none;
	padding: 3px 6px 3px 34px;
}
#member-receipt .result-box-heading {
	padding: 3px 6px;
	background: #333333!important;
	border: none;
	color: #ffffff!important;
	text-align: center;
}
/* 休業日カレンダー */
.contents-holiday-calender {
	margin: 3px 0 15px 0;
	border: 1px solid #cccccc;
	font-size: 12px;
	line-height: 1.4em;
}
.contents-holiday-calender .holiday-calender-week {
	width: 10%;
	float: left;
	padding: 0 4px 0 3px;
	text-align: center;
}
.contents-holiday-calender .holiday-calender-day {
	width: 10%;
	white-space: nowrap;
	padding: 2px 4px 0 3px;
	float:left;
	text-align:center;
}
.contents-holiday-calender .day-sat { color:#000088; }
.contents-holiday-calender .day-sun { color:#dc4d4d; }
.contents-holiday-calender .day-n-holi { color:#dc4d4d; }
#holiday-info .sub-text,
.contents-holiday-calender .day-holi {
	background-image: linear-gradient(#facdcd, #facdcd);
}
#holiday-info .sub-text {
	background-size: 15px 15px;
	background-position: 0 9%;
	background-repeat: no-repeat;
	padding-left: 18px;
}
.contents-holiday-calender .day-holi {
	background-position: 0 50%;
	background-size: 100% 17px;
	background-repeat: repeat-x;
}
.contents-holiday-calender .calender-inner { margin: 0 5px 0 12px; }
.contents-holiday-calender .calender-month {
	text-align:center;
	background-color:#E6E6E6;
	margin: 3px 3px;
}

/* ranking */
#jsp-contents-rank-index-body .rank-container {
	width: 96%;
	margin:auto;
}
#jsp-contents-rank-index-body .rank-view-switch { margin-right:10px; }
#jsp-contents-rank-index-body .rank-contents-area {
	display: flex;
	width: 100%;
	margin-top: 10px;
}
#jsp-contents-rank-index-body .rank-refine {
	flex-basis: 210px;
	padding-right: 30px;
	margin-right: 0;
}
#jsp-contents-rank-index-body .rank-refine .ttl {
	display: block;
	height: 130px;
	position: relative;
	transition: opacity 0.2s ease;
	background: url('/img/ranking/domestic/ttl.png') center bottom no-repeat #ffbb33;
	background-size: 172px auto;
	white-space: nowrap;
	text-indent: -200%;
	overflow: hidden;
	position: relative;
}
#jsp-contents-rank-index-body .rank-refine .ttl:after {
	content: "";
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 1px solid #ffffff;
	position: absolute;
	top: 3px;
	left: 3px;
}
#jsp-contents-rank-index-body .selected-genre {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	color: #333333;
}
#jsp-contents-rank-index-body .selected-genre span {
	display: block;
	margin: 20px 5px 0;
}
#jsp-contents-rank-index-body .rank-refine li.title {
	padding: 4px 5px;
	margin-left: 0;
}
#jsp-contents-rank-index-body .rank-refine .refine-search-list:not(.subrefine-list) > li:not(.title):nth-of-type(n + 2) > a {
	padding-left: calc(1em + 5px);
}
#jsp-contents-rank-index-body .rank-refine .refine-search-list.subrefine-list {
	margin: 0;
}
#jsp-contents-rank-index-body .rank-refine .refine-search-list.subrefine-list > li > a {
	padding-left: calc(2em + 5px);
}
#jsp-contents-rank-index-body .rank-refine .search-list-slct {
	width: 100%;
	background-color: #333333;
	color: #ffffff;
	font-weight: normal;
	box-sizing: border-box;
	padding: 5px 5px 5px calc(5px + 1em);
}
#jsp-contents-rank-index-body .rank-refine .subrefine-list .search-list-slct {
	padding: 5px 5px 5px calc(5px + 2em);
}
#jsp-contents-rank-index-body .rank-refine .refine-search-list:not(.subrefine-list) > li:first-of-type .search-list-slct {
	padding: 5px;
}
#jsp-contents-rank-index-body .ranking-navi-js-child-genre {
	display: none;
	position: absolute;
	z-index: 50;
	top: -30px;
}
#jsp-contents-rank-index-body .ranking-navi-design-class {
	background-color: #ffffff;
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	width:180px;
	line-height:1.7;
}
#jsp-contents-rank-index-body .ranking-navi-design-class li{
	list-style:none;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding-left:15px;
}
#jsp-contents-rank-index-body .ranking-navi-design-class .li-first {
	list-style:none;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:none;
}
#jsp-contents-rank-index-body .ranking-navi-design-class .li-end {
	list-style:none;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#jsp-contents-rank-index-body .ranking-navi-design-class a {
	width:100%;
	display:block;
}
#jsp-contents-rank-index-body .rank-main-area {
	flex-basis: calc(100% - 235px);
}
#jsp-contents-rank-index-body .rank-container .main-image {
	position:relative;
	width:100%;
	z-index: 30;
	margin:10px 0;
}
#jsp-contents-rank-index-body .rank-container .main-image .genre-switch {
	position: absolute;
	bottom: 0;
	left: 0;
}
#jsp-contents-rank-index-body .rank-container .rank-total-term {
	position:absolute;
	width:378px;
	top: 50px;
	right: 10px;
	text-align:right;
	font-size:100%;
	z-index: 30;
}
#jsp-contents-rank-index-body .rank-container #retailer-category {
	position: relative;
	padding: 0 0 5px 0;
	margin-right:5px;
	zoom: 1;
	z-index: 30;
}
#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box-shadow {
	border-right: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
	position: absolute;
	right: 0;
	top: 18px;
	display: none;
}
#jsp-contents-rank-index-body .rank-container #retailer-category .link-arrow {
	font-size: 10px;
	font-weight: bold;
}
#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box {
	border: solid 1px #999999;
	padding: 10px;
	background-color: #ffffff;
	text-align: left;
	font-weight: normal;
	line-height: 1.1em;
	white-space: nowrap;
	min-width: 8em;
	width: auto !important;
	width: 8em;
	z-index: 30;
}
#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box ul li a {
	display:block;
	width:100%;
}
#jsp-contents-rank-index-body .rank-main-margin {
	margin:0 0 10px 0;
	zoom:1;
}
#jsp-contents-rank-index-body .rank-main-header {
	position: relative;
}
#jsp-contents-rank-index-body .rank-main-header .period {
	position: absolute;
	left: 325px;
	bottom: 10px;
}
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap {
	background-color: #f6f6f6;
	overflow: hidden;
	position: relative;
}
#jsp-contents-rank-index-body .rank-main-header ul {
	display: flex;
	left: 32px;
}
#jsp-contents-rank-index-body .rank-main-header ul li {
	text-align: center;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	cursor: pointer;
	font-size: 14px;
	background-color: #fff;
	flex: none;
}
#jsp-contents-rank-index-body .rank-main-header ul li:first-child {
	border-left: 1px solid #333;
}
#jsp-contents-rank-index-body .rank-main-header ul li:not(.selected):hover {
	background-color: #eeeeee;
}
#jsp-contents-rank-index-body .rank-main-header ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
	box-sizing: border-box;
	padding: 6px 14px 5px;
}
#jsp-contents-rank-index-body .rank-main-header .selected {
	background-color: #333333;
	color: #ffffff;
	cursor: default;
	font-size: 14px;
}
#jsp-contents-rank-index-body .rank-main-header .selected a:hover {
	background-color: #333;
}
/****** 進む・戻るボタン ******/
/*** 共通 ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] {
	position: absolute;
	top: 0;
	z-index: 100;
}
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back { left: 0; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next { right: 0; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn'],
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn {
	border-style: solid;
	display: block;
	height: 30px;
	width: 30px;
	position: relative;
}
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext'],
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback'] { border-width: 1px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback {
	background-color: #dcdcdc;
	border-color: #dcdcdc;
	cursor: pointer;
}
/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl {
	background-color: #fdfdfd;
	border-color: #d5d8da;
}
/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnnext,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnback {
	background-color: #adadad;
	border-color: #adadad;
}
/*** 進む ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after { border-width: 10px 0 10px 10px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before { margin-left: 11px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after { margin-left: 8px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:before { border-color: transparent transparent transparent #666666; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:after { border-color: transparent transparent transparent #dcdcdc; }
/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:before { border-color: transparent transparent transparent #ffffff; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:after { border-color: transparent transparent transparent #adadad; }
/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:before { border-color: transparent transparent transparent #d5d8da; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:after { border-color: transparent transparent transparent #fdfdfd; }
/*** 戻る ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after { border-width: 10px 10px 10px 0; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before { margin-left: 8px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after { margin-left: 11px; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback:before { border-color: transparent #666666 transparent transparent; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback:after { border-color: transparent #dcdcdc transparent transparent; }
/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:before { border-color: transparent #ffffff transparent transparent; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:after { border-color: transparent #adadad transparent transparent; }
/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:before { border-color: transparent #d5d8da transparent transparent; }
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:after { border-color: transparent #fdfdfd transparent transparent; }
#jsp-contents-rank-index-body .rank-main-title {
	border-left:5px solid #999999;
	padding-left:5px;
	text-align:left;
	margin:20px 0 10px 0;
	line-height:1.7;
	font-weight:bold;
	font-size:13px;
}
#jsp-contents-rank-index-body .info-wrap {
	padding: 15px 0 0;
}
#jsp-contents-rank-index-body .info-wrap .rank-period {
	margin-top: 5px;
	text-align: left;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul {
	padding: 0;
	margin: 0;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li {
	background: #ffffff;
	border: 1px solid #007ad8;
	border-radius: 12px;
	color: #007ad8;
	display: inline-block;
	margin: 5px;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li:hover {
	background-color: #e2eefc;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li.selected {
	background: #007ad8;
	font-weight: bold;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li.selected a {
	color: #ffffff;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li a {
	color: inherit;
	padding: 3px 15px;
	display: block;
	min-width: 50px;
	text-align: center;
	transition: background-color 0.2s ease-in,color 0.2s ease-in;
}
#jsp-contents-rank-index-body .info-wrap .rank-period ul li a:hover {
	text-decoration: none;
}
#jsp-contents-rank-index-body .rank {
	margin:40px 10px 10px; 
	counter-reset: ranking;
}
#jsp-contents-rank-index-body .rank-icon {
	position:absolute;
	left:14px;
	top:-14px;
	z-index: 2;
}
#jsp-contents-rank-index-body .rank-icon .rank4-over {
	background-color:#111111;
	width:17px;
	height:17px;
	display:block;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	text-align:center;
}
#jsp-contents-rank-index-body .rank-image {
	width:255px;
	height:255px;
	margin:0 auto;
	position: relative;
}
#jsp-contents-rank-index-body .rank-image:before {
	content: counter(ranking);
	counter-increment: ranking;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background-color: #333333;
	color: #ffffff;
	font-size: 20px;
	font-family: "arial";
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: -15px;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(-n + 3) .rank-image:before {
	align-items: flex-end;
	width: 50px;
	height: 50px;
	padding-bottom: 9px;
	border-radius: 0;
	left: 0;
	top: -39px;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(n + 4) .rank-image:before {
	font-size: 18px;
}
#jsp-contents-rank-index-body .rank > div:first-of-type .rank-image {
	border: 3px solid #ffbb33;
}
#jsp-contents-rank-index-body .rank > div:first-of-type .rank-image:before {
	background: url('/img/ranking/domestic/icon_gold.png') no-repeat center;
	background-size: contain;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(2) .rank-image {
	border: 3px solid #a6b5ba;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(2) .rank-image:before {
	background: url('/img/ranking/domestic/icon_silver.png') no-repeat center;
	background-size: contain;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(3) .rank-image {
	border: 3px solid #e39a7d;
}
#jsp-contents-rank-index-body .rank > div:nth-of-type(3) .rank-image:before {
	background: url('/img/ranking/domestic/icon_bronze.png') no-repeat center;
	background-size: contain;
}
#jsp-contents-rank-index-body .rank-image a {
	display: flex;
	width: 255px;
	height: 255px;
	transition: opacity 0.1s ease;
}
#jsp-contents-rank-index-body .rank-image picture {
	display: block;
	width: 100%;
}
#jsp-contents-rank-index-body .rank-image a:hover {
	opacity: 0.7;
}
#jsp-contents-rank-index-body .rank-image img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#jsp-contents-rank-index-body .rank-soldout {
	position:absolute;
	left:32px;
	top:0;
	z-index: 2;
}
#jsp-contents-rank-index-body .rank-text {
	width:254px;
	margin:10px auto;
}
#jsp-contents-rank-index-body .rank-dealer-name {
	height: 1.3em;
	padding:0;
	margin:5px 0 5px;
	overflow: hidden;
}
#jsp-contents-rank-index-body div.add-wishlist {
	margin: 3px 0 0;
	height: 20px;
}
#jsp-contents-rank-index-body .ranktop-box,
#jsp-contents-rank-index-body .rank-box {
	width:256px;
	float:left;
	margin-right:35px;
	margin-bottom:30px;
	position:relative;
	height:32em;
}
#jsp-contents-rank-index-body .ranktop-icon {
	position:absolute;
	left:14px;
	top:-14px;
	z-index:1;
}
#jsp-contents-rank-index-body .ranktop-icon.rank1-3 {
	left:14px;
	top:-31px;
}
#jsp-contents-rank-index-body .ranktop-icon.rank4-over {
	background-color:#111111;
	width:17px;
	height:17px;
	display:block;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	text-align:center;
}
#jsp-contents-rank-index-body .ranktop-image {
	width:162px;
	height:162px;
	margin:0 auto;
}
#jsp-contents-rank-index-body .ranktop-image a {
	display: block;
	width:162px;
	height: 162px;
}
#jsp-contents-rank-index-body .ranktop-soldout {
	position:absolute;
	left:32px;
	top:0;
}
#jsp-contents-rank-index-body .ranktop-text {
	width:275px;
	margin:10px auto;
}
#jsp-contents-rank-index-body .ranktop-dealer-name {
	height: 1.3em;
	padding:0;
	margin:5px 0 5;
	overflow: hidden;
}
#jsp-contents-rank-index-body .ranktop-dealer-name a {
	color:#666666;
	font-size:11px;
}
#jsp-contents-rank-index-body .product-info {
	height: 2.7em;
	padding:0;
	margin:3px 0 0;
	overflow: hidden;
	word-break:break-all;
}
#jsp-contents-rank-index-body .area {
	height:1em;
	margin-top:3px;
}
#jsp-contents-rank-index-body .product-info a.rank-product-intro:link { color:#666666; }
#jsp-contents-rank-index-body .product-info a.rank-product-intro:visited { color:#666666; }
#jsp-contents-rank-index-body .product-info a.rank-product-intro:hover { color:#666666; }
#jsp-contents-rank-index-body .trading {
	color: #dc4d4d;
	font-weight: bold;
	margin:3px 0 0;
}
#jsp-tiles-wishlist-c .discount {
	color: #dc4d4d !important;
}
#jsp-contents-rank-index-body .trading .list-price,
#recent-items .recent-chk-info .recent-chk-list-price,
#jsp-tiles-wishlist-c .list-price,
#btm-recent-chk-common .recent-chk-list-price,
#jsp-tiles-productdetail-c .product-information-box .list-price,
.maker-wholesale-price + td .list-price {
	color: #dc4d4d;
	font-size: 12px;
	text-decoration: line-through;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 100;
}
.cp-date {
	color: #dc4d4d;
	font-size: 11px;
	display: inline-block;
	font-weight: normal;
}
.cp-target {
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	width: 7em;
	text-align: center;
	margin-top: 5px;
	line-height: 1.6;
	background: #333333;
	padding: 0 2px;
}
#jsp-contents-rank-index-body .soldout {
	color: #dc4d4d;
	font-weight: bold;
}
#jsp-contents-rank-index-body .disapproved {
	color: #666666;
	font-weight: bold;
}
#jsp-contents-rank-index-body .applied {
	color: #666666;
	font-weight: bold;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	height: 130px;
	background-color: #ffbb33;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	position: relative;
	transition: opacity 0.2s ease;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking:after {
	content: "";
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 1px solid #ffffff;
	position: absolute;
	top: 3px;
	left: 3px;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking:hover {
	opacity: 0.8;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking img {
	width: 172px;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail {
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13em;
	height: 2.3em;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	box-sizing: border-box;
	margin: 7px auto;
	overflow: hidden;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre span {
	color: #5d4837;
	display: inline-block;
	font-weight: bold;
	text-align: left;
	max-height: 100%;
}
.jsp-layout-base-layout .ev-side-list .banner-ranking.detail img {
	width: auto;
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#jsp-contents-rank-index-body .rank-container {
		width: 100%;
	}
	#jsp-contents-rank-index-body .rank-contents-area {
		display: block;
	}
	#jsp-contents-rank-index-body .rank-refine {
		float: none;
		margin: 0 auto;
		padding: 0;
	}
	#jsp-contents-rank-index-body .rank-refine .ttl {
		height: 15.6vw;
		min-height: 50px;
		max-height: 65px;
		background-image: url('/img/ranking/domestic/ttl_sp.png');
		background-position: calc(50% + 8px) center;
		background-size: contain;
		margin: 20px auto 0;
	}
	#jsp-contents-rank-index-body .rank-refine .selected-genre {
		border: 0;
		padding: 0;
		margin: 20px 0 3px;
	}
	#jsp-contents-rank-index-body .rank-refine .refine-search-list {
		display: none;
	}
	#jsp-contents-rank-index-body .rank-main-area {
		width: 100%;
	}
	#jsp-contents-rank-index-body .rank {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}
	#jsp-contents-rank-index-body .rank-main-header .rank-main-header-inner {
		display: flex;
		justify-content: space-between;
		letter-spacing: normal;
		padding: 0 30px 25px;
	}
	#jsp-contents-rank-index-body .selected-genre {
		font-weight: bold;
	}
	#jsp-contents-rank-index-body .rank-main-header .period {
		position: static;
	}
	#jsp-contents-rank-index-body .rank-main-header .smd-listrefine {
		flex-basis: 155px;
		justify-content: flex-end;
		padding: 0;
	}
	#jsp-contents-rank-index-body  #smd-listrefine-area .smd-listrefine a {
		width: 100%;
	}
	#jsp-contents-rank-index-body .rank-main-header .lvone-wrap {
		padding: 0 0 10px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next,
	#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back {
		display: none;
	}
	#jsp-contents-rank-index-body .rank-main-header ul {
		left: 0;
	}
	#jsp-contents-rank-index-body .info-wrap {
		background: #f6f6f6;
		border-bottom: 1px solid #cccccc;
		padding: 15px 0;
	}
	#jsp-contents-rank-index-body .info-wrap .data-collection {
		background: #f6f6f6;
		text-align: center;
	}
	#jsp-contents-rank-index-body .info-wrap .data-collection .sp {
		display: block;
	}
	#jsp-contents-rank-index-body .info-wrap .rank-period {
		background: #f6f6f6;
		text-align: center;
	}
	#jsp-contents-rank-index-body .info-wrap .rank-period ul li {
		margin: 5px 2px;
	}
	#jsp-contents-rank-index-body .ranktop-box,
	#jsp-contents-rank-index-body .rank-box {
		height: auto;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding-bottom: 2.8em;
		margin: 0;
		overflow: hidden;
	}
	#jsp-contents-rank-index-body .rank-image {
		width: 100%;
		height: auto;
		border: none!important;
		margin-bottom: 0.5em;
		position: relative;
	}
	#jsp-contents-rank-index-body .rank-image:after {
		content: "";
		display: block;
		padding-top: 100%;
	}
	#jsp-contents-rank-index-body .rank-image a {
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	#jsp-contents-rank-index-body .rank-image:before {
		top: 5px;
		left: 5px;
		width: 25px;
		height: 25px;
		font-size: 15px;
	}
	#jsp-contents-rank-index-body .rank > div:nth-of-type(-n + 3) .rank-image:before {
		top: 0;
		left: 5px;
		width: 35px;
		height: 32px;
	}
	#jsp-contents-rank-index-body .ranktop-text {
		width: 95%;
		margin: 0 auto 30px;
	}
	#jsp-contents-rank-index-body .ranktop-dealer-name,
	#jsp-contents-rank-index-body .rank-dealer-name {
		display: block;
		width: calc(100% - 20px);
		height: 2em;
		font-size: 11px;
		text-align: center;
		box-sizing: border-box;
		padding: 0 5px;
		border: 1px #cccccc solid;
		margin: 0 10px;
		position: absolute;
		bottom: 8px;
		left: 0;
	}
	#jsp-contents-rank-index-body .ranktop-dealer-name a,
	#jsp-contents-rank-index-body .rank-dealer-name a {
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 2em;
		color: #0066cc;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#jsp-contents-rank-index-body .ranktop-box,
	#jsp-contents-rank-index-body .rank-box {
		width: calc(25% - 1px);
	}
	#jsp-contents-rank-index-body .ranktop-box:nth-of-type(4n),
	#jsp-contents-rank-index-body .rank-box:nth-of-type(4n) {
		border-right: none;
	}
	#jsp-contents-rank-index-body .rank-refine { width: calc(100% - 60px); }
	#jsp-contents-rank-index-body .selected-genre {
		font-size: 20px;
		padding: 0 1em 3px 0;
	}
	#jsp-contents-rank-index-body .rank-refine .selected-genre span {
		width: calc(100% - 170px);
		margin: 25px 0 0;
	}
	#jsp-contents-rank-index-body .rank-main-header .smd-listrefine { margin: -31px 0 0; }
}
/* SP */
@media screen and (max-width: 670px) {
	#jsp-contents-rank-index-body .rank-main-header .rank-main-header-inner {
		display: block;
		padding: 0 10px 25px;
	}
	#jsp-contents-rank-index-body .rank-refine { width: calc(100% - 20px); }
	#jsp-contents-rank-index-body .selected-genre {
		font-size: 16px;
		text-align: center;
	}
	#jsp-contents-rank-index-body .rank-refine .selected-genre span {
		display: inline-block;
		text-align: left;
		margin: 18px 0 0;
	}
	#jsp-contents-rank-index-body .rank-main-header .period {
		font-size: 12px;
		text-align: center;
		margin: 3px 0 20px;
	}
	#jsp-contents-rank-index-body .rank-main-header .period a {
		color: inherit;
		text-decoration: none;
		pointer-events: none;
	}
	#jsp-contents-rank-index-body .rank-main-header .smd-listrefine {
		justify-content: center;
	}
	#jsp-contents-rank-index-body .ranktop-box,
	#jsp-contents-rank-index-body .rank-box {
		width: calc(50% - 1px);
	}
	#jsp-contents-rank-index-body .ranktop-box:nth-of-type(2n),
	#jsp-contents-rank-index-body .rank-box:nth-of-type(2n) {
		border-right: none;
	}
}

/*  commonのcfの仮  */
#jsp-contents-rank-index-body .co-cf:before{
	content:"";
	display:block;
	overflow:hidden;
}
#jsp-contents-rank-index-body .co-cf:after{
	content:"";
	display:block;
	overflow:hidden;
}
#jsp-contents-rank-index-body .co-cf:after{ clear:both; }
/* For IE 6/7 (trigger hasLayout) */
#jsp-contents-rank-index-body .co-cf { zoom:1; }


/* 注文画面-利用可能額ポップアップ */
.kake-popup-btn { position: relative; }
#kake-popup {
	position: absolute;
	z-index: 10;
	border: solid 2px #dadada;
	margin-top: 5px;
	display: none;
	width : 438px;
	font-size: 12px;
}
#kake-popup .contents{
	padding: 5px;
	white-space : normal;
	background-color: #ffffff;
	text-align: left;
}
#kake-popup a#kakePopupCloseBtn {
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	background-image: url(/img/button/close_04.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#kake-popup a#kakePopupCloseBtn:hover { background-image: url(/img/button/close_04_on.gif); }
#kake-popup #kake-details-title { margin: 10px 0 5px 5px; }
#kake-popup table#kake-details {
	margin: 5px;
	width: 405px;
	border-bottom: 1px solid #cccccc;
	border-left: 0px;
	border-right: 0px;
	border-collapse:collapse;
}
#kake-popup table#kake-details th{
	border-top: 1px solid #cccccc;
	padding: 5px;
	background: #eeeeee;
	width: 120px;
	text-align: left;
}
#kake-popup table#kake-details td{
	border-top: 1px solid #cccccc;
	padding: 5px;
}
#kake-popup table#kake-details td.number{ text-align: right; }
#kake-popup #kake-details-notice {
	font-size: 80%;
	text-align: right;
	padding: 0 5px;
}
#kake-popup #account {
	background: #eeeeee;
	padding : 10px 15px 10px 15px;
	margin: 0 15px;
}
#kake-popup #account .header{ padding-bottom: 10px; }
#kake-popup #account .th,
#kake-popup #account .td { padding: 0; }
#kake-popup #account .th {
	float: left;
	width: 60px;
}
#kake-popup #account .separator {
	float: left;
	text-align: center;
	width: 20px;
}
#kake-popup #account .td { float: left; }
#kake-popup #account-notice { padding: 15px; }
#kake-popup #upkakesend-link-wrap {
	text-align: right;
	padding: 5px 15px 10px 15px;
}

/* 企業詳細・送料決済ページ用 */
#dealer-detail-info .co-tooltip-onmouse a:hover span {
	top: -5px;
	left:0;
}
#dealer-detail-info .over-about {
	width: 17em;
	text-align: left !important;
}
#dealer-detail-info .dealer-satisfaction {
	margin: 0 10px 0 0;
	vertical-align: top;
	right:0;
}
#dealer-detail-info .dealer-satisfaction-score {
	display: none;
	position: absolute;
	width: 300px;
	padding:5px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	text-align: center;
	border-radius:5px;
	right:10px;
	font-size:13px;
}
#dealer-detail-info .dealer-satisfaction-score.frn {
	width: 650px;
	left: 0;
}
/*** 送料・決済 ***/
#dealer-carriage {
	max-width: 650px;
	text-align: left;
}
#dealer-carriage .carriage-info-ttl {
	font-size: 18px;
	padding-bottom: 3px;
	margin: 0 0 10px;
	border-bottom: 1px #cccccc solid;
}
/* 送料表、代引き手数料表共通 */
#dealer-carriage .carriage-tbl,
#dealer-carriage .carriage-tbl th,
#dealer-carriage .carriage-tbl td { border: 1px #cccccc solid }
#dealer-carriage .carriage-tbl {
	border-collapse: collapse;
	margin-top: 5px;
}
#dealer-carriage .carriage-tbl th,
#dealer-carriage .carriage-tbl td { padding: 8px 10px; }
#dealer-carriage .carriage-tbl th { background-color: #e6e6e6; }
#dealer-carriage .carriage-tbl td { text-align: right; }
/* 送料表 */
#dealer-carriage .carriage-shipping.carriage-tbl .my-area th,
#dealer-carriage .carriage-shipping.carriage-tbl .my-area td {
	background-color: #fff7e1;
	font-weight: bold;
}
/* 代引き：手数料表 */
#dealer-carriage .prev-cod.carriage-tbl .prev-cod-note {
	text-align: left;
	font-size: 13px;
}
/* 代引き：決済 */
#dealer-carriage .prev-payment {
	margin: 0 auto 7px;
	font-size: 14px;
}
#dealer-carriage .prev-payment * {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#dealer-carriage .prev-payment .prev-pay-head { width: 18em; }
#dealer-carriage .prev-payment .prev-pay-col {
	text-align: center;
	width: 1em;
}
#dealer-carriage .prev-payment .prev-pay-txt {
	text-align: center;
	width: 8em;
	padding: 3px 0 2px;
}

/* 商品詳細・拡大画像 */
#tiles-common-content-product_detail_image { min-width: 710px; }
#tiles-common-content-product_detail_image .item-detail-wrap {
	margin: 0 auto;
	padding-top: 30px;
	min-width:650px;
}
#tiles-common-content-product_detail_image .item-detail-pic-wrap {
	float: left;
	position: relative;
	min-width:430px;
	margin-left:10%;
}
#tiles-common-content-product_detail_image .item-detail-pic-wrap02 {
	width: 100%;
	position: relative;
}
#tiles-common-content-product_detail_image .item-prev-box {
	text-align: center;
	width: 20px;
	margin: 0px 10px 0px 30px;
	z-index: 1;
	cursor:pointer;
	display:block;
}
#tiles-common-content-product_detail_image .item-prev-contents {
	position: relative;
	top: 28%;
}
#tiles-common-content-product_detail_image .item-next-box {
	text-align: center;
	width: 20px;
	margin: 0px 30px 0px 10px;
	cursor:pointer;
	display:block;
}
#tiles-common-content-product_detail_image .item-next-contents { top: 28%; }
#tiles-common-content-product_detail_image .item-detail-large-pic {
	/*margin: 0px 35px 0px 65px;*/
}
#tiles-common-content-product_detail_image .item-detail-large-box {
	height: auto;
	border: 1px solid #cccccc;
	overflow: hidden;
}
#tiles-common-content-product_detail_image .zoom {
	display:inline-block;
	position:relative;
}
#tiles-common-content-product_detail_image .zoom .defaultImage { display: none; }
#tiles-common-content-product_detail_image .zoom img:hover {
	cursor: url('/js/product/zoom/img/click_1.cur'), default;
}
#tiles-common-content-product_detail_image .item-detail-thum-wrap {
	float: left;
	width: 160px;
	margin-right: 30px;
}
#tiles-common-content-product_detail_image .item-detail-thum-wrap .pic-caution {
	color: #dc4d4d;
	margin-top: 5px;
	text-align: left;
}
#tiles-common-content-product_detail_image .item-detail-thum {
	float: left;
	width: 70px;
	height: 70px;
	margin: 0px 5px 10px 5px;
	text-align: center;
}
#tiles-common-content-product_detail_image .thumnail-selected {
	width: 68px;
	height: 68px;
	border: 3px solid #dc4d4d;
}
#tiles-common-content-product_detail_image .thumnail {
	width: 72px;
	height: 72px;
}
#tiles-common-content-product_detail_image .item-detail-vertical {
	width: 68px;
	height: 68px;
	border: 3px solid #cccccc;
}
#tiles-common-content-product_detail_image .thumnail .thum-border {
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 5;
}
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_0,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_1,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_2,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_3,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_4,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_5,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_6,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_7,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_8,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_9,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_10 {
	display: none;
}

/* 最近チェックした商品 */
#btm-recent-chk-common {
	position: relative;
	padding: 0 20px;
	min-width: 900px;
	height: 315px;
}
#btm-recent-chk-common .recent-chk-area {
	height: 210px;
	padding-top: 20px;
}
#btm-recent-chk-common .recent-chk-btn-l {
	width: 25px;
	padding-top: 10px;
	float: left;
}
#btm-recent-chk-common .recent-chk-btn-r {
	width: 25px;
	padding-top: 10px;
	float: right;
}
#btm-recent-chk-common .recent-chk-btn-l a {
	width: 25px;
	height: 100px;
	display: block;
	background: url("/img/common/ui/btn_recent_chk.gif") 0 -330px no-repeat;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btm-recent-chk-common .recent-chk-btn-l a:hover {
	background-position: 0 -440px;
}
#btm-recent-chk-common .l-btn-disabled a,
#btm-recent-chk-common .l-btn-disabled a:hover {
	cursor: default;
	background-position: 0 -550px;
}
#btm-recent-chk-common .recent-chk-btn-r a {
	width: 25px;
	height: 100px;
	display: block;
	background: url("/img/common/ui/btn_recent_chk.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btm-recent-chk-common .recent-chk-btn-r a:hover {
	background-position: 0 -110px;
}
#btm-recent-chk-common .r-btn-disabled a,
#btm-recent-chk-common .r-btn-disabled a:hover {
	cursor: default;
	background-position: 0 -220px;
}
#btm-recent-chk-common .recent-chk-items {
	float: left;
	margin-left:17px;
	margin-right:17px;
	zoom: 1;
}
* html #btm-recent-chk-common .recent-chk-items { /* for IE6 */
	left: 30px;
}
#btm-recent-chk-common .recent-chk-block {
	width: 120px;
	float: left;
	margin-right: 30px;
	text-align: left;
}
#btm-recent-chk-common .recent-chk-img {
	position: relative;
	width: 120px;
	height: 120px;
	margin-bottom: 5px;
	background-color: #f6f6f6;
}
#btm-recent-chk-common .recent-chk-img a {
	width: 120px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
}
* html #btm-recent-chk-common .recent-chk-img .co-img-center-wrap { /* for IE6 */
	position: absolute;
	top: 50%;
	left: 50%;
}
*:first-child+html #btm-recent-chk-common .recent-chk-img .co-img-center-wrap { /* for IE7 */
	position: absolute;
	top: 50%;
	left: 50%;
}
#btm-recent-chk-common .recent-chk-icon {
	width: 60px;
	height: 13px;
	margin-bottom: 6px;
}
#btm-recent-chk-common .recent-chk-txt {
	margin-bottom: 6px;
	line-height: 1.3;
	height: 2.5em;
	overflow: hidden;
	word-break: break-all;
}
#btm-recent-chk-common .recent-chk-price {
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0;
}
#btm-recent-chk-common .recent-chk-price .status {
	font-size: 12px;
}
#btm-recent-chk-common .recent-chk-cmp-price,
#jsp-tiles-productlist-c-product-image-list .dealer-status .cmp-price {
	color: #dc4d4d;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0;
}
#btm-recent-chk-common .wish-btn a {
	width: 82px;
	height: 19px;
	display: block;
	background: url("/img/common/button/function_recent_chk.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#btm-recent-chk-common .wish-btn a:hover {
	background-position: 0 -19px
}
#btm-recent-chk-common .wish-cir {
	padding-left: 20px;
}
.jsp-layout-base-layout .ev-side-list { line-height: 1; }
.jsp-layout-base-layout .ev-side-list li a {
	display: block;
	transition: opacity 0.2s ease;
	line-height: 0;
	margin-bottom: 15px;
}
.jsp-layout-base-layout .ev-side-list li a:hover { opacity: 0.8; }
.jsp-layout-base-layout .ev-side-list li a img {
	border: 1px #cccccc solid;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
.jsp-layout-base-layout .ev-side-list ul {
	padding: 0;
	margin: 0;
}
.jsp-layout-base-layout .ev-side-list ul li { position: relative; }
.jsp-layout-base-layout .ev-side-list ul li .feature-blog {
	position: absolute;
	right: 1px;
	bottom: 1px;
	background: #ffffff url("/img/common/icon/co_009b.svg") no-repeat center right 4px;
	color: #1B76D1;
	font-weight: bold;
	font-size: 14px;
}
.jsp-layout-base-layout .ev-side-list ul li .feature-blog p {
	padding: 5px 19px 3px 4px;
	margin: 0;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
}
/* ユビレジ説明・設定ページ第2弾 */
#ubiregi-establish2 .wrap {
	margin: 0 auto;
	width: 96%;
	min-width: 320px;
}
#ubiregi-establish2 .wrap img {
	max-width: 100%;
	height: auto;
}
#ubiregi-establish2 .title {
	text-align: center;
	margin: 40px 0 20px 0;
}
#ubiregi-establish2 .ubiregi-title {
	font-size: 200%;
}
#ubiregi-establish2 .top-illust-border {
	background: url("/img/member/ubiregi/2/back_01.gif") repeat-x scroll center bottom transparent;
}
#ubiregi-establish2 .top-illust-wrap {
	margin: 0px auto;
	text-align: center;
}
#ubiregi-establish2 .first-contents-wrap {
	background-color: #FFF8EE;
	padding-top: 54px;
	padding-bottom: 54px;
	position: relative;
}
#ubiregi-establish2 .first-contents-wrap:after, #ubiregi-establish2 .third-contents-wrap:after {
	content: " ";
	height: 0;
	border: transparent 10px solid;
	border-bottom: none;
	border-top: solid #FFF8EE 15px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin: 0 0 0 -10px;
}
#ubiregi-establish2 .first-contents-inside-wrap {
	max-width: 940px;
	margin: 0px auto;
	position: relative;
}
#ubiregi-establish2 .first-contents-float-l {
	max-width: 65%;
	float: left;
	margin: 0 0 15px 20px;
}
#ubiregi-establish2 .first-contents-float-r {
	max-width: 290px;
	height: auto;
	padding: 0 20px 20px 5px;
	box-sizing: border-box;
	float: right;
	background: url(/img/member/ubiregi/ubiregi_first_bg.png) repeat-y 50%;
	margin: 0 0 -20px 0;
	position: relative;
	z-index: 0;
	top: 50%;
}
#ubiregi-establish2 .first-contents-float-r span {
	display: block;
}
#ubiregi-establish2 .first-contents-inside-wrap>p {
	width: 60%;
	position: absolute;
	margin: 80px 0 50px 20px;
}
#ubiregi-establish2 .first-contents-text-wrap {
	max-width: 940px;
	text-align: center;
	position: relative;
}
#ubiregi-establish2 .first-contents-text-wrap img {
	width: 110px;
}
#ubiregi-establish2 .first-contents-text-fl, #ubiregi-establish2 .first-contents-text-fc {
	width: 29%;
	text-align: center;
	padding-left: 4%;
	float: left;
}
#ubiregi-establish2 .first-contents-text-fl {
	background: url(/img/member/ubiregi/ubiregi_first_bg02.png) no-repeat 100% 55px;
	background-size: 50% 8px;
}
#ubiregi-establish2 .first-contents-text-fc {
	background: url(/img/member/ubiregi/ubiregi_first_bg02.png) repeat-x center 55px;
	padding-right: 4%;
	margin-right: -4%;
}
#ubiregi-establish2 .first-contents-text-fr {
	width: 29%;
	text-align: center;
	float: left;
	padding-left: 4%;
	background: url(/img/member/ubiregi/ubiregi_first_bg02.png) no-repeat 0 55px;
	background-size: 50% 8px;
}
#ubiregi-establish2 .first-contents-text-fl p:nth-of-type(1), #ubiregi-establish2 .first-contents-text-fc p:nth-of-type(1), #ubiregi-establish2 .first-contents-text-fr p:nth-of-type(1) {
	font-size: 135%;
	max-width: 200px;
	margin: 10px auto;
}
#ubiregi-establish2 .second-contents-wrap {
	background-color: #E2F1F2;
	padding-top: 54px;
	padding-bottom: 54px;
}
#ubiregi-establish2 .second-contents-inside-wrap {
	text-align: center;
	padding: 0 10px 0 3%;
}
#ubiregi-establish2 .second-contents-border {
	background: url("/img/member/ubiregi/2/back_03.gif") repeat-x scroll center bottom transparent;
	text-align: center;
	font-size: 0;
}
#ubiregi-establish2 .second-contents-float-wrap {
	max-width: 900px;
	text-align: center;
	margin: 30px auto 0;
}
#ubiregi-establish2 .second-contents-float-l, #ubiregi-establish2 .second-contents-float-c, #ubiregi-establish2 .second-contents-float-r {
	width: 26%;
	float: left;
	margin-right: 10%;
}
#ubiregi-establish2 .second-contents-float-l p:nth-of-type(1), #ubiregi-establish2 .second-contents-float-c p:nth-of-type(1), #ubiregi-establish2 .second-contents-float-r p:nth-of-type(1) {
	padding: 5px 0;
	font-size: 119%;
	border-bottom: dotted #cccccc 2px;
}
#ubiregi-establish2 .second-contents-float-r {
	margin-right: 0;
}
#ubiregi-establish2 .third-contents-wrap {
	background-color: #FFF8EE;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
#ubiregi-establish2 .third-contents-inside-wrap {
	max-width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
}
#ubiregi-establish2 .third-contents-title {
	font-size: 125%;
	padding: 8px 0 10px 50px;
	background: url(/img/member/ubiregi/ubiregi_img02.png) no-repeat 0 center;
	background-size: 40px;
}
#ubiregi-establish2 .third-contents-float-wrap {
	max-width: 940px;
	margin: 0px auto;
}
#ubiregi-establish2 .third-contents-float-l {
	width: 60%;
	float: left;
	padding-right: 5%;
	margin: 0 auto;
}
#ubiregi-establish2 .third-contents-float-r {
	width: 35%;
	float: right;
	margin: 0 auto;
	text-align: center;
}
#ubiregi-establish2 .third-contents-text {
	padding-left: 50px;
}
#ubiregi-establish2 .fourth-contents-wrap {
	margin: 0px auto;
	text-align: center;
	background: url("/img/member/ubiregi/2/back_02.gif") repeat-x scroll center top transparent;
	font-size: 0;
}
#ubiregi-establish2 .fifth-contents-wrap {
	background-color: #E2F1F2;
	padding: 55px;
}
#ubiregi-establish2 .fifth-contents-inside-wrap {
	text-align: center;
}
#ubiregi-establish2 .fifth-contents-float-wrap {
	max-width: 940px;
	margin: 0px auto;
}
#ubiregi-establish2 .fifth-contents-float-l {
	max-width: 644px;
	width: 71%;
	float: left;
}
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img img {
	width: 100px;
}
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img + div {
	margin-top: 30px;
}
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 21px 0;
	border-radius: 50%;
	margin: 0 10px 5px;
}
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi::after {
	bottom: -16px;
}
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi img {
	width: 50px;
}
#ubiregi-establish2 .step-button-01 a {
	display: inline-block;
	padding: 5px 20px 5px 30px ;
	background-color: #FFF;
	border: 1px solid #1492D6;
	margin: 10px auto 0px;
	box-shadow: 0px 1px 0px 0px #FFF inset;
	background-position: 10px center;
}
#ubiregi-establish2 .step-button-01 a:hover {
	display: inline-block;
	padding: 5px 20px 5px 30px ;
	background-color: #f5fcff;
	margin: 10px auto 0px;
	box-shadow: none;
}
#ubiregi-establish2 .campaign-list {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	margin-top: 20px;
}
#ubiregi-establish2 .list-left {
	padding: 10px;
	border-top: 1px solid #F47A53;
	border-right: 1px dotted #F47A53;
	border-bottom: 1px solid #F47A53;
	width: 20%;
}
#ubiregi-establish2 .list-right {
	padding: 10px;
	border-top: 1px solid #F47A53;
	border-bottom: 1px solid #F47A53;
	width: 80%;
}
#ubiregi-establish2 .list-left02 {
	padding: 10px;
	border-right: 1px dotted #F47A53;
	border-bottom: 1px solid #F47A53;
	max-width: 137px;
}
#ubiregi-establish2 .list-right02 {
	padding: 10px;
	border-bottom: 1px solid #F47A53;
	width: 823px;
}
#ubiregi-establish2 .regist-button-bottom {
	margin: 0px auto;
	margin-top: 30px;
	text-align: center;
}
#ubiregi-establish2 .setup-title {
	margin: 45px 0px 28px 0px;
	text-align: center;
}
#ubiregi-establish2 .setup-onoff-wrap {
	text-align: center;
	width: 100%;
}
#ubiregi-establish2 .setup-onoff-text {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	width: 49%;
	float: left;
}
#ubiregi-establish2 .setup-onoff-button {
	text-align: left;
	width: 49%;
	float: left;
}
#ubiregi-establish2 .setup-main-image {
	background: url("/img/member/ubiregi/2/setup_image_01.jpg") no-repeat scroll center top transparent;
	max-width: 933px;
	height: 221px;
}
#ubiregi-establish2 .setup-main-image-text {
	margin: 110px 0px 0px 360px;
}
#ubiregi-establish2 .setup-btmcontents-arrow {
	margin: 0px auto;
	text-align: center;
	background: url("/img/member/ubiregi/2/setup_back_01.gif") repeat-x scroll center top transparent;
	font-size: 0;
	width: 100%;
}
#ubiregi-establish2 .setup-btmcontents-wrap {
	width: 100%;
	margin: 0px auto;
	background-color: #FFF8EE;
	padding: 20px 0px 30px 0px;
}
#ubiregi-establish2 .setup-btmcontents-left {
	max-width: 500px;
	float: left;
	font-size: 16px;
	line-height: 26px;
}
#ubiregi-establish2 .setup-btmcontents-right {
	max-width: 218px;
	float: left;
	border: 1px solid #CCC0B4;
	background-color: #F78161;
	padding: 12px 0px 12px ;
	text-align: center;
}
#ubiregi-establish2 .setup-btmcontents-right a {
	color: #ffffff;
}
/* PC */
@media screen and (min-width: 941px) {
	#ubiregi-establish2 .wrap .sp-only {
		display: none;
	}
	#ubiregi-establish2 .wrap .tab-only {
		display: none;
	}
	#ubiregi-establish2 .wrap .sp-tab-only {
		display: none;
	}
	#ubiregi-establish2 .fifth-text-01{
		width: 28%;
		float: left;
		margin: 0 3% 0 0;
	}
	#ubiregi-establish2 .fifth-text-03 {
		width: 30%;
		float: left;
		margin: 0 1% 0 0;
	}
	#ubiregi-establish2 .fifth-text-02 {
		width: 33%;
		float: left;
		margin: 0 3% 0 0;
	}
	#ubiregi-establish2 .logged-in .fifth-text-02, #ubiregi-establish2 .logged-in .fifth-text-03 {
		width: 35%;
		float: left;
		margin: 0 10% 0 5%;
	}
	#ubiregi-establish2 .fifth-contents-float-r {
		padding: 20px 3% 0 71%;
		text-align: right;
		background: url(/img/member/ubiregi/ubiregi_first_bg02.png) no-repeat 95px 133px;
		background-size: 80% 4px;
	}
	#ubiregi-establish2 .logged-in .fifth-contents-float-r {
		padding: 20px 3% 0 71%;
		text-align: right;
		background: url(/img/member/ubiregi/ubiregi_first_bg02.png) no-repeat 135px 133px;
		background-size: 60% 4px;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img {
		position: relative;
		margin: 10px;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img:after {
		content: "";
		height: 0;
		border: transparent 10px solid;
		border-bottom: none;
		border-top: solid #ffffff 20px;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin: 0 0 0 -10px;
	}
	#ubiregi-establish2 .fifth-contents-float-wrap {
		padding-top: 30px;
	}
	#ubiregi-establish2 .fifth-text-01 p:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow01.png) no-repeat top center;
	}
	#ubiregi-establish2 .fifth-text-02 p:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow03.png) no-repeat top center;
	}
	#ubiregi-establish2 .fifth-text-03 p:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow05.png) no-repeat top center;
	}
	#ubiregi-establish2 .logged-in .fifth-text-02 p {
		background: url(/img/member/ubiregi/ubiregi_flow01.png) no-repeat top center;
	}
	#ubiregi-establish2 .logged-in .fifth-text-03 p {
		background: url(/img/member/ubiregi/ubiregi_flow03.png) no-repeat top center;
	}
	#ubiregi-establish2 .logged-in .fifth-contents-float-l p:not(.logged-in), #ubiregi-establish2 .fifth-contents-float-l p:not(.logged-in) {
		padding-top: 40px;
		margin-top: -15px;
		background-size: 30px;
	}
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
	#ubiregi-establish2 .first-contents-float-l {
		max-width: 100%;
		display: inline-block;
		float: none;
	}
	#ubiregi-establish2 .third-contents-float-l,  #ubiregi-establish2 .third-contents-float-r {
		width: 100%;
		float: none;
	}
	#ubiregi-establish2 .third-contents-float-r {
		margin: 15px auto 0;
		width: 60%;
	}
	#ubiregi-establish2 .fifth-contents-wrap {
		padding: 35px 0;
	}
	#ubiregi-establish2 .fifth-contents-inside-wrap {
		max-width: 440px;
		margin: 0 auto;
		padding: 0 10px;
	}
	#ubiregi-establish2 .fifth-contents-float-l {
		text-align: left;
		background: url(/img/member/ubiregi/ubiregi_first_bg.png) no-repeat 13px 0;
		background-size: 3px 100%;
		padding: 0 10px 140px 45px;
		float: none;
		width: inherit;
	}
	#ubiregi-establish2 .fifth-contents-float-r {
		padding: 0;
		margin: -105px 0 0;
		text-align: center;
		background: url(/img/member/ubiregi/ubiregi_first_bg02.png) no-repeat 13px 102px;
		background-size: 50% 3px;
		float: none;
	}
	#ubiregi-establish2 .fifth-contents-float-r img {
		max-width: 220px;
		margin: 0 15px;
		height: auto;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img {
		position: relative;
		float: right;
		width: 40%;
		max-width: 130px;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi {
		width: 40%;
		height: auto;
		max-width: 130px;
		padding: 0;
		margin: 0;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi::before {
		content: '';
		display: block;
		width: 100%;
		padding-top: 100%;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img:after {
		content: "";
		height: 0;
		border: transparent 10px solid;
		border-left: none;
		border-right: solid #ffffff 20px;
		position: absolute;
		top: 50%;
		left: -15px;
		margin: -15px 0 0 0;
	}

	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img img {
		width: 100%;
		margin: 0 0 10px;
	}
	#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi img {
		width: 50%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#ubiregi-establish2 .fifth-text-01:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow01.png) no-repeat 0 0;
	}
	#ubiregi-establish2 .fifth-text-02:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow03.png) no-repeat 0 0;
	}
	#ubiregi-establish2 .fifth-text-03:not(.logged-in) {
		background: url(/img/member/ubiregi/ubiregi_flow05.png) no-repeat 0 0;
	}
	#ubiregi-establish2 .logged-in .fifth-text-02 {
		background: url(/img/member/ubiregi/ubiregi_flow01.png) no-repeat 0 0;
	}
	#ubiregi-establish2 .logged-in .fifth-text-03 {
		background: url(/img/member/ubiregi/ubiregi_flow03.png) no-repeat 0 0;
	}
	#ubiregi-establish2 .fifth-text-01:not(.logged-in), #ubiregi-establish2 .fifth-text-02:not(.logged-in),  #ubiregi-establish2 .fifth-text-03:not(.logged-in) {
		min-height: 120px;
		float: none;
		margin: 20px 0 0 -45px;
		background-size: 30px;
		clear: both;
		padding-left: 45px;
	}
	#ubiregi-establish2 .logged-in .fifth-text-02,  #ubiregi-establish2 .logged-in .fifth-text-03 {
		background-size: 30px;
	}
	
#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img + div {
		font-size: 115%;
		background: none;
		width: 54%;
		padding:5px 6% 0 0;
	}
#ubiregi-establish2 .step-button-01 a span {
	display: inline-block;
	padding: 0 0 0 15px;
	margin: 0 0 0 -15px;
}
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#ubiregi-establish2 .wrap .pc-only {
		display: none;
	}
	#ubiregi-establish2 .wrap .sp-only {
		display: none;
	}
	#ubiregi-establish2 .wrap {
		width: 100%;
	}
	#ubiregi-establish2 .title {
		text-align: center;
		margin: 40px 20% 30px;
	}
	#ubiregi-establish2 .first-contents-inside-wrap {
		max-width: 750px;
	}
	#ubiregi-establish2 .first-contents-float-r {
		max-width: 270px;
		padding: 0 30px 20px 20px;
		margin-top: -20px;
	}
	#ubiregi-establish2 .first-contents-merit {
		min-height: 0;
		position: relative;
	}
	#ubiregi-establish2 .first-contents-inside-wrap>p {
		width: inherit;
		margin: 0;
		padding: 0 260px 0 20px;
	}
	#ubiregi-establish2 .third-contents-inside-wrap {
		width: 80%;
	}
	#ubiregi-establish2 .first-contents-text-wrap {
		padding: 0 4% 0 0;
	}
}

/* SP */
@media screen and (max-width: 670px) {
	#ubiregi-establish2 .wrap .pc-only {
		display: none;
	}
	#ubiregi-establish2 .wrap .tab-only {
		display: none;
	}
	#ubiregi-establish2 .wrap {
		width: 100%;
	}
	#ubiregi-establish2 .title {
		max-width: 460px;
		padding: 0 15px;
		margin: 40px auto 30px;
	}
	#ubiregi-establish2 .ubiregi-title {
		font-size: 160%;
	}
	#ubiregi-establish2 .first-contents-wrap {
		padding-top: 35px;
	}
	#ubiregi-establish2 .first-contents-float-l {
		margin: 0 20px 5px;
	}
	#ubiregi-establish2 .first-contents-float-r {
		max-width: 120px;
		margin: 25px 5px 0 20px;
		padding: 0;
		float: left;
		background: none;
	}
	#ubiregi-establish2 .first-contents-inside-wrap>p {
		width: inherit;
		min-height: 120px;
		margin: 65px 0 0 0;
		position: static;
		padding: 0 20px 0 160px;
		background: url(/img/member/ubiregi/ubiregi_first_bg.png) repeat-y 77px;
	}
	#ubiregi-establish2 .first-contents-inside-wrap>p span {
		display: inline-block;
		margin: -65px 0 15px 0;
	}
	#ubiregi-establish2 .first-contents-text-wrap {
		text-align: center;
		position: relative;
	}
	#ubiregi-establish2 .first-contents-text-wrap {
		text-align: center;
		position: relative;
	}
	#ubiregi-establish2 .first-contents-text-wrap img {
		width: 80px;
		float: left;
		margin-right: 20px;
	}
	#ubiregi-establish2 .first-contents-text-fl, #ubiregi-establish2 .first-contents-text-fc, #ubiregi-establish2 .first-contents-text-fr {
		margin: -10px 20px 0;
		padding: 15px 10px 10px 4%;
		width: inherit;
		min-height: 80px;
		text-align: left;
		float: none;
		clear: both;
		background: url(/img/member/ubiregi/ubiregi_first_bg.png) repeat-y 57px;
	}
	#ubiregi-establish2 .first-contents-text-fr {
		padding-bottom: 0;
		background: url(/img/member/ubiregi/ubiregi_first_bg.png) no-repeat 57px 0;
		background-size: 8px 50%;
	}
	#ubiregi-establish2 .first-contents-text-wrap p:nth-of-type(1) {
		max-width: inherit;
		margin: 0 auto 8px;
	}
	#ubiregi-establish2 .first-contents-text-wrap p:nth-of-type(2) {
		padding-left: 100px;
		margin: 0;
	}
	#ubiregi-establish2 .second-contents-wrap img {
		width: 150px;
	}
	#ubiregi-establish2 .second-contents-float-wrap {
		margin: 0 auto;
	}
	#ubiregi-establish2 .second-contents-float-l, #ubiregi-establish2 .second-contents-float-c, #ubiregi-establish2 .second-contents-float-r {
		width: 240px;
		float: none;
		margin: 15px auto 0;
	}
	#ubiregi-establish2 .third-contents-inside-wrap {
		width: 90%;
	}
	#ubiregi-establish2 .third-contents-text {
		padding-left: 0;
	}
	#ubiregi-establish2 .third-contents-title {
		background-size: 30px;
	}
}

/* POSレジ設定ページ（Square追加） */
#posregi-establish .title {
	text-align: center;
	margin: 40px 0px 30px 0px;
}
#posregi-establish .setup-title {
	margin: 30px 0px 28px 0px;
	font-size: 15px;
}
#posregi-establish .logo {
	float: left;
	width: 143px;
}
#posregi-establish .logo.base,
#posregi-establish .logo.colorme { padding: 15px 0; }
#posregi-establish .logo.colorme img { width: 120px; }
#posregi-establish .explain {
	float: left;
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
	width: 564px;
}
#posregi-establish .explain .colorme-id {
	background-color: #f6f6f6;
	padding: 5px;
	font-size: 11px;
	display: inline-block;
	margin-top: 8px;
}
#posregi-establish .explain .colorme-id p { margin: 0; }
#posregi-establish .setup-onoff-wrap {
	text-align: center;
	width: 100%;
	min-width: 960px;
	margin: 30px auto;
	padding-top: 30px;
	border-top: 1px dotted #ccc;
}
#posregi-establish .setup-onoff-wrap:first-child {
	padding: 0;
	border-top: none;
}
#posregi-establish .setup-onoff-box {
	float: left;
	width: 160px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
	padding: 10px 0px 10px 0px;
}
#posregi-establish .setup-onoff-text {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	width: 49%;
	float: left;
}
#posregi-establish .setup-onoff-button {
	display: inline-flex;
	width: 122px;
	flex-wrap: nowrap;
	align-items: center;
}
#posregi-establish .setup-onoff-button div{
	width: 50%;
	padding: 3px 5px 2px;
	background: #E9E9F2;
	background: linear-gradient( #ffffff 0%, #E9E9F2 100%);
	border-radius: 0 5px 5px 0;
	border: #59717F solid 1px;
}
#posregi-establish .setup-onoff-button div:first-child {
	border-radius: 5px 0 0 5px;
}
#posregi-establish .setup-onoff-button.on div:first-child,
#posregi-establish .setup-onoff-button:not(.on) div:last-child {
	background: #2489CE;
	color: #fff;
	border: #1377BB solid 1px;
}
#posregi-establish .setup-onoff-button.on div:first-child {
	border-right: none;
}
#posregi-establish .setup-onoff-button:not(.on) div:last-child {
	border-left: none;
}
#posregi-establish .setup-onoff-button.on div:last-child:hover,
#posregi-establish .setup-onoff-button:not(.on) div:first-child:hover {
	background: linear-gradient(#e0e0e9 0%, #e0e0e9 100%);
	text-shadow: 1px 1px 0 #ffffff;
}
#posregi-establish .logo.ubiregi img {
	max-width: 70px;
}
#posregi-establish .co-mdl-wrap {
	max-width: 395px;
}
#posregi-establish .co-mdl-wrap .co-mdl-ttl {
	border-radius: 5px 5px 0 0;
}
#posregi-establish .co-mdl-wrap .co-mdl-content {
	border-radius: 0 0 5px 5px;
	background: #fff;
}
#posregi-establish .co-mdl-wrap .co-mdl-content p {
	text-align: left;
}
#posregi-establish .co-mdl-submit .co-btn {
	width: 98px;
}
/* catalog view（説明ページ） */
#jsp-tiles-catalogview .main-title1 {
	width: 100%;
	height: 352px;
	overflow: visible;
	background: url("/img/catalogview/expage/bg_main01.gif") top left repeat-x;
}
#jsp-tiles-catalogview .main-title1-inner {
	position: relative;
	width: 961px;
	margin: 0 auto;
}
#jsp-tiles-catalogview .main-title1 .img1 {
	width: 435px;
	height: 418px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("/img/catalogview/expage/img_mainleft00.png") top left no-repeat;
}
#jsp-tiles-catalogview .main-title1 .img3 {
	width: 497px;
	height: 192px;
	position: absolute;
	top: 226px;
	left: 435px;
	background: url("/img/catalogview/expage/img_mainright_btm00.png") top left no-repeat;
}
#jsp-tiles-catalogview .main-title1 .img4 {
	width: 326px;
	height: 58px;
	position: absolute;
	top: 418px;
	left: 73px;
	background: url("/img/catalogview/expage/img_mainleft_btm00.jpg") top left no-repeat;
}
#jsp-tiles-catalogview h2 { border-bottom: none; }
#jsp-tiles-catalogview h2.about { margin: 70px 0 31px; }
#jsp-tiles-catalogview .abouttxt { margin-bottom: 49px; }
#jsp-tiles-catalogview .point-wrap { background: url("/img/catalogview/expage/bg_brn_btm1_00.gif") #f0f0f0 bottom center no-repeat; }
#jsp-tiles-catalogview .point-cont {
	width: 960px;
	padding: 50px 0 34px;
	margin: 0 auto;
}
#jsp-tiles-catalogview .brn-top {
	height: 30px;
	background: url("/img/catalogview/expage/bg_brn_top00.gif") top center no-repeat;
}
#jsp-tiles-catalogview .brn-btm {
	width: 56px;
	height: 19px;
	margin: 0 auto 20px auto;
	background: url("/img/catalogview/expage/bg_brn_btm2_00.gif") top center no-repeat;
}
#jsp-tiles-catalogview h2.point { margin-bottom: 5px; }
#jsp-tiles-catalogview .point-img1 { margin-bottom: 21px; }
#jsp-tiles-catalogview .btminfo {
	width: 880px;
	margin: 0 auto 23px auto;
	text-align: left;
	font-size: 93%;
	line-height: 1.3;
}
#jsp-tiles-catalogview .btminfo ul {
	padding: 0;
	margin: 0;
}
#jsp-tiles-catalogview .btminfo li {
	padding-left: 1em;
	text-indent: -1em;
}
#jsp-tiles-catalogview .btnarea {
	width: 960px;
	margin: 0 auto;
	border: 1px solid #cdcdcd;
	background-color: #f5f5f5;
	padding: 30px;
}
#jsp-tiles-catalogview .formbtn {
	border: 0px;
	width: 233px;
	height: 45px;
	cursor: pointer;
	background: url("/img/catalogview/expage/btn_cvopen00.gif") left top no-repeat;
}
#jsp-tiles-catalogview .formbtn:hover { background-position: 0 -45px; }
#jsp-tiles-catalogview .formchkbox {
	padding-top: 25px;
	font-size: 13px;
}

/*** 配送先追加画面 ***/
#delivery-point-register .global-error { margin-top: 50px; }
#delivery-point-register .global-error .fo-error-massage {
	padding: 15px 20px;
	background-color: #FFE0DF;
}
#delivery-point-register #delivery-point-list {
	width: 100%;
	padding: 0;
	border: solid 1px #999999;
	border-collapse: collapse;
	margin: 5px 0 0 0;
}
#delivery-point-register #delivery-point-list th {
	background-color: #e6e6e6;
	padding: 10px;
	border: solid 1px #999999;
	border-collapse: collapse;
	text-align: left;
}
#delivery-point-register #delivery-point-list .co-tooltip-onmouse { position: relative; }
#delivery-point-register #delivery-point-list .co-tooltip-onmouse span {
	left: -11px !important;
	top: -66px !important;
	border-radius: 5px !important;
	background-color: #FFF7E1 !important;
}
/* ツールチップの吹き出し装飾 */
#delivery-point-register #delivery-point-list .co-tooltip-onmouse span:after {
	content: '';
	position: absolute;
	border-top: 14px solid #FFF7E1;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -12px;
	left: 40px;
}
#delivery-point-register #delivery-point-list .co-tooltip-onmouse span:before {
	content: '';
	position: absolute;
	border-top: 14px solid #999999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -14px;
	left: 40px;
}

#delivery-point-register #delivery-point-list .item-regular-setteing { width: 43px; }
#delivery-point-register #delivery-point-list .item-regular-setteing a { color: #333333; }
#delivery-point-register #delivery-point-list .item-regular-setteing .popup-text-width { width: 34em; }
#delivery-point-register #delivery-point-list .item-setting-name { width: 145px; }
#delivery-point-register #delivery-point-list .item-address { width: 250px; }
#delivery-point-register #delivery-point-list .item-tel-num { width: 160px; }
#delivery-point-register #delivery-point-list .item-shop { width: 145px; }
#delivery-point-register #delivery-point-list .item-button { width: 70px; }
#delivery-point-register #delivery-point-list td {
	padding: 10px;
	border: solid 1px #999999;
	border-collapse: collapse;
	vertical-align: top;
}
#delivery-point-register #delivery-point-list td .cp {
	text-align: center;
	margin: 0 auto;
}
#delivery-point-register #delivery-point-list td .lp {
	text-align: left;
	margin: 0 auto;
}
#delivery-point-register #delivery-point-list .setting-name-box { width: 145px; }
#delivery-point-register #delivery-point-list .prefecture-box {
	height: 1.65em;
	margin: 0;
}
#delivery-point-register #delivery-point-list .city-box {
	width: 160px;
	height: 1.2em;
}
#delivery-point-register #delivery-point-list .shop-box {
	width: 145px;
	margin-bottom: 5px;
}
#delivery-point-register #delivery-point-list .receiver-box { width: 145px; }
#delivery-point-register #delivery-point-list .tel-num-box {
	width: 39px;
	padding: 2px 0;
}

/* CORECお知らせページ（最新）-20150219 */
#corec-notification-20150219 {
	 font-size: 15px;
	 color: #4d4d4d;
}
#corec-notification-20150219 .corec-button {
	width: 196px;
	height: 45px;
}
#corec-notification-20150219 .start { border-bottom: 2px solid #dfeebf; }
#corec-notification-20150219 .start .hukidashi{
	margin:0 0 -25px 0;
	height:32px;
}
#corec-notification-20150219 .start-inner {
	display:table;
	width:900px;

	margin:0 auto;
	text-align:left;
	padding:20px 0 10px;
}
#corec-notification-20150219 .start .l{
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 0;
}
#corec-notification-20150219 .start .l-inner{
	display:table;
}
#corec-notification-20150219 .start .l span{
	font-size:20px;
	padding:0 10px 0 0;
	vertical-align:middle;
	display:table-cell;
}
#corec-notification-20150219 .start .l img{
	vertical-align:middle;
	display:table-cell;
}
#corec-notification-20150219 .start .r{
	display:table-cell;
	width:480px;
	font-size:16px;
}
#corec-notification-20150219 .main-catch { background: url("/img/guide/corec/header-background.png") 0 0px; }
#corec-notification-20140407 .main-catch .optimization { margin:35px 0 10px 0; }

/* SUPER DELIVERYとのサービスの違い-20150219 */
#corec-notification-20150219 .compare { background-color: #FFFFFF; }
#corec-notification-20150219 .compare p {
	margin:0;
	padding:0 0 1em;
}
#corec-notification-20150219 .compare-group-inner {
	padding: 50px 30px 80px;
	width: 850px;
}
#corec-notification-20150219 .compare .compare-header {
	font-size: 28px;
	font-weight: bold;
}
#corec-notification-20150219 .compare .compare-inner {
	padding: 30px 0 0;
	position: relative;
	width: 700px;
}
#corec-notification-20150219 .compare .compare-inner .box1 img {
	left: 105px;
	position: absolute;
	top: -50px;
}
#corec-notification-20150219 .compare ul {
	margin: 0;
	padding: 0;
}
#corec-notification-20150219 .compare .group {
	border-radius: 5px;
	position: relative;
	text-align: center;
}
#corec-notification-20150219 .compare .box1 {
	padding: 70px 20px 10px;
	width: 280px;
}
#corec-notification-20150219 .compare .box1 p {
	padding:0.5em 0 0.5em;
	font-size:17px;
}
#corec-notification-20150219 .compare .box2 {
	padding: 10px 20px 20px;
	text-align:left;
}
#corec-notification-20150219 .compare table{ width:100%; }
#corec-notification-20150219 .compare th {
	width:40%;
	padding:5px 0;
}
#corec-notification-20150219 .compare td {
	width:60%;
	text-align:center;
}
#corec-notification-20150219 .compare .sd-group {
	border: 1px solid #d7e1f1;
	float: left;
}
#corec-notification-20150219 .compare .sd-group .box1 { background-color: #d7e1f1; }
#corec-notification-20150219 .compare .sd-group .box2 {
	background-color: #edf3fb;
	border-radius: 6px;
}
#corec-notification-20150219 .compare .sd-group th { border-bottom:1px dashed #bdd1f1; }
#corec-notification-20150219 .compare .sd-group td { border-bottom:1px dashed #bdd1f1; }
#corec-notification-20150219 .compare .corec-group {
	float: right;
	border: 1px solid #ddebbe;
}
#corec-notification-20150219 .compare .corec-group .box1 { background-color: #dfeebf; }
#corec-notification-20150219 .compare .corec-group .box2 {
	background-color: #f7fde9;
	border-radius: 6px;
}
#corec-notification-20150219 .compare .corec-group th { border-bottom:1px dashed #c5e483; }
#corec-notification-20150219 .compare .corec-group td { border-bottom:1px dashed #c5e483; }
#corec-notification-20150219 .compare .compare-border {
	left: 281px;
	padding: 70px 0 0;
	position: absolute;
	text-align: center;
	top: 33px;
	width: 236px;
}
#corec-notification-20150219 .compare .box2 img { vertical-align: middle; }

/* お客様の声-20150219 */
#corec-notification-20150219 .customer-comments { background: #dfeebf; }
#corec-notification-20150219 .customer-comments .title {
	font-size: 28px;
	font-weight:bold;
}
#corec-notification-20150209 .customer-comments div ul li p span {
	font-weight: normal;
	font-size: 13px;
}
#corec-notification-20150219 .customer-comments div ul li { position: relative; }
#corec-notification-20150219 .customer-comments div ul li.comment01 p { width: 140px; }
#corec-notification-20150219 .customer-comments div ul li.comment02 p {
	width: 130px;
	padding-top: 32px;
}
#corec-notification-20150219 .customer-comments div ul li.comment01 div {
	background-color: #ffffff;
	border-radius: 5px;
	width: 630px;
}
#corec-notification-20150219 .customer-comments div ul li.comment02 div {
	background-color: #ffffff;
	border-radius: 5px;
	width: 635px;
}
#corec-notification-20150219 .customer-comments div ul li.comment01 div img {
	position: absolute;
	left: 242px;
	top :33px;
}
#corec-notification-20150219 .customer-comments div ul li.comment02 div img {
	position: absolute;
	left: 705px;
	top :44px;
}
/* 3つのポイント-20150219 */
#corec-notification-20150219 .corec-point {
	height: 1433px;
	background: url("/img/guide/corec/background-color.png")  0 0 repeat-x ;
	position: relative;
}
#corec-notification-20150219 .corec-point .space { height: 40px; }
#corec-notification-20150219 .corec-point .circle {
	width: 75px;
	height: 75px;
	-webkit-border-radius: 50%;/* width,heightの半分 */
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#corec-notification-20150219 .corec-point .circle-text1 {
	font-size: 16px;
	color: #ffffff;
}
#corec-notification-20150219 .corec-point .circle-text2 {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}
#corec-notification-20150219 .corec-point .point-wrapper {
	background: url("/img/guide/corec/pole.png")  repeat-y 50% 0;
	height: 1393px;
}
#corec-notification-20150219 .corec-point .point-wrapper .point-header {
	height: 80px;
	width: 495px;
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #4d4d4d;
	position: relative;
}
#corec-notification-20150219 .corec-point .point-wrapper .point-header .text1 {
	position: absolute;
	top: 21px;
	left: 87px;
}
#corec-notification-20150219 .corec-point .point-wrapper .point-header .text2 {
	color: #ffffff;
	position: absolute;
	top: 21px;
	left: 223px;
}
#corec-notification-20150219 .corec-point .point-wrapper .point-header .text3 {
	position: absolute;
	top: 21px;
	left: 298px;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point {
	width: 960px;
	height: 340px;
	margin-bottom: 50px;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .background-shadow-left {
	height: 340px;
	width: 520px;
	margin-left: 32px;
	background-color: #ffffff;
	box-shadow: 0 0 11px 7px rgba(10,10,10,0.1);
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .background-shadow-right {
	height: 340px;
	width: 520px;
	margin-right: 32px;
	background-color: #ffffff;
	box-shadow: 0 0 11px 7px rgba(10,10,10,0.1);
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence {
	position: relative;
	height: 340px;
	width: 408px;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .circle-wrapper {
	width: 423px;
	height: 80px;
	margin-top: 93px;
	position: relative;
	margin-bottom: 15px;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .heading {
	margin-bottom: 15px;
	font-size: 22px;
	color: #4d4d4d;
	font-weight: bold;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .content {
	margin-left: 5px;
	width: 282px;
	font-size: 16px;
	text-align: left;
}
#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .annotation {
	margin-top: 5px;
	font-size: 14px;
	color: #ec6b6b;
	font-weight: bold;
}
#corec-notification-20150219 .footer-sentence {
	margin: 23px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}
#corec-notification-20150219 .footer-background {
	height: 42px;
	margin-bottom: 70px;
	background: url("/img/guide/corec/footer-background.png") repeat-x;
}
#corec-notification-20150219 .footer-sentence .plan-text {
	font-size: 13px;
	font-weight:normal;
	margin:0;
}

/*** 海外向け International紹介モーダル ***/
#change-lang-modal {
	display: none;
	position: fixed;
	z-index: 1000003;
	width: 640px;
	top: 100px;
}
#change-lang-modal .fmodal-area {
	width: 100%;
}
#change-lang-modal .fmodal-area .cont-box {
	border-radius: 5px;
	-weblit-border-radius: 5px;
	background-color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
	-webkit-box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
}
#change-lang-modal .fmodal-area .cont-box .cont {
	margin: 35px auto;
	text-align: center;
}
#change-lang-modal .fmodal-area .cont-box .cont p {
	line-height: 0;
	margin: 20px 0;
	font-size: 18px;
	font-weight: bold;
}
#change-lang-modal .fmodal-area .cont-box .cont .md-sp {
	display: none;
}
#change-lang-modal .fmodal-area .cont-box .cont table {
	margin: 30px auto;
	border-spacing: 0;
	border-collapse: separate;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	empty-cells: hide;
	font-size: 14px;
	border-radius: 5px;
	-weblit-border-radius: 5px;
	
}
#change-lang-modal .fmodal-area .cont-box .cont table th {
	background-color: #efefef;
	padding: 5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 140px;
}
#change-lang-modal .fmodal-area .cont-box .cont table td {
	padding: 5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#change-lang-modal .fmodal-area .cont-box .cont table .intl {
	background-color: #2d659d;
	color: #ffffff;
	width: 200px;
	border-radius: 0 5px 0 0;
	-weblit-border-radius: 5px;
}
#change-lang-modal .fmodal-area .cont-box .cont table .intl2 {
	background-color: #e8f4ff;
}
#change-lang-modal .fmodal-area .cont-box .cont table .rdus {
	border-radius: 5px 0 0 0;
	-weblit-border-radius: 5px;
}
#change-lang-modal .fmodal-area .cont-box .cont table .rdus2 {
	border-radius: 0 0 0 5px;
	-weblit-border-radius: 5px;
}
/* SP */
@media screen and (max-width: 670px) {
	#change-lang-modal {
		width: 84%;
		top: 20px;
	}
	#change-lang-modal .fmodal-area .cont-box .cont {
		margin: 35px auto 15px;
	}
	#change-lang-modal .fmodal-area .cont-box .cont img {
		width: 80px;
	}
	#change-lang-modal .fmodal-area .cont-box .cont p {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin: 3px 0;
	}
	#change-lang-modal .fmodal-area .cont-box .cont .md-pc {
		display: none;
	}
	#change-lang-modal .fmodal-area .cont-box .cont .md-sp {
		display: block;
	}
	#change-lang-modal .fmodal-area .cont-box .cont table {
		border: solid 1px #cccccc;
		font-size: 13px;
		margin: 10px auto 15px;
		text-align: center;
		max-width: 96%;
	}
	#change-lang-modal .fmodal-area .cont-box .cont .type {
		background-color: #2d659d;
		border-top: none;
		color: #ffffff;
	}
	#change-lang-modal .fmodal-area .cont-box .cont table th,
	#change-lang-modal .fmodal-area .cont-box .cont table td {
		width: 50%;
		padding: 3px;
	}
	#change-lang-modal .fmodal-area .cont-box .cont table th:first-child,
	#change-lang-modal .fmodal-area .cont-box .cont table td:first-child {
		border-left: none;
	}
}
/*** 海外向けモーダル ***/
#foreign-entry-modal {
	position: relative;
	z-index: 80001;
}
#foreign-entry-modal .fmodal-area {
	position: absolute;
	width: 100%;
}
#foreign-entry-modal .fmodal-area .cont-box {
	border-radius: 5px;
	-weblit-border-radius: 5px;
	background-color: #ffffff;
	margin: 0 auto;
	width: 940px;
	overflow: hidden;
	box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
	-webkit-box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
}
#foreign-entry-modal .fmodal-area .cont-box .product-img-slide {
	float: left;
	width: 440px;
	position: relative;
	overflow: hidden;
	min-height: 440px;
}
#foreign-entry-modal .fmodal-area .cont-box .product-img-slide img {
	position: absolute;
	top: 5px;
	left: 5px;
	display: none;
	width: 430px;
}
/* 注記 */
#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area {
	float: right;
	width: 500px;
	background-color: #f6f6f6;
	box-shadow: 7px 0 10px -10px #cccccc inset;
	-webkit-box-shadow: 7px 0 10px -10px #cccccc inset;
	min-height: 440px;
}
#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area ul {
	padding: 0;
	font-size: 14px;
	letter-spacing: 1.2px;
	line-height: 1.5;
	margin: 15px 0;
}
#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area form input[type='text'] {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-size: 22px;
	ime-mode: disabled;
	padding: 7px 5px;
	width: 255px;
}
/*** 海外向け帯 ***/
#foreignEntrybar {
	background-color: #2d70b5;
	padding: 7px;
	display: block;
	color: #ffffff;
	text-align: center;
	font-size: 13px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100001;
	border-bottom: 1px #004b97 solid;
	box-shadow: 0 0 5px 1px rgba(100,100,100,0.5);
	-webkit-box-shadow: 0 0 5px 1px rgba(100,100,100,0.5);
	font-weight: bold;
}
#foreignEntrybar .bar-txt-box { text-align: center; }
#foreignEntrybar .bar-txt-box .bar-txt {
	margin: 0 15px 0 0;
	display: inline-block;
	padding-top: 2px;
	font-size: 15px;
	vertical-align: middle;
	line-height: 1.3;
	letter-spacing: 0.5px;
}
#foreignEntrybar .bar-txt-box .bar-link-txt {
	display: inline-block;
	padding: 7px 10px;
	border: 1px #ffffff solid;
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 1;
	vertical-align: middle;
	font-size: 17px;
}
#foreignEntrybar:hover { text-decoration: none; }
#foreignEntrybar:hover .bar-txt-box .bar-link-txt {
	background-color: #4e8ece;
	padding: 8px 10px 6px;
}

/*************************** 商品一覧/レコメンド ***************************/
.recommend-box-wrap,
.recommend-box-wrap *,
.item-box-area,
.item-box-area * { box-sizing: border-box; }
.recommend-box-wrap p,
.item-box-area p { margin: 0 0 8px 0; }
.recommend-box-wrap {
	height: auto!important;
	width: 96%;
	min-width: 0!important;
	margin: 0 auto 30px;
	padding: 0!important;
	font-size: 13px;
}
.recommend-box-wrap .recommend-ttl {
	font-size: 16px;
	font-weight: bold;
	height: auto;
}
.recommend-box-wrap .recommend-item-box,
.item-box-area .itembox-parts {
	display: inline-block;
	margin-right: 35px;
	padding-bottom: 30px;
	vertical-align: top;
	min-height: 15em;
	position: relative;
	white-space: normal;
}
.recommend-box-wrap .recommend-item-box { width: 120px; }
.item-box-area .itembox-parts {
	width: 255px;
	height: 32em;
}
#dealerlist-dealerbox .item-box-area .itembox-parts,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts {
	margin: 15px 23px 0 0;
	float: left;
}
#dealerlist-dealerbox .item-box-area .itembox-parts.visible-on { display:block; }
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-on { display:inline-block; }
#dealerlist-dealerbox .item-box-area .itembox-parts.visible-pre,
#dealerlist-dealerbox .item-box-area .itembox-parts.visible-rear,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-pre,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-rear { display:none; }
/* 商品画像 */
.recommend-box-wrap .recommend-item-box .recommend-item-img,
.item-box-area .itembox-parts .item-img-box {
	position: relative;
	margin-bottom: 0.5em;
	display: inline-block;
	line-height: 0;
}
.recommend-box-wrap .recommend-item-box .recommend-item-img { background-color: #f6f6f6; }
.recommend-box-wrap .recommend-item-box .recommend-item-img > a,
.item-box-area .itembox-parts .item-img-box > a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	transition: opacity 0.1s ease;
}
.recommend-box-wrap .recommend-item-box .recommend-item-img > a {
	width: 120px;
	height: 120px;
}
.item-box-area .itembox-parts .item-img-box > a {
	width: 255px;
	height: 255px;
}
.recommend-box-wrap .recommend-item-box .recommend-item-img > a:hover,
.item-box-area .itembox-parts .item-img-box > a:hover { opacity: 0.7; }
.recommend-box-wrap .recommend-item-box .recommend-img {
	max-width: 120px;
	max-height: 120px;
}
.item-box-area .itembox-parts .item-img-box .item-img {
	max-width: 255px;
	max-height: 255px;
}
/* 商品情報 */
.recommend-box-wrap .recommend-item-box .recommend-item-name,
.item-box-area .itembox-parts .item-name {
	color: #666666;
	margin: 0 auto;
	height: 2.2em;
	overflow: hidden;
	line-height: 1.2;
	word-break: break-all;
}
.item-box-area .itembox-parts .item-name .co-new {
	margin: 0 4px 0 0;
	line-height: 1;
	vertical-align: top;
}
.item-box-area .itembox-parts .cp-target { box-sizing: content-box; }
.recommend-box-wrap .recommend-item-box .cp-target,
.item-box-area .itembox-parts .cp-target { margin-top: 2px; }
.recommend-box-wrap .recommend-item-box .recommend-item-name a,
.item-box-area .itembox-parts .item-name a { color: #666666; }
.recommend-box-wrap .recommend-item-box .item-dealer,
.item-box-area .itembox-parts .item-dealer {
	overflow: hidden;
	margin: 6px 0 0;
}
.item-box-area .itembox-parts .item-dealer { min-height: 2em; }
.recommend-box-wrap .recommend-item-box .recommend-price,
.item-box-area .itembox-parts .item-price {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0 0;
	line-height: 1;
}
.recommend-box-wrap .recommend-item-box .recommend-price .unit,
.item-box-area .itembox-parts .item-price-box .unit { font-size: 10px; }
.recommend-box-wrap .recommend-item-box .recommend-price .unit *,
.item-box-area .itembox-parts .item-price-box .unit * {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
}
.recommend-box-wrap .recommend-item-box .recommend-price .slash,
.recommend-box-wrap .recommend-item-box .recommend-price .lot,
.item-box-area .itembox-parts .item-price .slash,
.item-box-area .itembox-parts .item-price .lot { font-size: 11px; }
.recommend-box-wrap .recommend-item-box .recommend-price .slash,
.item-box-area .itembox-parts .item-price .slash { margin-left: 1px; }
.recommend-box-wrap .recommend-item-box .recommend-price .lot,
.item-box-area .itembox-parts .item-price .lot { margin-top: 1px; }
.recommend-box-wrap .recommend-item-box .recommend-price-bfr,
.item-box-area .itembox-parts .item-price-bfr {
	font-size: 12px;
	text-decoration: line-through;
}
.recommend-box-wrap .recommend-item-box .item-dealer .status,
.item-box-area .itembox-parts  .item-dealer .status {
	font-size: 13px;
	padding: 4px 0;
	margin: 0;
}
.recommend-box-wrap .recommend-item-box .recommend-price .unit,
.item-box-area .itembox-parts .item-price .unit { font-size: 11px; }
.recommend-box-wrap .recommend-item-box .recommend-dealer-name,
.item-box-area .itembox-parts .item-dealer-name {
	color: #666666;
	display: block;
	font-size: 11px;
	line-height: 1.2;
	margin-top: 5px;
	word-break: break-all;
}
.recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
.item-box-area .itembox-parts .item-dealer-name a { color: #666666; }
.recommend-box-wrap [id^='more-recommend-btn'],
.recommend-box-wrap .more-recommend { display: none; }
/* 未ログインの人向け */
.recommend-box-wrap .recommend-item-box .item-regist-box,
.item-box-area .itembox-parts .item-regist-box { margin-top: 7px; }
/*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
	vertical-align: top;
}
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box [class^='itembtn-']:not(.hide),
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
	display: inline-block!important;
}
/* ボタン */
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] {
	width: 27px;
	margin-top: 40px;
}
.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] {
	width: 21px;
	margin-top: 60px;
}
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'].hide {display: none!important;}
.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] { position: static!important; }
.recommend-box-wrap.recommend-scroll-box .recommend-btn-bk { margin-right: 23px; }
.dealer-itembox-inner.item-scroll-box .itembtn-back,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembtn-back { margin-right: 14px; }
.recommend-box-wrap.recommend-scroll-box .recommend-btn-fw { margin-left: 23px; }
.dealer-itembox-inner.item-scroll-box .itembtn-next,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembtn-next { margin-left: 14px; }
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] a {
	padding: 40px 0;
	background-position: 0!important;
	cursor: pointer;
}
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] a:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-color: #8a8a8a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.recommend-box-wrap.recommend-scroll-box .recommend-btn-bk a:before {
	border-width: 0 0 2px 2px;
	margin-right: -6px;
}
.recommend-box-wrap.recommend-scroll-box .recommend-btn-fw a:before {
	border-width: 2px 2px 0 0;
	margin-left: -6px;
}
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl:hover span { border-color: #ffffff; }
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl a,
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl:hover a {
	background: #f3f4f8;
	cursor: default;
}
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl a:before { border-color: #bfbfbf; }
/* スクロール領域 */
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area { white-space: nowrap; }
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area { width: calc(100% - 100px)!important; }
.dealer-itembox-inner.item-scroll-box .item-scroll-area { width: calc(100% - 70px)!important; }
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area { height: 34.5em; }
/*** 申請完了：おすすめ企業 ***/
.recommend-box-wrap.trade-apply-recm { margin-top: 40px; }
.recommend-box-wrap.trade-apply-recm .recommend-item-box { min-height: 0; }
/*** 商品詳細：関連商品 ***/
/* PC */
@media screen and (min-width: 941px) {
	#relatedBox .add-to-wishlist.wish-error .add-whis-txt { left: -2.5em; }
	#relatedBox .add-to-wishlist.wish-error .add-whis-txt:before,
	#relatedBox .add-to-wishlist.wish-error .add-whis-txt:after { border-width: 10px 11px 0 0px; }
	#relatedBox .add-to-wishlist.wish-error .add-whis-txt:before { margin-left: -20px; }
	#relatedBox .add-to-wishlist.wish-error .add-whis-txt:after {
		margin-left: -19px;
		bottom: -8px;
	}
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.recommend-box-wrap .recommend-ttl { padding: 0 7px; }
	.recommend-box-wrap {
		height: auto!important;
		width: 100%!important;
		max-width: 100%!important;
	}
	.recommend-box-wrap .recommend-box-area {
		display: flex;
		flex-wrap: wrap;
	}
	.recommend-box-wrap .recommend-box-area,
	.item-box-area { padding-bottom: 5px; }
	.recommend-box-wrap .recommend-item-box,
	.item-box-area .itembox-parts {
		border-style: solid;
		border-color: #cccccc;
		border-width: 1px 1px 1px 0;
		overflow: hidden;
		box-sizing: content-box;
		margin: -1px 0 0;
		background-color: #ffffff;
	}
	.item-box-area.dealer-item-box-area .itembox-parts { padding-bottom: 1em; }
	.dealer-itembox .item-box-area .itembox-parts { border-width: 0 1px 0 0; }
	.item-box-area .itembox-parts { height: auto; }
	:not(.item-scroll-box) > .item-box-area .itembox-parts .item-dealer { min-height: 59px; }
	.recommend-box-wrap .recommend-item-box .recommend-item-img { background-color: #ffffff; }
	.recommend-box-wrap .recommend-item-box .recommend-item-name a,
	.item-box-area .itembox-parts .item-name a { color: #333333; }
	.recommend-box-wrap .recommend-item-box .recommend-dealer-name,
	.item-box-area .itembox-parts .item-dealer-name { margin-top: 0; }
	.item-box-area .itembox-parts .item-regist-box + .item-dealer-name { margin-top: 30px; }
	.recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
	.item-box-area .itembox-parts .item-dealer-name a {
		display: block;
		color: #0066cc;
		border: 1px #cccccc solid;
		padding: 0 5px;
		text-align: center;
		height: 2em;
		line-height: 2em;
		overflow: hidden;
		position: absolute;
		bottom: 8px;
		left: 0;
	}
	.item-box-area.dealer-item-box-area .itembox-parts.pre-itembox-parts { padding-bottom: 50px; }
	.recommend-box-wrap .recommend-item-box .item-dealer .status,
	.item-box-area .itembox-parts  .item-dealer .status { padding: 0; }
	/*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
	/* ボタン */
	.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
	.dealer-itembox-inner.item-scroll-box [class^='itembtn-']:not(.hide),
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] { display: none!important; }
	/* スクロール領域 */
	.recommend-box-wrap.recommend-scroll-box .recommend-box-area,
	.dealer-itembox-inner.item-scroll-box,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
	.dealer-itembox-inner.item-scroll-box .item-scroll-area,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
		width: auto!important;
		display: table!important;
		table-layout: fixed;
	}
	.dealer-itembox-inner.item-scroll-box .item-scroll-area,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
		padding-bottom: 0;
		height: auto;
	}
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box,
	#dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts {
		display: table-cell!important;
		margin: 0!important;
		height: auto!important;
		float: none;
	}
	.recommend-box-wrap:not(.trade-apply-recm) .recommend-item-box .item-dealer,
	.item-box-area .itembox-parts .item-dealer { min-height: 2em; }
	/* 検討中ボタン */
	.recommend-box-wrap .recom-wish ~ .item-dealer .recommend-price,
	.item-box-area .itembox-parts .item-wish ~ .item-dealer .item-price,
	.item-box-area .itembox-parts .item-wish ~ .item-dealer .status,
	.item-box-area .itembox-parts .item-wish ~ .item-regist-box > div:first-child {
		word-break: break-all;
		margin-right: 25px;
	}
	.recommend-box-wrap .add-to-wishlist,
	.item-box-area .itembox-parts .add-to-wishlist,
	#jsp-contents-rank-index-body .add-to-wishlist {
		border: 0;
		border-radius: 0;
		width: auto;
		height: auto;
		background-color: transparent;
		left: auto;
	}
	.recommend-box-wrap .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt,
	.item-box-area .itembox-parts .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt,
	#jsp-contents-rank-index-body .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt {
		left: auto!important;
		right: -3px;
		bottom: 27px!important;
	}
	.recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
	.recommend-box-wrap .add-to-wishlist .add-whis-txt:after,
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:before,
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
	#jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:before,
	#jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after {
		left: auto!important;
		right: 7px;
		bottom: -6px;
		border-width: 6px 5px 0 !important;
	}
	.recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
	.recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:before,
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
	#jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:before,
	#jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after { bottom: -7px!important; }
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
	.item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after
	#jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after { bottom: -6px!important; }
	.recommend-box-wrap .add-to-wishlist .add-wish-icon,
	.item-box-area .itembox-parts .add-to-wishlist .add-wish-icon,
	#jsp-contents-rank-index-body .add-to-wishlist .add-wish-icon {
		width: 20px;
		height: 20px;
		background-size: 18px 17px;
	}
	.recommend-box-wrap .add-to-wishlist.wish-loading:before,
	.item-box-area .itembox-parts .add-to-wishlist.wish-loading:before,
	#jsp-contents-rank-index-body .add-to-wishlist.wish-loading:before { display: none; }
	/* エラー */
	.recommend-box-wrap .add-to-wishlist.wish-error .add-whis-txt,
	.item-box-area .itembox-parts .add-to-wishlist.wish-error .add-whis-txt
	#jsp-contents-rank-index-body .add-to-wishlist.wish-error .add-whis-txt {
		width: 9.2em;
		left: auto;
		right: -3px;
		bottom: 27px;
		padding: 5px;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	.recommend-box-wrap .recommend-item-box,
	.item-box-area .itembox-parts {
		width: calc(25% - 1px);
		padding-bottom: 2.8em;
	}
	.recommend-box-wrap .recommend-item-box .recommend-item-img,
	.item-box-area .itembox-parts .item-img-box {
		width: 100%;
		height: 25vw;
	}
	.recommend-box-wrap .recommend-item-box .recommend-item-img > a,
	.item-box-area .itembox-parts .item-img-box > a {
		width: 25vw;
		height: 25vw;
	}
	.recommend-box-wrap .recommend-item-box .recommend-img,
	.item-box-area .itembox-parts .item-img-box .item-img {
		max-width: 25vw;
		max-height: calc(25vw - 1px);
	}
	.recommend-box-wrap .recommend-item-box .recommend-item-name,
	.recommend-box-wrap .recommend-item-box .recommend-price-box,
	.item-box-area .itembox-parts .item-name,
	.item-box-area .itembox-parts .item-dealer { margin: 5px 10px 0; }
	.item-box-area .itembox-parts .item-regist-box { margin: 7px 10px; }
	.recommend-box-wrap .recommend-item-box .recommend-item-name,
	.item-box-area .itembox-parts .item-name { font-size: 14px; }
	.recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
	.item-box-area .itembox-parts .item-dealer-name a {
		margin: 0 10px;
		font-size: 11px;
		width: calc(100% - 20px);
	}
	/*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box,
	#dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts { width: calc(100vw / 4.5); }
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img,
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img > a,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box > a,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box > a {
		width: calc(100vw / 4.5);
		height: calc(100vw / 4.5);
	}
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-img,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img {
		max-width: calc(100vw / 4.5);
		max-height: calc(100vw / 4.5);
	}
	/* 検討中ボタン */
	.recommend-box-wrap .add-to-wishlist,
	.item-box-area .itembox-parts .add-to-wishlist,
	#jsp-contents-rank-index-body .add-to-wishlist {
		right: 8px;
		bottom: -5.7em;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.recommend-box-wrap .recommend-item-box,
	.item-box-area:not(.dealer-item-box-area) .itembox-parts { padding-bottom: 3em; }
	.recommend-box-wrap .recommend-item-box { width: calc(33.33% - 1px); }
	.item-box-area .itembox-parts { width: calc(50% - 1px); }
	.recommend-box-wrap .recommend-item-box:nth-child(n+4) { display: none; }
	.recommend-box-wrap .recommend-item-box .recommend-item-img {
		width: 100%;
		height: calc(100vw/3);
	}
	.item-box-area .itembox-parts .item-img-box {
		width: 100%;
		height: 50vw;
	}
	.recommend-box-wrap .recommend-item-box .recommend-item-img > a {
		width: calc(100vw/3);
		height: calc(100vw/3);
	}
	.item-box-area .itembox-parts .item-img-box > a {
		width: 50vw;
		height: 50vw;
	}
	.recommend-box-wrap .recommend-item-box .recommend-img {
		max-width: calc(100vw/3);
		max-height: calc(100vw/3);
	}
	.item-box-area .itembox-parts .item-img-box .item-img {
		max-width: 50vw;
		max-height: 50vw;
	}
	.recommend-box-wrap .recommend-item-box .recommend-item-name,
	.recommend-box-wrap .recommend-item-box .recommend-price-box,
	.item-box-area .itembox-parts .item-name,
	.item-box-area .itembox-parts .item-dealer { margin: 5px 7px 0; }
	.item-box-area .itembox-parts .item-regist-box { margin: 5px 7px 10px; }
	.recommend-box-wrap .recommend-item-box .recommend-item-name,
	.item-box-area .itembox-parts .item-name { font-size: 12px; }
	.recommend-box-wrap .recommend-item-box .recommend-price,
	.dealer-itembox-inner .itembox-parts .item-price { font-size: 15px; }
	.recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
	.item-box-area .itembox-parts .item-dealer-name a {
		margin: 0 7px;
		font-size: 10px;
		width: calc(100% - 14px);
	}
	/* もっと見る */
	.recommend-box-wrap .recommend-item-box:nth-child(4) ~ .more-recommend { display: block; }
	.recommend-box-wrap .more-recommend {
		width: 100%;
		text-align: center;
		color: #0066cc;
		font-size: 14px;
		border-bottom: 1px #cccccc solid;
		padding: 10px 10px 7px;
		margin-top: -5px;
		cursor: pointer;
	}
	.recommend-box-wrap .more-recommend:after {
		content: '';
		display: inline-block;
		width: 8px;
		height: 8px;
		border-style: solid;
		border-color: #0066cc;
		border-width: 0 2px 2px 0;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin: 0 0 2px 6px;
	}
	.recommend-box-wrap [id^='more-recommend-btn']:checked ~ .recommend-box-area .recommend-item-box:nth-child(n+4) { display: inline-block; }
	.recommend-box-wrap [id^='more-recommend-btn']:checked ~ .recommend-box-area .more-recommend { display: none; }
	/*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box,
	#dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts { width: calc(100vw / 2.5); }
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img,
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img > a,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box > a,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box > a {
		width: calc(100vw / 2.5);
		height: calc(100vw / 2.5);
	}
	.recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-img,
	.dealer-itembox-inner.item-scroll-box .itembox-parts .item-img,
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img {
		max-width: calc(100vw / 2.5);
		max-height: calc(100vw / 2.5);
	}

	/* 検討中ボタン */
	.recommend-box-wrap .add-to-wishlist,
	.item-box-area .itembox-parts .add-to-wishlist,
	#jsp-contents-rank-index-body .add-to-wishlist {
		right: 8px;
		bottom: -5.3em;
	}
	.recommend-box-wrap .add-to-wishlist.wish-error .add-whis-txt { width: 8.2em; }
}
/* ローディング */
.dvs-loading {
	display: none; /* 表示するときは table-cell にする */
	padding: 0 30px;
	vertical-align: middle;
}
.dvs-loading .circle {
	width: 0;
	height: 0;
	position: relative;
}
.dvs-loading .circle span {
	background-color: #dfdfdf;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	position: absolute;
	-webkit-animation: loading-circle 0.7s infinite;
	animation: loading-circle 0.7s infinite;
}
.dvs-loading .circle span:nth-child(1) {
	left: 0;
	bottom: 0;
}
.dvs-loading .circle span:nth-child(2) {
	left: 5px;
	bottom: -2px;
	animation-delay: 0.1s;
}
.dvs-loading .circle span:nth-child(3) {
	left: 7px;
	bottom: -7px;
	animation-delay: 0.2s;
}
.dvs-loading .circle span:nth-child(4) {
	left: 5px;
	bottom: -12px;
	animation-delay: 0.3s;
}
.dvs-loading .circle span:nth-child(5) {
	left: 0;
	bottom: -14px;
	animation-delay: 0.4s;
}
.dvs-loading .circle span:nth-child(6) {
	left: -5px;
	bottom: -12px;
	animation-delay: 0.5s;
}
.dvs-loading .circle span:nth-child(7) {
	left: -7px;
	bottom: -7px;
	animation-delay: 0.6s;
}
.dvs-loading .circle span:nth-child(8) {
	left: -5px;
	bottom: -2px;
	animation-delay: 0.7s;
}
@-webkit-keyframes loading-circle {
	to {
	  background-color: #dfdfdf;
	}
	from {
	  background-color: #949494;
	}
}
@-moz-keyframes loading-circle {
	to {
	  background-color: #dfdfdf;
	}
	from {
	  background-color: #949494;
	}
}
@-ms-keyframes loading-circle {
	to {
	  background-color: #dfdfdf;
	}
	from {
	  background-color: #949494;
	}
}
@keyframes loading-circle {
	to {
	  background-color: #dfdfdf;
	}
	from {
	  background-color: #949494;
	}
}

/* Square連携キャンペーン */
#square-campaign .sp { display: none; }
#square-campaign .pc { display: inline-block; }
#square-campaign #nav {
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 30px;
	margin-top: -80px;
}
#square-campaign #nav ul {
	list-style: none outside none;
	padding: 0px;
}
#square-campaign #nav ul li {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('/img/campaign/2014/square/circle_default.png');
	cursor: pointer;
}
#square-campaign #nav ul li.on {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('/img/campaign/2014/square/circle_current.png');
}
#square-campaign #nav .g-nav-1 :hover{
	background-image: url('/img/campaign/2014/square/g_nav_1.png');
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
}
#square-campaign #nav .g-nav-2 :hover{
	background-image: url('/img/campaign/2014/square/g_nav_4.png');
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
}
#square-campaign #nav .g-nav-3 :hover{
	background-image: url('/img/campaign/2014/square/g_nav_3_2.png');
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
}
#square-campaign #nav .g-nav-4 :hover{
	background-image: url('/img/campaign/2014/square/g_nav_4_2.png');
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
}
#square-campaign #nav .g-nav-5 :hover{
	background-image: url('/img/campaign/2014/square/g_nav_5.png');
	background-position: right center;
	display: block;
	background-repeat: no-repeat;
}
#square-campaign #nav ul li a span {
	position: relative;
	display: block;
	width: 170px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
}
#square-campaign #top-banner-wrap {
	background-color: #faf398;
	height: 440px;
	text-align: center;
}
#square-campaign .top-banner {
	background: url("/img/campaign/2014/square/ipad_banner_201901.png") no-repeat scroll right -50px bottom 5px transparent;
	background-size: 580px;
	width: 100%;
	max-width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 30px 0 0;
	box-sizing: border-box;
}
#square-campaign .top-banner-logo {
	float: right;
	width: 50%;
	margin: 0 auto;
}
#square-campaign .banner-left {
	width: 50%;
}
#square-campaign h2 {
	font-size: 31px;
	line-height: 1.5;
	color: #333333;
	border: none;
	font-weight: normal;
}
#square-campaign .square-subtitle {
	font-size: 16px;
	padding-top: 15px;
}
#square-campaign .button-bg {
	display: inline-block;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 20px 0;
}
#square-campaign .create-account {
	display: block;
	width: 296px;
	box-sizing: border-box;
	padding: 15px 10px;
	margin: 20px auto;
	background-color: #1492d6;
	color: #ffffff;
	font-size: 16px;
	border-radius: 5px;
	text-align: center;
}
#square-campaign #top-banner-wrap .create-account {
	margin: 0;
}
#square-campaign .create-account:hover {
	opacity: 0.8;
	text-decoration: none;
}

#square-campaign .coordinate-image-wrap {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#square-campaign h3 {
	text-align: center;
	font-size: 31px;
	line-height: 44px;
	color: #333333;
	padding: 50px 0px 30px 0px;
	border: none;
	margin: 0px;
	font-weight: normal;
}
#square-campaign #coordinate-image dl {
	float: left;
	width: 470px;
	padding-bottom: 40px;
	text-align: center;
}
#square-campaign #coordinate-image dl:first-child {
	margin-right: 30px;
}
#square-campaign #coordinate-image dt {
	font-size: 24px;
	color: #1492d6;
	padding: 15px 0;
}
#square-campaign #coordinate-image dt span {
	font-size: 36px;
	vertical-align: middle;
}
#square-campaign #coordinate-image dd {
	font-size: 14px;
	margin: 0;
	padding-bottom: 20px;
}
#square-campaign #coordinate-image dl:first-of-type dd img {
	width: 458px;
}
#square-campaign #coordinate-image dl:last-of-type dd img {
	width: 466px;
}
#square-campaign .square-feature-wrap {
	background-color: #fff8ee;
}
#square-campaign .square-feature {
	width: 960px;
	padding-bottom: 50px;
	margin: 0px auto;
}
#square-campaign .square-feature dl {
	float: left;
	box-sizing: border-box;
	width: 225px;
	height: 330px;
	background-color: #ffffff;
	border-radius: 15px;
	padding: 0 12px 10px;
	margin-right: 20px;
	text-align: center;
}
#square-campaign .square-feature dl:last-of-type {
	margin: 0;
}
#square-campaign .square-feature dt {
	font-size: 15px;
	color: #1492d6;
	font-weight: bold;
}
#square-campaign .square-feature dt img {
	width: 150px;
}
#square-campaign .square-feature dd {
	font-size: 13px;
	text-align: left;
	padding-top: 10px;
	margin: 0;
}
#square-campaign .square-feature ul {
	margin: 20px 0 0;
}
#square-campaign .square-feature ul li {
	font-size: 12px;
	padding-left: 36px;
	position: relative;
}
#square-campaign .square-feature ul li:first-child:before {
	content: "※1";
}
#square-campaign .square-feature ul li:last-child:before {
	content: "※2";
}
#square-campaign .square-feature ul li:first-child:before,
#square-campaign .square-feature ul li:last-child:before {
	position: absolute;
	top: 0;
	left: 0;
}

#square-campaign .square-photo-box {
 	text-align: center;
 	padding-top: 30px;
}

#square-campaign .square-photo-box img {
 	max-width: 100%;
 	width: 800px;
}

#square-campaign .square-charge-wrap {
	background-color: #f4f5f6;
}
#square-campaign .square-charge {
	width: 900px;
	margin: 0 auto;
}
#square-campaign .square-charge p {
	font-size: 16px;
	padding-bottom: 30px;
	width: 877px;
	margin: 0 auto;
}
#square-campaign .square-charge .charge-box {
	width: 710px;
	height: 225px;
	background-color: #71b8e3;
	margin: 0 auto;
}
#square-campaign .square-charge .charge-box > div {
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 78px 0;
}
#square-campaign .square-charge .charge-box > div div:first-child {
	font-size: 50px;
	line-height: 1;
}
#square-campaign .square-charge .charge-box > div div:nth-child(2) {
	font-size: 16px;
}
#square-campaign .square-charge .charge-feature {
	text-align: center;
}
#square-campaign .square-charge .charge-feature dl {
	display: inline-block;
	color: #1492d6;
	font-size: 20px;
	padding: 20px 20px 20px 0;
}
#square-campaign .square-charge .charge-feature dl:last-child {
	padding: 20px 0;
}
#square-campaign .square-charge .charge-feature dt {
	display: block;
	padding: 10px 0;
}
#square-campaign .square-charge .charge-feature dd {
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #8f8f8f;
	margin: 0;
}

#square-campaign .create-account-link {
	padding: 30px 0;
}

#square-campaign .coordinate-step-wrap {
	background-color: #fff8ee;
}
#square-campaign .coordinate-step {
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: center;
}
#square-campaign #coordinate-step .step-wrap {
	width: 870px;
	margin: 0px auto;
	padding-bottom: 40px;
}
#square-campaign #coordinate-step .step-wrap-loggedin {
	width: 660px;
}
#square-campaign #coordinate-step .step-01 {
	width: 280px;
	margin: 0px auto;
	text-align: center;
	float: left;
	padding-right: 35px;
}
#square-campaign #coordinate-step .step-02 {
	width: 245px;
	margin: 0px auto;
	text-align: center;
	float: left;
	padding-right: 48px;
}
#square-campaign #coordinate-step .step-02-loggedin {
	width: 45%;
	padding-right: 65px;
}
#square-campaign #coordinate-step .step-03 {
	width: 240px;
	margin: 0px auto;
	text-align: center;
	float: left;
}
#square-campaign #coordinate-step .step-03-loggedin {
	width: 45%;
}
#square-campaign #coordinate-step .step-title {
	font-size: 17px;
	font-weight: bold;
}
#square-campaign #coordinate-step .step-button-01 a {
	display: block;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #1492d6;
	width: 70%;
	margin: 38px auto 0px;
	box-shadow: 0px 1px 0px 0px #ffffff inset;
}
#square-campaign #coordinate-step .step-button-01 a:hover {
	padding: 5px;
	background-color: #f5fcff;
	margin: 38px auto 0px;
	box-shadow: none;
}
#square-campaign #coordinate-step .step-button-02 a {
	display: block;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #1492d6;
	width: 65%;
	margin: 20px auto 0px;
	box-shadow: 0px 1px 0px 0px #ffffff inset;
}
#square-campaign #coordinate-step .step-button-02 a:hover {
	padding: 5px;
	background-color: #f5fcff;
	margin: 20px auto 0px;
	box-shadow: none;
}
#square-campaign #coordinate-step .step-button-03 a {
	display: block;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #1492d6;
	width: 50%;
	margin: 39px auto 0px;
	box-shadow: 0px 1px 0px 0px #ffffff inset;
}
#square-campaign #coordinate-step .step-button-03 a:hover {
	padding: 5px;
	background-color: #f5fcff;
	margin: 39px auto 0px;
	box-shadow: none;
}

/* Square連携キャンペーンタブレット用 */
@media screen and (min-width: 671px) and (max-width: 940px) {
#square-campaign .sp {
	display: inline-block;
}
#square-campaign .pc { display: none; }
#square-campaign .sp-b { display: inline-block; }
#square-campaign #nav { display: none; }
#square-campaign #top-banner-wrap { height: 410px; }
#square-campaign .top-banner {
	max-width: 800px;
	background-size: 480px;
	background-position: right -10px bottom 15px;
	padding: 30px 20px 0 0;
}
#square-campaign .top-banner-logo {
	/*padding-top: 25px;*/
	width: 45%;
}
#square-campaign .top-banner-logo img {
	width: 270px;
}
#square-campaign .banner-left {
	width: 55%;
}
#square-campaign h2 {
	font-size: 27px;
	line-height: 1.6;
}
#square-campaign .square-subtitle {
	font-size: 14px;
	padding-top: 13px;
}
#square-campaign .button-bg {
	margin: 18px 0;
}
#square-campaign .create-account {
	width: 280px;
	padding: 13px 10px;
}
#square-campaign .card-list {
	width: 330px;
}
#square-campaign .coordinate-image-wrap {
	width: 90%;
}
#square-campaign #coordinate-image dl {
	float: none;
	margin: 0 auto;
}
#square-campaign #coordinate-image dl:first-child {
	margin-right: 0;
	margin: 0 auto;
}

#square-campaign .square-feature {
	width: 90%;
}
#square-campaign .square-feature div:first-of-type {
	width: 480px;
	margin: 0 auto;
}
#square-campaign .square-feature dl{
	margin: 0 30px 30px 0;
}
#square-campaign .square-feature dl:nth-of-type(even) {
	margin: 0 0 30px;
}
#square-campaign .square-feature ul {
	width: 85%;
	margin: 0 auto;
}


#square-campaign .square-charge {
	width: 90%;
}
#square-campaign .square-charge p {
	width: 100%;
	font-size: 14px;
}
#square-campaign .square-charge .charge-box {
	width: 90%;
}
#square-campaign .square-charge .charge-box > div {
	padding: 80px 0;
}
#square-campaign .square-charge .charge-box > div div:first-child {
	font-size: 44px;
}
#square-campaign .square-charge .charge-box > div div:nth-child(2) {
	font-size: 15px;
}


#square-campaign .coodinate-step-wrap {
	width: 90%;
}
#square-campaign .coordinate-step {
	display: none;
}
#square-campaign #coordinate-step .step-wrap {
	width: 90%;
}
#square-campaign #coordinate-step .step-01 {
	display: table;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	margin: 0 auto;
	float: none;
	padding-right: 0;
	margin-bottom: 0;
}
#square-campaign #coordinate-step .step-02 {
	display: table;
	margin: 0 auto;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	float: none;
	padding-right: 0;
	margin-bottom: 0;
}
#square-campaign #coordinate-step .step-03 {
	display: table;
	margin: 0 auto;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	float: none;
}
#square-campaign #coordinate-step .step-title {
	font-size: 15px;
	margin-top: 20px;
}
#square-campaign #coordinate-step .step-01-bg,
#square-campaign #coordinate-step .step-02-bg-loggedin {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}
#square-campaign #coordinate-step .step-02-bg {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: bottom center;
	background-repeat: repeat-y;
}
#square-campaign #coordinate-step .step-03-bg {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: top center;
	background-repeat: no-repeat;
}
#square-campaign #coordinate-step .step-sp-left {
	display: table-cell;
	vertical-align: middle;
	width: 37%;
}
#square-campaign #coordinate-step .step-sp-left img {
	width: 100%;
	max-width: 150px;
}
#square-campaign #coordinate-step .step-sp-right {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding-left: 3%
}
#square-campaign #coordinate-step .step-button-01 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-01 a:hover {
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-01 a:hover .sp-b {
	text-decoration: underline;
}
#square-campaign #coordinate-step .step-button-02 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-02 a:hover {
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-02 a:hover .sp-b {
	text-decoration: underline;
}
#square-campaign #coordinate-step .step-button-03 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-03 a:hover {
	margin: 20px auto 20px;
}
}

/* Square連携キャンペーンスマホ用 */
@media screen and (max-width: 670px) {
#square-campaign .sp {
	display: inline-block;
}
#square-campaign .pc {
	display: none;
}
#square-campaign .sp-b {
	display: inline-block;
}
#square-campaign #nav {
	display: none;
}
#square-campaign #nav {
	display: none;
}
#square-campaign #top-banner-wrap {
	height: auto;
}
#square-campaign .top-banner {
	max-width: 95%;
	background-image: none;
	padding: 30px 0 20px;
}
#square-campaign .top-banner-logo {
	float: none;
	padding-top: 0;
	width: 100%;
}
#square-campaign .top-banner-logo img {
	width: 100%;
	max-width: 230px;
}
#square-campaign .banner-left {
	width: 100%;
	margin-top: 20px;
}
#square-campaign h2 {
	font-size: 24px;
	line-height: 1.6;
}
#square-campaign .square-subtitle {
	font-size: 13px;
	padding-top: 13px;
	margin: 0;
}
#square-campaign .create-account {
	width: 290px;
}
#square-campaign .card-list {
	width: 100%;
	max-width: 300px;
}
#square-campaign .coordinate-image-wrap {
	width: 95%;
}
#square-campaign h3 {
	font-size: 25px;
}
#square-campaign #coordinate-image dl {
	width: 100%;
}
#square-campaign #coordinate-image dl:first-child {
	margin-right: 0;
	margin: 0 auto;
}
#square-campaign #coordinate-image dt {
	font-size: 19px;
}
#square-campaign #coordinate-image dt span {
	font-size: 28px;
}
#square-campaign #coordinate-image dl:first-of-type dd img {
	width: 100%;
    max-width: 458px;
}
#square-campaign #coordinate-image dl:last-of-type dd img {
	width: 100%;
	max-width: 466px;
}
#square-campaign #coordinate-image dd {
	font-size: 12px;
}


#square-campaign .square-feature {
	width: 95%;
}
#square-campaign .square-feature dl,
#square-campaign .square-feature dl:last-of-type {
	float: none;
	margin: 0 auto 30px;
}
#square-campaign .square-feature ul {
	width: 90%;
	margin: 0 auto;
}


#square-campaign .square-charge {
	width: 95%;
}
#square-campaign .square-charge p {
	width: 95%;
	font-size: 13px;
}
#square-campaign .square-charge .charge-box {
	width: 55%;
	min-width: 235px;
	height: 350px;
}
#square-campaign .square-charge .charge-box > div {
	float: none;
	width: 100%;
	height: 175px;
}
#square-campaign .square-charge .charge-box > div:first-child {
	padding: 76px 0 0;
}
#square-campaign .square-charge .charge-box > div:last-child {
	padding: 46px 0 0;
}
#square-campaign .square-charge .charge-box > div div:first-child {
	font-size: 32px;
}
#square-campaign .square-charge .charge-box > div div:nth-child(2) {
	font-size: 13px;
}
#square-campaign .square-charge .charge-feature {
	width: 60%;
	min-width: 300px;
	margin: 0 auto;
	letter-spacing: -0.5em;
}
#square-campaign .square-charge .charge-feature dl {
	width: 50%;
	font-size: 16px;
	padding: 20px 0;
	letter-spacing: normal;
}
#square-campaign .square-charge .charge-feature dt {
	width: 135px;
	margin: 0 auto;
}
#square-campaign .square-charge .charge-feature dd {
	width: 135px;
	margin: 0 auto;
}

#square-campaign .coodinate-step-wrap {
	width: 95%;
}
#square-campaign .coordinate-step {
	display: none;
}
#square-campaign #coordinate-step .step-wrap {
	width: 95%;
}
#square-campaign #coordinate-step .step-01 {
	display: table;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	margin: 0 auto;
	float: none;
	padding-right: 0;
	margin-bottom: 0;
}
#square-campaign #coordinate-step .step-02 {
	display: table;
	margin: 0 auto;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	float: none;
	padding-right: 0;
	margin-bottom: 0;
}
#square-campaign #coordinate-step .step-03 {
	display: table;
	margin: 0 auto;
	width: 100%;
	max-width: 550px;
	min-height: 205px;
	float: none;
}
#square-campaign #coordinate-step .step-title {
	font-size: 15px;
	margin-top: 20px;
}
#square-campaign #coordinate-step .step-01-bg,
#square-campaign #coordinate-step .step-02-bg-loggedin {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}
#square-campaign #coordinate-step .step-02-bg {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: bottom center;
	background-repeat: repeat-y;
}
#square-campaign #coordinate-step .step-03-bg {
	background-image: url('/img/campaign/2014/square/step_bg.png');
	background-position: top center;
	background-repeat: no-repeat;
}
#square-campaign #coordinate-step .step-sp-left {
	display: table-cell;
	vertical-align: middle;
	width: 37%;
}
#square-campaign #coordinate-step .step-sp-left img {
	width: 100%;
	max-width: 150px;
	
}
#square-campaign #coordinate-step .step-sp-right {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding-left: 3%
}
#square-campaign #coordinate-step .step-button-01 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-01 a:hover {
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-01 a:hover .sp-b {
	text-decoration: underline;
}
#square-campaign #coordinate-step .step-button-02 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-02 a:hover {
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-02 a:hover .sp-b {
	text-decoration: underline;
}
#square-campaign #coordinate-step .step-button-03 a {
	width: 70%;
	font-size: 12px;
	margin: 20px auto 20px;
}
#square-campaign #coordinate-step .step-button-03 a:hover {
	margin: 20px auto 20px;
}

#square-campaign .square-photo-box {
 	padding-top: 0px;
}
}


/* ▼開業前ページ改修（201704） */

/* 全体 */
#open-business {
	color: #282828;
	position: relative;
}
#open-business h2 {
	font-size: 35px;
	font-weight: bold;
	color: #282828;
	text-align: center;
	border: none;
	padding-top: 50px;
	line-height: 1.2;
}
#open-business h2 span {
	font-size: 15px;
	font-weight: normal;
	display: block;
	text-align: center;
}

/* スクロールボタン */
#open-business #button-switch {
	position: fixed;
	bottom: 15px;
	right: 32px;
	cursor: pointer;
	z-index: 100;
}

/* MV */
#open-business #ob-mv {
	height: 317px;
	width: 100%;
	margin: 0 auto;
	background:  url(/img/contents/open-business/bg_mv.jpg) repeat-x center bottom;
}
#open-business #ob-mv .mv {
	margin: 0 auto;
	max-width: 635px;
	height: 316px;
	width: 100%;
}
#open-business #ob-mv .mv .mv-left,#ob-mv .mv .mv-right { float: left; }
#open-business #ob-mv .mv .mv-left {
	background-color: #fff;
	height: 272px;
	margin: 0 auto;
	text-align: center;
	padding: 45px 5% 0 5%;
	width: 50%;
}
#ob-mv .mv .mv-right { width: 40%; }
#open-business #ob-mv .mv .mv-left p { font-size: 16px; }

/* 店舗が確定した方はご入会OKです */
#open-business #ob-top {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 70px 0 60px 0;
	background-color: #eeeeee;
}
#open-business #ob-top .box01 {
	max-width: 810px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#open-business #ob-top ul {
	width: 56%;
	margin: 20px auto 0;
	padding: 0 0 0 1%;
}
#open-business #ob-top ul li {
	float: left;
	margin:0 3% 2% 0;
	background-color: #fff;
	border: 1px solid #282828;
	border-radius: 20px;
	padding: 11px 10px 4px;;
	height: 93px;
	width: 17%;
}
#open-business #ob-top ul li .br-sp { display: none; }
#open-business #ob-top ul li img { width: 58px; }
#open-business #ob-top ul li span {
	display: block;
	font-size: 12px;
	line-height: 1;
}
#open-business #ob-top ul li:nth-child(4n) { margin-right: 0; }

/* メリット */
#open-business #ob-merit {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}
#open-business #ob-merit ul {
	width: 98%;
	max-width: 1150px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 0 1%;
}
#open-business #ob-merit ul li {
	border: 6px solid #ddd;
	width: 22%;
	border-radius: 10px;
	text-align: center;
	float: left;
	min-height: 320px;
	margin-right: 2%;
	margin-top: 50px;
}
#open-business #ob-merit ul li:last-child { margin-right: 0; }
#open-business #ob-merit ul li p {
	font-weight: bold;
	font-size: 21px;
	margin: 0;
	padding: 0 2%;
	line-height: 1.5;
}
#open-business #ob-merit ul li img { margin: 20px 0 10px; }
#open-business #ob-merit ul li p span {
	font-size: 23px;
	color: #ec2a4d;
}
#open-business #ob-merit ul li p span.merit-small {
	font-weight: normal;
	font-size: 14px;
	color: #282828;
}

/* 利用者の声 */
#open-business #ob-voice {
	width: 100%;
	margin: 0 auto;
	background-image: url(/img/contents/open-business/bg_voice.png);
	background-size: cover;
	background-position: center;
	padding-bottom: 60px;
}
#open-business #ob-voice .voice-link02 {
	font-size: 14px;
	line-height: 1.3;
	width: 267px;
	margin: 0 auto;
}
#open-business #ob-voice .voice-link02 p { margin: 0 0 8px; }
#open-business #ob-voice p.voice-sub {
	font-size: 22px;
	font-weight: bold;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
	margin: 30px auto 50px;
	text-align: center;
	max-width: 26em;
}
#open-business #ob-voice p.voice-sub .br-sp { display: none; }
#open-business #ob-voice .shop-all {
	width: 95%;
	margin: 0 auto;
	max-width: 1024px;
	padding: 0 0 0 2%;
}
#open-business #ob-voice [class^="shop0"] {
	float: left;
	width: 47%;
	margin: 0 3% 35px 0;
	max-width: 515px;
}
#open-business #ob-voice [class^="shop0"]:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	width: 34%;
	float: left;
	height:16em;
	background-position: center center;
}
#open-business #ob-voice .shop01:before { background-image: url("/img/contents/open-business/shop01.jpg"); }
#open-business #ob-voice .shop02:before { background-image: url("/img/contents/open-business/shop02.jpg"); }
#open-business #ob-voice .shop03:before { background-image: url("/img/contents/open-business/shop03.jpg"); }
#open-business #ob-voice .shop04:before { background-image: url("/img/contents/open-business/shop04.jpg"); }
#open-business #ob-voice .shop05:before { background-image: url("/img/contents/open-business/shop05.jpg"); }
#open-business #ob-voice .shop06:before { background-image: url("/img/contents/open-business/shop06.jpg"); }
#open-business #ob-voice .shop-text {
	background-color: #fff;
	height: 16em;
	margin: 0;
	padding: 0;
	float: right;
	width: 66%;
}
#open-business #ob-voice .shop-text .box01 span {
	font-size: 15px;
	font-weight: bold;
}
#open-business #ob-voice .shop-text .box01 {
	background-color: #282828;
	font-size: 14px;
	color: #fff;
	padding: 2% 0 2% 6%;
}
#open-business #ob-voice .shop-text .box02 {
	font-size: 15px;
	padding: 0 6% 0;
}
#open-business #ob-voice .shop-text .box02 p { margin: 10px 0 0; }
#open-business #ob-voice .shop-text .box02 a { font-size: 14px; }
#open-business #ob-voice .shop-text .box02 h3 {
	font-size: 18px;
	font-weight: bold;
	color: #00a944;
	line-height: 1.2;
	margin: 10px 0 0;
}
#open-business #ob-voice .shop-text .box02 p span { background-color: #fbf445; }

/* よくある質問 */
#open-business #ob-faq {
	width: 100%;
	margin: 0 auto;
	background-image: url("/img/contents/open-business/bg_faq.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 220px;
}
#open-business #ob-faq img { margin: 0; }
#open-business #ob-faq .faq {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 0 8%;
	max-width: 1024px;
}
#open-business #ob-faq .faq .faq-q {
	width: 90%;
	background-color: #eee;
	font-size: 18px;
	padding: 5px 0 5px 18px;
}
#open-business #ob-faq .faq .faq-q:before {
	content: 'Q';
	color: #458ed3;
	font-weight: bold;
}
#open-business #ob-faq .faq .faq-a {
	width: 90%;
	padding: 10px 0 10px 20px;	
}
#open-business #ob-faq .faq .faq-a:before {
	content: 'A';
	color: #f6568e;
	font-size: 14px;
	float: left;
	font-weight: bold;
	width: 1%;
}
#open-business #ob-faq .faq .faq-a p {
	font-size: 14px;
	float: left;
	margin: 0 0 0 6px;
	width: 98%;
	line-height: 1.7;
}

/* ご入会に必要な書類 */
#open-business #ob-document {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
	background-color: #f4f4f4;
	text-align: center;
}
#open-business .document p {
	font-size: 17px;
	margin: 30px 0 40px;
}
#open-business .document .document01,
#open-business .document .document02 {
	margin: 0 auto;
	max-width: 960px;
	padding-bottom: 10px;
	width: 90%;
}
#open-business .document .document01 .document01-1,
#open-business .document .document02 .document02-1 {
	border: 1px solid #0e4492;
}
#open-business .document .document01 .document01-1,
#open-business .document .document02 .document02-1,
#open-business .document .document01 .document01-2 {
	border-collapse: collapse;
	margin: 0 auto;
	max-width: 915px;
	width: 100%;
	display: table;
}
#open-business .document .document01 .document01-2 {
	border-bottom: 1px solid #0e4492;
	border-right: 1px solid #0e4492;
	border-left: 1px solid #0e4492;	
}
#open-business .document .document01 .document01-1 .target01 { border-bottom: 1px solid #ffffff; }
#open-business .document .document01 .document01-1 .target01,
#open-business .document .document01 .document01-2 .target02,
#open-business .document .document02 .document02-1 .target02 {
	background-color: #0e4492;
	color: #ffffff;
	height: 59px;
	display: table-cell;
	font-size: 14px;
	vertical-align: middle;
}
#open-business .document .document01 .document01-1 .target01,
#open-business .document .document01 .document01-2 .target02 { width: 13em; }
#open-business .document .document02 .document02-1 .target02 { width: 15em; }
#open-business .document .document01 .document01-1 .comment01,
#open-business .document .document01 .document01-2 .comment02,
#open-business .document .document02 .document02-1 .comment02 {
	background-color: #ffffff;
	padding: 10px;
	display: table-cell;
	font-size: 13px;
	vertical-align: middle;
	text-align: left;
}
#open-business .document .plus {
	color: #0e4492;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

/* 会員登録 */
#open-business #ob-regist {
	width: 100%;
	margin: 0 auto;
	background:  url(/img/contents/open-business/bg_regist.jpg) repeat-x center top;
	padding: 65px 0;
}
#open-business #ob-regist .button {
	text-align: center;
	background-color: #fff;
	width: 50%;
	max-width: 500px;
	margin: 0 auto;
	padding: 50px 20px;
	font-size: 20px;
	box-sizing: border-box;
}
#open-business .co-btn-l > span > a, .co-btn-l > span > span { padding: 15px 65px 15px 10px; }
#open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before { margin-right: 55px; }

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* 全体 */
	#open-business { overflow: hidden; }
	#open-business h2 {
		font-size: 27px;
		padding-top: 40px;
	}
	
	/* スクロールボタン */
	#open-business #button-switch {
		display: none!important;
	}
	
	/* MV */
	#open-business #ob-mv {
		height: 235px;
		background-position:  center top;
		background-size: cover;
	}
	#open-business #ob-mv .mv {
		max-width: 477px;
		height: 235px;
	}
	#open-business #ob-mv .mv .mv-left {
		height: 212px;
		padding: 23px 5% 0 5%;
	}
	#open-business #ob-mv .mv .mv-left img { width: 210px; }
	#open-business #ob-mv .mv .mv-left p { font-size: 14px; }
	#open-business #ob-mv .mv .mv-right img { width: 208px; }

	/* 店舗が確定した方はご入会OKです */
	#open-business #ob-top { padding: 30px 0 40px; }
	#open-business #ob-top .box01 {
		max-width: 670px;
		width: 100%;
	}
	#open-business #ob-top .box01 p {
		margin: 8px 0 0 0;
		font-size: 17px;
		padding: 0 10px;
		line-height: 1.7;
	}
	#open-business #ob-top .box01 .top-sub { width: 60%; }
	#open-business #ob-top ul {
		width: 62%;
		margin: 20px auto 0;
		padding: 0 0 0 3%;
	}
	#open-business #ob-top ul li {
		width: 80px;
		padding: 11px 5px 4px;
		height: 85px
	}
	#open-business #ob-top ul li img { width: 49px; }
	#open-business #ob-top ul li span { margin: 3px 0 0; }
	
	/* メリット */
	#open-business #ob-merit ul {
		max-width: 860px;
		padding: 0 0 0 1.7%;
		width: 100%;
	}
	#open-business #ob-merit ul li {
		min-height: 260px;
		width: 22%;
		margin-right: 1.4%;
		margin-top: 40px;
		border: 4px solid #ddd;
	}
	#open-business #ob-merit ul li p {
		font-size: 17px;
		margin: 0;
		padding: 0 2%;
	}
	#open-business #ob-merit ul li img {
		margin: 20px 0 10px;
		width: 40%;
	}
	#open-business #ob-merit ul li p span { font-size: 17px; }
	#open-business #ob-merit ul li p span.merit-small { font-size: 10px; }
	
	/* 利用者の声 */
	#open-business #ob-voice { padding-bottom: 50px; }
	#open-business #ob-voice p.voice-sub {
		font-size: 18px;
		max-width: 480px;
	}
	#open-business #ob-voice .shop-all { padding: 0 0 0 3%; }
	#open-business #ob-voice [class^="shop0"]:before,
	#open-business #ob-voice .shop-text { height: 14em; }
	#open-business #ob-voice .shop-text .box01 { font-size: 12px; }
	#open-business #ob-voice .shop-text .box01 span { font-size: 13px; }
	#open-business #ob-voice .shop-text .box02 p { line-height: 1.5; }
	#open-business #ob-voice .shop-text .box02 h3 {
		font-size: 15px;
		margin: 10px 0;
	}
	#open-business #ob-voice .shop-text .box02 { font-size: 13px; }
	#open-business #ob-voice .shop-text .box02 a { font-size: 12px; }
	
	/* FAQ */
	#open-business #ob-faq {
		background-size: 125%;
		padding-bottom: 135px;
	}
	#open-business #ob-faq .faq { padding: 40px 0 0 2%; }
	#open-business #ob-faq .faq .faq-q {
		font-size: 15px;
		width: 95%;
	}
	#open-business #ob-faq .faq .faq-a {
		width: 95%;
		max-width: 780px;
	}
	#open-business #ob-faq .faq .faq-a p {
		font-size: 13px;
		width: 95%;
		margin: 0;
		padding: 0 0 0 10px;
	}
	
	/* ご入会に必要な書類 */
	#open-business #ob-document { padding-bottom: 50px; }
	
	/* 会員登録 */
	#open-business #ob-regist .button {
		font-size: 18px;
		width: 60%;
		max-width: 470px;
		padding: 50px 20px;
	}
	#open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before { margin-right: 30px; }
	#open-business .co-btn-l > span > a, .co-btn-l > span > span { padding: 15px 55px 15px 10px; }
}

/* SP */
@media screen and (max-width: 670px) {
	/* 全体 */
	#open-business h2 {
		font-size: 25px;
		padding-top: 30px;
	}
	
	/* スクロールボタン */
	#open-business #button-switch {
		display: none!important;
	}
	
	/* MV */
	#open-business #ob-mv {
		height: 190px;
		background: none;
	}
	#open-business #ob-mv .mv {
		width: 100%;
		height: 190px;
	}
	#open-business #ob-mv .mv .mv-left {
		width: 63%;
		padding: 15px 1% 0;
		height: 175px;
	}
	#open-business #ob-mv .mv .mv-left img {
		width: 85%;
		max-width: 200px;
	}
	#open-business #ob-mv .mv .mv-left p {
		font-size: 11px;
		margin: 6px 0;
	}
	#open-business #ob-mv .mv .mv-right {
		width: 35%;
		height: 190px;
		background: url(/img/contents/open-business/mv.jpg) no-repeat;
		background-size: cover;
	}
	#open-business #ob-mv .mv .mv-right img { display: none; }
	
	/* 店舗が確定した方はご入会OKです */	
	#open-business #ob-top { padding: 30px 0 40px; }
	#open-business #ob-top .box01 { width: 100%; }
	#open-business #ob-top .box01 p {
		margin: 8px auto 0;
		font-size: 15px;
		padding: 0 10px;
		line-height: 1.5;
		max-width: 500px;
	}
	#open-business #ob-top .box01 .top-sub {
		width: 90%;
		max-width: 300px;
	}
	#open-business #ob-top ul {
		width: 95%;
		max-width: 350px;
		padding-left: 5%;
	}
	#open-business #ob-top ul li {
		padding: 8px 2px 5px;
		height: 60px;
		width: 20%;
		margin-right: 2%;
		border-radius: 15px;
	}
	#open-business #ob-top ul li .br-sp { display: block; }
	#open-business #ob-top ul li span {
		font-size: 11px;
		margin: 1px 0 0;
	}
	#open-business #ob-top ul li img { width: 30px; }
	
	/* メリット */
	#open-business #ob-merit { padding-bottom: 50px; }
	#open-business #ob-merit ul {
		max-width: 445px;
		padding: 0 0 0 4%;
	}
	#open-business #ob-merit ul li {
		width: 44%;
		min-height: 220px;
		margin-right: 3%;
		margin-top: 30px;
		border: 3px solid #ddd;
	}
	#open-business #ob-merit ul li:nth-child(even){
		margin-right: 0;
	}
	#open-business #ob-merit ul li p {
		font-size: 14px;
		margin: 0;
		padding: 0 2%;
	}
	#open-business #ob-merit ul li img {
		margin: 20px 0 10px;
		width: 35%;
	}
	#open-business #ob-merit ul li p span { font-size: 15px; }
	#open-business #ob-merit ul li p span.merit-small { font-size: 9px; }
	
	/* 利用者の声 */
	#open-business #ob-voice { padding-bottom: 50px; }
	#open-business #ob-voice p.voice-sub {
		font-size: 15px;
		line-height: 1.3;
		padding: 5px 0;
		width: 290px;
		margin: 20px auto 40px;
	}
	#open-business #ob-voice p.voice-sub .br-sp { display: block; }
	#open-business #ob-voice .shop-all {
		margin: 0 auto;
		max-width: 470px;
		padding: 0;
		width: 90%;
	}
	#open-business #ob-voice [class^="shop0"] {
		margin-bottom: 15px;
		height: 13em;
		width: 100%;
	}
	#open-business #ob-voice [class^="shop0"]:before,	
	#open-business #ob-voice .shop-text { height: 13em; }
	#open-business #ob-voice .shop-text .box01 { font-size: 11px; }
	#open-business #ob-voice .shop-text .box01 span { font-size: 12px; }
	#open-business #ob-voice .shop-text .box02 h3 { font-size: 14px; }
	#open-business #ob-voice .shop-text .box02 p {
		font-size: 13px;
		line-height: 1.4;
	}
	
	/* FAQ */
	#open-business #ob-faq {
		padding-bottom: 85px;
		background-size: 200%;
	}
	#open-business #ob-faq .faq {
		padding: 30px 0 0 3%;
		max-width: 500px;
		min-height: 690px;
	}
	#open-business #ob-faq .faq .faq-q {
		font-size: 15px;
		padding: 5px 10px;
	}
	#open-business #ob-faq .faq .faq-a { padding: 10px 0 20px 10px; }
	#open-business #ob-faq .faq .faq-a p {
		font-size: 13px;
		width: 94%;
		margin-left: 10px;
	}
	
	/* ご入会に必要な書類 */
	#open-business #ob-document { padding-bottom: 40px; }
	#open-business .document p {
		font-size: 15px;
		padding: 0 10px;
		margin: 20px 0 30px;
	}
	#open-business .document .document01 .document01-1,
	#open-business .document .document01 .document01-2,
	#open-business .document .document02 .document02-1,
	#open-business .document .document01 .document01-1 .comment01,
	#open-business .document .document01 .document01-2 .comment02,
	#open-business .document .document02 .document02-1 .comment02 { display: block; }
	#open-business .document .document01 .document01-1 .target01,
	#open-business .document .document01 .document01-2 .target02,
	#open-business .document .document02 .document02-1 .target02 {
		display: block;
		height: auto;
		width: 100%;
		padding: 6px 0;
	}
	
	/* 会員登録 */
	#open-business #ob-regist {
		background-size: cover;
		padding-top: 20px;
		height: 138px;
	}
	#open-business #ob-regist .button { font-size: 15px; }
	#open-business .co-btn-l {
		font-size: 17px;
	}
	#open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before { margin-right: 5px; }
	#open-business .co-btn-l > span > a, .co-btn-l > span > span {
		padding: 9px 5px;
		font-size: 14px;
	}
	#open-business #ob-regist .button {
		width: 80%;
		padding: 25px 10px;
		max-width: 310px;
		min-width: 200px;
	}
	#open-business #ob-regist .button .sp-br{
		display: block;
	}
}
/* ▲開業前ページ改修（201704） */

/* 送料・決済ページ-ラクネコ便枠 */
.ship-rakuneko {
	padding: 5px;
	text-align: center;
	font-size: 13px;
	border:1px solid #60b0e3;
	background-color: #e4f1f8;
}
.ship-rakuneko span {
	font-weight: bold;
	margin-right: 10px;
}

/*------------------------------------------------------
 Terms of Use（会員規約）
------------------------------------------------------- */
#contents-rules .co-title3 span:after{
	content: ':';
	margin: 0 10px 0 5px;
}
#contents-rules .txt-box {
	margin: 10px 15px 40px;
	letter-spacing: 0.5px;
	font-size: 14px;
}
#contents-rules ol,
#contents-rules ul {
	margin: 0;
	padding: 0;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#contents-rules li { margin-bottom: 15px; }
#contents-rules ol>li { list-style: inside decimal; }
#contents-rules ol ul { margin: 10px 25px 0; }
#contents-rules ol ul li {
	margin-bottom: 8px;
	list-style: inside disc;
}
#contents-rules .special-rules {
	margin-top: 120px;
	padding-top: 30px;
	border-top: 1px #666666 solid;
}
/* Important Documents（本人確認書類）*/
#important-documents { background-color:#ffffff; }
#important-documents .contents {
	width: 960px;
	margin: 0 auto;
	padding: 55px 0;
}
#important-documents h2 {
	margin: 0;
	padding: 0;
}
#important-documents p {
	margin: 0;
	padding: 0;
	color: #333333;
}
#important-documents img {
	margin: 0;
	padding: 0;
}
#important-documents ul {
	margin: 0;
	padding: 0;
}
#important-documents h3 {
	padding: 0;
	margin: 0;
}
#important-documents h4 {
	padding: 0;
	margin: 0;
}
#important-documents .contents .img-left {
	width: 350px;
}
#important-documents .contents .padding-l17 {
	padding-left: 17px;
}
#important-documents .contents .item {
	width: 960px;
	border-bottom: 1px dashed #b8b8b8;
	padding-bottom: 25px;
}
#important-documents .contents .item2 {
	width: 960px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0 0 35px 0;
	padding: 40px 0;
}
#important-documents .contents .item3 {
	width: 960px;
	border-bottom: 1px dashed #b8b8b8;
	padding-bottom: 35px;
}
#important-documents .contents .contents-line {
	border-bottom: 1px dashed #b8b8b8;
	padding: 40px 40px 33px 0;
	width: 960px;
	box-sizing: border-box;
}
#important-documents .contents .contents-line:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
#important-documents .contents .box {
	display: flex;
}
#important-documents .contents .line {
	border-bottom: 1px solid #acacac;
	margin-bottom: 15px;
}
#important-documents .contents .list-left {
	margin: 20px 100px 0 17px;
	float: left;
}
#important-documents .title2 {
	font-size: 124%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 0 30px 0;
	border-left: 5px solid #333333;
	padding-left: 10px;
	width: 943px;
}
#important-documents .description {
	margin: 0 0 0 71px;
}
#important-documents .contents .description li {
	border-top: 1px dashed #b8b8b8;
	padding: 10px 0 0 1em;
	margin-top: 10px;
	text-indent: -1.7em;
	width: 476px;
	line-height: 1.6em;
	font-size: 14px;
}
#important-documents .contents .description li:first-child {
	border: none;
	margin: 0;
	padding-top: 0;
}
#important-documents .contents .note {
	font-size: 12px;
	color: #666;
	margin: 15px 0 0 71px;
	padding: 10px;
	background: #F6f6f6;
}
#important-documents .description .text-color {
	color: #eb7e5f;
	font-size: 18px;
	margin-top: 20px;
}
#important-documents .description .bold {
	font-weight: bold;
	margin-left: 5px;
}
#important-documents .description .indent {
	text-indent: -1em;
}
#important-documents .form {
	text-align: center;
	margin: 70px auto 0 auto;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	width: 710px;
}
#important-documents .form-margin { margin: 0 15px ; }
/* IE8*/
@media \0screen {
	#important-documents .check-mark li { list-style-type: disc; }
}
@media \0screen {
	#important-documents .contents .check-mark li:after { display: none; }
}
@media \0screen {
	#important-documents .list-box li { border-top: 1px dashed #b8b8b8; }
}
/* Important Documents（店舗確認書類）*/
#important-documents-store { background-color:#ffffff; }
#important-documents-store .contents {
	width: 960px;
	margin: 0 auto;
	padding: 55px 0;
}
#important-documents-store h2 {
	margin: 0;
	padding: 0;
}
#important-documents-store p {
	margin: 0;
	padding: 0;
	color: #333333;
}
#important-documents-store img {
	margin: 0;
	padding: 0;
}
#important-documents-store ul {
	margin: 0;
	padding: 0;
}
#important-documents-store h3 {
	padding: 0;
	margin: 0;
}
#important-documents-store h4 {
	padding: 0;
	margin: 0;
}
#important-documents-store .store img{
	width: 293px;
}
#important-documents-store .list{
	padding-bottom: 20px;
}
#important-documents-store .contents .img-left {
	width: 350px;
	float: left;
	clear: both;
}
#important-documents-store .contents .padding-l17{
	padding-left: 17px;
}
#important-documents-store .contents .margin-left63{
	width: 860px;
	margin: 0 auto;
}
#important-documents-store .contents .item {
	width: 900px;
	border-bottom: 1px dashed #b8b8b8;
	padding-bottom: 25px;
	margin: 0 auto;
}
#important-documents-store .contents .item2 {
	width: 960px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0 auto;
	padding: 40px 0;
}
#important-documents-store .contents .item3 {
	width: 900px;
	border-bottom: 1px dashed #b8b8b8;
	padding-bottom: 35px;
	margin: 0 auto;
}
#important-documents-store .contents .no-border-item3 {
	width: 960px;	
	float: left;
}
#important-documents-store .contents .no-border-item3 li{	
	float: left;
	width: 134px;
	margin-right: 70px;
}
#important-documents-store .contents .contents-line {
	border-bottom: 1px dashed #b8b8b8;
	padding: 40px 0;
	width: 860px;
	margin: 0 auto;
}
#important-documents-store .contents .contents-line2 {
	padding-top: 40px;
	width: 860px;
	margin: 0 auto;
}
#important-documents-store .contents .line {
	border-bottom: 1px solid #acacac;
	margin-bottom: 15px;
}
#important-documents-store .line2 {
	margin-bottom: 9px;
	font-size: 21px;
	border-left: 6px #666666 solid;
	padding-left: 11px;
	border-bottom: none;
}
#important-documents-store .contents .list-left {
	margin: 20px 100px 0 17px;
	float: left;
}
#important-documents-store .title3 {
	font-size: 124%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 0 35px 0;
	border-left: 5px solid #333333;
	padding-left: 10px;
	float: left;
	clear: both;
	width: 943px;
}
#important-documents-store .title2 {
	font-size: 124%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 0 15px 0;
	border-left: 5px solid #333333;
	padding-left: 10px;
	float: left;
	clear: both;
	width: 943px;
}
#important-documents-store .lease-contract {
	width: 100%;
	min-width: 960px;
	background-color: #eeeeee;
}
#important-documents-store .packingslip { width: 100%; }
#important-documents-store .contents .check-mark { margin: 12px 0 0 30px; }
#important-documents-store .contents .check-mark li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}
#important-documents-store .contents .check-mark li:after {
	display: block;
	content: '';
	position: absolute;
	top: 0.3em;
	left: -1em;
	width: 10px;
	height: 5px;
	border-left: 3px solid #eb7e5f;
	border-bottom: 3px solid #eb7e5f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);

}
#important-documents-store .store {
	width: 100%;
	background-color: #eeeeee;
	min-width: 960px;
}
#important-documents-store .store .okey {
	background: url("/img/guide/important-documents-store/maru.png") no-repeat scroll 0 0 !important;
	display: block;
	height: 23px;
	padding-left: 28px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #f78161;
}
#important-documents-store .store .bad {
	background: url("/img/guide/important-documents-store/batsu.png") no-repeat scroll 0 0 !important;
	display: block;
	height: 23px;
	padding-left: 28px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #2d70b5;
}
#important-documents-store .description {
	float: left;
	margin: 0 0 0 98px;
}
#important-documents-store .contents .description li {
	border-top: 1px dashed #b8b8b8;
	padding: 10px 0 0 1em;
	margin-top: 10px;
	text-indent: -1.7em;
	width: 365px;
	line-height: 1.6em;
	font-size: 14px;
}
#important-documents-store .contents .description li:first-child {
	border: none;
	margin: 0;
	padding-top: 0;
}
#important-documents-store .description .text-color {
	color: #eb7e5f;
	font-size: 18px;
	margin-top: 20px;
}
#important-documents-store .description .bold {
	font-weight: bold;
	margin-left: 5px;
}
#important-documents-store .description .indent {
	text-indent: -1em;
}
#important-documents-store .store .sign-up-left {
	float: left;
	margin-right: 118px;
}
#important-documents-store .annotation {
	text-align: center;
}
#important-documents-store .form {
	text-align: center;
	margin: 70px auto 0 auto;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	width: 710px;
}
#important-documents-store .form-margin { margin: 0 15px ; }
/* IE8*/
@media \0screen {
	#important-documents-store .check-mark li { list-style-type: disc; }
}
@media \0screen {
	#important-documents-store .contents .check-mark li:after { display: none; }
}
@media \0screen {
	#important-documents-store .list-box li { border-top: 1px dashed #b8b8b8; }
}



/* 免税店のススメ
-------------------------------------------------------------------------- */
/*** 共通 ***/
#taxfree{
	font-size:16px;
	line-height:1.8;
	margin-bottom:-75px;
	-webkit-text-size-adjust: 100%; /* iOSのfont-sizeバグ回避 */
	max-height:100%; /* Andloid_Chromeのfont-sizeバグ回避 */
}
#taxfree div, #taxfree ol, #taxfree ul,
#taxfree li, #taxfree img, #taxfree p,
#taxfree nav, #taxfree h2, #taxfree h3,
#taxfree h4, #taxfree h5 {
	padding:0;
	margin:0;
}
#taxfree p {
	text-align: justify;
	text-justify: inter-ideograph;
}
#taxfree h2{
	font-size:28px;
	color:#333;
	border:none;
}
#taxfree h3{
	font-size:20px;
	border:0;
	color:#333;
}
#taxfree h4{
	font-size:20px;
	color:#333;
}
#taxfree .inner-container{
	margin:0 20px;
	padding:70px 0 100px;
}
#taxfree .ttl{
	line-height:1.6;
	margin-bottom:50px;
}
#taxfree .ttl .sp-b{ display:block; }
#taxfree a:hover{ opacity:0.8; }

/* header */
#taxfree .header{
	background-color:#fff;
	width:96%;
	margin:0 auto;
	line-height:1.4;
}
#taxfree .header a{ color:#333; }
#taxfree .header .inner{
	max-width:1100px;
	min-width:940px;
	margin:0 auto;
}
#taxfree .main-container .inner-container{
	max-width:1100px;
	min-width:902px;
	margin:0 auto;
}
#taxfree .header .inner .logo{
	padding:18px 0 0;
	float:left;
}
#taxfree .header .nav {
	position:relative;
	width:600px;
	float:right;
}
#taxfree .header .nav ul{
	display:table;
	table-layout:fixed;
	float:right;
	width:600px;
}
#taxfree .header .nav li{ display:table-row; }
#taxfree .header .nav li span{ display:block; }
#taxfree .header .nav .nozzle{
	position:absolute;
	bottom:-16px;
	z-index:1;
}
#taxfree .taxfree-about .header .nav .nozzle{ left:80px; }
#taxfree .taxfree-hospitality .header .nav .nozzle{ left:278px; }
#taxfree .taxfree-season .header  .nav .nozzle{ right:80px; }
#taxfree .header .nav li{
	display:table-cell;
	vertical-align:middle;
}
#taxfree .header .nav a{
	display:table-cell;
	vertical-align:middle;
	padding:16px 0;
	text-align:center;
	width:33%;
	height:auto;
}
#taxfree .header .nav a:hover{
	background-color:#eee;
	text-decoration:none;
}
#taxfree .header .nav .current a{
	background-color:#4ebace;
	color:#fff;
	opacity:1;
	height: 100%;
}
#taxfree .header .nav .current a:hover{
	background-color:#4ebace;
	color:#fff;
}
#taxfree .header .nav .current .nozzle{
	background: url("/img/guide/taxfree/bg_nozzle_blue.gif") 0 0 no-repeat;
}

/* main-container */
#taxfree .main-container h3{
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
#taxfree .main-container  h3 + p{
	margin-top:6px;
	text-align:center;
}

/* mainvisual */
#taxfree .mainvisual{
	background: url("/img/guide/taxfree/bg_main.jpg") 0 0 no-repeat;
	background-size:cover;
	position:relative;
}
#taxfree .mainvisual .inner-line{ border-bottom:2px solid #dc4d4d; }
#taxfree .mainvisual .inner-container{
	display:table;
	width:100%;
	background: url("/img/guide/taxfree/bg_main_shop.png") center bottom no-repeat;
	margin-bottom:-8px;
}
#taxfree .mainvisual .mainimg{
	display:table-cell;
	width:45%;
	position:relative;
}
#taxfree .mainvisual .maintext{
	display:table-cell;
	width:55%;
	font-size:16px;
}
#taxfree .mainvisual .maintext p{ margin-right:20px; }
#taxfree .mainvisual h2{
	text-align:left;
	margin-bottom:10px;
}
#taxfree .mainvisual h2 + p{ text-align:left; }
#taxfree .mainvisual .maintext .sp-b{ display:block; }
#taxfree .taxfree-about .mainvisual .inner-container{ overflow:hidden; }
#taxfree .taxfree-about .mainvisual .mainimg .img{
	position:absolute;
	max-width:360px;
	margin:-110px auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#taxfree .taxfree-hospitality .mainvisual .mainimg .img{
	position:absolute;
	bottom:-116px;
	left:6%;
}
#taxfree .taxfree-season .mainvisual .maintext .sp-b{ display:inline; }
#taxfree .taxfree-season .mainvisual .maintext p{ margin-right:50px; }
#taxfree .taxfree-season .mainvisual .mainimg .img{
	position:absolute;
	bottom:-108px;
	left:6%;
}
/* IE8 */
@media \0screen {
	#taxfree .mainvisual{
		background: url("/img/guide/taxfree/bg_main.jpg") center 0 repeat-x;
	}
}

/* 参考・提供などの補足 */
#taxfree .aside { font-size:13px; }
#taxfree .aside h4{
	font-weight:normal;
	font-size:13px;
	padding:0;
}
#taxfree .aside li{ list-style-type: none; }

/*** 免税店になるには？ ***/
#taxfree .about .inner-container{
	background: url("/img/guide/taxfree/img_about_inbound.gif") 98% bottom no-repeat;
	margin-bottom:-38px;
}
#taxfree .about .text {
	max-width:34%;
	margin:60px 3% 0;
}
#taxfree .about .text span {
	font-weight:bold;
	color:#dc4d4d;
}
#taxfree .flow {
	background-color:#4ebace;
	color:#fff;
}
#taxfree .flow h3{ color:#fff; }
#taxfree .flow .startflow{
	display:table;
	table-layout:fixed;
	margin:60px 4% 0;
}
#taxfree .flow ul{ display:table-row; }
#taxfree .flow li{ display:table-cell; }
#taxfree .flow .box{
	background-color:#fff;
	color:#4ebace;
	padding:10px auto;
	text-align:center
}
#taxfree .flow .box p{
	color:#333;
	text-align:justify;
	padding:18px;
	font-size:15px;
}
#taxfree .flow .arrow{
	padding:20px;
	vertical-align:middle;
}
#taxfree .flow h4{
	color:#4ebace;
	line-height:1.2;
	border-bottom:2px dashed #4ebace;
	padding:14px 0;
}
#taxfree .flow h4 .title{
	font-size:20px;
	display:block;
}
#taxfree .flow h4 .step{
	font-size:16px;
	vertical-align:top;
}
#taxfree .flow .finish { vertical-align: bottom; }
#taxfree .merit { background-color:#f7f5ea; }
#taxfree .merit h4{
	text-align:left;
	margin:10px 0;
}
#taxfree .merit li { margin:0 4% 20px; }
#taxfree .merit li img{
	width:49%;
	display:inline-block;
	margin-right:20px;
}
#taxfree .merit li .text{
	width:46%;
	display:inline-block;
	vertical-align:top;
}
#taxfree .request{
	background: url("/img/guide/taxfree/bg_sky.jpg") center center no-repeat;
	background-size:cover;
	padding-bottom:40px;
}
#taxfree .request ul { margin:auto 4%; }
#taxfree .request li {
	padding:26px;
	border:4px solid #ccc;
	background-color:#fff;
	width:41%;
	min-height:9em;
	display:inline-block;
	vertical-align:top;
	line-height:1.6;
}
#taxfree .request li p{ font-size:12px; }
#taxfree .request li .text{
	font-size:14px;
	margin-top:10px;
}
#taxfree .request h4{ font-size:22px; }
#taxfree .request h4 + p{
	font-size:13px;
	padding-top:0;
}

/*** おもてなしのコツ ***/
#taxfree .taxfree-hospitality { margin-bottom:100px; }
#taxfree .pop img { width:290px; }
#taxfree .pop img { width:290px; }
#taxfree .pop h4{
	font-size:20px;
	text-align:center;
	margin:10px 0;
}
#taxfree .pop .inner {
	display:table;
	width:96%;
	margin:0 auto;
}
#taxfree .pop .text { width:290px; }
#taxfree .pop ul { display:table-row; }
#taxfree .pop li {
	padding-left:1em;
	display:table-cell;
	vertical-align:top;
}
#taxfree .pop li:first-child { padding-left:0; }
#taxfree .pop h3,
#taxfree .card h3,
#taxfree .service h3{ padding-top:56px; }
#taxfree .pop h3 { background: url("/img/guide/taxfree/icon_sec_pop.gif") center 0 no-repeat;  background-size:46px; }
#taxfree .card h3 { background: url("/img/guide/taxfree/icon_sec_card.gif") center 0 no-repeat;  background-size:46px; }
#taxfree .service h3 { background: url("/img/guide/taxfree/icon_sec_service.gif") center 0 no-repeat;  background-size:46px; }
#taxfree .card {
	background-color:#f4f4f4;
	padding:70px 0 100px;
}
#taxfree .card .cap {
	display:table;
	width:100%;
}
#taxfree .card .cap-inner {
	display:table-row;
	max-width:900px;
	margin:0 auto;
	background-color:#fff;
}
#taxfree .card .text{
	background-color:#e5f5f8;
	display:table-cell;
	vertical-align: top;
}
#taxfree .card .text-inner{
	width:356px;
	margin:40px 40px 2em 80px;
	float:right;
	font-size:15px;
}
#taxfree .card .img-wrap{
	display:table-cell;
	overflow:hidden;
	vertical-align: bottom;
}
#taxfree .card .img-wrap img{
	max-width:600px;
	width:100%;
	vertical-align:bottom;
}
#taxfree .card .text h4{ padding-bottom:10px; }
#taxfree .card .cardmerit h4{ padding: 10px 0px; }
#taxfree .card .cardmerit {
	position:relative;
	max-width:960px;
	padding:40px 0 40px 24%;
	margin:0 auto;
}
#taxfree .card .cardmerit li{ list-style-type:none; }
#taxfree .card .cardmerit li:before{
	content:"●";
	color:#4ebace;
	margin-right:6px;
}
#taxfree .card .cardmerit li span{ font-weight:bold; }
#taxfree .card .ban-square{
	background: #eee url("/img/guide/taxfree/bg_stripe01.gif") 0 0 repeat;
	padding:20px;
	width:820px;
	margin:0 auto;
}
#taxfree .card .ban-square a{
	display: block;
	background: url("/img/guide/taxfree/ban_square.jpg") no-repeat;
	width: 820px;
	height: 100px;
}
#taxfree .card .ban-square .img-bnr { vertical-align:bottom; }
#taxfree .card .ban-square .img-bnr-sp { display: none; }
#taxfree .service {
	width:96%;
	max-width:980px;
	margin:0 auto;
}
#taxfree .service .movie {
	margin-top:100px;
}
#taxfree .service .movie li {
	text-align:center;
	width:445px;
}
#taxfree .service .movie li .q{
	background-color:#f6f6f6;
	padding:10px 10px 0 10px;
}
#taxfree .service .movie li .qimg{
	margin-top:-20px;
	vertical-align:bottom;
}
#taxfree .service .movie li .q { margin-top:-50px; }
#taxfree .service .movie .box01 { float:left; }
#taxfree .service .movie .box02 { float:right; }
#taxfree .service .movie .con {
	background: url("/img/guide/taxfree/bg_nozzle_grey.png") center 0 no-repeat;
	background-color:#d3eef3;
	padding:40px 18px 20px;
}
#taxfree .service .movie .con a { cursor:pointer; }
#taxfree .service .movie .answer{
	font-size:18px;
	font-weight:bold;
	color:#0f8aa1;
	text-align:center;
	padding-bottom:10px;
}
#taxfree .service .movie .title {
	font-weight:bold;
	margin-left:2px;
}
#taxfree .service .aside { margin-top:10px; }
#taxfree #movieyoutube01 iframe{
	width: 409px;
	height: 230px;
}
#taxfree #movieyoutube02 iframe{
	width: 409px;
	height: 230px;
}
/* IE8 */
@media \0screen {
	#taxfree .card .img { width:655px; }
}

/*** 来日スケジュール ***/
#taxfree .schedule {
	width:96%;
	margin:0 auto;
}
#taxfree .number{ display:table; }
#taxfree .number .box {
	display:table-cell;
	vertical-align:middle;
	width:54%;
}
#taxfree .number img{ width:100%; }
#taxfree .number .text {
	padding:0 0 0 40px;
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
}
#taxfree .number h4{ padding:0 0 20px; }
#taxfree .number h5{
	font-size:18px;
	margin-bottom:6px;
}
#taxfree .card-schedul {
	padding-bottom:10px;
}
#taxfree .card-schedul h4{ padding:40px 0 20px; }
#taxfree .card-schedul .month{
	border: 1px #4ebace solid;
	box-sizing: border-box;
	width: 32.2%;
	float: left;
	margin: 0 0.8% 40px 0.8%;
}
#taxfree .card-schedul .month:nth-of-type(3n){
	margin-right: 0;
}
#taxfree .card-schedul .month:nth-of-type(3n+1){
	margin-left: 0;
}
#taxfree .card-schedul .box1{
	border-bottom: 1px #4ebace solid;
	background-color: #eaf9fc;
	padding: 10px 15px;
	text-align: left;
}
#taxfree .card-schedul .box1 .m {
	font-size:24px;
	margin-bottom: -10px;
	font-weight: bold;
}
#taxfree .card-schedul .box1 .m span{
	font-size:16px;
}
#taxfree .card-schedul .box1 .c {
	font-size:16px;
	line-height: 1.3;
	margin-top: 5px;
	text-align: left;
	letter-spacing: -0.04em;
}
#taxfree .card-schedul .box1 .c span{
	font-size:13px;
	font-weight: normal;
}
#taxfree .card-schedul .box1 .box1-text{
	float: left;
	width: 75%;
}
#taxfree .card-schedul .box2{
	padding: 20px 15px;
	text-align: left;
}
#taxfree .card-schedul .box2 .hd p{
	font-size:14px;
}
#taxfree .card-schedul .box2 .hd .t{
	font-size:20px;
	margin-top: 1px;
	margin-bottom: 10px;
	line-height: 1.1;
}
#taxfree .card-schedul .box2 .hd:nth-last-of-type(1) .t{
	margin-bottom: 0;
}
#taxfree .card-schedul .box2 .hd .t span{
	font-size:14px;
	font-weight: normal;
	padding-left: 8px;
}
#taxfree .card-schedul .box1 .icon{
	float: right;
	width: 56px;
	border-radius: 50%;
	margin-top: 5px;
	text-align: center;
	line-height: 1.1;
	color: #ffffff;
	font-weight: normal;
}
#taxfree .card-schedul .box1 .icon span{
	display: block;
	font-size: 10px;
}
#taxfree .card-schedul .box1 .sakura{
	background-color: #d972da;
	height: 43px;
	padding-top: 13px;
}
#taxfree .card-schedul .box1 .vacation{
	background-color: #2185be;
	height: 36px;
	padding-top: 20px;
}
#taxfree .card-schedul .box1 .autumn{
	background-color: #d37417;
	height: 42px;
	padding-top: 14px;
}
#taxfree .card-schedul .box1 .christmas{
	background-color: #55bb17;
	height: 41px;
	padding-top: 15px;
	font-size: 14px;
}
#taxfree .card-schedul .month:nth-last-of-type(1),
#taxfree .card-schedul .month:nth-last-of-type(2),
#taxfree .card-schedul .month:nth-last-of-type(3){margin-bottom: 0;}
#taxfree .card-schedul .april { color:#d972da; font-weight:bold;}
#taxfree .card-schedul .july { color:#2185be; font-weight:bold;}
#taxfree .card-schedul .october { color:#d37417; font-weight:bold;}
#taxfree .card-schedul .december { color:#55bb17; font-weight:bold;}
#taxfree .card-schedul .may .box2 .hd .t span,
#taxfree .card-schedul .october .box2 .hd .t span{
	letter-spacing: -0.08em;
}
#taxfree .card-schedul .box2 .hd p:nth-of-type(3){
	font-weight: normal;
	line-height: 1.4;
	margin-top: 5px;
}

/*** 反映されたら消すここから ***/
#taxfree .schedule {
	width:96%;
	margin:0 auto;
}
#taxfree .number{ display:table; }
#taxfree .number .box {
	display:table-cell;
	vertical-align:middle;
	width:54%;
}
#taxfree .number img{ width:100%; }
#taxfree .number .text {
	padding:0 0 0 40px;
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
}
#taxfree .number h4{ padding:0 0 20px; }
#taxfree .number h5{
	font-size:18px;
	margin-bottom:6px;
}
#taxfree .table { padding-bottom:10px; }
#taxfree .table h4{ padding:40px 0 20px; }
#taxfree .scheduletable {
	border-top:1px solid #b4edf8;
	border-left:1px solid #b4edf8;
	width:100%;
	font-size:18px;
	line-height:1.2;
}
#taxfree .scheduletable th {
	border-bottom:1px solid #b4edf8;
	border-right:1px solid #b4edf8;
	background-color:#4ebace;
	color:#fff;
	padding:10px 6px 6px;
}
#taxfree .scheduletable th span {
	display:block;
	font-size:14px;
}
#taxfree .scheduletable th.m { width:120px; }
#taxfree .scheduletable th.c { width:180px; }
#taxfree .scheduletable td {
	border-bottom:1px solid #b4edf8;
	border-right:1px solid #b4edf8;
	padding:12px 20px 10px;
}
#taxfree .scheduletable .odd { background-color:#eaf9fc; }
#taxfree .scheduletable .april { color:#d972da; font-weight:bold;}
#taxfree .scheduletable .july { color:#2185be; font-weight:bold;}
#taxfree .scheduletable .october { color:#d37417; font-weight:bold;}
#taxfree .scheduletable .december { color:#55bb17; font-weight:bold;}
#taxfree .scheduletable td.m {
	font-size:24px;
	text-align:center;
}
#taxfree .scheduletable td.m span{
	font-size:16px;
	padding-left:4px;
}
#taxfree .scheduletable td.c { text-align:center; }
#taxfree .scheduletable .hd div {
	font-size:14px;
	display:inline-block;
}
#taxfree .scheduletable .hd .main { vertical-align:middle; }
#taxfree .scheduletable .hd .main div { padding-left:1em; }
#taxfree .scheduletable .hd img { vertical-align:middle; }
#taxfree .scheduletable .hd .t {
	font-size:20px;
	line-height:1.4;
}
#taxfree .scheduletable .hd .t span {
	font-size:14px;
	padding-left:0.5em;
	vertical-align:middle;
	font-weight:normal;
}
/*** 反映されたら消すここまで ***/

@media screen and (max-width: 940px) and (min-width: 671px) {
	/*** 共通 ***/
	#taxfree .inner-container{
		padding:60px 0 80px;
	}
	#taxfree p {
		font-size: 14px;
	}
	#taxfree .ttl{
		margin-bottom:40px;
	}
	/* header */
	#taxfree .header{
		width:100%;
		text-align: center;
	}
	#taxfree .header .inner,
	#taxfree .main-container .inner-container{
		max-width:none;
		min-width:320px;
		width: 100%;
	}
	#taxfree .header .inner .logo{
		padding:18px 0;
		float:none;
	}
	#taxfree .header .nav {
		width:100%;
		float:none;
	}
	#taxfree .header .nav ul{
		table-layout:auto;
		float:none;
		width:100%;
		border-top:1px #4ebace solid;
	}
	#taxfree .header .nav li{
		box-sizing: border-box;
		float: left;
		width: 33%;
		border:1px #4ebace solid;
		border-bottom: none;
		border-top: none;
		height: 100%;
	}
	#taxfree .header .nav li:nth-child(3){
		width: 34%;
	}
	#taxfree .taxfree-about .header .nav li{
		border-right: none;
	}
	#taxfree .taxfree-hospitality .header .nav li{
		border-right: none;
		border-left: none;
	}
	#taxfree .taxfree-season .header .nav li{
		border-left: none;
	}
	#taxfree .header .nav li span{
		display:inline;
	}
	#taxfree .header .nav .nozzle{
		bottom:-19px;
	}
	#taxfree .taxfree-about .header .nav .nozzle{
		left:14%;
	}
	#taxfree .taxfree-hospitality .header .nav .nozzle{
		left:48%;
	}
	#taxfree .taxfree-season .header  .nav .nozzle{
		right:14%;
	}
	#taxfree .header .nav a{
		box-sizing: border-box;
		display:block;
		width: 100%;
		height: auto;
		font-size: 15px;
	}
	/* main-container */
	#taxfree .main-container h3{
		font-size:22px;
	}
	#taxfree .main-container  h3 + p{
		margin-top:0px;
	}
	/* mainvisual */
	#taxfree .mainvisual .inner-line{
		border-bottom:2px solid #dc4d4d;
	}
	#taxfree .mainvisual .mainimg{
		width:39%;
	}
	#taxfree .mainvisual .maintext{
		width:61%;
		font-size:14px;
		letter-spacing: -0.04em;
	}
	#taxfree .mainvisual .maintext img{
		width: 90%;
		max-width: 415px;
	}
	#taxfree .mainvisual .maintext p{
		margin-right:0;
	}
	#taxfree .taxfree-hospitality .mainvisual .maintext p{
		letter-spacing: -0.08em;
	}
	#taxfree .mainvisual h2 + p{
		text-align:left;
	}
	#taxfree .taxfree-about .mainvisual .inner-container{
		overflow:hidden;
	}
	#taxfree .taxfree-about .mainvisual .mainimg .img{
		width: 90%;
		max-width:415px;
		margin:-90px auto;
	}
	#taxfree .taxfree-hospitality .mainvisual .mainimg img{
		width: 90%;
		top:-45px;
		background: url("/img/guide/taxfree/img_main_hospitality_back.png") bottom no-repeat;
		padding-bottom: 8px;
	}
	#taxfree .taxfree-season .mainvisual .mainimg img{
		width: 91%;
		top:-40px;
		left:4%;
		background: url("/img/guide/taxfree/img_main_hospitality_back.png") no-repeat;
		background-position: right 11px bottom;
		background-size: 35%;
		padding-bottom: 3px;
	}
	#taxfree .taxfree-season .mainvisual .maintext p{
		padding-right: 19px;
		letter-spacing: -0.07em;
		margin-right: 0;
	}
	/*** 免税店になるには ***/
	#taxfree .about .inner-container{
		background: url("/img/guide/taxfree/img_about_inbound.gif") bottom no-repeat;
		background-size: 400px;
		padding: 45px 0 210px;
	}
	#taxfree .about .text {
		max-width:80%;
		margin:0 auto;
	}
	#taxfree .flow .startflow{
		margin:0 3%;
	}
	#taxfree .flow .finish{
		vertical-align: middle;
		width: 32%;
	}
	#taxfree .flow .finish img{
		width: 100%;
		max-width: 280px;
	}
	#taxfree .flow h4 .title{
		font-size:16px;
	}
	#taxfree .flow h4 .step{
		font-size:14px;
	}
	#taxfree .flow .box p{
		font-size:14px;
		line-height: 1.6;
	}
	#taxfree .flow .arrow{
		padding:12px;
	}
	#taxfree .merit h4{
		text-align:left;
		margin:0;
		font-size: 20px;
	}
	#taxfree .merit li {
		margin:0 3% 20px;
	}
	#taxfree .merit li:nth-of-type(3) {
		margin-bottom: 0;
	}
	#taxfree .merit li img{
		width:45%;
	}
	#taxfree .merit li .text{
		width:50%;
	}
	#taxfree .request{
		padding-bottom:0;
	}
	#taxfree .request ul {
		margin:auto 3%;
	}
	#taxfree .request li {
		width:38%;
		min-height:none;
	}
	#taxfree .request li:nth-of-type(1) {
		margin-right: 4%;
	}
	#taxfree .request li p{
		font-size:12px;
	}
	#taxfree .request li .text{
		margin-top: 6px;
	}
	#taxfree .request h4 + p{
		font-size:14px;
	}
	/*** おもてなしのコツ ***/
	#taxfree .pop img {
		width:30%;
		vertical-align: top;
	}
	#taxfree .pop h4{
		text-align:left;
		margin:-7px 0 0 ;
	}
	#taxfree .pop .inner {
		display:block;
		width:94%;
	}
	#taxfree .pop .text {
		box-sizing: border-box;
		padding-left: 20px;
		width:69%;
		display: inline-block;
	}
	#taxfree .pop ul { display:block; }
	#taxfree .pop li {
		padding-left:0;
		display:block;
		margin-bottom: 30px;
	}
	#taxfree .pop h3,
	#taxfree .card h3,
	#taxfree .service h3{ padding-top:46px; }
	#taxfree .pop h3 { background-size:40px; }
	#taxfree .card h3 { background-size:40px; }
	#taxfree .service h3 { background-size:40px; }
	#taxfree .card {
		padding:60px 0 80px;
	}
	#taxfree .card .cap {
		display:block;
	}
	#taxfree .card .cap-inner {
		display:table;
		max-width:none;
	}
	#taxfree .card .text{
		width: 54%;
	}
	#taxfree .card .text-inner{
		padding:20px;
		margin: 0;
		box-sizing: border-box;
		width:100%;
	}
	#taxfree .card .img-wrap img{
		max-width:none;
		width:110%;
	}
	#taxfree .card .text h4{
		padding-bottom:0;
		font-size: 18px;
		letter-spacing: -0.01em;
	}
	#taxfree .card .cardmerit {
		padding:40px 0;
		width:540px;
	}
	#taxfree .card .ban-square{
		padding:2%;
		width:90%;
	}
	#taxfree .card .ban-square a{
		display: block;
		background: url("/img/guide/taxfree/ban_square.jpg") no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 12.19%;
	}
	#taxfree .service {
		width:90%;
	}
	#taxfree .service .ttl p {
		letter-spacing: -0.05em;
	}
	#taxfree .service .movie li {
		max-width:600px;
	}
	#taxfree .service .movie .box01 {
		float:none;
		margin:0 auto;
		width: 85%;
		margin-bottom: 100px;
	}
	#taxfree .service .movie .box02 {
		float:none;
		margin: 0 auto;
		width: 85%;
	}
	#taxfree .service .movie .con {
		padding:40px 20px 20px;
	}
	#taxfree .service .aside {
		font-size: 14px;
		margin-top: 20px;
	}
	/*** 来日スケジュール ***/
	#taxfree .schedule {
		width:94%;
	}
	#taxfree .number{ display:block; }
	#taxfree .number .box {
		display:block;
		width:80%;
		max-width: 594px;
		margin: 0 auto 15px;;
	}
	#taxfree .number .text {
		padding:0;
		margin: 0 auto;
		width: 80%;
		display:block;
	}
	#taxfree .number h4{
		padding:0 0 10px;
		font-size: 18px;
	}
	#taxfree .card-schedul h4{
		font-size: 18px;
	}
	#taxfree .card-schedul .month{
		width: 49%;
		margin: 0 0 27px;
	}
	#taxfree .card-schedul .month:nth-of-type(odd){
		margin-right: 2%;
	}
	#taxfree .card-schedul .month:nth-last-of-type(3){margin-bottom: 27px;}
	#taxfree .card-schedul .box1{
		padding: 10px 13px 10px 15px;
	}
	#taxfree .card-schedul .box1 .box1-text{
		width: 79%;
	}
	#taxfree .card-schedul .may .box2 .hd .t span,
	#taxfree .card-schedul .october .box2 .hd .t span{
		letter-spacing: -0.1em;
	}
}
@media screen and (max-width: 670px) {
	/*** 共通 ***/
	#taxfree .inner-container{
		margin:0 20px;
		padding:50px 0 60px;
	}
	#taxfree p {
		font-size: 14px;
	}
	#taxfree .ttl{
		margin-bottom:25px;
	}
	#taxfree .ttl p .sp-b{
		display: block;
	}
	#taxfree .ttl p .sp-ib{
		display: inline-block;
	}
	/* header */
	#taxfree .header{
		width:100%;
		text-align: center;
	}
	#taxfree .header .inner,
	#taxfree .main-container .inner-container{
		max-width:none;
		min-width:auto;
		width: 100%;
	}
	#taxfree .header .inner .logo{
		padding:18px 0;
		float:none;
		width: 90%;
		max-width: 320px;
	}
	#taxfree .header .nav {
		width:100%;
		float:none;
		z-index: 10001;
	}
	#taxfree .header .nav ul{
		table-layout:auto;
		float:none;
		width:100%;
		border-top:1px #4ebace solid;
	}
	#taxfree .header .nav li{
		box-sizing: border-box;
		float: left;
		width: 33%;
		border:1px #4ebace solid;
		border-bottom: none;
		border-top: none;
	}
	#taxfree .header .nav li:nth-child(3){
		width: 34%;
	}
	#taxfree .taxfree-about .header .nav li{
		border-right: none;
	}
	#taxfree .taxfree-hospitality .header .nav li{
		border-left: none;
		border-right: none;
	}
	#taxfree .taxfree-season .header .nav li{
		border-left: none;
	}
	#taxfree .header .nav .nozzle{
		bottom:-11px;
		width: 8%;
	}
	#taxfree .taxfree-about .header .nav .nozzle{
		left:13%;
	}
	#taxfree .taxfree-hospitality .header .nav .nozzle{
		left:46%;
	}
	#taxfree .taxfree-season .header  .nav .nozzle{
		right:13%;
	}
	#taxfree .header .nav a{
		box-sizing: border-box;
		display:block;
		width: 100%;
		height: auto;
		font-size: 13px;
		padding:13px 0 13px 0;
		letter-spacing: -0.08em;
	}
	/* main-container */
	#taxfree .main-container h3{
		font-size:20px;
	}
	#taxfree .main-container  h3 + p{
		margin-top:0px;
	}
	#taxfree .taxfree-season .main-container  h3 + p{
		letter-spacing: -0.03em;
	}
	/* mainvisual */
	#taxfree .mainvisual .inner-line{
		height: 250px;
	}
	#taxfree .mainvisual .inner-container{
		background-size: 670px;
		position: relative;
		height: 185px;
		padding: 34px 0 40px;
	}
	#taxfree .mainvisual .mainimg{
		display:none;
	}
	#taxfree .mainvisual .maintext{
		display:block;
		position: relative;
		width: 100%;
		padding: 0;
		letter-spacing: -0.04em;
		font-size:14px;
		margin: 0 auto;
	}
	#taxfree .mainvisual .maintext img{
		display: block;
		width: 85%;
		margin: 0 auto;
		max-width: 460px;
	}
	#taxfree .taxfree-about .mainvisual .maintext img{
		width: 70%;
		min-width: 272px;
	}
	#taxfree .taxfree-hospitality .mainvisual .maintext img{
		width: 75%;
		min-width: 272px;
	}
	#taxfree .mainvisual .maintext p{
		margin-right:0;
		text-align: center;
		font-size: 13px;
		margin-top: 5px;
		padding: 0 10px;
	}
	#taxfree .mainvisual .maintext p .sp-ib{
		display: inline-block;
	}
	#taxfree .mainvisual h2{
		margin-bottom:0;
		margin: 10px 0 20px;
	}
	#taxfree .taxfree-about .mainvisual .inner-container{
		overflow:hidden;
	}
	#taxfree .taxfree-about .mainvisual .mainimg .img,
	#taxfree .taxfree-hospitality .mainvisual .mainimg .img,
	#taxfree .taxfree-season .mainvisual .mainimg .img{
		display: none;
	}
	#taxfree .taxfree-hospitality .mainvisual .maintext{
		margin-top: 10px;
	}
	#taxfree .taxfree-season .mainvisual .maintext .sp-b{ display:block; }
	#taxfree .taxfree-season .mainvisual .maintext p{
		margin-right: 0;
	}
	/*** 免税店になるには？ ***/
	#taxfree{
		min-width: 320px;
	}
	#taxfree .about .inner-container{
		background: url("/img/guide/taxfree/img_about_inbound.gif") bottom no-repeat;
		background-size: 318px;
		margin-bottom:-22px;
		padding: 35px 0 175px;
	}
	#taxfree .about .text {
		max-width:90%;
		margin:0 auto;
	}
	#taxfree .flow ul{
		display:block;
		margin: 0 5%;
	}
	#taxfree .flow li{
		display:block;
	}
	#taxfree .flow .startflow{
		margin:0 auto;
	}
	#taxfree .flow .finish{
		width: 100%;
		vertical-align: top;
		text-align: center;
	}
	#taxfree .flow .finish img{
		width: 80%;
		max-width: 280px;
		min-width: 190px;
	}
	#taxfree .flow h4 .title{
		font-size:16px;
	}
	#taxfree .flow h4 .step{
		font-size:14px;
	}
	#taxfree .flow .box p{
		font-size:14px;
		line-height: 1.6;
	}
	#taxfree .flow .arrow{
		padding:6px 0 0;
		text-align: center;
		height: 35px;
	}
	#taxfree .flow .arrow img{
		transform: rotate( 90deg );
	}
	#taxfree .merit h4{
		text-align:center;
		font-size: 16px;
		margin: 5px 0;
	}
	#taxfree .merit li {
		margin:0 5% 30px;
		text-align: center;
	}
	#taxfree .merit li:nth-of-type(3) {
		margin-bottom: 0;
	}
	#taxfree .merit li img{
		width:100%;
		max-width: 350px; 
		margin: 0;
	}
	#taxfree .merit li .text{
		width:100%;
	}
	#taxfree .request{
		padding-bottom:0;
	}
	#taxfree .request ul {
		margin:auto 5%;
	}
	#taxfree .request li {
		width: auto;
		min-height: 6em;
		display:block;
		float: none;
	}
	#taxfree .request li:nth-last-of-type(2) {
		margin-bottom: 20px;
		max-height: 11em;
	}
	#taxfree .request li p{
		font-size:12px;
	}
	#taxfree .request li:nth-last-of-type(2) .request-p{
		height: 22px!important;
	}
	#taxfree .request li .text{
		margin-top: 6px;
	}
	#taxfree .request h4{
		font-size:20px;
	}
	#taxfree .request h4 + p{
		font-size:14px;
	}
	/*** おもてなしのコツ ***/
	#taxfree .pop img {
		display: block;
		width:60%;
		max-width: 350px;
		min-width: 230px;
		margin: 0 auto;
	}
	#taxfree .pop h4{
		font-size:16px;
		margin:10px 0 0 ;
	}
	#taxfree .pop .ttl p {
		width:94%;
		margin:0 auto;
	}
	#taxfree .pop .inner {
		display:block;
		width:94%;
	}
	#taxfree .pop .text {
		box-sizing: border-box;
		padding-left: 0;
		width:100%;
		display: block;
	}
	#taxfree .pop ul { display:block; }
	#taxfree .pop li {
		padding-left:0;
		display:block;
		margin-bottom: 30px;
	}
	#taxfree .pop h3,
	#taxfree .card h3,
	#taxfree .service h3{ padding-top:40px; }
	#taxfree .pop h3 { background-size:36px; }
	#taxfree .card h3 { background-size:36px; }
	#taxfree .service h3 { background-size:36px; }
	#taxfree .card {
		padding:50px 0 70px;
	}
	#taxfree .card .cap {
		display:block;
	}
	#taxfree .card .cap-inner {
		display:table;
		max-width:none;
	}
	#taxfree .card .text{
		display:table-footer-group;
		width: 100%;
	}
	#taxfree .card .text-inner{
		padding:20px 3%;
		margin: 0;
		box-sizing: border-box;
		width:100%;
	}
	#taxfree .card .img-wrap{
		display:table-header-group;
		text-align: center;
		background-color: #e5f5f8;
	}
	#taxfree .card .img-wrap img{
		max-width:none;
		width:65%;
		padding-top: 30px;
		min-width: 274px;
	}
	#taxfree .card .text h4{
		padding-bottom:0;
		font-size: 18px;
		text-align: center;
	}
	#taxfree .card .cardmerit h4{
		padding: 10px 0px;
		text-align: center;
	}
	#taxfree .card .cardmerit ul{
		margin: 0 auto;
		width: 100%;
		min-width: 18em;
		max-width: 33em;
	}
	#taxfree .card .cardmerit li{
		text-indent:-1.4em;
	}
	#taxfree .card .cardmerit {
		padding:40px 0 40px 1.4em;
		width: 90%;
		margin: 0 auto;
		font-size: 15px;
	}
	#taxfree .card .sp-ib {
		display: inline-block;
	}
	#taxfree .card .ban-square{
		padding:1%;
		width:74%;
		min-width: 314px;
	}
	#taxfree .card .ban-square a{
		display: block;
		background: url("/img/guide/taxfree/ban_square_sp.jpg") no-repeat;
		background-size: 100%;
		width: 100%;
		height: 0;
		padding-top: 32.44%;
	}
	#taxfree .service {
		width:100%;
	}
	#taxfree .service .ttl p {
		letter-spacing: -0.05em;
	}
	#taxfree .service .movie li {
		max-width:600px;
	}
	#taxfree .service .movie li .qimg{
		width: 75%;
		max-width: 376px;
		min-width: 280px;
	}
	#taxfree .service .movie .box01 {
		float:none;
		margin:0 auto;
		width: 92%;
		max-width: 520px;
		min-width: 320px;
		margin-bottom: 100px;
	}
	#taxfree .service .movie .box02 {
		float:none;
		margin: 0 auto;
		width: 92%;
		max-width: 520px;
		min-width: 320px;
	}
	#taxfree .service .movie .con {
		padding:40px 0;
	}
	#taxfree .service .movie .title {
		margin-left:5%;
	}
	#taxfree .service .aside {
		font-size: 14px;
		margin-top: 20px;
		width: 90%;
		padding: 0 1em 0 2.1em;
		text-indent: -1.1em;
	}
	#taxfree #movieyoutube01 iframe{
		width: 95%;
		max-width: 409px;
		min-width: 320px;
		margin: 0 auto;
	}
	#taxfree #movieyoutube01 #play01 img{
		width: 95%;
		max-width: 409px;
	}
	#taxfree #movieyoutube02 iframe{
		width: 95%;
		max-width: 409px;
		min-width: 320px;
		margin: 0 auto;
	}
	#taxfree #movieyoutube02 #play02 img{
		width: 95%;
		max-width: 409px;
	}
	/*** 来日スケジュール ***/
	#taxfree .schedule {
		width:94%;
		margin:0 auto;
	}
	#taxfree .number{ display:block; }
	#taxfree .number .box {
		display:block;
		margin: 0 auto;
		width:100%;
		max-width: 550px;
	}
	#taxfree .number .text {
		padding:0;
		margin: 0 auto;
		width: 100%;
		max-width: 550px;
		display:block;
	}
	#taxfree .number h4{
		padding:0 0 10px;
		font-size: 18px;
	}
	#taxfree .number h5{
		font-size:15px;
		text-align: center;
	}
	#taxfree .card-schedul {
		margin: 0 auto;
		width: 100%;
	}
	#taxfree .card-schedul h4{
		padding:40px 0 20px;
		font-size: 18px;
	}
	#taxfree .card-schedul .month{
		width: 100%;
		float: none;
		margin: 0 auto 20px;
		max-width: 427px;
	}
	#taxfree .card-schedul .month:nth-of-type(3n+1),
	#taxfree .card-schedul .month:nth-of-type(3n){margin: 0 auto 20px;}
	#taxfree .card-schedul .month:nth-last-of-type(1){margin-bottom: 0;}
	#taxfree .card-schedul .month:nth-last-of-type(2),
	#taxfree .card-schedul .month:nth-last-of-type(3){margin-bottom: 20px;}
	#taxfree .card-schedul .box1{
		padding: 8px 13px 8px 15px;
	}
	#taxfree .card-schedul .box1 .m {
		font-size:20px;
	}
	#taxfree .card-schedul .box1 .m span{
		font-size:15px;
	}
	#taxfree .card-schedul .box1 .c {
		font-size:15px;
	}
	#taxfree .card-schedul .box1 .box1-text{
		width: 79%;
	}
	#taxfree .card-schedul .box2{
		padding: 15px 15px;
	}
	#taxfree .card-schedul .box2 .hd p{
		font-size:13px;
	}
	#taxfree .card-schedul .box2 .hd .t{
		font-size:18px;
	}
	#taxfree .card-schedul .month .box2 .hd .t span{font-size: 13px;}	
	#taxfree .card-schedul .may .box2 .hd .t span,
	#taxfree .card-schedul .october .box2 .hd .t span{
		letter-spacing: -0.1em;
	}
	#taxfree .card-schedul .box1 .icon{
		width: 50px;
		margin-top: 0;
	}
	#taxfree .card-schedul .box1 .sakura{
		height: 39px;
		padding-top: 11px;
	}
	#taxfree .card-schedul .box1 .vacation{
		height: 31px;
		padding-top: 19px;
	}
	#taxfree .card-schedul .box1 .autumn{
		height: 39px;
		padding-top: 11px;
	}
	#taxfree .card-schedul .box1 .christmas{
		height: 35px;
		padding-top: 15px;
		font-size: 12px;
	}
}
/* 海外会員登録フォーム
-------------------------------------------------------------------------- */
/* メアド入力画面注記 */
.foreign-form .foreign-input-area {
	border: 1px #cccccc solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 4px 1px #e6e6e6;
	-webkit-box-shadow: 0 0 4px 1px #e6e6e6;
	letter-spacing: 1px;
	margin: 30px auto 0;
    width: 700px;
}
.foreign-form .caution-area {
	margin: 20px 30px 25px;
	font-size: 15px;
}
.foreign-form .caution-area li {
	margin-top: 10px;
	line-height: 1.2;
	width: 275px;
	background-image:URL(/img/entry/foreign_icon_check.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	margin-left: 15px;
}

.foreign-form .foreign-input-area .main-catch {
	font-size:31px;
	margin-top:42px;
	margin-bottom:20px;
	text-align:center;
}

.foreign-form .foreign-input-area form {
	padding: 5px 30px;
	background-color: #f6f6f6;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	text-align: center;
}
.foreign-form .foreign-input-area form .wht-arrow {
	margin: -18px 0 -5px 0;
	color: #ffffff;
	font-size: 28px;
}
.foreign-form .foreign-input-area form .add-cap {
	margin: 0 auto 5px;
	width: 523px;
	text-align: left;
	color: #666666;
}
.foreign-form .foreign-input-area form input[type='text'] {
	font-size:22px;
	width: 350px;
	ime-mode: disabled;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*** 先行受注：WEB展示会 ***/
/* 企業商品一覧 */
.webex-list-box {
	display: table;
	width: 100%;
	background-color: #efefef;
	padding: 22px 350px 11px 15px;
	position: relative;
	text-align: left;
	margin: 30px 0 35px;
	box-sizing: border-box;
}
.webex-list-box .webex-list-link {
	border-bottom: 1px #cccccc solid;
	padding-bottom: 3px;
	margin: 0 0 5px;
}
.webex-list-box .right-bnr-wrap {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	top: -7px;
	right: 55px;
}
.webex-list-box .webex-list-bn {
	position: relative;
	top: -5px;
	display: inline-block;
	box-shadow: 0 0 3px rgba(150,150,150,0.3);
	background-color: #ffffff;
	vertical-align: top;
	line-height: 0;
	width: 280px;
}
.webex-list-box .webex-list-bn img {
	width: 100%;
	height: auto;
	border: 1px #cccccc solid;
}

/* 商品詳細・企業商品一覧帯 */
.webex-detail-txt {
	color: #ffffff;
	background-color: #6e2201;
	font-size: 14px;
	padding: 0.5em 0 0.3em 0.5em;
	line-height: 1;
	display: inline-block;
	position: relative;
}
.webex-detail-txt p {
	position: relative;
	z-index: 2;
	margin-bottom: 0!important;
}
.webex-detail-txt span {
	display: block;
	border-width: 1.8em;
	border-style: solid;
	border-color: #6e2201 transparent transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -1.8em;
	z-index: 1;
}
.webex-list-box .webex-detail-txt {
	position: absolute;
	top: -1em;
	left: 0;
	font-size: 12px;
}
.webex-list-box .webex-detail-txt p { margin: 0; }
.webex-list-box .webex-iconarea {
	display: inline-block;
	margin: 0 0 0 5px;
	white-space: nowrap;
	vertical-align: top;
	background-color: #ffde00;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 13px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.webex-list-box { padding: 0; }
	.webex-list-box * { box-sizing: border-box; }
	.webex-list-box > div:first-child { padding: 15px; }
	.webex-list-box .right-bnr-wrap,
	.webex-list-box .webex-list-bn { position: static; }
	.webex-list-box .webex-list-bn {
		box-shadow: none;
		width: 100%;
	}
	.webex-list-box .webex-list-bn img { border: 0; }
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	.webex-list-box { font-size: 14px; }
	.webex-list-box > div:first-child,
	.webex-list-box .right-bnr-wrap {
		display: inline-block;
		vertical-align: top;
	}
	.webex-list-box > div:first-child { width: calc(100% - 300px); }
	.webex-list-box .right-bnr-wrap { width: 300px; }
}
/* SP */
@media screen and (max-width: 670px) {
	.webex-list-box { font-size: 12px; }
	.webex-list-box > div:first-child,
	.webex-list-box .right-bnr-wrap { display: block!important; }
	.webex-list-box .webex-list-link { font-size: 13px; }
}

/* タブon状態 */
.tab-area-tabarea .tab-area-tab-on span {
	background-color: #1145aa;
	background-image: -moz-linear-gradient(center top , #1e69e2, #1145aa);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1145aa),color-stop(1, #1e69e2));
	background: -ms-linear-gradient(top, #1e69e2 0%, #1145aa 100%);
	background: linear-gradient(top, #1e69e2 0%, #1145aa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1e69e2', endColorstr='#1145aa');
}

/* 会員情報の変更
-------------------------------------------------- */
/* 店舗写真：登録なし、変更不可共通 */
.member-photo-none,
.member-unable-regist {
	border: 1px #cccccc solid;
	text-align: center;
	color: #666666;
}
/* 店舗写真：登録なし */
.member-photo-none { padding: 120px 0; }
/* 店舗写真：変更不可 */
.member-unable-regist { padding: 170px 0; }
/* 一括申請枠 */
.all-application {
	background-color: #fff7e1;
	width: 590px;
	display: inline-block;
	box-sizing: border-box;
	padding: 20px 20px 10px;
	text-align: center;
	margin-right: 30px;
}

/*** 店舗写真の登録／変更ページ ***/
#retailer-photo {
	max-width: 1366px;
	margin: 0 auto;
}
#retailer-photo form { margin: 20px auto 30px; }
#retailer-photo .co-dot-list {
	margin: 15px 0 10px;
	line-height: 1.7;
	font-size: 14px;
}
#retailer-photo .retailer-photo-wrap {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 0 30px;
}
#retailer-photo .retailer-photo-wrap > .co-title2:first-child {
	background-color: #e6e6e6;
	padding: 10px 20px;
	border: 0;
	margin: 0 -30px 20px;
}
#retailer-photo .retailer-photo-inner {
	display: flex;
	justify-content: space-around;
	padding: 20px;
}
#retailer-photo .retailer-photo-area {
	width: 280px;
	vertical-align: top;
}
#retailer-photo .retailer-photo-box {
	transition: opacity 0.2s;
	position: relative;
}
#retailer-photo.retailer-photo-input .retailer-photo-box:not(.has-photo):hover { opacity: 0.7; }
#retailer-photo .retailer-photo-box input {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	text-indent: -30px;
	cursor: pointer;
}
#retailer-photo .retailer-photo-box .retailer-photo-path {
	color: #666666;
	margin-top: 5px;
}
#retailer-photo .retailer-photo-box .retailer-photo-img,
#innerForm .retailer-photo-img {
	height: 215px;
	width: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f0f0f0;
	margin: 0 auto;
	line-height: 0;
	position: relative;
}
#retailer-photo .retailer-photo-box .retailer-no-photo {
	font-size: 22px;
	font-weight: bold;
	font-size: 0;
}
#retailer-photo .retailer-photo-box .retailer-no-photo:before {
	content: url('/img/member/regist_store_noimg.png');
	display: block;
}
#retailer-photo .retailer-photo-box .retailer-photo-img img,
#innerForm .retailer-photo-img img {
	max-width: 280px;
	max-height: 215px;
}
#retailer-photo .fo-submit {
	border-top: 1px #dfdfdf solid;
	padding-top: 25px;
	margin: 30px;
}
/* 登録例 */
#retailer-photo .retailer-photo-sample {
	background-color: #f6f6f6;
	padding: 20px 20px 30px;
	display: inline-block;
	margin-bottom: 30px;
}
#retailer-photo .retailer-photo-sample ul {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
#retailer-photo .retailer-photo-sample ul li { margin: 0 20px; }
#retailer-photo .retailer-photo-sample dt,
#retailer-photo .retailer-photo-sample dd {
	margin: 0;
	text-align: center;
}
#retailer-photo .retailer-photo-sample dt {
	font-size: 14px;
	margin: 15px auto 5px;
}
#retailer-photo .retailer-photo-mail {
	background-color: #eeeeee;
	padding: 15px 20px 10px;
	margin-top: 50px;
}
#innerForm .retailer-photo-dlt {
	text-align: center;
	margin-top: 20px;
}
/* 確認画面 */
#retailer-photo.retailer-photo-confirm .retailer-photo-box .retailer-photo-img:last-child:not(:only-child) { margin-top: 50px; }
#retailer-photo.retailer-photo-confirm .retailer-photo-box .retailer-photo-img:last-child:not(:only-child):before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-right: 3px #666666 solid;
	border-bottom: 3px #666666 solid;
	transform: rotate(45deg);
	position: absolute;
	left: calc(50% - 10px);
	bottom: calc(100% + 20px);
	border-radius: 2px;
}

/* 会員情報確認モーダル */
.registstore-modal-mask {
	background-color:#000000;
	height:100%;
	z-index:100000;
	top:0;
	width:100%;
	position:fixed;
	opacity:0.5;
}
.registstore-modal {
	background-color:#ffffff;
	z-index:110000;
	top:150px;
	left:50%;
	width:740px;
	position:absolute;
	padding:0;
	margin-left:-390px;
	border-radius:5px;
	margin-bottom:30px;
}
.registstore-modal .acount {
	background-color:#0066cc;
	color:#ffffff;
	padding:6px 10px 6px;
	font-size:16px;
	padding:15px 30px;
	border-radius: 5px 5px 0px 0px;
}
.registstore-modal .acount .inner {
	background-image:URL(/img/member/modal/account.png);
	background-repeat:no-repeat;
	padding-left:40px;
	background-position: left;
	padding-top: 10px;
	text-align:left;
}
.registstore-modal .modal-ttl {
	background-color:#eef6fd;
	padding: 20px 30px;
}
.registstore-modal .modal-ttl .main-catch {
	font-size:22px;
	margin-bottom:3px;
	text-align:left;
}
.registstore-modal .modal-ttl .main-catch span {
	font-weight:bold;
	color:#ec6b6b;
}
.registstore-modal .modal-ttl .sub-txt {
	font-size:13px;
	text-align:left;
}

.registstore-modal .registstore-modal-inner {
    padding:0px 20px 20px 20px;
}
.registstore-modal .registstore-modal-inner .clf:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.registstore-modal .registstore-modal-inner .clf {
	display:inline-block;
}
.registstore-modal .registstore-modal-inner .store-info {
	margin-left:10px;
	margin-right:10px;
	font-size:13px;
	display:block;
}
.registstore-modal .registstore-modal-inner .store-info .small-ttl {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	width:100%;
	margin-top:20px;
}
.registstore-modal .registstore-modal-inner .store-info .layout1 {
	float:right;
	width:140px;
}
.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo {
	display:block;
}
.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
	float:none;
	margin-bottom:10px;
	width:140px;
}
.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
	color:#333333;
	background-color:#eeeeee;
	height:140px;
	border:solid 1px #dadada;
	min-width: 140px;
	min-height: 140px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
	max-width: 140px;
	max-height: 140px;
}
.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
	max-width: 140px;
	max-height: 140px;
	vertical-align: bottom;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 {
	float:left;
	width:530px;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 .shop-concept {
	margin-bottom:3px;
	width:100%; 
}
.registstore-modal .registstore-modal-inner dl {
	margin-bottom:3px;
}
.registstore-modal .registstore-modal-inner dl dt {
	width:4.5em;
	float:left;
	margin-bottom:3px;
	position:relative;
}
.registstore-modal .registstore-modal-inner dl dt span {
	position:absolute;
	left:4.3em;
}
.registstore-modal .registstore-modal-inner dl dd {
	margin-left:5.3em;
	margin-bottom:3px;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 .sales {
	padding-left:0px;
	margin-top:0px;
	display:block;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
	margin-bottom:5px;
	margin-right:8px;
	text-align:center;
	padding:5px;
	width:125px;
	float:left;
	background-color:#ffffff;
	box-sizing:content-box;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .mark-on {
	color:#0066cc;
	border:solid 1px #0066cc;
}
.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .mark-off {
	color:#cccccc;
	border:solid 1px #cccccc;
}
.registstore-modal .registstore-modal-inner .website-ttl {
	font-size:15px;
	font-weight:bold;
	border-bottom:solid #dddddd 1px;
	padding-bottom:3px;
	margin-top:15px;
}
.registstore-modal .registstore-modal-inner .website-url {
	margin:10px 10px 0 10px;
	font-size:13px;
}
.registstore-modal .registstore-modal-inner .website-url .url-area {
	margin-top:10px;
}
.registstore-modal .registstore-modal-inner .website-url .note {
	background-color:#eeeeee;
	margin-top:10px;
	font-size:12px;
	padding:10px;
	border-radius:3px;
}
.registstore-modal .registstore-modal-inner .website-url .new-website {
	font-weight:bold;
	margin-top:15px;
}
.registstore-modal .registstore-modal-inner .btn-area {
	margin:20px auto;
	text-align:center;
	padding-top:25px;
	border-top:1px solid #cccccc;
	display:block;
}
.registstore-modal .registstore-modal-inner .btn-area .change {
	margin-right:10px;
}
.registstore-modal .registstore-modal-inner .btn-area .not-change {
}

/* IE8 */
@media \0screen {
	.registstore-modal-mask {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
	}
}
/* TABLET */ 
@media screen and (max-width: 940px) and (min-width: 671px) {
	.registstore-modal {
		top:150px;
		left:50%;
		width:84%;
		padding:0px;
		margin-left:-42%;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 {
		float:right;
		width:120px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
		float:left;
		margin-bottom:10px;
		width:100px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
		color:#333333;
		background-color:#eeeeee;
		width:120px;
		height:120px;
		border:solid 1px #dadada;
		min-width: 120px;
		min-height: 120px;
		text-align: center;
		vertical-align: middle;
		max-width: 120px;
		max-height: 120px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
		max-width: 120px;
		max-height: 120px;
		vertical-align: bottom;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 {
		width:75%;
		margin-left:0px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
		width:27%;
		float:left;
		height:19px;
		padding:2%;
		margin-right:2%;
		margin-bottom:8px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark:nth-child(3) {
		margin-right:0%;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.registstore-modal {
		top:100px;
		left:50%;
		width:280px;
		padding: 0px;
		margin-left: -140px;
		min-width:280px;
	}
	.registstore-modal .acount {
		padding:6px 10px 6px;
		font-size:12px;
	}
	.registstore-modal .acount .inner {
		background-image:URL(/img/member/modal/account.png);
		background-repeat:no-repeat;
		background-size:22px;
		padding-left:30px;
		background-position: left;
		padding-top:7px;
		padding-bottom:3px;
		text-align:left;
	}
	.registstore-modal .modal-ttl {
		padding:10px 3% 10px 3%;
	}
	.registstore-modal .modal-ttl .main-catch {
		font-size:13px;
	}
	.registstore-modal .modal-ttl .sub-txt {
		font-size:12px;
	}
	.registstore-modal .registstore-modal-inner {
		padding: 0px 3% 20px 3%;;
	}
	.registstore-modal .registstore-modal-inner .store-info {
		margin-left:0px;
		margin-right:0px;
		font-size:12px;
	}
	.registstore-modal .registstore-modal-inner .store-info .small-ttl {
		font-size:13px;
		margin-top:10px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 {
		float:left;
		width:100%;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
		float:left;
		margin-bottom:10px;
		margin-right:2%;
		width:32%;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area:nth-child(3) {
		margin-right:0px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
		color:#333333;
		background-color:#ffffff;
		width:78px;
		height:78px;
		border:solid 1px #dadada;
		min-width: 78px;
		min-height: 78px;
		text-align: center;
		vertical-align: middle;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
		vertical-align: bottom;
		max-width: 78px;
		max-height: 78px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 {
		width:100%;
		margin-left:0px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 .shop-concept {
		margin-bottom:3px;
		width:100%; 
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
		width:44%;
		float:left;
		height:19px;
		padding:2%;
		margin-right:2%;
		margin-bottom:8px;
	}
	.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark:nth-child(even) {
		margin-right:0px;
	}
	.registstore-modal .registstore-modal-inner .website-ttl {
		font-size:13px;
	}
	.registstore-modal .registstore-modal-inner .website-url {
		margin:10px 0 0 0;
		font-size:12px;
	}
	.registstore-modal .registstore-modal-inner .website-url .new-website {
		font-size:12px;
		margin-top:15px;
	}
	.registstore-modal .registstore-modal-inner .btn-area {
		padding-top:15px;
	}
	.registstore-modal .registstore-modal-inner .btn-area .change {
		float:none;
		margin-right:0px;
		margin-bottom:10px;
	}
	.registstore-modal .registstore-modal-inner .btn-area .not-change {
		float:none;
	}
}
/* 会員情報確認モーダル */
/* Base連携モーダル */
#retailerPosregiPromoModal.registstore-modal img {
	max-width: 100%;
	margin-top: 20px;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) {
	padding: 30px 30px 10px;
	max-width: 431px;
	text-align: center;
	margin: 0 auto;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon {
	padding: 6px 0;
	background: #EC6B6B;
	position: relative;
	color: #fff;
	display: inline-block;
	margin-bottom: 15px;
	height: 24px;
}

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner {
	padding: 0px 30px 20px 30px;
}

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner > div:not(.btn-area) {
	padding: 30px 0 10px;
	max-width: 484px;
} 

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner .ribbon {
	margin-bottom: 12px;
	height: 36px;
	font-size: 16px;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before,
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	border: #EC6B6B solid 18px;
	border-width: 18px 12px;
	border-color: #EC6B6B #EC6B6B #EC6B6B transparent;
	top: 0;
	left: -24px;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
	border-color: #EC6B6B transparent #EC6B6B #EC6B6B;
	left: 100%;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) > p {
	font-size: 13px;
	margin: 12px 0;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) .base-modal-ttl {
	font-size: 22px;
	font-weight: 600;
}
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner #notSetPosregi,
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner #setPosregi {
	width: 162px;
}
/* PC/TABLET */ 
@media screen and (min-width: 671px) {
	#retailerPosregiPromoModal.registstore-modal {
		width: 583px;
		margin-left: -292px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#retailerPosregiPromoModal.registstore-modal {
		width: 90%;
		margin-left: 0;
		left: 5%;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) {
		padding: 30px 15px 0;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon {
		font-size: 14px;
		padding: 4px 7px 3px;
		height: 21px;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before,
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
		border-width: 14px 9px 14px 9px;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before {
		left: -18px;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) > p {
		margin: 5px 0;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) .base-modal-ttl {
		font-size: 18px;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area {
		margin: 20px 10px;
		display: flex;
		flex-direction: column;
	}
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area .change {margin-right: auto;}

	#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner {
		padding: 0px 20px 20px 20px;
	}
	#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner .ribbon {
		height: 28px;
    font-size: 16px;
	}	
	#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area {
		margin: 20px 0;
	}

}

/* //Base連携モーダル */

/* 取引企業一覧、企業ページの企業特性マーク */
#dealerinfo-markbox [class^='info-mark'],
.dealerinfo-markbox [class^='info-mark'] {
	display: inline-block;
	padding: 1px 7px;
	font-size: 11px;
	color: #ffffff;
	position: relative;
	margin-left: 5px!important;
	cursor: default;
	font-weight: normal;
}
#dealerinfo-markbox a:hover,
.dealerinfo-markbox a:hover { text-decoration: none; }
#dealerinfo-markbox [class^='info-mark'] .info-marktxt,
.dealerinfo-markbox [class^='info-mark'] .info-marktxt {
	display: none;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	color: #333333;
	padding: 5px 10px;
	box-shadow: 2px 2px 3px 0 rgba(100,100,100,0.3);
	position: absolute;
	z-index: 2;
	right: 0;
	top: 1.8em;
	font-size: 12px;
	width: 15em;
	text-align: left;
}
#dealerinfo-markbox [class^='info-mark']:hover .info-marktxt,
.dealerinfo-markbox [class^='info-mark']:hover .info-marktxt { display: block; }
#dealerinfo-markbox .info-marksdship,
.dealerinfo-markbox .info-marksdship { background-color: #60a7d6; }/* ラクネコ便 */
#dealerinfo-markbox .info-markshipping,
.dealerinfo-markbox .info-markshipping { background-color: #cd7d16; }/* 送料無料キャンペーン */
#dealerinfo-markbox .info-markshipping:after,
.dealerinfo-markbox .info-markshipping:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 3px 0;
	border-color: #ffffff transparent transparent;
}
#dealerinfo-markbox .info-markcod,
.dealerinfo-markbox .info-markcod { background-color: #8393a0; }/* 代引き */

/*** 継続利用について ***/
#contents-guide-continuation-body{
	padding-bottom: 150px;
	margin: 30px 20px 0;
}
#contents-guide-continuation-body .program{
	width: 96%;
	max-width: 740px;
	border: 1px #999999 solid;
	margin-top: 30px;
}
#contents-guide-continuation-body .program h3{
	background-color: #eeeeee;
	padding: 7px 14px;
	margin: 0;
	font-size: 13px;
	border-bottom: 1px #999999 solid;
}
#contents-guide-continuation-body .program .dsc{
	padding: 14px;
	line-height: 1.6;
}
#contents-guide-continuation-body .program .dsc h4{
	margin: 0;
}
#contents-guide-continuation-body .program .dsc p,#contents-guide-continuation-body .program .dsc .target{
	margin-bottom: 15px;
}
#contents-guide-continuation-body .program .dsc .target li{
	display: inline-block;
	text-indent: 1em;
}
#contents-guide-continuation-body .program .dsc .target li:first-of-type{
	padding:0; 
}
#contents-guide-continuation-body .program .dsc .target li:after{
	content: "/";
	padding-left: 10px;
}
#contents-guide-continuation-body .program .dsc .target li:last-of-type:after{
	content: "";
}
#contents-guide-continuation-body .program .dsc ul p:nth-of-type(2),#contents-guide-continuation-body .program .dsc ul p:nth-of-type(3){
	margin-bottom: 0;
}

/* クレディセゾンバナー修正　*/
/* 会費支払方法ページ */
#jsp-tiles-memberManage-membership-fee .saison-box {
	width: 720px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#jsp-tiles-memberManage-membership-fee .saison-box img {
	border: 1px solid #ba3030;
}

#jsp-tiles-memberManage-membership-fee .saison-alert {
	background-color: #ba3030;
	color: #ffffff;
	width: 84px;
	height: 84px;
	border-radius: 42px;
	position: absolute;
	top: -30px;
	left: -35px;
	z-index: 10;
}
#jsp-tiles-memberManage-membership-fee .saison-message {
	display: inline-block;
	padding: 17px 5px 0 0;
	-ms-transform: rotate(-15deg); /* IE9 */
	-webkit-transform: rotate(-15deg); /* スマホのChromeなど */
	transform: rotate(-15deg);
}

/* 商品代金支払い方法ページ */
#jsp-tiles-memberManage-settlement .saison-box {
	width: 720px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#jsp-tiles-memberManage-settlement .saison-box img {
	border: 1px solid #ba3030;
}

#jsp-tiles-memberManage-settlement .saison-alert {
	background-color: #ba3030;
	color: #ffffff;
	width: 84px;
	height: 84px;
	border-radius: 42px;
	position: absolute;
	top: -30px;
	left: -35px;
	z-index: 10;
}

#jsp-tiles-memberManage-settlement .saison-message {
	display: inline-block;
	padding: 17px 5px 0 0;
	-ms-transform: rotate(-15deg); /* IE9 */
	-webkit-transform: rotate(-15deg); /* スマホのChromeなど */
	transform: rotate(-15deg);
}

/************************* 企業商品一覧上部 *************************/
#dl-info-area * { box-sizing: border-box; }
#dl-info-area .dl-info-box .dl-name,
#dl-info-area .dl-info-box .dl-info,
#dl-info-area .dl-info-box li,
#dl-info-area .dl-info-box #dealerinfo-markbox,
#dl-info-area .dl-trade-info-txt,
#dl-info-area .dl-trade-info-btn {
	display: inline-block;
	vertical-align: middle;
}
#dl-info-area .dl-info-box #dealerinfo-markbox {
	vertical-align: top;
	margin-left: 15px;
}
#dl-info-area .dl-info-box {
	border-bottom: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	padding: 25px 2%;
	margin-top: -1px;
	text-align: left;
	box-shadow: 0 4px 2px rgba(200,200,200,0.3);
	display: grid;
	align-items: center;
	grid-template-columns: auto minmax(60%,auto);
}
/*** 企業名 ***/
#dl-info-area .dl-info-box .dl-name {
	border-right: 1px #cccccc solid;
	padding-right: 15px;
	grid-row: 1;
}
#dl-info-area .dl-info-box .dl-name-txt {
	color: #445c76;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
/*** 企業情報部分 ***/
#dl-info-area .dl-info-box .dl-info {
	border-left: 1px #cccccc solid;
	margin-left: -1px;
	padding: 0 15px 0 20px;
	display: flex;
	flex-wrap: wrap;
	grid-row: 1;
}
#dl-info-area .dl-info-box .dl-info::before {
	content: '';
	display: block;
	width: 100%;
	height: 11px;
	order: 1;
}
#dl-info-area .dl-info .dealer-satisfaction-wrap,
#dl-info-area .cheer-comment-guide,
#dl-info-area .matterport-guide {
	order: 2;
}
#dl-info-area .dl-info-box ul {
	margin: 0;
	padding: 0;
}
#dl-info-area .dl-info-box li a { font-size: 14px; }
/* モーダル開くボタン */
#dl-info-area .dl-info-box li .dl-infobtn-mdl,
.dealer-info-list .dl-infobtn-mdl {
	display: block;
	margin-right: 10px;
	border: 1px #1b76d1 solid;
	border-radius: 20px;
	color: #1b76d1;
	padding: 1px 10px 0 26px;
	background: url('/img/common/icon/co_008b.png') left 9px center no-repeat;
	cursor: pointer;
}
.dealer-info-list .dl-infobtn-mdl { display: inline-block; }
#dl-info-area .dl-info-box li .dl-infobtn-mdl:hover,
.dealer-info-list .dl-infobtn-mdl:hover {
	text-decoration: none;
	background-color: #1b76d1;
	color: #ffffff;
	background-image: url('/img/common/icon/co_008w.png');
}
/* 企業特性マーク */
#dl-info-area .dl-info-box #dealerinfo-markbox { max-width: 300px; }
#dl-info-area .dl-info-box #dealerinfo-markbox [class^="info-mark"] { vertical-align: middle; }
.dealer-mark-smartd { display: none; }
/* 満足度 */
#dl-info-area .dl-info .dealer-satisfaction-wrap {
	white-space: nowrap;
	text-align: left;
}
#dl-info-area .dl-info .dealer-satisfaction-score {
	top: 100% !important;
	width: 500px !important;
	display: none;
	position: absolute;
	padding:5px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	text-align: center;
	border-radius:5px;
	right:10px;
	font-size:13px;
}
/* SNS */
.dealer-url-list {
	margin: 0;
	padding: 0;
}
.dealer-url-list [class^='sns-'] { display: flex; }
.dealer-url-list li:not(:first-child) { margin-top: 5px; }
.dealer-url-list [class^='sns-']::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 20px;
	margin-right: 6px;
	background: center center / contain no-repeat;
}
.dealer-url-list .sns-facebook::before { background-image: url('/img/common/icon/sns_facebook.svg'); }
.dealer-url-list .sns-instagram::before { background-image: url('/img/common/icon/sns_instagram.svg'); }
.dealer-url-list .sns-twitter::before { background-image: url('/img/common/icon/sns_twitter.svg'); }
.dealer-url-list .sns-youtube::before { background-image: url('/img/common/icon/sns_youtube.svg'); }
.dealer-url-list .sns-other::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #333333;
	margin: 5px 18px 0 12px;
}
/*------------- 企業へのコメント -------------*/
#dl-info-area .cheer-comment-guide,
#dl-info-area .cheer-comment-guide * { box-sizing: border-box; }
#dl-info-area .cheer-comment-guide::before,
#dl-info-area .cheer-comment-guide p::after,
#dl-info-area .cheer-comment-guide .comment-edit::before,
#dl-info-area .cheer-comment-guide .comment-edit::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
}
#dl-info-area .cheer-comment-guide {
	margin: -5px 0 -5px 20px;
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	border: 1px transparent solid;
	border-radius: 3px;
	padding: 3px 4px 3px 8px;
	font-size: 12px;
	position: relative;
}
#dl-info-area .cheer-comment-guide.em {
	background-color: #fcea9e;
	border-color: #f0d04b;
}
#dl-info-area .cheer-comment-guide::before {
	width: 14px;
	height: 20px;
	background: url('/img/common/icon/cheer_00.svg') center center / contain no-repeat;
	margin-right: 5px;
}
#dl-info-area .cheer-comment-guide:hover { text-decoration: none; }
#dl-info-area .cheer-comment-guide .cheer-comment-ttl {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
}
#dl-info-area .cheer-comment-guide .cheer-comment-ttl::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0;
	border-color: #666666 transparent;
}
#dl-info-area .cheer-comment-guide a {
	display: flex;
	align-items: center;
	margin-left: 8px;
}
#dl-info-area .cheer-comment-guide a:hover { text-decoration: none; }
#dl-info-area .cheer-comment-guide .comment-num { color: #0066cc; }
#dl-info-area .cheer-comment-guide .comment-edit {
	background-color: #f6f6f6;
	border: 1px #aaaaaa solid;
	border-radius: 5px;
	margin-left: 10px;
	padding: 2px 10px 1px 8px;
	color: #333333;
}
#dl-info-area .cheer-comment-guide .comment-edit::before {
	width: 12px;
	height: 12px;
	background: url('/img/common/icon/edit_00.svg') center center / contain no-repeat;
	margin-right: 4px;
	vertical-align: -1px;
}
#dl-info-area .cheer-comment-guide .comment-edit::after {
	width: 6px;
	height: 6px;
	border-top: 2px #8f8f8f solid;
	border-right: 2px #8f8f8f solid;
	transform: rotate(45deg);
	margin-left: 3px;
	vertical-align: 0;
}
#dl-info-area .cheer-comment-guide .comment-edit:hover { background-color: #eeeeee; }
/* ツールチップ */
#dl-info-area .cheer-comment-guide-pop {
	display: none;
	background-color: #fffde6;
	padding: 20px;
	width: 350px;
	border: 1px #cccccc solid;
	border-radius: 5px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3;
}
#dl-info-area .cheer-comment-ttl:hover ~ .cheer-comment-guide-pop { display: block; }
#dl-info-area .cheer-comment-guide-pop::after {
	content: '';
	display: block;
	position: absolute;
	right: -14px;
	bottom: -10px;
	width: 70px;
	height: 40px;
	background: url('/img/common/icon/sudeli_megaphone_00.svg') center center / contain no-repeat;
}
#dl-info-area .matterport-guide {
	margin: 0 0 0 20px;
	display: inline-flex;
	font-size: 14px;
}
.matterport-guide-link {
	position: relative;
	padding: 0 0 0 25px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	color: #0066cc;
	font-size: inherit;
}
#dl-info-area .matterport-guide-link:hover {
	text-decoration: underline;
}
.matterport-guide-link::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	background: url('/img/common/icon/3d_00.svg') no-repeat 0 0 / contain;
	width: 21px;
	height: 17px;	
}
#dl-info-area .matterport-modal {
	top: 50%;
	left: 50%!important;
	transform: translate(-50%,-50%);
	padding: 47px 0;
	max-width: 1200px;
	max-height: 686px;
	width: 90%;
	height: 90%;	
}
#dl-info-area .matterport-modal .co-tooltip-cancel {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
#dl-info-area .matterport-modal .co-tooltip-text {
	width: 100%;
	height: 100%;
	padding: 0;
}
#dl-info-area .matterport-modal .matterport-modal-inner {
	position: relative;
	width: 100%;
	height: 100%;
}
#dl-info-area .matterport-modal iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	border: none;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#dl-info-area .cheer-comment-guide {
		margin: 7px auto 0;
		order: 4;
	}
	#dl-info-area .cheer-comment-guide { padding-left: 4px; }
	#dl-info-area .matterport-guide {
		display: block;
		margin: 7px auto 0;
		order: 4;
	}
}
/* SP */
@media screen and (max-width: 670px){
	#dl-info-area .cheer-comment-guide {
		flex-wrap: wrap;
		justify-content: center;
	}
	#dl-info-area .cheer-comment-guide-pop {
		width: 330px;
		text-align: left;
	}
	.matterport-guide {
		font-size: 11px;
	}
	.matterport-guide-link {
		padding: 0 0 0 18px;
	}
	.matterport-guide-link::before {
		width: 16px;
		height: 13px;
	}	
}
/*------------- SDAward -------------*/
/* 商品一覧・詳細 */
.sdaward-bar {
	margin: 8px 0 0;
	order: 3;
	width: 100%;
}
.sdaward-bar .sdaward-bar-box {
	background-color: #F6F8CD;
	display: inline-block;
	padding: 5px 7px;
	font-size: 14px;
}
.sdaward-bar form {
	display: inline-block;
}
.sdaward-bar form,
.sdaward-bar input[type="image"] {
	vertical-align: middle;
}
.sdaward-bar input[type="image"] {
	width: 158px;
	height: 28px;
}
.sdaward-bar input:hover[type="image"] {
	opacity: 0.7;
}
.sdaward-bar .sdaward-bar-link {
	margin-right: 5px;
	padding-right: 15px;
	display: inline-block;
	background: url(/img/icon/bottom-open-01.gif) right center no-repeat;
}
.sdaward-bar .sdaward-bar-title {
	margin: 6px 0 6px 3px;
	color: #333;
	font-weight: 600;
	font-size: 13px;
}
.sdaward-bar .sdaward-bar-tooltip {
	padding: 0;
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	background-color: #64BC64;
	width: 404px;
	top: 33px;
	left: -7px;
	z-index: 10001;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}
.sdaward-bar .sdaward-bar-tooltip-title {
	display: block;
	margin-top: -2px;
	padding: 108px 30px 30px;
	background-image: url(/img/contents/event/sd_award/2024/ttl.png), url(/img/contents/event/sd_award/2024/back01.png);
	background-repeat: no-repeat, no-repeat;
	background-size: 330px auto, cover;
	background-position: center 20px, center top;
}
.sdaward-bar .sdaward-bar-tooltip-data {
	font-size: 12px;
}
.sdaward-bar .sdaward-bar-tooltip-cont {
	padding: 16px 18px;
	color: #FFF;
}
.sdaward-bar .sdaward-bar-tooltip-note {
	font-size: 12px;
}
.sdaward-bar .sdaward-bar-sp {display: none; }
@media screen and (max-width: 940px) {
	.sdaward-bar .sdaward-bar-sp {display: block; }
	.sdaward-bar .co-tooltip-onmouse2 {display: none; }

	.sdaward-bar {
		order: 4;
	}
	.sdaward-bar .sdaward-bar-box {
		padding: 7px 0;
		margin: 0 auto;
	}
	.sdaward-bar .co-popup-link-02 {
		padding: 5px 15px 0;
		margin: 0 10px 0 0;
		display: inline-block;
	}
	.sdaward-bar .co-popup-link-02 br {
		display: none;
	}
	.sdaward-bar .sdaward-bar-tooltip-wrap {
		display: none;
		position: absolute;
		top: auto;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 10001;
	}
	.sdaward-bar .sdaward-bar-tooltip {
		top: auto;
		left: auto;
	}
	.sdaward-bar .co-tooltip-cancel {
		display: block;
		position: absolute;
		top: 2px;
		right: 2px;
		line-height: 1.1;
	}
	/* 商品詳細用 */
	.dealer-info-list-wrap .sdaward-bar form { margin-left: 10px; }
	.dealer-info-list-wrap .sdaward-bar .sdaward-bar-tooltip-wrap {
		left: auto;
		transform: translate(0, 0);
	}
}
@media screen and (max-width: 670px) {
	.sdaward-bar .sdaward-bar-box {
		width: 280px;
	}
	.sdaward-bar .co-popup-link-02 br {
		display: inherit;
	}
	.sdaward-bar .sdaward-bar-tooltip {
		width: 300px;
	}
	.sdaward-bar .sdaward-bar-tooltip-title {
		padding: 90px 12px 12px;
		background-size: 260px auto, auto 100%;
		background-position: center 20px, center top;
	}
	/* 商品詳細用 */
	.dealer-info-list-wrap .sdaward-bar form { margin-left: 0; }
	.dealer-info-list-wrap .sdaward-bar .sdaward-bar-tooltip-wrap {
		left: 50%;
		transform: translate(-50%, 0);
	}
}

/* 取引企業一覧 */
/* バナー */
.sdaward-info {
	margin: 0 0 20px !important;
	padding: 20px !important;
	display: flex;
	background-color: #f6f6f6;
	justify-content: flex-start;
}
.sdaward-info .sdaward-info-img {
	padding: 15px 0 0;
	border: 1px solid #64BC64;
	width: 263px;
	min-width: 263px;
	height: 108px;
	background: url(/img/contents/event/sd_award/2024/back03.png) no-repeat center / cover;
}
.sdaward-info .sdaward-info-img img {
	margin: 0 auto;
	display: block;
	max-width: 240px;
}
.sdaward-info .sdaward-info-text {
	padding-left: 20px;
	font-size: 12px;
}
.sdaward-info .sdaward-info-text p {
	padding-bottom: 12px;
}
/* 投票ボタン */
.sdaward-info-button input[type="image"] {
	max-width: 154px;
	width: 100%;
	height: auto;
}
.sdaward-info-button :hover[type="image"] {
	opacity: 0.7
}
@media screen and (max-width: 940px) {
	.sdaward-info {
		margin: 20px 0 20px !important;
	}
}
@media screen and (max-width: 670px) {
	.sdaward-info {
		padding: 0 !important;
		display: block;
	}
	.sdaward-info .sdaward-info-img {
		width: 100%;
		min-width: 100%;
		height: 123px;
	}
	.sdaward-info .sdaward-info-img img {
		margin: 0 auto;
		display: block;
		width: 230px;
		max-width: 230px;
	}
	.sdaward-info .sdaward-info-text {
		padding: 20px;
	}
}

/*------fumi投票受付-------*/
.sdaward-fumi {
	background-color: #C7EAF1;
	background-image: url(/img/contents/event/sd_award/2024/ttl.png), url(/img/contents/event/sd_award/2024/reception_label.png), url(/img/contents/event/sd_award/2024/back02.png);
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: 530px auto, 325px auto, auto; 
	background-position: center 30px, center 148px, center top;
	width: 100%;
	padding: 238px 0 0;
	text-align: center;
}
.sdaward-fumi .text-pr {
	padding: 0 0 36px;
	font-size: 16px;
}
.sdaward-fumi .text-vote {
	background-color: #F6F8CD;
	margin-bottom: 30px;
	padding: 35px 0 10px;
	position: relative;
}
.sdaward-fumi .text-vote .text-vote-title {
	border-radius: 200px;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 4px 18px;
	background-color: #64BC64;
	color: #FFF;
}
.sdaward-fumi .text-vote .text-vote-dealername-wrap {
	font-size: 18px;
}
.sdaward-fumi .text-vote .text-vote-dealername {
	color: #64BC64;
	font-weight: 600;
}
@media screen and (max-width: 670px) {
	.sdaward-fumi {
		background-image: url(/img/contents/event/sd_award/2024/ttl.png), url(/img/contents/event/sd_award/2024/reception_label.png), url(/img/contents/event/sd_award/2024/back01.png);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 315px auto, 225px auto, cover; 
		background-position: center 20px, center 90px, center top;
		padding: 150px 0 0;
	}
	.sdaward-fumi .text-pr {
		padding: 0 0 24px;
		font-size: 14px;
	}
	.sdaward-fumi .text-pr span {
		font-size: 14px;
	}
	.sdaward-fumi .text-vote {
		padding-top: 30px;
	}
	.sdaward-fumi .text-vote .text-vote-title {
		font-size: 18px;
	}
}

/* -----結果発表----- */
#sdaward2020.co-container {
	background-color: #090933;
	margin: 0 0 -100px;
	padding-bottom: 100px;
}
#sdaward2020 .ttl {
	background: url(/img/contents/event/sd_award/2020/backg.jpg) center bottom no-repeat;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
}
#sdaward2020 .ttl img:first-child {
	width: 100%;
	max-width: 761px;
	margin: 40px auto 0;
}
#sdaward2020 .ttl img:last-child {
	width: 42px;
	margin: 0 10px 0 0;
}
#sdaward2020 .ttl .sub-ttl {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	top: 25px;
}
#sdaward2020 .info {
	font-size: 16px;
	color: #fff;
	padding: 35px 0;
	text-align: center;
	line-height: 1.8;
}
#sdaward2020 div.catg {
	background: #090933;
}
#sdaward2020 div.is-fixed {
	position: fixed;
	top: 118px;
	left: 0;
	z-index: 2;
	width: 100%;
}
#sdaward2020 div.is-fixed-logged {
	top: 0;
}
#sdaward2020 div.catg ul {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}
#sdaward2020 div.catg ul li {
	border: solid 1px #E4E3E2;
	color: #E4E3E2;
	font-size: 15px;
	margin: 0 5px;
}
#sdaward2020 div.catg ul li {
	position: relative;
}
#sdaward2020 div.catg ul li::after,
#sdaward2020 div.catg ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#sdaward2020 div.catg ul li::after {
	top: 15px;
	left: 11px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #E4E3E2;
	border-bottom: 1px solid #E4E3E2;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	content: "";
}
#sdaward2020 div.catg ul li::before {
	top: 11px;
	left: 15px;
	width: 1px;
	height: 13px;
	background-color: #E4E3E2;
	content: "";
}
#sdaward2020 div.catg ul li a {
	display: block;
	text-decoration: none;
	padding: 8px 10px 8px 30px;
	color: #E4E3E2;
}
#sdaward2020 div.catg ul li a:hover {
	background-color: #19194D;
}
/* カテゴリータイトル */
#sdaward2020 div.catg-ttl {
	position: relative;
	justify-content: center;
	display: flex;
	margin: 60px 0 40px;
}
#sdaward2020 div.catg-ttl::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width:100%;
	height: 1px;
	background-color: #E4E3E2;
}
#sdaward2020 div.catg-ttl div {
	border: solid 1px #E4E3E2;
	width: 380px;
	background-color: #090933;
	padding: 10px;
	color: #E4E3E2;
	font-size: 28px;
	text-align: center;
	z-index: 1;
}
/* グランプリ枠 */
#sdaward2020 .award-g {
	max-width: 980px;
	margin: 40px auto;
	background-image: url(/img/contents/event/sd_award/2020/icon_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 111px 74px;
	padding-top: 70px;
}
#sdaward2020 .award-g.silver {
	background-image: url(/img/contents/event/sd_award/2020/icon_l_silver.png);
}
#sdaward2020 .award-j {/* 準グランプリ */
	text-align: center;
}
#sdaward2020 .award-j .award-g {/* 準グランプリ */
	width: 100%;
	max-width: 465px;
	display: inline-block;
	margin: 0 20px 40px;
	vertical-align: top;
	background-size: 75px 50px;
	padding-top: 49px;
}
#sdaward2020 .award-g .g-area {
	background-color: #ECDE5F;
}
#sdaward2020 .silver .g-area {/* シルバー色 */
	background-color: #E4E3E2;
}
#sdaward2020 .award-g .g-area .g-box {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 100%;
	max-width: 380px;
	margin: auto;
}
/* リボン */
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 15px 0 0;
}
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon:before {
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	left: -35px;
	z-index: -2;
	border: 20px solid #364351;
	border-left-color: transparent;
}
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon:after {
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	right: -35px;
	z-index: -2;
	border: 20px solid #364351;
	border-right-color: transparent;
}
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 45px;
	font-size: 20px;
	font-weight: 600;
	width: 205px;
	color: #FFF;
	background: #090933;
}
#sdaward2020 .award-j .award-g .g-area .g-box .ttl-ribbon div {/* 準グランプリ */
	padding: 0 20px;
	line-height: 38px;
	font-size: 18px;
	width: 160px;
}
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #1D294E;
}
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #1D294E;
}
/* 受賞企業 */
#sdaward2020 .award-g .g-area .g-box .dealer {
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
#sdaward2020 .award-g .g-area .g-box .dealer a {
	color: #090933;
}
#sdaward2020 .award-j .award-g .g-area .g-box .dealer {/* 準グランプリ */
	font-size: 22px;
	height: 80px;
}
#sdaward2020 .award-g .g-area .g-box .dealer::after,
#sdaward2020 .award-g .g-area .g-box .dealer::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 71px;
	top: 50%;
}
#sdaward2020 .award-g .g-area .g-box .dealer .dealer-l-name {
	font-size: 16px;
	display: block;
}
#sdaward2020 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2020 .award-j .award-g .g-area .g-box .dealer::before {/* 準グランプリ */
	width: 20px;
}
#sdaward2020 .award-g .g-area .g-box .dealer::before {
	background: url(/img/contents/event/sd_award/2020/laurel_l.png) center center no-repeat;
	background-size: contain;
	left: 0;
}
#sdaward2020 .award-g .g-area .g-box .dealer::after {
	background: url(/img/contents/event/sd_award/2020/laurel_r.png) center center no-repeat;
	background-size: contain;
	right: 0;
}
/* 商品・コメント */
#sdaward2020 .award-g .detail {
	display: flex;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
#sdaward2020 .award-g .detail.h-750 {
	height: 750px;
}
#sdaward2020 .award-g .detail.h-700 {
	height: 700px;
}
#sdaward2020 .award-g .detail.h-650 {
	height: 650px;
}
#sdaward2020 .award-g .detail.h-600 {
	height: 600px;
}
#sdaward2020 .award-g .detail.h-550 {
	height: 550px;
}
#sdaward2020 .award-j .award-g .detail {/* 準グランプリ */
	display: inline-block;
}
#sdaward2020 .award-g .detail .product {
	max-width: 535px;
	margin: 30px 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
}
#sdaward2020 .award-j .award-g .detail .product {/* 準グランプリ */
	width: 100%;
	max-width: 428px;
	margin: 30px;
}
#sdaward2020 .award-g .detail .product li a {
	display: flex;
	border: solid 1px #eeeeee;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a {
	width: 240px;
	height: 240px;
	margin-right: 25px;
}
#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 238px;
	max-width: 238px;
	height: auto;
	width: auto;
}
#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a {/* 準グランプリ */
	width: 185px;
	height: 185px;
	margin-right: 25px;
}
#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 183px;
	max-width: 183px;
	height: auto;
	width: auto;
}
#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	width: 160px;
	height: 160px;
	margin: 25px 10px 0 0;
}
#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
	max-height: 158px;
	max-width: 158px;
	height: auto;
	width: auto;
}
#sdaward2020 .award-g .detail .coment {
	max-width: 351px;
	width: 100%;
	margin: 25px 25px 25px 0;
}
#sdaward2020 .award-j .award-g .detail .coment {/* 準グランプリ */
	margin: 25px;
	width: auto;
	text-align: left;
	max-width: 575px;
}
#sdaward2020 .award-g .detail .coment li:nth-child(1) {
	margin: 0 0 10px;
	font-weight: 600;
	color: #090933;
}
#sdaward2020 .award-g .detail .coment li:nth-child(n + 2) {
	background: url(/img/contents/event/sd_award/2020/icon_comment.svg) left top / 20px 20px no-repeat;
	padding: 0px 0 20px 25px;
	line-height: 1.5;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#sdaward2020 div.blink {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	background-repeat: repeat-y;
	background-size: auto;
}
#sdaward2020 div.blink01 {
	background-image: url(/img/contents/event/sd_award/2020/kirari01.png);
	background-position: calc(50% - 30px) -30px;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}
#sdaward2020 div.blink02 {
	background-image: url(/img/contents/event/sd_award/2020/kirari02.png);
	background-position: center 60px;
	-webkit-animation:blink 2.2s ease-in-out infinite alternate;
	-moz-animation:blink 2.2s ease-in-out infinite alternate;
	animation:blink 2.2s ease-in-out infinite alternate;
}
#sdaward2020 div.blink03 {
	background-image: url(/img/contents/event/sd_award/2020/kirari03.png);
	background-position: calc(50% - -30px) 50px;
	-webkit-animation:blink 1.8s ease-in-out infinite alternate;
	-moz-animation:blink 1.8s ease-in-out infinite alternate;
	animation:blink 1.8s ease-in-out infinite alternate;
}
@media screen and (max-width: 940px) {
	/* -----結果発表----- */
	#sdaward2020 .info {
		margin: 0 10px;
	}
	#sdaward2020 div.blink,
	#sdaward2020 div.is-fixed {
		position: inherit;
	}
	#sdaward2020 div.catg ul {
		display: block;
		justify-content: inherit;
		padding: 0;
	}
	#sdaward2020 div.catg ul li {
		margin: 10px;
	}
	#sdaward2020 .award-g {
		margin: 40px 10px;
	}
	#sdaward2020 .award-g .g-area .g-box .dealer {
		font-size: 24px;
	}
	#sdaward2020 .award-g .detail {
		display: inline-block;
		width: 100%;
	}
	#sdaward2020 .award-g .detail.h-750,
	#sdaward2020 .award-g .detail.h-650,
	#sdaward2020 .award-g .detail.h-600 {
		height: auto;
	}
	#sdaward2020 .award-g .detail .product {
		margin: 30px auto;
	}
	#sdaward2020 .award-g .detail .coment {
		margin: 25px auto;
		max-width: 575px;
	}
}
@media screen and (max-width: 670px) {
	/* -----結果発表----- */
	#sdaward2020 div.catg-ttl div {
		width: auto;
		font-size: 20px;
	}
	#sdaward2020 .award-g .detail {
		padding: 10px;
		box-sizing: border-box;
	}
	#sdaward2020 .award-g .detail .product {
		margin: auto;
		overflow-y: hidden;
		overflow-x: auto;
		flex-wrap: inherit;
	}
	#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a,
	#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
	#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a {
		width: 150px;
		height: 150px;
		margin: 0 10px 10px 0;
	}
	#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a img,
	#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
	#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
		max-width: 148px;
		max-height: 148px;
		height: auto;
		width: auto;
	}
	/* 準グランプリ */
	#sdaward2020 .award-j {
		margin: 0 10px;
	}
	#sdaward2020 .award-j .award-g {
		margin: 0 0 40px;
	}
	#sdaward2020 .award-j .award-g .detail .product {
		margin: auto;
	}
	#sdaward2020 .award-j .award-g .detail .coment {
		margin: 25px 0;
	}
}

/*------------- SDAward2022 -------------*/
.sdaward2022 {
	margin: 10px 0 0 20px;
}
/* -----結果発表----- */
#sdaward2022.co-container {
	background: linear-gradient(#ffffce, #fffba3);
	margin: 0 0 -100px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}
#sdaward2022 .ttl {
	background: url(/img/contents/event/sd_award/2022/backg.png) center center no-repeat;
	text-align: center;
	color: #333;
	position: relative;
	z-index: 2;
}
#sdaward2022 .ttl img {
	width: 100%;
	max-width: 761px;
	margin: 0 auto;
	padding: 30px 0;
}
#sdaward2022 .bg {
	background: url(/img/contents/event/sd_award/2022/confetti.png) center center;
}
#sdaward2022 .info .sub-ttl {
	font-size: 30px;
	font-weight: 600;
}
#sdaward2022 .info .sub-ttl img {
	width: 42px;
	margin: 0 10px 0 0;
}
#sdaward2022 .info {
	font-size: 16px;
	color: #333;
	padding: 30px 0;
	text-align: center;
	line-height: 1.8;
}
#sdaward2022 div.catg { background: #ffffce; }
#sdaward2022 div.is-fixed {
	position: fixed;
	top: 118px;
	left: 0;
	z-index: 2;
	width: 100%;
}
#sdaward2022 div.is-fixed-logged { top: 0; }
#sdaward2022 div.catg ul {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}
#sdaward2022 div.catg ul li {
	border: solid 1px #333;
	color: #333;
	font-size: 15px;
	margin: 0 5px;
}
#sdaward2022 div.catg ul li { position: relative; }
#sdaward2022 div.catg ul li::after,
#sdaward2022 div.catg ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#sdaward2022 div.catg ul li::after {
	top: 15px;
	left: 11px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	content: "";
}
#sdaward2022 div.catg ul li::before {
	top: 11px;
	left: 15px;
	width: 1px;
	height: 13px;
	background-color: #333;
	content: "";
}
#sdaward2022 div.catg ul li a {
	display: block;
	text-decoration: none;
	padding: 8px 10px 8px 30px;
	color: #333;
}
#sdaward2022 div.catg ul li a:hover { background-color: #fffba3; }
/* カテゴリータイトル */
#sdaward2022 div.catg-ttl {
	position: relative;
	justify-content: center;
	display: flex;
	margin: 60px 0 40px;
	align-items: center;
}
#sdaward2022 div.catg-ttl::before, #sdaward2022 div.catg-ttl::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #333;
}
#sdaward2022 div.catg-ttl div {
	border: solid 1px #333;
	width: 380px;
	background-color: rgba(0,0,0,0);
	padding: 10px;
	color: #333;
	font-size: 28px;
	text-align: center;
	z-index: 1;
}
/* グランプリ枠 */
#sdaward2022 .award-g {
	max-width: 980px;
	margin: 40px auto;
	background-image: url(/img/contents/event/sd_award/2020/icon_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 111px 74px;
	padding-top: 70px;
}
#sdaward2022 .award-g.silver { background-image: url(/img/contents/event/sd_award/2020/icon_l_silver.png); }
/* 準グランプリ */
#sdaward2022 .award-j { text-align: center; }
#sdaward2022 .award-j .award-g {
	width: 100%;
	max-width: 465px;
	display: inline-block;
	margin: 0 20px 40px;
	vertical-align: top;
	background-size: 75px 50px;
	padding-top: 49px;
}
#sdaward2022 .award-g .g-area { background-color: #fff980; }
#sdaward2022 .silver .g-area { background-color: #e6e6e2; }
#sdaward2022 .award-g .g-area .g-box {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 100%;
	max-width: 380px;
	margin: auto;
}
/* リボン */
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 15px 0 0;
}
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon:before {
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	left: -35px;
	z-index: -2;
	border: 20px solid #1e7391;
	border-left-color: transparent;
}
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon:after {
	content: '';
	position: absolute;
	width: 10px;
	bottom: -10px;
	right: -35px;
	z-index: -2;
	border: 20px solid #1e7391;
	border-right-color: transparent;
}
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 45px;
	font-size: 20px;
	font-weight: 600;
	width: 205px;
	color: #FFF;
	background: #0988b5;
}
#sdaward2022 .award-j .award-g .g-area .g-box .ttl-ribbon div {/* 準グランプリ */
	padding: 0 20px;
	line-height: 38px;
	font-size: 18px;
	width: 160px;
}
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #06607f;
}
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-left: solid 15px #06607f;
}
/* 受賞企業 */
#sdaward2022 .award-g .g-area .g-box .dealer {
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
#sdaward2022 .award-g .g-area .g-box .dealer a { color: #333; }
#sdaward2022 .award-j .award-g .g-area .g-box .dealer {/* 準グランプリ */
	font-size: 22px;
	height: 80px;
}
#sdaward2022 .award-g .g-area .g-box .dealer::after,
#sdaward2022 .award-g .g-area .g-box .dealer::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 71px;
	top: 50%;
}
#sdaward2022 .award-g .g-area .g-box .dealer .dealer-l-name {
	font-size: 16px;
	display: block;
}
#sdaward2022 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022 .award-j .award-g .g-area .g-box .dealer::before {/* 準グランプリ */
	width: 20px;
}
#sdaward2022 .award-g .g-area .g-box .dealer::before {
	background: url(/img/contents/event/sd_award/2022/laurel_l.png) center center no-repeat;
	background-size: contain;
	left: 0;
}
#sdaward2022 .award-g .g-area .g-box .dealer::after {
	background: url(/img/contents/event/sd_award/2022/laurel_r.png) center center no-repeat;
	background-size: contain;
	right: 0;
}
/* 商品・コメント */
#sdaward2022 .award-g .detail {
	display: flex;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
#sdaward2022 .award-g .detail.h-880 { height: 880px; }/* 2022vol2 */
#sdaward2022 .award-g .detail.h-850 { height: 850px; }
#sdaward2022 .award-g .detail.h-800 { height: 800px; }/* 2022vol2 */
#sdaward2022 .award-g .detail.h-780 { height: 780px; }
#sdaward2022 .award-g .detail.h-750 { height: 750px; }
#sdaward2022 .award-g .detail.h-700 { height: 700px; }/* 2022vol2 */
#sdaward2022 .award-g .detail.h-620 { height: 620px; }
#sdaward2022 .award-g .detail.h-550 { height: 550px; }
#sdaward2022 .award-j .award-g .detail {/* 準グランプリ */
	display: inline-block;
}
#sdaward2022 .award-g .detail .product {
	max-width: 535px;
	margin: 30px 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
}
#sdaward2022 .award-j .award-g .detail .product {/* 準グランプリ */
	width: 100%;
	max-width: 428px;
	margin: 30px;
}
#sdaward2022 .award-g .detail .product li a {
	display: flex;
	border: solid 1px #eeeeee;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a {
	width: 240px;
	height: 240px;
	margin-right: 25px;
}
#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 238px;
	max-width: 238px;
	height: auto;
	width: auto;
}
#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a {/* 準グランプリ */
	width: 185px;
	height: 185px;
	margin-right: 25px;
}
#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 183px;
	max-width: 183px;
	height: auto;
	width: auto;
}
#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	width: 160px;
	height: 160px;
	margin: 25px 10px 0 0;
}
#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
	max-height: 158px;
	max-width: 158px;
	height: auto;
	width: auto;
}
#sdaward2022 .award-g .detail .coment {
	max-width: 351px;
	width: 100%;
	margin: 25px 25px 25px 0;
}
#sdaward2022 .award-j .award-g .detail .coment {/* 準グランプリ */
	margin: 25px;
	width: auto;
	text-align: left;
	max-width: 575px;
}
#sdaward2022 .award-g .detail .coment .coment_ttl {
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: 600;
	color: #0988B5;
}
#sdaward2022 .award-g .detail .coment p {
	padding: 0;
	font-size: 14px;
	line-height: 1.75;
}
#sdaward2022 .award-g .detail .coment .coment_btn {
	width: 270px;
	margin: 40px auto;
}
#sdaward2022 .award-g .detail .coment .coment_btn a {
	border: 2px solid #0988B5;
	border-radius: 10px;
	background: url(/img/contents/event/sd_award/2022/sudeli_megaphone.svg) no-repeat;
	background-size: 35px 20px;
	background-position: left 10px top 10px;
	padding: 10px 10px 10px 50px;
	color: #0988B5;
}
#sdaward2022 .award-g .detail .coment .coment_btn a:hover {
	color: #0988B5;
	background-color: #E5F2F7;
	text-decoration: none;
}

@media screen and (max-width: 940px) {
	.sdaward2022 { margin: 10px 0 0 0; }
	/* -----結果発表----- */
	#sdaward2022 .info { margin: 0 10px; }
	#sdaward2022 div.blink, #sdaward2022 div.is-fixed { position: inherit; }
	#sdaward2022 div.catg ul {
		display: block;
		justify-content: inherit;
		padding: 0;
	}
	#sdaward2022 div.catg ul li { margin: 10px; }
	#sdaward2022 .award-g { margin: 40px 10px; }
	#sdaward2022 .award-g .g-area .g-box .dealer { font-size: 24px; }
	#sdaward2022 .award-g .detail {
		display: inline-block;
		width: 100%;
	}
	#sdaward2022 .award-g .detail.h-880, #sdaward2022 .award-g .detail.h-850, #sdaward2022 .award-g .detail.h-800, #sdaward2022 .award-g .detail.h-780,
	#sdaward2022 .award-g .detail.h-750, #sdaward2022 .award-g .detail.h-700, #sdaward2022 .award-g .detail.h-620, #sdaward2022 .award-g .detail.h-550 { height: auto; }
	#sdaward2022 .award-g .detail .product { margin: 30px auto; }
	#sdaward2022 .award-g .detail .coment {
		margin: 25px auto;
		max-width: 575px;
	}
}
@media screen and (max-width: 670px) {
	.sdaward2022 .box { width: 280px; }
	/* -----結果発表----- */
	#sdaward2022 div.catg-ttl div {
		width: auto;
		font-size: 20px;
	}
	#sdaward2022 .award-g .detail {
		padding: 10px;
		box-sizing: border-box;
	}
	#sdaward2022 .award-g .detail .product {
		margin: auto;
		overflow-y: hidden;
		overflow-x: auto;
		flex-wrap: inherit;
	}
	#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a,
	#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
	#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a {
		width: 150px;
		height: 150px;
		margin: 0 10px 10px 0;
	}
	#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a img,
	#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
	#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
		max-width: 148px;
		max-height: 148px;
		height: auto;
		width: auto;
	}
	/* 準グランプリ */
	#sdaward2022 .award-j {
		margin: 0 10px;
	}
	#sdaward2022 .award-j .award-g {
		margin: 0 0 40px;
	}
	#sdaward2022 .award-j .award-g .detail .product {
		margin: auto;
	}
	#sdaward2022 .award-j .award-g .detail .coment {
		margin: 25px 0;
	}
}
/*------------- SDAward2022vol2 -------------*/
#sdaward2022.vol2 .first-place {
	max-width: 980px;
}
#sdaward2022.vol2 .first-place .g-area .g-box {
	max-width: 390px;
}
#sdaward2022.vol2 .award-g .detail .coment > ul li {
	background: url(/img/contents/event/sd_award/2022/icon_comment.svg) left top / 20px 20px no-repeat;
	padding: 0px 0 14px 25px;
	line-height: 1.5;
}
#sdaward2022.vol2 .first-place .detail .product {
	align-content: flex-start;
	margin: 30px 0 30px 40px;
}
#sdaward2022.vol2 .first-place  .detail .coment {
	max-width: 340px;
	margin: 25px 10px 25px 0;
}
#sdaward2022.vol2 .first-place .g-area .g-box .dealer {
	height: 95px;
}
#sdaward2022.vol2 .first-place .g-area .g-box .dealer::after,
#sdaward2022.vol2 .first-place .g-area .g-box .dealer::before {
	height: 70px;
	top: 48%;
}
#sdaward2022.vol2 .award-j .award-g {
	margin: 0 22px 40px;
}
#sdaward2022.vol2 .award-j .award-g .g-area .g-box {
	max-width: 320px;
}
#sdaward2022.vol2 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	margin: 25px 13px 0 0;
}
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::before {
	height: 70px;
	top: 46%;
}
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::before {
	width: 24px;
}
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer {
	height: 80px;
}
#sdaward2022.vol2 .award-j .award-g .detail .product {
	margin: 30px auto 10px;
	justify-content: center;
}
#sdaward2022.vol2 .award-j .award-g .detail .product li a {
	margin-right: 20px;
}
#sdaward2022.vol2 .award-j .award-g .detail .product li:nth-child(n+2) a {
	margin-right: 0;
}
#sdaward2022.vol2 .award-j .award-g .detail .coment {
	margin: 0 25px 25px;
}
@media screen and (max-width: 940px) {
	#sdaward2022.vol2 .ttl img {
		width: 95%;
		padding: 15px 0 10px;
	}
	#sdaward2022.vol2 .award-j .award-g {
		margin: 0 auto 40px;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box {
		max-width: 340px;
	}
	#sdaward2022.vol2 .first-place .detail .product {
		margin: 30px auto;
	}
	#sdaward2022.vol2 .first-place .detail .coment {
		max-width: 575px;
		margin: 30px auto 20px;
	}
}
@media screen and (max-width: 670px) {
	#sdaward2022.vol2.co-container {
		padding-bottom: 50px;
	}
	#sdaward2022.vol2 .ttl {
		background: url(/img/contents/event/sd_award/2022/backg.png) center center /180% no-repeat;
	}
	#sdaward2022.vol2 .info .sub-ttl {
		font-size: 26px;
	}
	#sdaward2022.vol2 .first-place .g-area {
		padding-bottom: 8px;
	}
	#sdaward2022.vol2 .first-place .g-area .g-box .dealer {
		height: 80px;
	}
	#sdaward2022.vol2 .first-place .g-area .g-box .dealer > div{
		position: absolute;
		bottom: 18px;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box .dealer::after,
	#sdaward2022.vol2 .award-g .g-area .g-box .dealer::before {
		top: 50%;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box .dealer::before {
		left: 8px;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box .dealer::after {
		right: 8px;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon div {
		width: 178px;
		line-height: 40px;
		padding: 0;
	}
	#sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon:before,
	#sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon:after {
		bottom: -5px;
	}
	#sdaward2022.vol2 .award-g .detail {
		padding: 15px;
	}
	#sdaward2022.vol2 .first-place .detail .product {
		margin: 0;
	}
	#sdaward2022.vol2 .award-g .detail .coment {
		margin: 10px 0 25px 0;
	}
	#sdaward2022.vol2 .award-j .award-g .detail .product {
		margin: 0;
	}
	#sdaward2022.vol2 .award-j .award-g .detail .product li a {
		margin-right: 10px;
	}
	#sdaward2022.vol2 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
		margin: 0 10px 0 0;
	}
	#sdaward2022.vol2 .award-g .detail .product li:last-child a{
		margin-right: 0;
	}
	#sdaward2022.vol2 .award-j .award-g .detail .coment {
		margin: 0;
	}
	#sdaward2022.vol2 .co-fclightgray {
		margin: 0 10px;
	}
}
/*------------- SDAward2023 -------------*/
/* -----結果発表----- */
#sdaward2023.co-container {
	margin: 0 0 -100px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}
#sdaward2023 .ttl {
	background: url(/img/contents/event/sd_award/2023/back2_vol2.png) center top / auto 540px repeat-x;
	text-align: center;
	color: #333;
}
#sdaward2023 .ttl img {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
	padding: 60px 0 50px;
}
#sdaward2023 .info {
	font-size: 16px;
	color: #FFF;
	padding: 24px 14px 10px;
	text-align: center;
	line-height: 1.75;
	background-color: #28829F;
	position: relative;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}
#sdaward2023 .info .sub-ttl {
	font-size: 30px;
	font-weight: 600;
	color: #0D4F4E;
	position: absolute;
	left: 50%;
	top: -32px;
	transform: translateX(-50%);
	border-radius: 26px;
	background-color: #C7EAF1;
	box-shadow: 2px 2px 4px rgba(0,0,0, 0.16);
	width: 200px;
	text-align: center;
	line-height: 1;
	padding: 12px 0 9px;
}
#sdaward2023 .info .sub-ttl img {
	width: 44px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -26px;
}
#sdaward2023 .bg {
	margin: 0 0 -100px;
	padding:63px 0 100px;
	background: url(/img/contents/event/sd_award/2023/back_repeat_vol2.png) center top / auto auto repeat;
}
#sdaward2023 div.catg-wrap {
	height: 72px;
}
#sdaward2023 div.is-fixed {
	position: fixed;
	top: 118px;
	left: 0;
	z-index: 2;
	width: 100%;
	background-color: #EFFAFC;
}
#sdaward2023 div.is-fixed-logged { top: 0; }
#sdaward2023 div.catg ul {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	max-width: 980px;
	margin: 0 auto;
}
#sdaward2023 div.catg ul li {
	border: solid 1px #28829F;
	font-size: 16px;
}
#sdaward2023 div.catg ul li { position: relative; }
#sdaward2023 div.catg ul li::after,
#sdaward2023 div.catg ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#sdaward2023 div.catg ul li::after {
	top: 22px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #28829F;
	border-bottom: 1px solid #28829F;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
}
#sdaward2023 div.catg ul li::before {
	top: 18px;
	right: 14px;
	width: 1px;
	height: 13px;
	background-color: #28829F;
}
#sdaward2023 div.catg ul li a {
	display: block;
	text-decoration: none;
	padding: 15px 32px 12px 16px;
	color: #28829F;
	background-color: #FFF;
}
#sdaward2023 div.catg ul li a:hover { background-color: #C7EAF1; }
/* カテゴリータイトル */
#sdaward2023 div.catg-ttl {
	position: relative;
	justify-content: center;
	display: flex;
	margin: 60px 0 14px;
	align-items: center;
}
#sdaward2023 div.catg-ttl::before, #sdaward2023 div.catg-ttl::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #28829F;
}
#sdaward2023 div.catg-ttl div {
	border: solid 1px #28829F;
	width: 351px;
	background-color: #FFF;
	padding: 10px;
	color: #28829F;
	font-size: 28px;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
}
/* グランプリ枠 */
#sdaward2023 .award-g {
	max-width: 980px;
	margin: 0 auto;
	background-image: url(/img/contents/event/sd_award/2020/icon_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 111px 74px;
	padding-top: 70px;
}
#sdaward2023 .award-g.silver { background-image: url(/img/contents/event/sd_award/2020/icon_l_silver.png); }
/* 準グランプリ */
#sdaward2023 .award-j { text-align: center; }
#sdaward2023 .award-j .award-g {
	width: 100%;
	max-width: 465px;
	display: inline-block;
	margin: 40px 20px 40px;
	vertical-align: top;
	background-size: 75px 50px;
	padding-top: 49px;
}
#sdaward2023 .award-g .g-area { background-color: #FDF676; }
#sdaward2023 .silver .g-area { background-color: #E4E3E2; }
#sdaward2023 .award-g .g-area .g-box {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 100%;
	max-width: 380px;
	margin: auto;
}
/* リボン */
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 15px 0 0;
}
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:before {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	left: -25px;
	z-index: -2;
	border: 15px solid #246E85;
	border-left-color: transparent;
}
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:after {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	right: -25px;
	z-index: -2;
	border: 15px solid #246E85;
	border-right-color: transparent;
}
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 20px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
	width: 205px;
	color: #FFF;
	background: #28829F;
	box-sizing: border-box;
}
#sdaward2023 .award-j .award-g .g-area .g-box .ttl-ribbon div {/* 準グランプリ */
	padding: 0 20px;
	line-height: 34px;
	font-size: 18px;
	width: 180px;
}
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-right: solid 17px #0D4F4E;
}
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-left: solid 17px #0D4F4E;
}
/* 受賞企業 */
#sdaward2023 .award-g .g-area .g-box .dealer {
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
#sdaward2023 .award-g .g-area .g-box .dealer a { color: #0D4F4E; }
#sdaward2023 .award-j .award-g .g-area .g-box .dealer {/* 準グランプリ */
	font-size: 22px;
	height: 80px;
}
#sdaward2023 .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-g .g-area .g-box .dealer::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 71px;
	top: 50%;
}
#sdaward2023 .award-g .g-area .g-box .dealer .dealer-l-name {
	font-size: 16px;
	display: block;
}
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before {/* 準グランプリ */
	width: 20px;
}
#sdaward2023 .award-g .g-area .g-box .dealer::before {
	background: url(/img/contents/event/sd_award/2023/laurel_l.png) center center no-repeat;
	background-size: contain;
	left: 0;
}
#sdaward2023 .award-g .g-area .g-box .dealer::after {
	background: url(/img/contents/event/sd_award/2023/laurel_r.png) center center no-repeat;
	background-size: contain;
	right: 0;
}
/* 商品・コメント */
#sdaward2023 .award-g .detail {
	display: flex;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
#sdaward2023 .award-g .detail.h-520 { height: 520px; }
#sdaward2023 .award-g .detail.h-570 { height: 570px; }
#sdaward2023 .award-g .detail.h-610 { height: 610px; }
#sdaward2023 .award-g .detail.h-650 { height: 650px; }
#sdaward2023 .award-g .detail.h-720 { height: 720px; }
#sdaward2023 .award-j .award-g .detail {/* 準グランプリ */
	display: inline-block;
}
#sdaward2023 .award-g .detail .product {
	max-width: 535px;
	margin: 30px 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
}
#sdaward2023 .award-j .award-g .detail .product {/* 準グランプリ */
	width: 100%;
	max-width: 428px;
	margin: 30px auto 10px;
	justify-content: center;
}
#sdaward2023 .award-g .detail .product li a {
	display: flex;
	border: solid 1px #eeeeee;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a {
	width: 240px;
	height: 240px;
	margin-right: 25px;
}
#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 238px;
	max-width: 238px;
	height: auto;
	width: auto;
}
#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a {/* 準グランプリ */
	width: 185px;
	height: 185px;
	margin-right: 25px;
}
#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 183px;
	max-width: 183px;
	height: auto;
	width: auto;
}
#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	width: 160px;
	height: 160px;
	margin: 25px 10px 0 0;
}
#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
	max-height: 158px;
	max-width: 158px;
	height: auto;
	width: auto;
}
#sdaward2023 .award-g .detail .coment {
	max-width: 351px;
	width: 100%;
	margin: 25px 25px 25px 0;
}
#sdaward2023 .award-j .award-g .detail .coment {/* 準グランプリ */
	margin: 25px;
	width: auto;
	text-align: left;
	max-width: 575px;
}

#sdaward2023 .award-g .detail .coment p {
	padding: 0;
	line-height: 1.75;
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: 600;
	color: #0D4F4E;
}

#sdaward2023 .award-g .detail .coment > ul li {
	background: url(/img/contents/event/sd_award/2023/icon_comment_vol2.svg) left top / 20px 20px no-repeat;
	padding: 0px 0 14px 25px;
	line-height: 1.5;
}
#sdaward2023 .first-place {
	max-width: 980px;
}
#sdaward2023 .first-place .g-area .g-box {
	max-width: 390px;
}
#sdaward2023 .first-place .g-area .g-box .ttl-ribbon:before {
	width: 16px;
	bottom: -4px;
	left: -26px;
	border: 18px solid #246E85;
    border-left-color: transparent;
}
#sdaward2023 .first-place .g-area .g-box .ttl-ribbon:after {
	width: 16px;
	bottom: -4px;
	right: -26px;
	border: 18px solid #246E85;
    border-right-color: transparent;
}
#sdaward2023 .first-place .g-area .g-box .ttl-ribbon div:before {
	border-bottom: solid 9px transparent;
	border-right: solid 26px #0D4F4E;
}
#sdaward2023 .first-place .g-area .g-box .ttl-ribbon div:after {
	border-bottom: solid 9px transparent;
	border-left: solid 26px #0D4F4E;
}
#sdaward2023 .first-place .detail .product {
	align-content: flex-start;
	margin: 58px 0 30px 30px;
}
#sdaward2023 .first-place .detail .coment {
	max-width: 340px;
	margin: 58px 10px 25px 0;
}
#sdaward2023 .first-place .g-area .g-box .dealer {
	height: 95px;
}
#sdaward2023 .first-place .g-area .g-box .dealer::after,
#sdaward2023 .first-place .g-area .g-box .dealer::before {
	height: 70px;
	top: 48%;
}

#sdaward2023 .award-j .award-g .g-area .g-box {
	max-width: 320px;
}
#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	margin: 25px 13px 0 0;
}
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before {
	height: 70px;
	top: 46%;
}
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before {
	width: 24px;
}
#sdaward2023 .award-j .award-g .detail .product li a {
	margin-right: 20px;
}
#sdaward2023 .award-j .award-g .detail .product li:nth-child(n+2) a {
	margin-right: 0;
}
#sdaward2023 .award-j .award-g .detail .coment {
	margin: 0 25px 25px;
}
@media screen and (max-width: 940px) {
	/* -----結果発表----- */
	#sdaward2023 .ttl {
		background-size: auto 100%;
	}
	#sdaward2023 .ttl img {
		padding: 30px 0 60px;
		width: 90%;
	}
	#sdaward2023 .bg {
		padding-top: 25px;
	}
	#sdaward2023 div.catg-wrap {
		height: auto;
	}
	#sdaward2023 div.blink, #sdaward2023 div.is-fixed { position: inherit; background-color: transparent; }
	#sdaward2023 div.catg ul {
		display: block;
		justify-content: inherit;
		padding: 0;
	}
	#sdaward2023 div.catg ul li { margin: 10px; }
	#sdaward2023 .award-g { margin: 40px 10px; }
	#sdaward2023 .award-g .g-area .g-box .dealer { font-size: 24px; }
	#sdaward2023 .award-g .detail {
		display: inline-block;
		width: 100%;
	}
	#sdaward2023 .award-g .detail.h-520,#sdaward2023 .award-g .detail.h-570,#sdaward2023 .award-g .detail.h-610,#sdaward2023 .award-g .detail.h-650,#sdaward2023 .award-g .detail.h-720 { height: auto; }
	#sdaward2023 .award-g .detail .product { margin: 30px auto; }
	#sdaward2023 .award-g .detail .coment {
		margin: 25px auto;
		max-width: 575px;
	}
	#sdaward2023 .award-j .award-g {
		margin: 0 auto 40px;
	}
	#sdaward2023 .award-g .g-area .g-box {
		max-width: 340px;
	}
	#sdaward2023 .first-place .detail .product {
		margin: 30px auto;
	}
	#sdaward2023 .first-place .detail .coment {
		max-width: 575px;
		margin: 30px auto 20px;
	}
}
@media screen and (max-width: 670px) {
	/* -----結果発表----- */
	#sdaward2023.co-container {
		padding-bottom: 50px;
	}
	#sdaward2023 .info {
		padding: 34px 14px 10px;
		text-align: left;
		font-size: 12px;
		border-top: 4px solid #FFF;
		border-bottom: 4px solid #FFF;
	}
	#sdaward2023 .ttl img {
		padding: 20px 0 40px;
		width: 95%;
	}
	#sdaward2023 .info .sub-ttl {
		font-size: 22px;
		width: 146px;
		top: -22px;
		text-align: center;
	}
	#sdaward2023 div.catg-ttl div {
		width: auto;
		font-size: 20px;
	}
	#sdaward2023 .award-g .detail {
		padding: 10px;
		box-sizing: border-box;
	}
	#sdaward2023 .award-g .detail .product {
		margin: auto;
		overflow-y: hidden;
		overflow-x: auto;
		flex-wrap: inherit;
	}
	#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a,
	#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
	#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a {
		width: 150px;
		height: 150px;
		margin: 0 10px 10px 0;
	}
	#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a img,
	#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
	#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
		max-width: 148px;
		max-height: 148px;
		height: auto;
		width: auto;
	}
	/* 準グランプリ */
	#sdaward2023 .award-j {
		margin: 0 10px;
	}
	#sdaward2023 .award-j .award-g {
		margin: 0 0 40px;
	}
	#sdaward2023 .award-j .award-g .detail .product {
		margin: auto;
	}
	#sdaward2023 .award-j .award-g .detail .coment {
		margin: 25px 0;
	}

	#sdaward2023 .first-place .g-area {
		padding-bottom: 8px;
	}
	#sdaward2023 .first-place .g-area .g-box .dealer {
		height: 80px;
	}
	#sdaward2023 .first-place .g-area .g-box .dealer > div{
		position: absolute;
		bottom: 18px;
	}
	#sdaward2023 .award-g .g-area .g-box .dealer::after,
	#sdaward2023 .award-g .g-area .g-box .dealer::before {
		top: 50%;
	}
	#sdaward2023 .award-g .g-area .g-box .dealer::before {
		left: 8px;
	}
	#sdaward2023 .award-g .g-area .g-box .dealer::after {
		right: 8px;
	}
	#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div {
		width: 178px;
		line-height: 40px;
		padding: 0;
	}
	#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:before,
	#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:after {
		bottom: -5px;
	}
	#sdaward2023 .award-g .detail {
		padding: 15px;
	}
	#sdaward2023 .first-place .detail .product {
		margin: 0;
	}
	#sdaward2023 .award-g .detail .coment {
		margin: 10px 0 25px 0;
	}
	#sdaward2023 .award-j .award-g .detail .product {
		margin: 0;
	}
	#sdaward2023 .award-j .award-g .detail .product li a {
		margin-right: 10px;
	}
	#sdaward2023 .award-g .detail .product {
		max-width: 100%;
	}
	#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
		margin: 0 10px 0 0;
	}
	#sdaward2023 .award-g .detail .product li:last-child a{
		margin-right: 0;
	}
	#sdaward2023 .award-j .award-g .detail .coment {
		margin: 0;
	}
	#sdaward2023 .co-fclightgray {
		margin: 0 10px;
	}
}
/*------------- SD年間大賞2023 -------------*/
#sd-annualaward2023.co-container {
	margin: 0 0 -100px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}
#sd-annualaward2023 .ttl {
	background: url(/img/contents/event/sd_award/2023_annualaward/back.png) center top / 1480px no-repeat;
	background-color: #023588;
	text-align: center;
	border-bottom: solid 2px #ECDE5F;
}
#sd-annualaward2023 .ttl img {
	width: 100%;
    max-width: 920px;
    margin: -20px auto 20px;
}
#sd-annualaward2023 .bg {
	margin: 0 0 -100px;
	padding: 20px 0 100px;
	background: url(/img/contents/event/sd_award/2023_annualaward/back_repeat.png) repeat-y center top;
	background-color: #023588;
}
#sd-annualaward2023 .info {
	font-size: 16px;
	color: #FFFBBB;
	text-align: center;
	line-height: 1.75;
	position: relative;
}
#sd-annualaward2023 .info ul {
	width: 884px;
	margin: 0 auto 50px;
	padding: 20px 0;
	background-color: rgba(197, 220, 255, 0.25);
	border-radius: 5px;
	color: #fff;
}
#sd-annualaward2023 .info ul li {
	width: 400px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
#sd-annualaward2023 .info .lead {
	position: relative;
    display: inline-block;
    padding: 0 20px;
}
#sd-annualaward2023 .info .lead::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #FFFBBB;
    border-radius: 3px;
    transform: rotate(-25deg);
}
#sd-annualaward2023 .info .lead::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #FFFBBB;
    border-radius: 3px;
    transform: rotate(25deg);
}
#sd-annualaward2023 div.catg-wrap { height: 72px; }
#sd-annualaward2023 div.is-fixed {
	position: fixed;
	top: 118px;
	left: 0;
	z-index: 2;
	width: 100%;
	background-color: #023588;
}
#sd-annualaward2023 div.is-fixed-logged { top: 0; }
#sd-annualaward2023 div.catg ul {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	max-width: 980px;
	margin: 0 auto;
}
#sd-annualaward2023 div.catg ul li {
	border: solid 1px #FFFBBB;
	font-size: 16px;
}
#sd-annualaward2023 div.catg ul li { position: relative; }
#sd-annualaward2023 div.catg ul li::after,
#sd-annualaward2023 div.catg ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#sd-annualaward2023 div.catg ul li::after {
	top: 22px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #FFFBBB;
	border-bottom: 1px solid #FFFBBB;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
}
#sd-annualaward2023 div.catg ul li::before {
	top: 18px;
	right: 14px;
	width: 1px;
	height: 13px;
	background-color: #FFFBBB;
}
#sd-annualaward2023 div.catg ul li a {
	display: block;
	text-decoration: none;
	padding: 15px 32px 12px 16px;
	color: #FFFBBB;
	background-color: #023588;
}
#sd-annualaward2023 div.catg ul li a:hover { background-color: #1F52A6; }
/* カテゴリータイトル */
#sd-annualaward2023 div.catg-ttl {
	position: relative;
	justify-content: center;
	display: flex;
	margin: 60px 0 14px;
	align-items: center;
}
#sd-annualaward2023 div.catg-ttl::before, #sd-annualaward2023 div.catg-ttl::after {
	content: '';
	height: 5px;
	width: 315px;
	border-top: solid 1px #FFFBBB;
    border-bottom: solid 1px #FFFBBB;
}
#sd-annualaward2023 div.catg-ttl div {
	border: solid 1px #FFFBBB;
	outline: solid 1px #FFFBBB;
	outline-offset: 5px;
	width: 350px;
	background-color: #023588;
	margin: 0 5px;
	padding: 10px;
	color: #FFFBBB;
	font-size: 28px;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
}
/* グランプリ枠 */
#sd-annualaward2023 .award-g {
	max-width: 980px;
	margin: 0 auto;
	padding-top: 50px;
}
/* 準グランプリ */
#sd-annualaward2023 .award-j { text-align: center; }
#sd-annualaward2023 .award-j .award-g {
	width: 100%;
	max-width: 465px;
	display: inline-block;
	margin: 40px 20px 40px;
	vertical-align: top;
	background-size: 75px 50px;
	padding-top: 0;
}
#sd-annualaward2023 .award-g .g-area { background-color: #FEF5AB; }
#sd-annualaward2023 .silver .g-area { background-color: #C5DCFF; }
#sd-annualaward2023 .award-g .g-area .g-box {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 100%;
	max-width: 380px;
	margin: auto;
}
/* ゴールドリボン */
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 15px 0 0;
}
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon:before {
	content: '';
	position: absolute;
	width: 12px;
	bottom: -4px;
	left: -25px;
	z-index: -2;
	border: 15px solid #BB9801;
	border-left-color: transparent;
}
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon:after {
	content: '';
	position: absolute;
	width: 12px;
	bottom: -4px;
	right: -25px;
	z-index: -2;
	border: 15px solid #BB9801;
	border-right-color: transparent;
}
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 15px 0 20px;
	line-height: 40px;
	letter-spacing: 5px;
	font-size: 20px;
	font-weight: 600;
	width: 205px;
	color: #333;
	background-image: radial-gradient(circle, rgba(240, 217, 155, 1), rgba(229, 201, 99, 1) 25%, rgba(223, 190, 63, 1) 40%, rgba(218, 183, 35, 1) 55%, rgba(214, 177, 15, 1) 70%, rgba(187, 152, 1, 1));
	box-sizing: border-box;
}
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-right: solid 17px #8F7403;
}
#sd-annualaward2023 .award-g .g-area .g-box .ttl-ribbon div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-left: solid 17px #8F7403;
}
/* シルバーリボン */
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon {
	display: inline-block;
	position: relative;
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	margin: 15px 0 0;
}
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon:before {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	left: -25px;
	z-index: -2;
	border: 15px solid #999999;
	border-left-color: transparent;
}
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon:after {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	right: -25px;
	z-index: -2;
	border: 15px solid #999999;
	border-right-color: transparent;
}
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px 15px 0 20px;
	line-height: 31px;
	letter-spacing: 5px;
	font-size: 18px;
	font-weight: 600;
	width: 180px;
	color: #333;
	background-image: radial-gradient(circle, rgba(236, 236, 236, 1), rgba(217, 217, 217, 1) 25%, rgba(206, 206, 206, 1) 40%, rgba(198, 198, 198, 1) 55%, rgba(180, 180, 180, 1) 70%, rgba(153, 153, 153, 1));
	box-sizing: border-box;
}
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-right: solid 17px #777777;
}
#sd-annualaward2023 .award-j .g-area .g-box .ttl-ribbon div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-left: solid 17px #777777;
}
/* ブロンズリボン */
#sd-annualaward2023 .award-j .g-area .g-box .bronze:before {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	left: -25px;
	z-index: -2;
	border: 15px solid #EF883B;
	border-left-color: transparent;
}
#sd-annualaward2023 .award-j .g-area .g-box .bronze:after {
	content: '';
	position: absolute;
	width: 12px;
	bottom: 2px;
	right: -25px;
	z-index: -2;
	border: 15px solid #EF883B;
	border-right-color: transparent;
}
#sd-annualaward2023 .award-j .g-area .g-box .bronze div {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px 15px 0 20px;
	line-height: 31px;
	letter-spacing: 5px;
	font-size: 18px;
	font-weight: 600;
	width: 180px;
	color: #333;
	background-image: radial-gradient(circle, rgba(244, 205, 176, 1), rgba(230, 170, 126, 1) 25%, rgba(230, 160, 109, 1) 40%, rgba(232, 151, 91, 1) 55%, rgba(235, 142, 73, 1) 70%, rgba(239, 136, 59, 1));
	box-sizing: border-box;
}
#sd-annualaward2023 .award-j .g-area .g-box .bronze div:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-right: solid 17px #BF7F1D;
}
#sd-annualaward2023 .award-j .g-area .g-box .bronze div:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 9px transparent;
	border-left: solid 17px #BF7F1D;
}
/* 受賞企業 */
#sd-annualaward2023 .award-g .g-area .g-box .dealer {
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
#sd-annualaward2023 .award-g .g-area .g-box .dealer a { color: #333; }
#sd-annualaward2023 .award-j .award-g .g-area .g-box .dealer {/* 準グランプリ */
	font-size: 22px;
	height: 80px;
}
#sd-annualaward2023 .award-g .g-area .g-box .dealer .dealer-l-name {
	font-size: 16px;
	display: block;
}
/* 商品・コメント */
#sd-annualaward2023 .award-g .detail {
	display: flex;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
#sd-annualaward2023 .award-g .detail.h-570 { height: 570px; }
#sd-annualaward2023 .award-j .award-g .detail {/* 準グランプリ */
	display: inline-block;
}
#sd-annualaward2023 .award-g .detail .product {
	max-width: 535px;
	margin: 30px 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
}
#sd-annualaward2023 .award-j .award-g .detail .product {/* 準グランプリ */
	width: 100%;
	max-width: 428px;
	margin: 30px auto 10px;
	justify-content: center;
}
#sd-annualaward2023 .award-g .detail .product li a {
	display: flex;
	border: solid 1px #eeeeee;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
#sd-annualaward2023 .award-g .detail .product li:nth-child(-n+2) a {
	width: 240px;
	height: 240px;
	margin-right: 25px;
}
#sd-annualaward2023 .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 238px;
	max-width: 238px;
	height: auto;
	width: auto;
}
#sd-annualaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a {/* 準グランプリ */
	width: 185px;
	height: 185px;
	margin-right: 25px;
}
#sd-annualaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
	max-height: 183px;
	max-width: 183px;
	height: auto;
	width: auto;
}
#sd-annualaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
	width: 160px;
	height: 160px;
	margin: 25px 10px 0 0;
}
#sd-annualaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
	max-height: 158px;
	max-width: 158px;
	height: auto;
	width: auto;
}
#sd-annualaward2023 .award-g .detail .coment {
	max-width: 351px;
	width: 100%;
	margin: 25px 25px 25px 0;
}
#sd-annualaward2023 .award-j .award-g .detail .coment {/* 準グランプリ */
	margin: 25px;
	width: auto;
	text-align: left;
	max-width: 575px;
}
#sd-annualaward2023 .award-g .detail .coment p {
	padding: 0;
	line-height: 1.75;
	margin: 5px 0 10px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}
#sd-annualaward2023 .award-g .detail .coment > ul li {
	background: url(/img/contents/event/sd_award/2023/icon_comment_vol2.svg) left top / 20px 20px no-repeat;
	padding: 0px 0 14px 25px;
	line-height: 1.5;
}
#sd-annualaward2023 .note {
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
}
@media screen and (max-width: 940px) {
	#sd-annualaward2023 .ttl { background-size: auto 100%; }
	#sd-annualaward2023 .ttl img {
		width: 90%;
		margin: 0 auto;
	}
	#sd-annualaward2023 .info  {
		width: 90%;
		margin: 0 auto 20px;
	}
	#sd-annualaward2023 .info ul { width: 100%; }
	#sd-annualaward2023 div.catg-wrap { height: auto; }
	#sd-annualaward2023 div.blink, #sd-annualaward2023 div.is-fixed { position: inherit; background-color: transparent; }
	#sd-annualaward2023 div.catg ul {
		display: block;
		justify-content: inherit;
		padding: 0;
	}
	#sd-annualaward2023 div.catg ul li { margin: 10px; }
	#sd-annualaward2023 div.catg-ttl::before, #sd-annualaward2023 div.catg-ttl::after { width: 30%; }
	#sd-annualaward2023 .award-g { margin: 0 10px; }
	#sd-annualaward2023 .award-g .g-area .g-box .dealer { font-size: 24px; }
	#sd-annualaward2023 .award-g .detail {
		display: inline-block;
		width: 100%;
	}
	#sd-annualaward2023 .award-g .detail.h-520,#sd-annualaward2023 .award-g .detail.h-570,#sd-annualaward2023 .award-g .detail.h-610,#sd-annualaward2023 .award-g .detail.h-650,#sd-annualaward2023 .award-g .detail.h-720 { height: auto; }
	#sd-annualaward2023 .award-g .detail .product { margin: 30px auto; }
	#sd-annualaward2023 .award-g .detail .coment {
		margin: 25px auto;
		max-width: 575px;
	}
	#sd-annualaward2023 .award-g .g-area .g-box { max-width: 340px; }
	#sd-annualaward2023 .award-j .award-g { margin: 40px 0 0; }
	#sd-annualaward2023 .note { margin-top: 30px; }
}
@media screen and (max-width: 670px) {
	#sd-annualaward2023.co-container { padding-bottom: 50px; }
	#sd-annualaward2023 .ttl img {
		width: 95%;
		margin: 0;
	}
	#sd-annualaward2023 .info { font-size: 12px; }
	#sd-annualaward2023 .info ul li {
		width: 320px;
		font-size: 11px;
	}
	#sd-annualaward2023 .info .lead { line-height: 1.5; }
	#sd-annualaward2023 div.catg-ttl div { font-size: 20px; }
	#sd-annualaward2023 div.catg-ttl::before, #sd-annualaward2023 div.catg-ttl::after { width: 28%; }
	#sd-annualaward2023 .award-g .detail {
		padding: 10px;
		box-sizing: border-box;
	}
	#sd-annualaward2023 .award-g .detail .product {
		margin: auto;
		overflow-y: hidden;
		overflow-x: auto;
		flex-wrap: inherit;
	}
	#sd-annualaward2023 .award-g .detail .product li:nth-child(-n+2) a,
	#sd-annualaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
	#sd-annualaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a {
		width: 150px;
		height: 150px;
		margin: 0 10px 10px 0;
	}
	#sd-annualaward2023 .award-g .detail .product li:nth-child(-n+2) a img,
	#sd-annualaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
	#sd-annualaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
		max-width: 148px;
		max-height: 148px;
		height: auto;
		width: auto;
	}
	#sd-annualaward2023 .award-j { margin: 0 10px; }
	#sd-annualaward2023 .award-g .detail .coment {
		margin: 25px;
		width: auto;
	}
}

/*** 取り引き状態のよって出る説明枠 ***/
#dl-info-area .dl-trade-info {
	text-align: center;
	background-color: #ffe0de;
	padding :10px;
	width: 96%;
	margin: 15px auto;
}
#dl-info-area .dl-trade-info-txt {
	max-width: 70%;
	text-align: left;
	font-size: 13px;
}
#dl-info-area .dl-trade-info-txt:only-child { max-width: 100%; }
#dl-info-area .dl-trade-info-btn {
	padding-left: 15px;
	max-width: 30%;
}
/*** お知らせ ***/
#dl-info-area .dl-dnews-area {
	background-color: #efefef;
	font-size: 13px;
	text-align: left;
	margin-top: -1px;
	padding: 5px; 
}
#dl-info-area .dl-dnews-area .dl-dnews-box {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
#holiday-info.co-tooltip-onclick { z-index: 31; }
#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02 { display: none; }
#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02.corona-msg { font-weight:bold; color:#e63a3a; }

#dl-info-area .dl-dnews-ttl {
	width: 10%;
	text-align: center;
	padding: 5px 0;
	margin: 1px 8px 0 0;
    font-size: 12px;
	background-color: #ddd;
	float: left;
	position:relative;
}
#dl-info-area .dl-dnews-ttl:after {
	content: "";
	position:absolute;
	top:0;
	right:-8px;
	width:0;
	height:0;
	border-style: solid;
	border-color: transparent transparent  transparent #ddd;
	border-width: 14px 0 14px 8px;
}
/* お知らせツールチップ */
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: default;
	background-image: url(/img/icon/bottom-open-01.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip.corona-msg {
	font-weight: bold;
	color: #e63a3a;
}
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 31;
	top: 120%;
	width: 400px;
	text-align: left;
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 1em;
	visibility: hidden;
	top: 0;
	left:0;
	color: #333333 ;
	text-decoration: none ;
	display: block;
	word-break: break-all;
	font-weight: normal;
}
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip .cp_tooltiptext a {
	outline:none;
	color: #333333;
}
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
}
/* メルマガ受信促進 */
#dealer_mail_info,
#dealer_mail_info .setting-completed,
#dealer_mail_info .setting-failed {
	display: none;
}
#dealer_mail_info.notice-exists .dl-dnews-area {
	margin-top: 0px;
}
#dealer_mail_info .dl-dnews-box {
	width: calc(90% - 9px);
	margin-top: 0;
}
#dealer_mail_info .show-sample {
	max-width: 100%;
	display: inline-block;
	color: #333333;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 2% 0 15px;
	position: relative;
}
#dealer_mail_info .show-sample::before {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	background: url('/img/common/icon/co_008g.svg') no-repeat center / contain;
	position: absolute;
	top: calc(50% - 5.5px);
	left: 0;
}
#dealer_mail_info #delivery_date {
	font-weight: 600;
}
#dealer_mail_info .sample {
	height: calc(100% - 110px);
	padding: 0;
}
#dealer_mail_info .sample.receiving {
	height: calc(100% - 45px);
}
#dealer_mail_info .sample-loading span {
	width: 10px;
	height: 10px;
}
#dealer_mail_info .sample-loading span:nth-child(2) {
	left: 20px;
	bottom: -8px;
}
#dealer_mail_info .sample-loading span:nth-child(3) {
	left: 28px;
	bottom: -28px;
}
#dealer_mail_info .sample-loading span:nth-child(4) {
	left: 20px;
	bottom: -48px;
}
#dealer_mail_info .sample-loading span:nth-child(5) {
	left: 0px;
	bottom: -56px;
}
#dealer_mail_info .sample-loading span:nth-child(6) {
	left: -20px;
	bottom: -48px;
}
#dealer_mail_info .sample-loading span:nth-child(7) {
	left: -28px;
	bottom: -28px;
}
#dealer_mail_info .sample-loading span:nth-child(8) {
	left: -20px;
	bottom: -8px;
}
#dealer_mail_info .sample-body.done {
	min-height: calc(100% - 30px);
	padding: 20px 0 1px;
	border-width: 1px 1px 0;
	border-color: #cccccc;
	border-style: solid;
	border-radius: 5px 5px 0 0;
	margin: 30px 40px 0;
}
#dealer_mail_info .loading-and-message {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
	margin-bottom: 0;
}
#dealer_mail_info .receive-button-area {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 65px;
	background-color: #eeeeee;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 0;
}
#dealer_mail_info .button-loading {
	padding-bottom: 13px;
}
#dealer_mail_info .setting-completed {
	position: relative;
}
#dealer_mail_info .setting-completed .completed-message {
	width: 115px;
	background-color: #ffffff;
	color: #dc4d4d;
	font-size: 11px;
	padding: 4px 10px;
	border: 1px #dc4d4d solid;
	border-radius: 5px;
	position: absolute;
	z-index: 10005;
	left: calc(50% - 57.5px);
	top: -40px;
	opacity: 0;
	animation: settingMessage 2.5s ease;
}
#dealer_mail_info .setting-completed .completed-message::before,
#dealer_mail_info .setting-completed .completed-message::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 5px 0;
	position: absolute;
	top: 100%;
	left: calc(50% - 6px);
}
#dealer_mail_info .setting-completed .completed-message::before {
	border-color: #dc4d4d transparent transparent;
}
#dealer_mail_info .setting-completed .completed-message::after {
	border-color: #ffffff transparent transparent;
	margin-top: -2px;
}
@keyframes settingMessage {
	0% {
		opacity: 0;
	}
	15% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
#dealer_mail_info .setting-failed {
	font-size: 13px;
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#dealer_mail_info:not(.notice-exists) {
		margin-top: 20px;
	}
	#dealer_mail_info:not(.notice-exists) .promotion-wrap {
		padding: 3px 0;
		position: relative;
	}
	#dealer_mail_info .promotion-wrap {
		display: flex;
		background-color: #f6f6f6;
	}
	#dl-info-area .dl-dnews-ttl {
		width: auto;
		text-align: left;
	}
	#dl-info-area #dealer_mail_info .dl-dnews-ttl {
		display: block;
		width: 115px;
		min-width: 115px;
		font-size: 12px;;
		padding: 0 20px;
		margin: 3px 0;
	}
	#dealer_mail_info .dl-dnews-ttl::after {
		border: none;
	}
	#dealer_mail_info .dl-dnews-ttl::before,
	#dealer_mail_info .dl-dnews-ttl::after {
		content: '';
		display: block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
		position: absolute;
		top: 5px;
	}
	#dealer_mail_info .dl-dnews-ttl::before {
		left: 14px;
		transform: rotate(-45deg);
	}
	#dealer_mail_info .dl-dnews-ttl::after {
		right: 17px;
		transform: rotate(135deg);
	}
	#dl-info-area #dealer_mail_info .dl-dnews-area {
		width: calc(100% - 115px);
		padding: 3px 0;
		margin-top: 0;
	}
	#dl-info-area #dealer_mail_info .dl-dnews-box {
		width: 100%;
		padding-left: 0;
	}
	#dealer_mail_info .sample-body.done {
		margin: 15px;
		border: none;
	}
	/* メルマガ受信促進商品詳細用 */
	#jsp-tiles-productdetail-c #dealer_mail_info:not(.notice-exists) {
		margin-top: 0;
		border-top: 1px solid #cccccc;
	}
	#jsp-tiles-productdetail-c #dealer_mail_info:not(.notice-exists) .promotion-wrap {
		margin-top: 0;
	}
	#jsp-tiles-productdetail-c #dealer_mail_info .promotion-wrap {
		background-color: #efefef;
		border-bottom: 1px solid #cccccc;
		padding: 3px 0;
		margin-top: -1px;
	}
	#jsp-tiles-productdetail-c #dl-info-area #dealer_mail_info .dl-dnews-ttl {
		background: transparent;
		margin: 4px 0 3px;
	}
	#jsp-tiles-productdetail-c #dl-info-area #dealer_mail_info .dl-dnews-area {
		border: none;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#dealer_mail_info .sample-body.done {
		margin: 0;
	}
}
/* ギフトショー・休業日 */
.dl-dnews-area-irregular .dl-dnews-box { margin-bottom: 10px; }
.dl-dnews-area-irregular .dl-dnews-box a {
	display: block;
	background-color: #f5f5f5;
	padding: 8px 10px;
	text-align: center;
	border: 1px #999999 solid;
	color: #4d4d4d;
	background-image: none;
	font-size: 13px;
}
.dl-dnews-area-irregular .dl-dnews-box a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #666666 transparent transparent transparent;
}
.dl-dnews-area-irregular .dl-dnews-box #holiday-info { width: 230px; }
.dl-dnews-area-irregular .dl-dnews-box #holiday-info .co-tooltip-text { padding-right: 15px; }
/*** モーダル内 ***/
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-info-mdl-ttl {
	border-bottom: 1px solid #cccccc;
	font-size: 18px;
	margin: 0 0 10px;
	padding-bottom: 3px;
}
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-info-mdl-txt,
[id^='dl-payship-'].co-fullh-mdl-wrap .dl-info-mdl-txt { margin: 8px 0 50px; }
[id^='dl-trade-'].co-fullh-mdl-wrap #dealing_consideration_box { margin-bottom: 15px; }
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl {
	max-width: 320px;
	width: auto;
}
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl th,
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl td { min-width: 120px; }
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl th { padding: 8px; }
[id^='dl-trade-'].co-fullh-mdl-wrap .not-allow-deal {
	margin-top: -30px;
	border: 1px #dc4d4d solid;
	background-color: #ffeded;
	text-align: center;
	padding: 10px;
	font-size: 14px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#dl-info-area .dl-info-box {
		border: 0;
		box-shadow: none;
		padding: 25px 2% 0;
		display: block;
	}
	#dl-info-area .dl-info-box .dl-name,
	#dl-info-area .dl-info-box .dl-info {
		border: 0;
		text-align: center;
	}
	#dl-info-area .dl-info-box .dl-name {
		display: block;
		max-width: 100%;
		padding-right: 0;
	}
	#dl-info-area .dl-info-box .dl-info {
		width: 100%;
		margin-top: 10px;
		padding: 0 10px;
		justify-content: center;
		flex-direction: column;
	}
	#dl-info-area .dl-info-box #dealerinfo-markbox { order: 3; }
	#dl-info-area .dl-info-box li a { font-size: 13px; }
	/* 企業特性マーク */
	#dl-info-area .dl-info-box #dealerinfo-markbox {
		display: block;
		max-width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	[class^="info-mark"] { font-size: 10px!important; }
	.info-markshipping:after,
	[class^='info-mark']:hover .info-marktxt { display: none!important; }
	.dealer-mark-smartd {
		display: inline-block;
		margin-left: 3px;
	}
	/* 満足度 */
	#dl-info-area .dl-info .dealer-satisfaction-wrap { text-align: center; }
	#header-fixd-content .dealer-satisfaction .records img,
	#header-fixd-content .dealer-satisfaction .dealer-satisfaction-score { display: none!important; }
	#header-fixd-content .co-satisfy-star-box,
	#header-fixd-content .co-satisfy-star-bar,
	#header-fixd-content .co-satisfy-star {
		width: 85px;
		height: 18px;
	}
	#header-fixd-content .co-satisfy-star {
		display: inline-block;
		vertical-align: top;
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#header-fixd-content .co-satisfy-star { background-image: url('/img/grade/score_star_00.png'); }
	#dealerlist-dealerbox .info-dealerbox .co-satisfy-star { background-image: url('/img/grade/score_star_00_frn.png'); }
	#header-fixd-content .co-satisfy-star:before { display: none; }
	/*** 取り引き状態のよって出る説明枠 ***/
	#dl-info-area .dl-trade-info-txt,
	#dl-info-area .dl-trade-info-btn { max-width: 100%; }
	#dl-info-area .dl-trade-info-btn { display: block; }
	#dl-info-area .dl-trade-info-btn { margin-top: 8px; }
	/* お知らせツールチップ */
	#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip { display: none;	}
	#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02 { display: inline-block; }
	#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02.corona-msg { font-weight:bold; color:#e63a3a; }
	#dl-info-area .dl-dnews-area .co-tooltip-cancel { box-sizing: content-box; }
	#dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick {
		width: 400px;
		text-align: left;
		z-index: 31;
	}
	#dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick .co-tooltip-text {
		padding-top: 15px;
		word-break: break-all;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#dl-info-area .dl-info-box .dl-name-txt { font-size: 17px; }
	#dl-info-area .dl-info-box li a { font-size: 12px; }
	#dl-info-area .dl-info-box li .dl-infobtn-mdl,
	#dl-info-area .dl-info-box li .dl-infobtn-mdl:hover {
		background-image: none;
		padding: 3px 15px 1px;
	}
	#dl-info-area .dl-info-box .dl-info::before { height:7px; }
	/* 満足度 */
	#dl-info-area .dl-info .dealer-satisfaction-wrap {
		margin-top: 5px;
		font-size: 11px;
	}
	#dl-info-area .nobnr-page { display: none!important; }
	/* 企業特性マーク */
	#dl-info-area #dealerinfo-markbox [class^="info-mark"]:first-child { margin-left: 0!important; }
	/*** 取り引き状態のよって出る説明枠 ***/
	#dl-info-area .dl-trade-info { margin-top: 10px; }
	#dl-info-area .dl-trade-info-txt { font-size: 12px; }
	/*** お知らせ ***/
	#dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick,
	.dl-dnews-area-irregular .dl-dnews-box .co-tooltip-onclick { width: 90%; }
}
/************************* 企業情報ページ *************************/
.dintro-wrap,.dintro-wrap * { box-sizing: border-box; }
.dintro-wrap {
	width: 96%;
	max-width: 960px;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
}
.dintro-wrap .co-product-refine.pintro-refine {
	margin-right: 20px;
	float: none;
}
.dintro-wrap .co-product-refine.pintro-refine:empty { display: none; }
.dintro-wrap .dintro-txt-wrap {
	word-break: break-all;
	max-width: 740px;
}
.dintro-wrap .dintro-txt-box {
	border: 1px #cccccc solid;
	padding: 30px;
	font-size: 14px;
	line-height: 1.6;
	max-width: 740px;
	margin: 0 auto;
}
.dintro-wrap .dintro-txt-box .dintro-txt-inner { margin: 0 5px; }
.dintro-wrap .dintro-txt-box figure {
	margin: 0 auto 30px;
	text-align: center;
	width: 100%;
	max-width: 600px;
	max-height: 600px;
	min-width: 500px;
	line-height: 0;
}
.dintro-wrap .dintro-txt-box img {
	max-width: 100%;
	max-height: 100%;
}
/* インタビューリンク */
.dintro-wrap .dintro-txt-box .dintro-interview-box {
	margin: 25px 5px 0;
	border: double 3px #ccc;
	font-size: 16px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
}
.dintro-wrap .dintro-txt-box .dintro-interview-box a { padding-left: 20px; }
/* 取引中止ボタン枠 */
.trading-stop-box {
	background-color: #eeeeee!important;
	margin: 20px auto 0;
	padding: 20px;
	width: 96%;
	max-width: 960px;
	box-sizing: border-box;
	text-align: center;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.dintro-wrap { display: block; }
	.dintro-wrap .co-product-refine.pintro-refine,
	.dintro-wrap .dintro-txt-box { max-width: 100%; }
	.dintro-wrap .dintro-txt-box figure { min-width: 0; }
	.dintro-wrap .co-product-refine.pintro-refine { margin-right: 0; }
	.dintro-wrap .co-product-refine.pintro-refine .search-txt-box { padding: 0; }
	.dintro-wrap .dintro-txt-wrap { margin-top: 30px; }
	.dintro-wrap .dintro-txt-box .dintro-interview-box { margin: 15px 5px 10px; }
	.trading-stop-box { text-align :left; }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	.dintro-wrap .dintro-txt-box { padding: 20px; }
}
/* SP */
@media screen and (max-width: 670px) {
	.dintro-wrap { margin-top: 10px; }
	.dintro-wrap .co-product-refine.pintro-refine,
	.dintro-wrap .dintro-txt-wrap { padding: 0; }
	.dintro-wrap .dintro-txt-box {
		padding: 10px;
		font-size: 13px;
	}
	.dintro-wrap .dintro-txt-box figure { margin-bottom: 20px; }
	.dintro-wrap .dintro-txt-box img { max-width: 100%; }
	.dintro-wrap .dintro-txt-box .dintro-interview-box { font-size: 14px; }
}

/*********　ログイン前企業ページの入会促進文言（企業商品一覧・企業詳細・商品詳細） ***********/
#dealer-trial-banner {
	text-align: center;
	background-color: #fff7e1;
	padding :10px;
	width: 96%;
	margin: 15px auto;
	box-sizing: border-box;
}
#dealer-trial-banner .banner-txt .main {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}
#dealer-trial-banner .banner-txt .sub {
	font-size: 14px;
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#dealer-trial-banner .banner-txt .main {
		font-size: 14px;
	}
	#dealer-trial-banner .banner-txt .tab-dib {
		display: inline-block;
	}
	#dealer-trial-banner .banner-txt .sub {
		font-size: 13px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#dealer-trial-banner .banner-txt {
		max-width: 455px;
		margin: 0 auto;
	}
	#dealer-trial-banner .banner-txt .main,
	#dealer-trial-banner .banner-txt .sub {
		font-size: 13px;
	}
	#dealer-trial-banner .banner-txt .sub {
		text-align: left;
	}
}
/*********　エラーページ ***********/
#errorpage .error-img {
	width: 100%;
	max-width: 620px;
	margin: 40px 0 20px;
}
#errorpage .back-to {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background-color: rgba(68, 92, 118, 1.0);
	border-radius: 20px;
	padding: 5px 20px;
	font-size: 14px;
	margin: 20px 0;
}
#errorpage .back-to:hover {
	background-color: rgba(68, 92, 118, 0.7);
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#errorpage #header-common  {
		min-width: auto;
	}
	#errorpage #header-simple .header-simple-left {
		margin-left: 10px;
	}
	#errorpage .error-img {
		width: 90%;
		margin: 20px 0 10px;
	}
	#errorpage h3 {
		font-size: 98%;
		width: 80%;
		margin: 1em auto;
	}
	#errorpage p {
		font-size: 96%;
		width: 80%;
		margin: auto;
			
	}
}

/*申請ポップアップ*/
#apply-popup .apply-pop {
	position:fixed;
	z-index:2;
	background-color:#ffffff;
	bottom :10px;
	padding:20px;
	width:280px;
	right:15px;
	text-align:center;
	display:none;
	box-shadow: #aaaaaa 0px 0px 5px;
	box-sizing: border-box;
	line-height: 1.4;
}
#apply-popup .apply-pop .apply-pop-close-btn {
	color:#ffffff;
	text-decoration:none;
	position:absolute;
	right:-8px;
	z-index:2;
	width: 30px;
	background-color: #666666;
	border-radius: 30px;
	padding: 0px;
	top:-12px;
	font-size:20px;
	font-weight:bold;
}
#apply-popup .apply-pop .txt p {
	font-size:15px;
	text-align: left;
	margin: 0;
}
#apply-popup .apply-pop .txt p span {
	font-weight:bold;
	font-size:16px;
}
#apply-popup .apply-pop .txt a {
	display: block;
	padding: 10px;
	background: #dc4d4d;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
	margin-top:10px;
	text-decoration:none;
}
#apply-popup .apply-pop .txt a:hover {
	opacity:0.8;
}

/*********　利用停止お申込み入力 ***********/
#member-adjourn .fo-rwd-table .row .th-cap {
	width: 25%;
}
#member-adjourn .fo-rwd-table .row .td-txt {
	width: 75%;
}
#member-adjourn .fo-rwd-table .row .td-txt .select-box {
	width: 50%;
	float: left;
}
#member-adjourn .fo-rwd-table .td-txt textarea {
	width: 94%;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#member-adjourn .fo-rwd-table .row .th-cap {
		width: auto;
	}
	#member-adjourn .fo-rwd-table .row .td-txt {
		width: auto;
	}
	#member-adjourn .fo-rwd-table .row .td-txt .select-box {
		width: auto;
		float: none;
	}
}

/********************* 沖縄まとめ便 ***********************/
#sdship-okinawa { text-align: center; }
#sdship-okinawa img { height: auto; }
#sdship-okinawa p { margin: 0; }
/*** 共通 ***/
#sdship-okinawa ~ .push {
	margin: 0;
	height: 50px;
}
#sdship-okinawa section,
#sdship-okinawa aside { padding: 60px 0 70px; }
#sdship-okinawa .okinawa-orng {
	font-weight: bold;
	color: #fb5b04;
}
/* フォントサイズ */
#sdship-okinawa { font-size: 16px; }
#sdship-okinawa .okinawa-h2,
#sdship-okinawa .okinawa-compare-box .okinawa-after .cost,
#sdship-okinawa .okinawa-charge .okinawa-boxone > * { font-size: 36px; }
#sdship-okinawa .okinawa-btm .okinawa-h2 { font-size: 28px; }
#sdship-okinawa .okinawa-h3,
#sdship-okinawa .okinawa-compare-box .okinawa-before .cost,
#sdship-okinawa .okinawa-charge .okinawa-boxmore td,
#sdship-okinawa .okinawa-btm .okinawa-btn { font-size: 22px; font-weight: bold; }
#sdship-okinawa .okinawa-mv .sd-regist { font-size: 16px; font-weight: bold; margin-top: 30px; }
#sdship-okinawa .okinawa-start,
#sdship-okinawa .okinawa-btn { font-size: 22px; font-weight: bold; }
#sdship-okinawa .okinawa-mv .okinawa-catch,
#sdship-okinawa .okinawa-compare-box dt,
#sdship-okinawa .okinawa-charge .okinawa-boxmore th,
#sdship-okinawa .okinawa-flow dl dt { font-size: 20px; }
#sdship-okinawa .okinawa-charge .okinawa-boxmore span,
#sdship-okinawa .okinawa-flow .okinawa-flow-order,
#sdship-okinawa .okinawa-faq dl dt { font-size: 18px; }
#sdship-okinawa .okinawa-start span { font-size: 15px; }
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div { font-size: 14px; }
#sdship-okinawa .co-dot-list { font-size: 13px; }
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span { font-size: 12px; }
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt,
#sdship-okinawa .okinawa-compare-box ol { font-size: 11px; }
#sdship-okinawa .okinawa-compare-box .cost span { font-size: 70%; }
#sdship-okinawa .okinawa-charge .okinawa-boxone span { font-size: 60%; }
/* 見出し */
#sdship-okinawa [class^='okinawa-h'] { max-width: 94%; }
#sdship-okinawa .okinawa-h2 {
	margin: 15px auto 50px;
	color: #333333;
	border: 0;
	padding: 0;
}
#sdship-okinawa .okinawa-h3 {
	margin: 0 auto 35px;
	font-weight: normal;
}
#sdship-okinawa .okinawa-htxt { margin: -45px auto 55px; }
/* 背景色 */
#sdship-okinawa .okinawa-sand { background-color: #f1e9e3; }
/* 申し込みボタン */
#sdship-okinawa .okinawa-btn {
	display: block;
	width: 14em;
	margin: 10px auto 13px;
	padding: 22px 50px 20px;
	border-radius: 70px;
	border: 1px #fb5b04 solid;
	background-color: #fb5b04;
	color: #ffffff;
	outline: none;
	transition: all 0.1s;
}
#sdship-okinawa .okinawa-btn:hover {
	background-color: #ffffff;
	color: #fb5b04;
	text-decoration: none;
}
#sdship-okinawa .co-dot-list { /* 注意事項 */
	display: inline-block;
	text-align: left;
	line-height: 1.8;
}
#sdship-okinawa .co-dot-list li { display: block; }
#sdship-okinawa .co-dot-list li:before { content: '・'; }
/*** メインビジュアル ***/
#sdship-okinawa .okinawa-mv {
	height: 530px;
	position: relative;
	overflow: hidden;
	padding-top: 75px;
	justify-content: center;
	background:
		url('/img/contents/okinawa/okinawa_mv_00.png') no-repeat,
		url('/img/contents/okinawa/okinawa_mv_01.png') no-repeat,
		linear-gradient(#dbd8c3 100%, #dbd8c3 100%) no-repeat,
		linear-gradient(#656465 100%, #656465 100%) no-repeat
	;
	background-color: #d2eff2;
	background-position: center bottom, center top 35px, left bottom, right bottom;
	background-size: auto auto, auto auto, 30% 36px, 50% 25px;
	box-sizing: border-box;
}
#sdship-okinawa .okinawa-mv:after,
#sdship-okinawa .okinawa-mv:before {
	content: '';
	display: block;
	position: absolute;
	height: 230px;
	bottom: 0;
}
#sdship-okinawa .okinawa-mv:before {
	right: calc(50% + 760px);
	width: 779px;
	background:
		url('/img/contents/okinawa/gold.png') left 150px bottom 36px no-repeat,
		url('/img/contents/okinawa/okinawa_back.png') right bottom 36px repeat-x
	;
}
#sdship-okinawa .okinawa-mv:after {
	left: calc(50% + 700px);
	width: 800px;
	background: url('/img/contents/okinawa/tokyo_back.png') left bottom 25px repeat-x;
}
#sdship-okinawa .okinawa-mv .okinawa-logo { margin: 8px auto 17px; }
#sdship-okinawa .okinawa-mv .okinawa-logo .main-logo { width: 358px; }
#sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) { width: 132px; }
#sdship-okinawa .okinawa-mv .okinawa-logo span {
	background-color: #ffffff;
	padding: 10px 9px;
	line-height: 0;
	margin-left: 21px;
}
/*** お悩み解決 ***/
#sdship-okinawa .okinawa-solution {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#sdship-okinawa .okinawa-solution li {
	border: 1px #fb5b04 solid;
	border-radius: 50%;
	padding-top: 108px;
	width: 183px;
	height: 75px;
	background-size: 64px 59px;
	background-repeat: no-repeat;
	background-position: center top 28px;
}
#sdship-okinawa .okinawa-solution li:nth-child(1) { background-image: url('/img/contents/okinawa/okinawa_solution_00.png'); }
#sdship-okinawa .okinawa-solution li:nth-child(2) { background-image: url('/img/contents/okinawa/okinawa_solution_01.png'); }
#sdship-okinawa .okinawa-solution li:nth-child(3) { background-image: url('/img/contents/okinawa/okinawa_solution_02.png'); }
#sdship-okinawa .okinawa-solution li:not(:first-child) { margin-left: 45px; }
/*** おトク！ ***/
#sdship-okinawa .okinawa-compare .okinawa-h3:before,
#sdship-okinawa .okinawa-compare .okinawa-h3:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 1px;
	background-color: #333333;
}
#sdship-okinawa .okinawa-compare .okinawa-h3:before { margin: -5px 20px 0 15px; }
#sdship-okinawa .okinawa-compare .okinawa-h3:after { margin: -5px 20px 0 5px; }
#sdship-okinawa .okinawa-compare-box {
	max-width: 950px;
	margin: 0 auto;
}
#sdship-okinawa .okinawa-compare-box .okinawa-before,
#sdship-okinawa .okinawa-compare-box .okinawa-after {
	display: inline-block;
	margin: 0 5px;
}
#sdship-okinawa .okinawa-compare-box .okinawa-before img {
	width: 100%;
	height: auto;
	max-width: 357px;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after img {
	width: 100%;
	height: auto;
	max-width: 567px;
}
#sdship-okinawa .okinawa-compare-box .cost { display: inline-block; }
#sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
	padding: 10px 22px 8px;
	margin: 72px auto 0;
	background-color: #e5e5e5;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after .cost {
	padding: 5px 18px;
	margin: 12px auto 0;
	background-color: #ffff00;
}
#sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
	margin: 30px 30px 0;
	padding: 25px 0 35px;
	border-top: 1px #888888 dashed;
	text-align: justify;
	line-height: 1.8;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
	position: absolute;
	left: 23%;
	top: calc(34% - 3.8em - 7px);
	background-color: #ffffff;
	border: 1px #fb5b04 solid;
	padding: 5px 7px;
	width: 9.5em;
	text-align: justify;
	line-height: 1.3;
	letter-spacing: 1px;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before,
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before {
	border-color: #fb5b04 transparent transparent #fb5b04;
	border-width: 6px;
	bottom: -12px;
	left: 10px;
}
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
	border-color: #ffffff transparent transparent #ffffff;
	border-width: 5px;
	bottom: -10px;
	left: 11px;
}
#sdship-okinawa .okinawa-compare-box ol {
	text-align: left;
	display: inline-block;
	margin: 0 32px 20px;
}
/*** ご利用料金 ***/
#sdship-okinawa .okinawa-charge th {
	font-size: 18px;
}
#sdship-okinawa .okinawa-charge .table-wrap {
	display: table;
	margin: 0 auto;
	max-width: 900px;
}
#sdship-okinawa .okinawa-charge .table-left {
	display: table-cell;
	vertical-align: middle;
	max-width: 390px;
}
#sdship-okinawa .okinawa-charge .table-right {
	display: table-cell;
	vertical-align: middle;
	max-width: 480px;
}
#sdship-okinawa .okinawa-charge .plus-icon {
	display: table-cell;
	vertical-align: middle;
	width: 77px;
}
#sdship-okinawa .okinawa-charge table { border-collapse: collapse; }
#sdship-okinawa .okinawa-charge thead th {
	background-color: #f1e9e3;
	border: 1px #333333 solid;
	font-weight: bold;
	padding: 15px;
}
#sdship-okinawa .okinawa-charge td {
	background-color: #ffffff;
	border: 1px #333333 solid;
	padding: 15px;
}
#sdship-okinawa .okinawa-charge .caution { 
	margin: 0 auto 70px;
	max-width: 900px;
}
#sdship-okinawa .okinawa-charge ul { 
	float: right;
	margin: 15px auto 70px;
	max-width: 465px;
	text-align: left;
}
#sdship-okinawa .okinawa-charge .big-padding {
	padding: 3.18em 0;
}
#sdship-okinawa .okinawa-charge [class^='okinawa-box'] > * {
	border-style: solid;
	border-color: #333333;
}
#sdship-okinawa .okinawa-charge [class^='okinawa-box'] th { border-width: 0 1px 1px; }
#sdship-okinawa .okinawa-charge [class^='okinawa-box'] td { border-width: 0 1px 1px 1px; }
#sdship-okinawa .okinawa-charge .okinawa-boxone > * { padding: 10px 15px; }
#sdship-okinawa .okinawa-charge .okinawa-boxmore > * { padding: 15px 15px 10px; }
/*** 利用の流れ ***/
#sdship-okinawa .okinawa-flow ol {
	max-width: 940px;
	width: 94%;
	margin: 0 auto 20px;
	padding: 0;
}
#sdship-okinawa .okinawa-flow ol li:not(:first-child):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #333333 transparent;
	border-width: 13px 13px 0;
	margin: 20px auto 17px;
}
#sdship-okinawa .okinawa-flow dl {
	background-color: #ffffff;
	display: flex;
	padding: 20px 0;
}
#sdship-okinawa .okinawa-flow dl > * {
	text-align: justify;
	margin: 0;
}
#sdship-okinawa .okinawa-flow dl dt {
	font-weight: bold;
	align-self: center;
	flex-basis: 361px;
	padding: 0 20px 0 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#sdship-okinawa .okinawa-flow dl dt img { vertical-align: middle; }
#sdship-okinawa .okinawa-flow dl dt > img { width: 122px; }
#sdship-okinawa .okinawa-flow dl dt p > img {
	width: 32px;
	margin-right: 25px;
}
#sdship-okinawa .okinawa-flow dl dd {
	border-left: 1px #888888 dashed;
	min-height: 110px;
	display: flex;
	align-items: center;
	line-height: 1.6;
	flex-basis: calc(100% - 381px);
	padding: 0 35px;
}
#sdship-okinawa .okinawa-flow .long-ttl {
	display: block;
	float: right;
	width: 120px;
}
#sdship-okinawa .okinawa-flow .okinawa-flow-order {
	background-color: #fb5b04;
	padding: 15px 30px;
	line-height: 1.6;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
#sdship-okinawa .okinawa-flow .okinawa-flow-order p { width: calc(100% - 374px); }
#sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
	content: '';
	display: block;
	width: 344px;
	height: 98px;
	background: url('/img/contents/okinawa/okinawa_flow_order_00.png') center center no-repeat;
	background-size: contain;
	margin-right: 30px;
}
#sdship-okinawa .okinawa-flow .okinawa-flow-order:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fb5b04 transparent;
	border-width: 0 10px 12px;
	position: absolute;
	bottom: 100%;
	left: calc(50% - 10px);
}
/* 配送日程 */
#sdship-okinawa .okinawa-flow .okinawa-h3 { margin: 55px auto 5px; }
#sdship-okinawa .okinawa-clndr {
	max-width: 670px;
	width: calc(94% - 45px);
	margin: 0 auto 20px;
	background-color: #ffffff;
	padding: 40px 30px 35px 15px;
	line-height: 1.3;
}
#sdship-okinawa .okinawa-clndr ul {
	display: flex;
	justify-content: space-between;
	width: 93.8%;
	position: relative;
}
#sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) { width: calc(52.9% / 7); }
#sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) { width: 15.7%; }
#sdship-okinawa .okinawa-clndr ul .has-bar:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background-color: #333333;
	margin: 3px auto 0;
}
#sdship-okinawa .okinawa-clndr ul li:nth-child(1):before{
	content: '';
	display: block;
	width: calc(52.9% - 52.9% / 7);
	height: 1px;
	background-color: #333333;
	position: absolute;
	left: calc(52.9% / 14);
	bottom: 0;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-img {
	width: 63px;
	height: 44px;
	margin: 10px auto 15px;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-img img {
	width: auto;
	height: 100%;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box { 
	display: flex;
	justify-content: space-between;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span { display: block; }
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) {
	width: 42.5%;
	margin-left: 3.5%;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
	width: 22%;
	margin-right: 5%;
}
#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(3) { width: 27%; }
/*** FAQ ***/
#sdship-okinawa .okinawa-faq dl {
	max-width: 765px;
	margin: 0 auto;
	text-align: justify;
}
#sdship-okinawa .okinawa-faq dl > * {
	text-indent: -42px;
	padding-left: 42px;
}
#sdship-okinawa .okinawa-faq dl span,
#sdship-okinawa .okinawa-faq dl a { text-indent: 0; }
#sdship-okinawa .okinawa-faq dl dt { font-weight: bold; }
#sdship-okinawa .okinawa-faq dl dd { margin: 20px 0 55px 23px; }
#sdship-okinawa .okinawa-faq dl dd:last-child { margin-bottom: 30px; }
#sdship-okinawa .okinawa-faq dl > *:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
	border-radius: 50%;
}
#sdship-okinawa .okinawa-faq dl dt:before {
	background-image: url('/img/contents/okinawa/okinawa_faq_q_00.png');
	background-color: #333333;
}
#sdship-okinawa .okinawa-faq dl dd:before {
	background-image: url('/img/contents/okinawa/okinawa_faq_a_00.png');
	background-color: #fb5b04;
}
/*** 関連記事 ***/
#sdship-okinawa .okinawa-blog {
	border-bottom: 1px solid #dddddd;
}
#sdship-okinawa .okinawa-blog ul {
	display: flex;
	justify-content: center;
	max-width: 750px;
	margin: 0 auto;
}
#sdship-okinawa .okinawa-blog ul li {
	flex-basis: 220px;
	text-align: left;
	padding: 0 40px;
}
#sdship-okinawa .okinawa-blog ul li:first-child {
	padding: 0 0 0 20px;
}
#sdship-okinawa .okinawa-blog ul li:last-child {
	padding: 0 20px 0 0;
}
#sdship-okinawa .okinawa-blog ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
}
#sdship-okinawa .okinawa-blog ul li a:hover {
	opacity: 0.75;
}
#sdship-okinawa .okinawa-blog ul li img {
	max-width: 220px;
}
/*** 下部のお申し込み ***/
#sdship-okinawa .okinawa-btm {
	padding-bottom: 110px;
	/* 指定順：トラック、足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール */
	background:
		url('/img/contents/okinawa/okinawa_btm_00.png') left calc(50% - 310px) top 45%,
		url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 405px) top 63%,
		url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 280px) top 80%,
		url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 395px) top 76%,
		url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% - 310px) top 60%
	;
	background-repeat: no-repeat;
	background-size: 111px auto, 56px auto, 66px auto, 58px auto, 168px auto;
	background-color: #d2eff2;
}
#sdship-okinawa .okinawa-btm .okinawa-h2 { margin: 10px auto 25px; }
#sdship-okinawa .okinawa-btm .okinawa-btn { padding: 25px 50px; }
/*** お申し込み済み ***/
#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch {
	font-size: 24px;
	margin-top: 10px;
}
#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo { margin-top: 12px; }
#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo { width: 435px; }
#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) { width: 157px; }
#sdship-okinawa .is-okinawa .okinawa-btn {
	margin-top: 30px;
	border: 1px #aaaaaa solid;
	background-color: #f3f4f8;
	color: #aaaaaa;
	transition: all 0s;
}
#sdship-okinawa .is-okinawa .okinawa-btn:hover {
	background-color: #f3f4f8;
	color: #aaaaaa;
}
#sdship-okinawa .okinawa-btm.is-okinawa {
	background:
		/* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */
		url('/img/contents/okinawa/okinawa_btm_00.png') left calc(50% - 144px) top 10px,
		url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 291px) top 110px,
		url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 76px) top 160px,
		url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 295px) top 120px,
		url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% - 141px) top 12px
	;
	background-repeat: no-repeat;
	background-size: 151px auto, 77px auto, 91px auto, 80px auto, 246px auto;
	background-color: #ffffff;
	height: 340px;
	padding: 0;
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	/* フォントサイズ */
	#sdship-okinawa .okinawa-btn,
	#sdship-okinawa .okinawa-btm .okinawa-btn { font-size: 20px; }
	#sdship-okinawa .okinawa-flow dl dt { font-size: 18px; }
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div { font-size: 15px; }
	#sdship-okinawa .okinawa-start span { font-size: 70%; }
	/*** メインビジュアル ***/
	#sdship-okinawa .okinawa-mv .okinawa-logo { margin-bottom: 23px; }
	/*** おトク！ ***/
	#sdship-okinawa .okinawa-compare-box .okinawa-compare-txt { line-height: 1.5; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before { left: 14px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after { left: 15px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-compare-img { margin-bottom: -18px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-before, #sdship-okinawa .okinawa-compare-box .okinawa-after {
		display: block;
		margin: 15px auto;
	}
	/*** ご利用料金 ***/
	#sdship-okinawa .okinawa-charge .table-wrap {
		display: block;
		margin: 0 auto;
	}
	#sdship-okinawa .okinawa-charge .table-left {
		display: block;
		margin: 0 auto;
		max-width: 480px;
		width: 85%;
	}
	#sdship-okinawa .okinawa-charge .table-right {
		display: block;
		margin: 0 auto;
		width: 85%;
	}
	#sdship-okinawa .okinawa-charge .plus-icon {
		display: block;
		margin: 15px auto;
	}
	#sdship-okinawa .okinawa-charge table {
		width: 100%;
	}
	#sdship-okinawa .okinawa-charge .big-padding {
		padding: 2em 0;
	}
	#sdship-okinawa .okinawa-charge ul { 
		float: none;
	}
	/*** 利用の流れ ***/
	#sdship-okinawa .okinawa-flow .okinawa-flow-order:before { background-image: url('/img/contents/okinawa/okinawa_flow_order_01.png'); }
	/*** FAQ ***/
	#sdship-okinawa .okinawa-faq dl > *:before {
		width: 25px;
		height: 25px;
		background-size: 15px 15px;
		vertical-align: -5px;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	/*** 共通 ***/
	#sdship-okinawa ~ .push { height: 0; }
	#sdship-okinawa section { padding: 47px 0 60px; }
	/* フォントサイズ */
	#sdship-okinawa .okinawa-h2,
	#sdship-okinawa .okinawa-charge .okinawa-boxone > * { font-size: 32px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after .cost { font-size: 30px; }
	#sdship-okinawa .okinawa-h3,
	#sdship-okinawa .okinawa-compare-box .okinawa-before .cost,
	#sdship-okinawa .okinawa-charge .okinawa-boxmore td,
	#sdship-okinawa .okinawa-btm .okinawa-h2 { font-size: 22px; }
	#sdship-okinawa .okinawa-start { font-size: 20px; }
	#sdship-okinawa .okinawa-mv .okinawa-catch,
	#sdship-okinawa .okinawa-compare-box dt { font-size: 18px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxmore span,
	#sdship-okinawa .okinawa-faq dl dt { font-size: 16px; }
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span { font-size: 13px; }
	/* 見出し */
	#sdship-okinawa .okinawa-h2 { margin: 20px auto 40px; }
	#sdship-okinawa .okinawa-h3 { margin-bottom: 30px; }
	#sdship-okinawa .okinawa-htxt { margin: -33px auto 43px; }
	/*** メインビジュアル ***/
	#sdship-okinawa .okinawa-mv {
		height: 436px;
		padding-top: 53px;
	}
	#sdship-okinawa .okinawa-mv .okinawa-logo .main-logo { width: 304px; }
	#sdship-okinawa .okinawa-mv .okinawa-logo span { padding: 7px 4px; }
	#sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) { width: 110px; }
	#sdship-okinawa .okinawa-btn {
		padding: 18px 65px 15px;
		margin-bottom: 10px;
	}
	#sdship-okinawa .okinawa-mv {
		background-image: url('/img/contents/okinawa/okinawa_mv_00.png'), url('/img/contents/okinawa/okinawa_mv_01.png');
		background-position: left 54% bottom, left 65% top 40%;
		background-size: 132% auto, 104% auto;
	}
	/*** お悩み解決 ***/
	#sdship-okinawa .okinawa-solution li {
		padding-top: 90px;
		width: 163px;
		height: 73px;
		background-size: 58px auto;
		background-position: center top 22px;
	}
	#sdship-okinawa .okinawa-solution li:not(:first-child) { margin-left: 25px; }
	/*** おトク！ ***/
	#sdship-okinawa .okinawa-compare-box { margin-bottom: 20px; }
	#sdship-okinawa .okinawa-compare-box dl { flex-basis: calc(50% - 8px); }
	#sdship-okinawa .okinawa-compare-box dt { padding: 8px 10px; }
	#sdship-okinawa .okinawa-compare-box ol { margin: 2px 18px 8px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-compare-txt { margin: 30px 25px 0; }
	#sdship-okinawa .okinawa-compare-box .okinawa-before .cost { margin-top: 56px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
		left: 19%;
		top: calc(29% - 3.8em - 7px);
		letter-spacing: 0;
		width: 8em;
	}
	/*** ご利用料金 ***/
	#sdship-okinawa .okinawa-charge thead th:first-child { width: 37%; }
	#sdship-okinawa .okinawa-charge .okinawa-boxmore > * { padding: 20px 15px; }
	#sdship-okinawa .okinawa-charge ul { margin-bottom: 5px; }
	/*** 利用の流れ ***/
	#sdship-okinawa .okinawa-flow dl dt {
		padding: 0 20px 0 15px;
	}
	#sdship-okinawa .okinawa-flow dl dd {
		padding: 0 20px;
		flex-basis: calc(50% - 40px);
	}
	#sdship-okinawa .okinawa-flow dl dt > img { width: 125px; }
	#sdship-okinawa .okinawa-flow ol li:not(:first-child):before { margin: 15px auto 12px; }
	#sdship-okinawa .okinawa-flow .okinawa-flow-order { padding: 15px; }
	#sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
		width: 50%;
		height: 17.3vw;
	}
	#sdship-okinawa .okinawa-flow .okinawa-flow-order p { width: calc(50% - 30px); }
	#sdship-okinawa .okinawa-flow .long-ttl {
		display: block;
		float: right;
	}
	/* 配送日程 */
	#sdship-okinawa .okinawa-clndr {
		padding: 30px 40px 35px 15px;
		width: calc(94% - 55px);
		margin-bottom: 10px;
	}
	#sdship-okinawa .okinawa-clndr ul { width: 93%; }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) { width: calc(46% / 7); }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) { width: 17%; }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(8) { margin-left: 3%; }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(1):before {
		width: calc(46% - 46% / 7);
		left: calc(46% / 14);
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) {
		width: 36.7%;
		margin-left: 3.1%;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
		width: 27%;
		margin-right: 0;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(3) {
		width: 37%;
		margin-right: -3.8%;
	}
	/*** FAQ ***/
	#sdship-okinawa .okinawa-faq dl { width: 80%; }
	#sdship-okinawa .okinawa-faq dl > * {
		text-indent: -37px;
		padding-left: 37px;
	}
	#sdship-okinawa .okinawa-faq dl > *:before { margin-right: 10px; }
	#sdship-okinawa .okinawa-faq dl dd { margin: 9px 0 39px 17px; }
	/*** 関連記事 ***/
	#sdship-okinawa .okinawa-blog ul {
		width: 100%;
	}
	#sdship-okinawa .okinawa-blog ul li:first-child {
		padding: 0 0 0 20px;
	}
	#sdship-okinawa .okinawa-blog ul li:last-child {
		padding: 0 20px 0 0;
	}
	#sdship-okinawa .okinawa-blog ul li img {
		width: 100%;
	}
	/*** 下部のお申し込み ***/
	#sdship-okinawa .okinawa-btm {
		padding-bottom: 40px;
		/* 指定順：トラック、足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール */
		background:
			url('/img/contents/okinawa/okinawa_btm_00.png') left calc(50% - 65px) top 120px,
			url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 143px) top 165px,
			url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 40px) top 200px,
			url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 145px) top 190px,
			url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% - 75px) top 120px
		;
		background-repeat: no-repeat;
		background-size: 92px auto, 46px auto, 56px auto, 48px auto, 139px auto;
		background-color: #d2eff2;
	}
	#sdship-okinawa .okinawa-btm .okinawa-h2 { margin-bottom: 225px; }
	/*** お申し込み済み ***/
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch { font-size: 21px; }
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo { width: 340px; }
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) { width: 130px; }
	#sdship-okinawa .is-okinawa .okinawa-btn { margin-top: 20px; }
	#sdship-okinawa .okinawa-btm.is-okinawa {
		background:
			url('/img/contents/okinawa/okinawa_btm_00.png') left calc(50% - 124px) top,
			url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 241px) top 80px,
			url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 66px) top 135px,
			url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 255px) top 100px,
			url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% - 121px) top 2px
		;
		background-repeat: no-repeat;
		background-size: 121px auto, 68px auto, 79px auto, 65px auto, 210px auto;
		background-color: #ffffff;
		height: 300px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	/*** 共通 ***/
	#sdship-okinawa ~ .push { height: 0; }
	#sdship-okinawa section { padding: 25px 0 40px; }
	/* フォントサイズ */
	#sdship-okinawa { font-size: 15px; }
	#sdship-okinawa .okinawa-h2 { font-size: 25px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxone > * { font-size: 21px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after .cost { font-size: 26px; }
	#sdship-okinawa .okinawa-btm .okinawa-h2 { font-size: 20px; }
	#sdship-okinawa .okinawa-h3,
	#sdship-okinawa .okinawa-compare-box .okinawa-before .cost { font-size: 18px; }
	#sdship-okinawa .okinawa-mv .okinawa-catch,
	#sdship-okinawa .okinawa-start,
	#sdship-okinawa .okinawa-compare-box dt { font-size: 16px; }
	#sdship-okinawa .okinawa-charge thead th,
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span,
	#sdship-okinawa .okinawa-faq dl dt,
	#sdship-okinawa .okinawa-flow .okinawa-flow-order p { font-size: 15px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxmore th,
	#sdship-okinawa .okinawa-charge .okinawa-boxmore td { font-size: 14px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxmore span { font-size: 11px; }
	/* 幅 */
	#sdship-okinawa .okinawa-compare-box,
	#sdship-okinawa .okinawa-charge ul,
	#sdship-okinawa .okinawa-flow ol { width: 90%; }
	/* 見出し */
	#sdship-okinawa .okinawa-h2 {
		margin: 25px auto 8px;
		line-height: 1.2;
	}
	#sdship-okinawa .okinawa-h3 { margin-bottom: 15px; }
	#sdship-okinawa .okinawa-htxt {
		margin: 0 auto 30px;
		text-align: left;
		display: inline-block;
	}
	#sdship-okinawa .okinawa-htxt span { display: block; }
	/*** メインビジュアル ***/
	#sdship-okinawa .okinawa-mv {
		height: 405px;
		padding-top: 45px;
	}
	#sdship-okinawa .okinawa-mv .okinawa-logo { margin-top: 5px; }
	#sdship-okinawa .okinawa-mv .okinawa-logo .main-logo { width: 198px; }
	#sdship-okinawa .okinawa-mv .okinawa-logo span {
		padding: 4px 6px;
		margin-left: 10px;
	}
	#sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) { width: 73px; }
	#sdship-okinawa .okinawa-btn,
	#sdship-okinawa .okinawa-btm .okinawa-btn {
		font-size: 16px;
		padding: 15px 10px;
		width: 14em;
		margin-bottom: 15px;
	}
	#sdship-okinawa .okinawa-mv {
		background-image: url('/img/contents/okinawa/okinawa_mv_00.png'), url('/img/contents/okinawa/okinawa_mv_01.png');
		background-position: left 5% bottom, left 65% top 57%;
		background-size: auto 29.5%, 123% auto;
	}
	/*** お悩み解決 ***/
	#sdship-okinawa .okinawa-solution { margin-top: 25px; }
	#sdship-okinawa .okinawa-solution li {
		padding-top: 67px;
		width: 133px;
		height: 66px;
		background-size: 46px auto;
		background-position: center top 15px;
		line-height: 1.2;
	}
	#sdship-okinawa .okinawa-solution li:first-child { margin: 0 29%; }
	#sdship-okinawa .okinawa-solution li:not(:first-child) { margin: -5px 10px 0; }
	/*** おトク！ ***/
	#sdship-okinawa .okinawa-compare .okinawa-h3:before,
	#sdship-okinawa .okinawa-compare .okinawa-h3:after { width: 15px; }
	#sdship-okinawa .okinawa-compare .okinawa-h3:before { margin: -5px 5px 0 4px; }
	#sdship-okinawa .okinawa-compare .okinawa-h3:after { margin: -5px 5px 0 -6px; }
	#sdship-okinawa .okinawa-compare-box { display: block; }
	#sdship-okinawa .okinawa-compare-box dl { margin-bottom: 20px; }
	#sdship-okinawa .okinawa-compare-box dt { padding: 8px 10px 5px; }
	#sdship-okinawa .okinawa-compare-box img {
		margin: 20px auto 0;
		display: block;
	}
	#sdship-okinawa .okinawa-compare-box ol { margin: 4px 15px 15px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
		margin: 20px 20px 0;
		padding: 25px 3px;
	}
	#sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
		margin: 35px auto 0;
		padding: 3px 10px 5px;
	}
	#sdship-okinawa .okinawa-compare-box .okinawa-after .cost { padding-top: 2px; }
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
		left: 19%;
		top: calc(29% - 3.8em);
		letter-spacing: 0;
		padding: 4px;
		width: 8em;
	}
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before {
		border-width: 4px;
		bottom: -8px;
	}
	#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
		border-width: 3px;
		bottom: -6px;
	}
	#sdship-okinawa .okinawa-compare-box .okinawa-after img {
		height: auto;
		max-width: 480px;
		width: 100%;
	}
	/*** ご利用料金 ***/
	#sdship-okinawa .okinawa-charge table,
	#sdship-okinawa .okinawa-charge ul { margin-bottom: 10px; }
	#sdship-okinawa .okinawa-charge thead th:first-child { padding: 8px 10px 5px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxone > * { padding: 30px 15px; }
	#sdship-okinawa .okinawa-charge .okinawa-boxmore > * { padding: 15px 7px 13px; }
	/*** 利用の流れ ***/
	#sdship-okinawa .okinawa-flow ol { margin-top: 35px; }
	#sdship-okinawa .okinawa-flow dl,
	#sdship-okinawa .okinawa-flow dl dt { display: block; }
	#sdship-okinawa .okinawa-flow dl {
		position: relative;
		padding: 35px 0;
	}
	#sdship-okinawa .okinawa-flow dl dt { text-align: center; }
	#sdship-okinawa .okinawa-flow dl dt p > img {
		position: absolute;
		left: 8px;
		top: 8px;
		width: 19px;
	}
	#sdship-okinawa .okinawa-flow dl dt p:before {
		content: '';
		display: block;
		width: 70px;
		height: 1px;
		background-color: #fb5b04;
		position: absolute;
		left: -5px;
		top: 33px;
		transform: rotate(-49deg);
	}
	#sdship-okinawa .okinawa-flow dl dd {
		line-height: 1.4;
		border: 0;
		padding: 0 25px;
		min-height: 0;
	}
	#sdship-okinawa .okinawa-flow dl dt > img {
		width: auto;
		height: 110px;
		margin: auto 5px;
	}
	#sdship-okinawa .okinawa-flow ol li:not(:first-child):before {
		border-width: 9px 9px 0;
		margin: 12px auto 10px;
	}
	#sdship-okinawa .okinawa-flow .okinawa-flow-order { display: block; }
	#sdship-okinawa .okinawa-flow .okinawa-flow-order { padding: 10px 15px; }
	#sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
		width: 100%;
		margin: 0;
		height: 31vw;
	}
	#sdship-okinawa .okinawa-flow .okinawa-flow-order:after {
		border-width: 0 8px 9px;
		left: calc(50% - 8px);
	}
	#sdship-okinawa .okinawa-flow .okinawa-flow-order p {
		width: 100%;
		padding: 15px 15px 5px;
		box-sizing: border-box;
	}
	#sdship-okinawa .okinawa-flow .long-ttl {
		display: block;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	/* 配送日程 */
	#sdship-okinawa .okinawa-flow .okinawa-h3 { margin: 35px auto 15px; }
	#sdship-okinawa .okinawa-clndr {
		display: flex;
		justify-content: space-between;
		width: calc(90% - 9%);
		padding: 15px 5% 25px 4%;
	}
	#sdship-okinawa .okinawa-clndr ul {
		display: block;
		width: 2em;
	}
	#sdship-okinawa .okinawa-clndr ul li,
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
		width: 100%!important;
		display: flex;
		align-items: center;
	}
	#sdship-okinawa .okinawa-clndr ul li {
		justify-content: center;
		position: relative;
	}
	#sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) { height: 1.4em; }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) { height: 3em; }
	#sdship-okinawa .okinawa-clndr ul .has-bar:after {
		position: absolute;
		left: 30px;
		top: calc(50% - 5px);
		width: 12px;
		height: 1px;
	}
	#sdship-okinawa .okinawa-clndr ul li:nth-child(1):after,
	#sdship-okinawa .okinawa-clndr ul li:nth-child(7):after { width: 8px; }
	#sdship-okinawa .okinawa-clndr ul li:nth-child(1):before {
		height: calc(1.4em * 6);
		top: calc(0.7em - 1px);
		width: 1px;
		left: 37px;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box {
		width: calc(100% - 2em - 22px);
		display: block;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
		margin: 0!important;
		justify-content: space-between;
		line-height: 1.5;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box .okinawa-clndr-txt {
		text-align: left;
		width: calc(75% - 20px);
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-img {
		width: 25%;
		margin: 0;
		height: auto;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-img img {
		width: 100%;
		max-width: 70px;
		height: auto;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) { height: calc(1.4em * 7); }
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
		height: 3em;
		margin-bottom: 30px!important;
	}
	#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span { display: inline; }
	/*** FAQ ***/
	#sdship-okinawa .okinawa-faq dl { width: 91%; }
	#sdship-okinawa .okinawa-faq dl > * {
		text-indent: -35px;
		padding-left: 35px;
	}
	#sdship-okinawa .okinawa-faq dl > *:before { margin-right: 8px; }
	#sdship-okinawa .okinawa-faq dl dd {
		margin: 15px 0 35px;
		line-height: 1.6;
	}
	/*** 関連記事 ***/
	#sdship-okinawa .okinawa-blog ul {
		display: block;
		width: 100%;
	}
	#sdship-okinawa .okinawa-blog ul li {
		width: 100%;
		max-width: 260px;
		box-sizing: border-box;
		padding: 20px;
		margin: 0 auto;
	}
	#sdship-okinawa .okinawa-blog ul li:first-child {
		padding: 20px 20px 0;
	}
	#sdship-okinawa .okinawa-blog ul li:last-child {
		padding: 0 20px 20px;
	}
	#sdship-okinawa .okinawa-blog ul li img {
		width: 100%;
	}
	/*** 下部のお申し込み ***/
	#sdship-okinawa .okinawa-btm {
		padding: 35px 0 45px;
		/* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */
		background:
			url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 97px) top 108px,
			url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 85px) top 174px,
			url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 75px) top 165px,
			url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% + 10px) top 100px,
			url('/img/contents/okinawa/okinawa_btm_05.png') right calc(50% - 75px) top 92px
		;
		background-repeat: no-repeat;
		background-size: 33px auto, 50px auto, 48px auto, 137px auto, 70px auto;
		background-color: #d2eff2;
	}
	/*** 最下部ボタン周り ***/
	#sdship-okinawa .okinawa-mv .sd-regist {
		font-size: 14px;
		margin-top: 15px;
	}
	#sdship-okinawa .okinawa-btn {
		font-size: 16px;
		padding: 15px 10px;
	}
	#sdship-okinawa .okinawa-btm .okinawa-h2 { margin-bottom: 200px; }
	/*** お申し込み済み ***/
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch {
		font-size: 18px;
		margin-top: 15px;
	}
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo { width: 200px; }
	#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) { width: 80px; }
	#sdship-okinawa .is-okinawa .okinawa-btn { margin-top: -5px; }
	#sdship-okinawa .okinawa-btm.is-okinawa {
		background:
			/* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */
			url('/img/contents/okinawa/okinawa_btm_01.png') left calc(50% - 107px) top 81px,
			url('/img/contents/okinawa/okinawa_btm_02.png') left calc(50% - 26px) top 156px,
			url('/img/contents/okinawa/okinawa_btm_04.png') right calc(50% - 100px) top 133px,
			url('/img/contents/okinawa/okinawa_btm_03.png') right calc(50% - 54px) top,
			url('/img/contents/okinawa/okinawa_btm_00.png') left calc(50% - 57px) top 3px
		;
		background-repeat: no-repeat;
		background-size: 70px auto, 73px auto, 73px auto, 160px auto , 100px auto;
		background-color: #ffffff;
		height: 300px;
		padding-top: 10px;
		margin-top: -10px;
	}
}
/*** 沖縄まとめ便：注文画面 ***/
#okinawa-notice,
#okinawa-notice-btm {
	margin: 15px auto;
	border-radius: 5px;
	border: 1px solid #ffc79e;
	display: flex;
	max-width: 770px;
	width: 90%;
	background: #fff6ea;
}
#okinawa-notice-btm{
	margin: 0 0 10px 0;
	width: 100%;
}
#okinawa-notice .okinawa-logo,
#okinawa-notice-btm .okinawa-logo {
	background-color: #ffc79e;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	min-width: 210px;
}
#okinawa-notice .okinawa-logo img,
#okinawa-notice-btm .okinawa-logo img {
	height: 23px;
	width: auto;
	vertical-align: middle;
	margin-right:3px;
}
#okinawa-notice .okinawa-txt,
#okinawa-notice-btm .okinawa-txt {
	padding: 12px 17px;
	flex-grow: 1;
	text-align: left;
}
#order-payment-shipping #jsp-tiles-shopping-c .delivery-info .selected-address #okinawa-notice-btm .okinawa-txt p {
	font-size: 100%;
	padding: 0;
}
#okinawa-notice .okinawa-txt img,
#okinawa-notice-btm .okinawa-txt img {
	height: 1em;
	width: auto;
}
@media screen and (max-width: 670px) {
	#okinawa-notice,
	#okinawa-notice-btm { display: block; }
	#okinawa-notice-btm { margin-top: 5px; }
	#okinawa-notice .co-dib,
	#okinawa-notice-btm .co-dib { display: inline!important;}
	#okinawa-notice .okinawa-logo,
	#okinawa-notice .okinawa-txt,
	#okinawa-notice-btm.okinawa-logo,
	#okinawa-notice-btm .okinawa-txt { padding: 8px 10px; }
	#okinawa-notice .okinawa-logo img,
	#okinawa-notice-btm .okinawa-logo img { height: 15px; }
}
/*** 沖縄まとめ便：一時停止注記-まとめ便ページ ***/
#sdship-okinawa.suspended .okinawa-mv {
	height: 730px;
	background-position: center bottom, center top 275px, left bottom, right bottom;
	padding-top: 35px;
}
#sdship-okinawa.suspended .notice-for-suspended .notice-area {
	width: 90%;
	max-width: 780px;
	background-color: #fff7e1!important;
	box-sizing: border-box;
	padding: 23px;
	margin: 0 auto 35px;
}
#sdship-okinawa.suspended .notice-for-suspended .notice-title {
	margin-bottom: 15px;
}
#sdship-okinawa.suspended .notice-for-suspended .notice-text {
	text-align: left;
	font-size: 15px;
	line-height: 1.6;
}
#sdship-okinawa.suspended .notice-for-suspended .notice-text p {
	margin-bottom: 5px;
}
/* SP */
@media screen and (max-width: 670px) {
	#sdship-okinawa.suspended .okinawa-mv {
		height: auto;
		padding-top: 20px;
		padding-bottom: 115px;
		background-position: left 5% bottom, left 65% top 57%;
		background-size: auto 14.5%, 123% auto;
	}
	#sdship-okinawa.suspended .notice-for-suspended .notice-area {
		padding: 15px 20px;
	}
	#sdship-okinawa.suspended .notice-for-suspended .notice-title {
		font-size: 14px;
	}
	#sdship-okinawa.suspended .notice-for-suspended .notice-text {
		font-size: 13px;
	}
}
/*** 沖縄まとめ便：一時停止注記-注文画面***/
/* 上部 */
#okinawa-notice-suspended {
	width: 90%;
	max-width: 600px!important;
	padding: 20px;
	margin: 15px auto;
}
#okinawa-notice-suspended .notice-title {
	margin-bottom: 10px;
}
/* SP */
@media screen and (max-width: 670px) {
	#okinawa-notice-suspended {
		padding: 15px;
	}
	#okinawa-notice-suspended .notice-text {
		font-size: 12.5px;
		white-space: nowrap;
	}
}
/* safariだけアイコンずれる対策 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	_::-webkit-full-page-media, _:future, :root #okinawa-notice-suspended .notice-title span {
		background-position: left top;
	}
}
/* 下部 */
#okinawa-notice-suspended-btm {
	width: 100%;
	max-width: none!important;
	padding: 15px;
}
@media screen and (max-width: 670px) {
	#okinawa-notice-suspended-btm .notice-text {
		font-size: 12.5px;
	}
}
@media screen and (max-width: 340px) {
	/* iPhoneSEだけ改行が微妙になるので調整 */
	#okinawa-notice-suspended-btm .se-nowrap {
		display: inline!important;
	}
}
/********************* ログイン後ヘッダ下に期間限定ポイント案内欄を追加 ***********************/
/* 海外版もあり、以下cssを元にunique_exp.cssに追記してあります。 */
/****** 開始-１週間 ******/
/*** TOP ***/
.point-top {
	background-color: #e46203!important;
	color: #ffffff;
	letter-spacing: 0.04em;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.point-top p {
	margin-bottom: 0!important;
}
.point-top .point-wrap{
	display: flex;
	align-items: center;
	max-width: 610px;
	position: relative;
	left: calc(50% - 285px);
}
.point-top .point-wrap .text-01 {
	width: 4.5em;
	font-size: 15px;
	line-height: 1.2;
	background:url('/img/top/bag_00.png') no-repeat left center;
	background-size: 31px auto;
	padding: 7px 0 5px 42px;
	margin: 0;
}
.point-top .point-wrap .text-02 {
	font-size: 18px;
	margin-bottom: -4px;
	padding-top: 2px;
}
.point-top .point-wrap .text-02 .point-yen {
	font-size: 42px;
	letter-spacing: 0.02em;
	vertical-align: -0.04em;
}
.point-top .point-wrap .text-02 .point-yen .point-tani {
	font-size: 23px;
	vertical-align: 0.1em;
}
.point-top .point-wrap .expire {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #e46203;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content : center;
	position: absolute;
	right: 25px;
	top: calc(50% - 50px);
	justify-content: center;
}
.point-top .point-wrap .expire>dt {
	margin: 0;
	font-size: 13px;
}
.point-top .point-wrap .expire>dd {
	margin: 0;
	font-size: 20px;
	display: flex;
	align-content : center;
}
.point-top .point-wrap .expire>dd .point-made {
	font-size: 11px;
	width: 1em;
	line-height: 1;
	margin: 2px 0 0 3px;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top {
		letter-spacing: 0.02em;
		padding-bottom: 2px;
	}
	.point-top .point-wrap {
		max-width: 320px;
		left: calc(50% - 153px);
	}
	.point-top .point-wrap .text-01 {
		font-size: 11px;
		line-height: 1.2;
		background:none;
		padding: 3px 0 0 0;
	}
	.point-top .point-wrap .text-02 {
		font-size: 12px;
		padding-top: 0;
		display: flex;
		align-items : center;
	}
	.point-top .point-wrap .text-02 .point-yen {
		font-size: 28px;
		letter-spacing: 0.02em;
		margin-top: 3px;
	}
	.point-top .point-wrap .text-02 .point-yen .point-tani {
		font-size: 12px;
		width: 1em;
		line-height: 1.2;
		margin-left: 2px;
		vertical-align: -0.06em;
	}
	.point-top .point-wrap .expire {
		width: 54px;
		height: 54px;
		right: -2px;
		top: calc(50% - 26px);
	}
	.point-top .point-wrap .expire>dt {
		display: none;
	}
	.point-top .point-wrap .expire>dd {
		font-size: 11px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.point-top .point-wrap .expire>dd .point-made {
		width: 3em;
		text-align: center;
		margin: 0;
	}
}
/*** TOP以外 ***/
.point-top.point-other-page .point-wrap {
	max-width: 515px;
	left: calc(50% - 240px);
}
.point-top.point-other-page .point-wrap .text-01 {
	background: none;
	width: 8.4em;
	font-size: 14px;
	padding: 0.7em 0 0 0;
}
.point-top.point-other-page .point-wrap .text-02,
.point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
	font-size: 14px;
}
.point-top.point-other-page .point-wrap .text-02 .point-yen {
	font-size: 24px;
}
.point-top.point-other-page .point-wrap .expire {
	width: 116px;
	height: 116px;
	top: calc(50% - 58px);
}
.point-top.point-other-page .point-wrap .expire>dt {
	font-size: 11px;
	width: 2.4em;
	line-height: 1.2;
}
.point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
	margin-left: 2px;
}
.point-top.point-other-page .point-wrap .expire>dd,
.point-top.point-other-page .point-wrap .expire>dd .point-made {
	font-size: 14px;
}
.point-top.point-other-page .point-wrap .expire>dd {
	align-items: center;
}
.point-top.point-other-page .point-wrap .expire>dd .point-made {
	width: 2.4em;
	margin: 0;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top.point-other-page .point-wrap {
		max-width: 320px;
		left: calc(50% - 153px);
	}
	.point-top.point-other-page .point-wrap .text-01 {
		width: 4.5em;
		font-size: 11px;
		background: none;
		padding: 3px 0 0 0;
	}
	.point-top.point-other-page .point-wrap .text-02 {
		font-size: 12px;
	}
	.point-top.point-other-page .point-wrap .text-02 .point-yen {
		font-size: 28px;
	}
	.point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
		font-size: 12px;
	}
	.point-top.point-other-page .point-wrap .expire {
		width: 54px;
		height: 54px;
		right: -2px;
		top: calc(50% - 26px);
	}
	.point-top.point-other-page .point-wrap .expire>dd,
	.point-top.point-other-page .point-wrap .expire>dd .point-made {
		font-size: 11px;
	}
	.point-top.point-other-page .point-wrap .expire>dd .point-made {
		width: 3em;
	}
}
/****** 2週間目-終了日 ******/
/*** TOP ***/
.point-top-later {
	background-color: #e46203!important;
	color: #ffffff;
	letter-spacing: 0.04em;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.point-top-later p {
	margin-bottom: 0!important;
}
.point-top-later .point-wrap {
	display: flex;
	align-items: center;
	max-width: 610px;
	position: relative;
	left: calc(50% - 305px);
	padding-left: 125px;
	margin-top: 2px;
	margin-bottom: -4px;
}
.point-top-later .point-wrap .expire {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #e46203;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content : center;
	position: absolute;
	left: 0px;
	top: calc(50% - 50px);
	justify-content: center;
}
.point-top-later .point-wrap .expire>dt {
	margin: 0;
	font-size: 13px;
}
.point-top-later .point-wrap .expire>dd {
	margin: 0;
	font-size: 20px;
	display: flex;
	align-content : center;
}
.point-top-later .point-wrap .expire>dd .point-made {
	margin: 2px 0 0 3px;
	font-size: 11px;
	width: 1em;
	line-height: 1;
}
.point-top-later .point-wrap .text-01 {
	width: 4.5em;
	font-size: 15px;
	line-height: 1.2;
}
.point-top-later .point-wrap .point-yen {
	font-size: 42px;
	letter-spacing: 0.02em;
}
.point-top-later .point-wrap .point-yen .point-tani {
	font-size: 23px;
}
.point-top-later .point-wrap .text-02 {
	font-size: 16px;
	line-height: 1.6;
	margin-left: 5px!important;
	margin-top: 15px!important;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top-later {
		letter-spacing: 0;
		padding: 2px 0 1px;
	}
	.point-top-later .point-wrap {
		max-width: 320px;
		left: calc(50% - 135px);
		padding-left: 30px;
		margin-bottom: -1px;
		margin-top: -1px;
	}
	.point-top-later .point-wrap .expire {
		width: 56px;
		height: 56px;
		left: -36px;
		top: calc(50% - 28px);
	}
	.point-top-later .point-wrap .expire>dt {
		display: none;
	}
	.point-top-later .point-wrap .expire>dd {
		font-size: 11px;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}
	.point-top-later .point-wrap .expire>dd .point-made {
		width: 3em;
		margin: 0;
		text-align: center;
	}
	.point-top-later .point-wrap .text-01 {
		font-size: 11px;
		line-height: 1.2;
	}
	.point-top-later .point-wrap .point-yen {
		font-size: 26px;
		letter-spacing: 0.02em;
		margin-top: 3px;
	}
	.point-top-later .point-wrap .point-yen .point-tani {
		font-size: 12px;
		width: 3em;
		margin-left: 2px;
	}
	.point-top-later .point-wrap .text-02 {
		font-size: 12px;
		width :9em;
		line-height: 1.2;
		margin-left: 5px!important;
		margin-top: 0!important;
	}
}
/*** TOP以外 ***/
.point-top-later.point-other-page .point-wrap {
	max-width: 515px;
	left: calc(50% - 270px);
	padding-left: 145px;
	margin-top: -1px;
	margin-bottom: -3px;
}
.point-top-later.point-other-page .point-wrap .expire {
	width: 114px;
	height: 114px;
	top: calc(50% - 58px);
}
.point-top-later.point-other-page .point-wrap .expire>dt {
	font-size: 11px;
	width: 2.4em;
	line-height: 1.2;
}
.point-top-later.point-other-page .point-wrap .expire>dd,
.point-top-later.point-other-page .point-wrap .point-yen .point-tani,
.point-top-later.point-other-page .point-wrap .expire>dd .point-made {
	font-size: 14px;
}
.point-top-later.point-other-page .point-wrap .expire>dd {
	align-items: center;
	margin-left: 3px;
}
.point-top-later.point-other-page .point-wrap .expire>dd .point-made {
	width: 2.4em;
	margin: 0;
}
.point-top-later.point-other-page .point-wrap .text-01 {
	font-size: 11px;
}
.point-top-later.point-other-page .point-wrap .point-yen {
	font-size: 24px;
	padding-top: 3px;
}
.point-top-later.point-other-page .point-wrap .point-yen .point-tani {
	margin-left:2px;
}
.point-top-later.point-other-page .point-wrap .text-02 {
	font-size: 14px;
	margin-left: 3px!important;
	margin-bottom: -7px!important;
	margin-top: 0!important;
}
/* SP */
@media screen and (max-width: 670px) {
	.point-top-later.point-other-page {
		padding: 2px 0 1px;
	}
	.point-top-later.point-other-page .point-wrap {
		max-width: 320px;
		left: calc(50% - 142px);
		padding-left: 30px;
		margin-bottom: -1px;
		margin-top: -1px;
	}
	.point-top-later.point-other-page .point-wrap .expire {
		width: 51px;
		height: 51px;
		left: -28px;
		top: calc(50% - 26px);
	}
	.point-top-later.point-other-page .point-wrap .expire>dd {
		font-size: 11px;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: 0;
	}
	.point-top-later.point-other-page .point-wrap .expire>dd .point-made {
		font-size: 11px;
	}
	.point-top-later.point-other-page .point-wrap .text-01 {
		font-size: 11px;
		line-height: 1.2;
	}
	.point-top-later.point-other-page .point-wrap .point-yen {
		font-size: 26px;
		letter-spacing: 0.02em;
		margin-top: 3px;
		padding-top: 0;
	}
	.point-top-later.point-other-page .point-wrap .point-yen .point-tani {
		font-size: 12px;
		width: 3em;
		margin-left: 2px;
	}
	.point-top-later.point-other-page .point-wrap .text-02 {
		font-size: 12px;
		width: 9em;
		margin-left: 5px!important;
		margin-bottom: 0!important;
	}
}
/* SDexport3周年記念インフォグラフィック
-------------------------------------------------- */
#ex-3rd-anniversary {
	background-color: #f0f0f0;
	line-height: 0;
}
#ex-3rd-anniversary .infograph .ex-3rd-anniversary-box {
	margin: 0 auto;
}
/* 資料請求はこちら */
#ex-3rd-anniversary .ex-3rd-anniversary-button {
	padding: 55px 0 90px;
	background-color: #f6f6f6;
}
#ex-3rd-anniversary .ex-3rd-anniversary-button p{
	margin-bottom: 47px;
	font-size: 20px;
}
#ex-3rd-anniversary .ex-3rd-anniversary-button .link {
	font-size: 19px;
	color: #ffffff;
	border-radius: 28px;
	padding: 15px 45px 15px 30px;
	background: #f29700;
	text-decoration: none;
}
#ex-3rd-anniversary .ex-3rd-anniversary-button .link span{
	margin-left: 20px;
}
#ex-3rd-anniversary .ex-3rd-anniversary-button .link:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	border-top: 2px solid #f6f6f6;
	border-right: 2px solid #f6f6f6;
	vertical-align: middle;
}
#ex-3rd-anniversary .ex-3rd-anniversary-button .link:hover {
	opacity: 0.7;
}
/* SNSボタンまわり */
#ex-3rd-anniversary .ex-3rd-anniversary-share {
	display: flex;
	justify-content: center;
	padding: 15px 0;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #f0f0f0;
}
#ex-3rd-anniversary .ex-3rd-anniversary-share.bottom .ex-3rd-anniversary-facebook-like {
	margin-left: 0;
}
#ex-3rd-anniversary .ex-3rd-anniversary-share>div {
	margin-left: 10px;
}
#ex-3rd-anniversary .ex-3rd-anniversary-share #fb-root {
	display: none;
}
/* 不要なもの非表示 */
#ex-3rd-anniversary + .push {
	height: 0;
	margin-top: -74px;
}
/* TABLET/SP */
@media screen and (max-width: 940px) {
	#ex-3rd-anniversary .infograph .ex-3rd-anniversary-img {
		width:100%;
	}
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	/* 不要なもの非表示 */
	#ex-3rd-anniversary + .push {
		height: 0;
		margin-top: -56px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	/* 資料請求はこちら */
	#ex-3rd-anniversary .ex-3rd-anniversary-button {
		padding: 35px 0 50px;
	}
	#ex-3rd-anniversary .ex-3rd-anniversary-button p{
		margin-bottom: 42px;
		font-size: 18px;
	}
	#ex-3rd-anniversary .ex-3rd-anniversary-button .link {
		font-size: 16px;
	}
}

/* メッセージ基本レイアウト -------------------------------------------- */
#msgbox[v-cloak] {
	display: none;
}
#msgbox ~ .push, #msgbox .push {
	display: none;
	height: 0;
}
#msgbox ul {
	padding: 0;
	margin: 0;
}
#msgbox *,
#msgbox *::before,
#msgbox *::after,
#msgbox a {
	box-sizing: border-box;
	text-decoration: none;
}
#msgbox .fo-checkbox > label:before {
	box-sizing: content-box;
}
#msgbox {
	height: 100%;
}
#msgbox .co-title1 {
	font-size: 137%;
	font-weight: bold;
	padding-right: 0.3em;
	color: #666666;
	width: 100%;
	padding: 0 2% 3px 2%;
	margin: 20px auto 0;
	border-bottom: 1px solid #cccccc;
}
#msgbox .main-container {
	font-size: 14px;
	display: flex;
	max-width: 1550px;
	height: 100vh;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
#msgbox .mailbox-list-container {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 205px;
	margin: 0;
	font-size: 108%;
	height: 100%;
	background: #ffffff;
	text-align: right;
}
#msgbox .mailbox-list-container .make-new {
	margin: 15px 30px 15px 47px;
	text-align: center;
}
#msgbox #mailbox-list li {
	display: inline-block;
	text-align: left;
	padding: 0 10px 0 5px;
	width: 178px;
	margin-bottom: 5px;
	border-radius: 20px 0 0 20px;
	color: #333333;
}
#msgbox #mailbox-list li.hasUnread {
	font-weight: bold;
}
#msgbox #mailbox-list li:after {
	display: none;
}
#msgbox #mailbox-list li:hover,
#msgbox #mailbox-list-sp li.selected-box,
#msgbox #mailbox-list li.selected-box {
	background: #EEEEEE;
}
#msgbox #mailbox-list li div:first-child > a {
	width: 100%;
}
#msgbox #mailbox-list li:first-child div:first-child > a {
	width: inherit;
}
#msgbox #mailbox-list li div:first-child a > span {
	color: #333333;
	display: inline-block;
	width: 100%;
	padding: 9px 15px 9px 20px;
}
#msgbox #mailbox-list li:first-child div:first-child a > span {
	padding-left: 25px;
	padding-right: 20px;
	margin-left: -5px;
	width: inherit;
}
#msgbox #mailbox-list li:first-child > div:first-child {
	float: left;
	width: 108px;
}
#msgbox .update-box {
	padding: 13px 0;
	font-size: 0;
	line-height: 0;
}
#msgbox .update-box a {
	display: inline-block;
}
#msgbox .update-box > a span {
	font-size: 14px;
	line-height: 1.1;
	vertical-align: middle;
}
#msgbox .update-box img {
	margin: -1px 5px 0 0;
	vertical-align: middle;
}
#msgbox .update-box .dvs-loading {
	padding: 5px 5px 5px 1em;
	width: 2em;
	margin-top: -10px;
}
#msgbox #mailbox-list li:not(:first-of-type):not(:last-of-type) div:first-child >a,
#msgbox #mailbox-list-sp li:not(:first-of-type):not(:nth-last-of-type(2)) div:first-child >a {
 padding-left: 1em;
}
#msgbox #mailbox-list li .unread,
#msgbox #mailbox-list-sp li .unread,
#msgbox #mailbox-list li:first-child div span.unread {
	margin-left: 5px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	padding: 3px 5px 1px;
	background: #333333;
	border-radius: 3px;
}
#msgbox .receive-alart-area {
	padding: 15px;
	border-top: #DADADA 1px solid;
	text-align: left;
	margin: 10px 25px;
	font-size: 13px;
	position: relative;
}
#msgbox .receive-alart-area-sp .status > span:after,
#msgbox .receive-alart-area .status > span:after {
	left: 43px;
}
#msgbox .receive-alart-area-sp .status.notification-off > span:after,
#msgbox .receive-alart-area .status.notification-off > span:after {
	right: 24px;
}
#msgbox .receive-alart-area-sp .status span span {
	vertical-align: 3px;
}
/* ツールチップ */
#msgbox .tool-tip-box {
	display: none;
	top: -113px;
	left: -300px;
	visibility: hidden;
	position: absolute;
	font-size: 12px;
	text-align: left;
	width: 20em;
	z-index: 1000;
}
#msgbox .co-tooltip-onmouse a:hover .tool-tip-box {
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	padding: 5px 10px;
	visibility: visible;
	top: 0;
	left: 7em;
	color: #333333;
	text-decoration: none;
	display: block;
}
#msgbox .right-container {
	flex-basis: calc(100% - 205px);
	margin: 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	position: relative;
	background: #F6F6F6;
	height: 100%;
}
#msgbox .right-container:not(.mail-new):before {
	content: " ";
	display: inline-block;
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
	position: absolute;
	z-index: 100;
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
}
#msgbox #search-box,
#msgbox #search-box-sp {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	background: #E6E6E6;
	display: flex;
	height: 60px;
	align-items: center;
}
#msgbox #search-box > div:first-child {
	flex-grow: 1;
	flex-shrink: 8;
	flex-basis: 15%;
	max-width: 240px;
	position: relative;
	overflow: visible;
	height: 34px;
}
#msgbox #search-box .fo-textbox-long {
	border-radius: 3px;
	padding: 4px 5px 5px 34px;
	margin: 0 12px;
	width: calc(100% - 24px);
	height: 34px;
	border: 1px #AAAAAA solid;
	position: relative;
	z-index: 6;
	font-size: 14px;
}
#msgbox #search-box > div:first-child:before,
#msgbox #search-box > div:first-child:after {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 7;
}
#msgbox #search-box > div:first-child:before {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px #ccc solid;
	left: 22px;
	top: 10px;
}
#msgbox #search-box > div:first-child:after {
	height: 2px;
	width: 8px;
	background: #ccc;
	left: 30px;
	top: 21px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#msgbox #search-box .fo-checkbox {
	flex-shrink: 0;
	margin: 0 0 0 20px!important;
}
#msgbox #textSerchSp {
	position: relative;
	z-index: 6;
}
#msgbox .suggest {
	width: calc(100% - 24px);
	font-size: 83%;
	border: 1px #cccccc solid;
	position: absolute;
	top: 30px;
	left: 12px;
	z-index: 5;
	max-height: 300px;
	background: #ffffff;
	overflow-y: auto;
}
#msgbox.fixed .suggest.non-fix {
	display: none!important;
}
#msgbox #new-mail-to + .suggest {
	width: 250px;
	border: 1px #999999 solid;
	left: 0;
}
#msgbox .suggest li:hover {
	background: #F6F6F6;
}
#msgbox .suggest li:first-child {
	margin-top: 2px;
}
#msgbox .suggest li a {
	padding: 3px 7px;
	display: inline-block;
	color: #333333;
	width: 100%;
	cursor: pointer;
}
#msgbox #search-box .fo-checkbox label {
	line-height: normal;
}
#msgbox #search-box-sp .search-btn-sp {
	border-radius: 3px;
	padding-left: 6px;
	margin: 0 12px;
	width: 38px;
	border: 1px #AAAAAA solid;
	background: #595959;
	background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
	background: linear-gradient(to bottom, #595959 0%, #000000 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000', GradientType=0 );
}
#msgbox #search-box-sp .suggest {
	width: 170px;
	top: 34px;
	left: 0;
}
#msgbox [id^='co-calender-input-form'] {
	position: relative;
	width: 130px;
}
#msgbox [id^='co-calender-input-form'] input {
	border: 1px #AAAAAA solid!important;
	font-size: 14px;
	height: 34px!important;
	width: 100%;
	border-radius: 3px;
}
#msgbox [id^='co-calender-input-form'] .ui-datepicker-trigger {
	border-radius: 0 3px 3px 0;
	border: 1px #AAAAAA solid;
	vertical-align: middle;
	margin-left: -31px;
	cursor: pointer;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker,
#msgbox .co-calender-input-form .hasDatepicker {
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 3px;
	height: 22px;
	border: none;
	border-left: 1px solid #e2e3ea;
	border-right: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	border-bottom: 1px solid #e3e9ef;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker:-moz-read-only,
#msgbox .co-calender-input-form .hasDatepicker:-moz-read-only {
 background-color: #ffffff;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 0px 3px;
 height:22px;
 border-left: 1px solid #e2e3ea;
 border-right: 1px solid #dbdfe6;
 border-top: 1px solid #abadb3;
 border-bottom: 1px solid #e3e9ef;
}
#msgbox [id^='co-calender-input-form'] a,
#msgbox .co-calender-input-form a {
	margin-left: 7px;
}
#msgbox [id^='co-calender-input-form'] .input-clear-date input,
#msgbox .co-calender-input-form .input-clear-date input {
	width: 135px;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker.fo-disabled-select,
#msgbox .co-calender-input-form .hasDatepicker.fo-disabled-select {
	color: #cccccc;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#msgbox .right-container:not(.mail-new) .right-container-inner {
	display: flex;
	height: calc(100% - 60px);
	background: #F6F6F6;
}
#msgbox #mail-list {
	flex-grow: 0;
	flex-shrink: 4;
	flex-basis: 43%;
	height: 100%;
	max-width: 500px;
	min-width: 345px;
	border-right: 1px solid #cccccc;
	position: relative;
}
#msgbox .sort-box {
	align-items: center;
	background: #F6F6F6;
	max-width: 500px;
	height: 49px;
}
#msgbox .sort-box .fo-checkbox {
	border-right: 1px solid #dadada;
	padding: 15px 17px;
	height: 49px;
	margin-right: 5px;
	float: left;
}
#msgbox .sort-box select {
	border-radius: 3px;
	display: inline-block;
	padding-right: 21px;
	background-color: #ffffff;
	margin: 9px 5px 9px 7px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#msgbox .sort-box select::-ms-expand {
 display: none;
}
#msgbox .sort-box .co-slct-pldwn {
	margin: 0;
}
#msgbox .sort-box .selected-action {
	float: left;
}
#msgbox .sort-box .selected-action select:disabled {
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	color: #aaaaaa;
	background-image: url('/img/button/arrow_down_dis.png');
}
#msgbox .sort-box .sort {
	border-radius: 3px;
	padding: 0 5px 0 0;
	float: right;
}
#msgbox .sort-box .fo-checkbox label,
#msgbox #mail-list .fo-checkbox label {
	padding-left: 17px;
	float: left;
	margin: 0;
}
#msgbox .sort-box .fo-checkbox label span,
#msgbox #mail-list .fo-checkbox label span {
	left: 11px;
}
#msgbox .mail-list-container {
	height: calc(100% - 84px);
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 1px solid #cccccc;
}
#msgbox .mail-list-container li {
	padding: 0 8px;
	border-bottom: 1px solid #cccccc;
	display: flex;
	align-items: center;
	background: #ffffff;
}
#msgbox.sent-mail-box .mail-list-container li {
	padding-left: 15px;
}
#msgbox .mail-list-container li:hover,
#msgbox .mail-list-container li.viewing {
	background: #F6F6F6;
}
#msgbox .mail-list-container li.checking {
	background: #FFF7E1;
}
#msgbox .mail-list-container li:last-child {
	margin-bottom: -1px;
}
#msgbox .mail-list-container li .fo-checkbox {
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 17px 0 9px;
}
#msgbox .status {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 79px;
	min-width: 79px;
	margin-top: 1px;
}
#msgbox .status > span {
	display: inline-block;
	border-radius: 11px;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	position: relative;
	padding: 0 23px 0 10px;
	background: #2489CE;
	height: 22px;
	min-width: 62px;
	text-align: center;
	cursor: pointer;
}
#msgbox .status.processed > span,
#msgbox .status.notification-off > span {
	padding: 0 10px 0 23px;
	background: #AAAAAA;
}
#msgbox .status > span:after {
	content: " ";
	display: inline-block;
	background: #ffffff;
	position: absolute;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 50px;
	transition: 0.2s all;
}
#msgbox .status.processed > span:after,
#msgbox .status.notification-off > span:after {
	left: 3px;
	transition: 0.2s all;
}
#msgbox .status.moving span span {
	animation-name: toggleBtn;
	animation-duration: 0.2s;
	animation-timing-function: linear;
}
@keyframes toggleBtn {
 0% {
 opacity:1;
}
 50% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
#msgbox .updating .update-box .dvs-loading {
	display: inline-block;
}
#msgbox .updating .update-box a > span {
	display: none;
}
#msgbox .updating .status span {
	display: none!important;
}
#msgbox .mail-list-container .mail-info {
	flex-grow: 0;
	flex-shrink: 5;
	flex-basis: 100%;
	padding: 5px 0;
	cursor: pointer;
}
#msgbox .mail-list-container .mail-info .title {
	height: 1.6em;
	margin-bottom: 3px;
	overflow: hidden;
	vertical-align: middle;
	word-break: break-all;
}
#msgbox .mail-list-container .mail-info .title .has-threads {
	padding: 3px 5px 2px;
	background: #DADADA;
	display: inline-block;
	position: relative;
	font-size: 11px;
	line-height: 1;
	vertical-align: top;
	color: #666666;
	font-weight: bold;
	margin-right: 3px;
}
#msgbox .mail-list-container .mail-info .title .has-threads:after {
	content: " ";
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 0;
	border-color: #DADADA transparent transparent transparent;
	top: 100%;
	left: calc(50% - 2px);
}
#msgbox .mail-list-container .mail-info .title img {
	height: 25px;
	width: 23px;
	display: inline-block;
	padding: 0 2px 3px;
	vertical-align: middle;
}
#msgbox .mail-list-container li:not(.read) .mail-info * {
	font-weight: bold;
	color: #333333;
}
#msgbox .mail-list-container .mail-info-inner {
	display: flex;
}
#msgbox .mail-list-container .mail-info-inner .sender,
#msgbox .mail-list-container .mail-info-inner .received-date {
	color: #8F8F8F;
	font-size: 87%;
	height: 1.5em;
	line-height: 1.8em;
	overflow: hidden;
}
#msgbox .mail-list-container .mail-info-inner .sender {
	flex-grow: 2;
	flex-shrink: 2;
	min-width: 0;
}
#msgbox .mail-list-container .mail-info-inner .received-date {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 10em;
	text-align: right;
}
#msgbox .mail-list-container li:not(.read) .mail-info .received-date {
	flex-basis: 10.5em;
}
#msgbox #mail-list .pagenation {
	background: #F6F6F6;
	border-top: #BBBBBB 1px solid;
	font-size: 86%;
	height: 35px;
	line-height: 24px;
	font-weight: bold;
	color: #666666;
	width: 100%;
	z-index: 3;
	display: flex;
	justify-content: flex-end;
	vertical-align: middle;
}
#msgbox #mail-list .pagenation span {
	display: inline-block;
}
#msgbox #mail-list .pagenation .search-results {
	font-weight: normal;
	font-size: 10px;
}
#msgbox #mail-list .pagenation .page :before,
#msgbox #mail-list .pagenation .page :after {
	box-sizing: content-box;
}
#msgbox #mail-list .pagenation .page {
	vertical-align: 1px;
	line-height: 22px;
}
#msgbox #mail-list .pagenation .page a {
	padding: 0 7px;
}
#msgbox #mail-list .co-pager .page a:hover {
	background-color: transparent;
}
#msgbox #message {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 57%;
	margin-top: 49px;
	height: calc(100% - 49px);
	position: relative;
	background: #F6F6F6;
	border-top: 1px solid #CCCCCC;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
#msgbox .mail-box-container-sp {
	display: none;
}
#msgbox #message .mail-detail {
	width: 100%;
	height: 100%;
	line-height: 1.8;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-content: space-between;
}
#msgbox #message .mail-detail .title,
#msgbox #message .mail-detail [class^='selected-mail'] {
	padding: 25px 30px 10px;
	background: #ffffff;
	margin: 0 0 10px;
	word-break: break-all;
	clear: both;
}
#msgbox #message .mail-detail [class^='selected-mail'] {
	padding: 20px 30px;
}
#msgbox #message .mail-detail .title {
	border-bottom: 1px solid #dadada;
	margin-bottom: 0px;
	flex-grow: 0;
	flex-shrink: 0;
}
#msgbox #message .mail-detail .title > span:first-child {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	width: auto;
	min-width: 130px;
}
#msgbox #message .mail-detail .title > span:first-child .category {
	display: inline-block;
	padding: 2px 4px 0;
	border: #707070 1px solid;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 3px;
	line-height: 1.4;
}
#msgbox #message .mail-detail .title .co-fr {
	text-align: right;
	margin-top: 2px;
	width: 140px;
}
#msgbox #message .mail-detail .title .co-fr > a {
	display: inline-block;
	padding: 2px 4px 2px 18px;
	font-size: 13px;
	background: url("/img/messagebox/reply.svg") no-repeat left center;
}
#msgbox #message .mail-detail .title .co-fr div {
	display: inline-block;
}
#msgbox #message .mail-detail-body {
	flex-grow: 2;
	flex-shrink: 0;
	overflow-y: auto;
}
#msgbox #message .mail-detail .message-header {
	border-bottom: #DADADA solid 1px;
	padding-bottom: 8px;
	margin-bottom: 12px;
}
#msgbox #message .mail-detail .body > div {
	padding-bottom: 15px;
}
#msgbox #message .mail-detail .sender {
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
#msgbox #message .mail-detail .received-date {
	font-size: 12px;
	float: right;
}
#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a {
	padding: 9px 26px 9px 22px;
}
#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a:before {
	content: url('/img/messagebox/reply.svg');
}
/*▼過去のテンプレート用（はみ出さないように）*/
#msgbox #message .mail-detail .body .transaction * {
	word-break: break-all!important;
	max-width: 100%!important;
	width: auto!important;
	font-size: 13px!important;
}
#msgbox #message .mail-detail .body .transaction td,
#msgbox #message .mail-detail .body .transaction th {
	width: auto!important;
}
/*スレッド表示関連*/
#msgbox #message .mail-detail input {
	display: none;
}
#msgbox #message .mail-detail .all-detail-open,
#msgbox #message .mail-detail .mail-body-openTgl {
	color: #0066CC;
	text-align: right;
	display: inline-block;
	margin: 8px 30px;
	position: relative;
	padding-right: 13px;
	float: right;
	font-size: 13px;
	cursor: pointer;
}
#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl {
	margin: -15px 0 0;
	width: 100%!important;
	padding: 0 13px;
	background-color: #ffffff;
	box-shadow: 0 -10px 20px 11px #ffffff;
	color: #0066cc;
}
#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl span {
	line-height: 1;
}
#msgbox #message .mail-detail .all-detail-open:after,
#msgbox #message .mail-detail .mail-body-openTgl span:after {
	content: " ";
	display: inline-block;
	position: absolute;
	height: 9px;
	width: 9px;
	border-left: #AAAAAA 2px solid;
	border-bottom: #AAAAAA 2px solid;
	transform: rotate(-45deg);
	right: 0;
	top: calc(50% - 7px);
}
#msgbox #message .mail-detail .mail-body-openTgl span:before {
	content: "\958B\304F";
}
#msgbox #message .mail-detail [id^='mail-body'] + div + .body > div {
	max-height: 6.1em;
	overflow: hidden;
}
#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body label {
	display: none;
}
#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body > div,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body > div {
	max-height: 5000em;
	height: auto;
}
#msgbox #message .mail-detail .all-detail-open.opened:after,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:after {
	transform: rotate(135deg);
	top: calc(50% - 2px);
}
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl {
	box-shadow: none;
	padding-top: 4px;
}
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:before {
	content: "\9589\3058\308b";
}
#msgbox #message .attach-files {
	background: url("/img/messagebox/clip_00.svg") no-repeat left 0;
	background-size: 19px 23px;
	padding-left: 25px;
	margin-top: 8px;
}
#msgbox #message .attach-files a {
	margin-right: 15px;
	display: inline-block;
}
#msgbox.sent-mail-box .mail-list-container .status,
#msgbox.sent-mail-box .co-slct-pldwn.selected-action,
#msgbox.sent-mail-box .has-threads,
#msgbox.sent-mail-box #search-box .fo-checkbox,
#msgbox.sent-mail-box #mail-list .fo-checkbox,
#msgbox.sent-mail-box .sort-box .fo-checkbox,
#msgbox.sent-mail-box #rwd_search_box ul.co-order-type-list li:nth-of-type(3),
#msgbox.sent-mail-box #rwd_search_box label.co-order-check {
	display: none;
}
#msgbox.sent-mail-box .mail-list-container li:not(.read) .mail-info .title {
	font-weight: normal;
}
#msgbox .co-order-type-mdl-content .co-order-type-word:before,
#msgbox .co-order-type-mdl-content .co-order-type-word:after {
	box-sizing: content-box;
}
#msgbox .co-order-type-mdl .co-order-type-mdl-content ul.co-order-type-list li ul li {
	border-bottom: none;
}
/*最初と検索結果０件の表示*/
#msgbox .no-result {
	padding: 5% 10%;
}
#msgbox .no-result a:before {
	content: "\0d7";
	color: #ffffff;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	height: 16px;
	width: 16px;
	background: #999999;
	border-radius: 9px;
	line-height: 16px;
	margin-right: 4px;
}
#msgbox #message .no-messages {
	height: 100%;
	width: 100%;
	padding: 50px 20px;
	text-align: center;
	color: #AAAAAA;
}
#msgbox #message .no-messages p.co-b {
	font-size: 138%;
	font-weight: bold;
}
#msgbox #message .no-messages p {
	margin: 5px 0;
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox .co-title1 {
		padding-bottom: 10px;
		border: none;
	}
	#msgbox.fixed .mail-list-container {
		position: relative;
	}
	#msgbox.fixed #mail-list .pagenation {
		bottom: 0;
		left: 0;
	}
	#msgbox.search-condition #rwd_search_box {
		top: 0;
	}
	#msgbox.search-condition #rwd_search_box,
	#msgbox.search-condition #rwd_mail_box_mdl {
		z-index: 9999;
	}
	#msgbox.search-condition #rwd_search_box .co-order-type-mdl-footer {
		bottom: 0;
	}
	#msgbox #rwd_mail_box_mdl.co-order-type-mdl #mailbox-list-sp {
		margin-bottom: 57px;
	}
	#msgbox .co-order-type-mdl ul li.alart-sp div {
		text-align: center;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp {
		position: fixed;
		width: 100%;
		bottom: 0;
		border: none;
		background: #fff;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li {
		border: none;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp:before,
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:before {
		display: none;
		border: none;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:hover,
	#msgbox.category #rwd_mail_box_mdl .alart-sp:hover {
		background: #ffffff;
	}
	#top.before-selecting-category{
		position: fixed;
		right: -100%;
	}
	#top.before-selecting-category #rwd_mail_box_mdl{
		left: 0;
		top: 0;
	}
	#top.selecting-category #rwd_mail_box_mdl{
		left: -100%;
		top: 0;
	}
	#top.after-selecting-category #rwd_mail_box_mdl{
		transition: unset;
	}
	#msgbox #fixed-mail-list-header {
		width: 100%;
		z-index: 10;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		display: flex;
		top: -100%;
		left: 0;
		position: fixed;
		transition: left 0.3s;
	}
	#msgbox.fixed #fixed-mail-list-header {
		top: 0;
	}
	#top.mail-open ,
	#top.mail-open #fixed-mail-list-header {
		left: -100%;
	}
	#msgbox #fixed-mail-list-header .mailbox-list-container {
		flex-basis: 40px;
	}
	#top #rwd_mail_box_mdl,
	#top #rwd_search_box {
		position: fixed;
		transition: top 0.3s, left 0.3s;
		top: 100vh;
		left: 0;
	}
	#top.mail-box #rwd_mail_box_mdl {
		top: 0;
	}
	#msgbox .alart-sp,
	#msgbox .co-order-type-mdl-footer {
		transition: bottom 0.3s;
		bottom: -63px;
	}
	#msgbox {
		text-align: center;
	}
	#msgbox .receive-alart-area-sp{
		width: auto;
		text-align: center;
		margin: 0 auto;
		padding: 5px 0;
	}
	#msgbox .receive-alart-area-sp a,
	#msgbox .receive-alart-area-sp .co-popup-link-03 {
		font-size: 14px;
		color: #333333;
		padding-right: 15px;
		display: inline-block;
	}
	#msgbox .receive-alart-area-sp > * {
		display: inline-block;
		font-size: 88%;
		min-width: 29px;
	}
	#msgbox .receive-alart-area-sp a:hover .tool-tip-box {
		bottom: calc(100% + 2px);
		left: -23px;
		width: 250px;
		top: auto;
	}
	#msgbox .main-container {
		text-align: left;
		display: block;
		min-height: 100vh;
		max-height: inherit;
		height: auto;
		width: 100%;
		margin: 0 auto;
		position: relative;
		background: #F6F6F6;
	}
	#msgbox .update-box a span {
		color: #ffffff!important;
		font-size: 13px;
	}
	#msgbox .mailbox-list-container {
		margin: 0;
		height: 40px;
		background: #2489CE;
		display: flex;
		font-size: 15px;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		z-index: 3;
	}
	#msgbox #mailbox-list {
		display: inline-block;
		text-align: left;
	}
	#msgbox .mailbox-list-container .make-new,
	#msgbox .mailbox-list-container .make-new span,
	#msgbox .mailbox-list-container .make-new a,
	#msgbox .mailbox-list-container li.selected-box {
		border: none;
		background: transparent;
		text-shadow: none;
		color: #ffffff;
		padding: 0;
		border-radius: 0;
	}
	#msgbox .mailbox-list-container .make-new {
		margin: 0;
		display: inline-block;
		flex-basis: 70px;
	}
	#msgbox .mailbox-list-container .make-new a {
		line-height: 40px;
		text-align: left;
		background: url("/img/messagebox/create.svg") no-repeat 10px center;
		padding: 0 0 0 30px;
	}
	#msgbox .mailbox-list-container .mailbox-list-sp {
		text-align: left;
		flex-basis: calc(100% - 50px);
		display: inline-block;
		background: url("/img/messagebox/folder.svg") no-repeat 10px center;
	}
	#msgbox .mailbox-list-sp > a > span {
		display: inline-block;
		color: #ffffff;
		font-weight: bold;
		padding: 0 10px 0 40px;
		line-height: 40px;
		border-right: #54A9E3 solid 1px;
	}
	#msgbox .mail-box-container-sp .update-box,
	#msgbox .mailbox-list-container .update-box {
		text-align: left;
		padding: 0 0 0 5px;
		margin: 0;
		display: inline-block;
	}
	#msgbox .mail-box-container-sp .update-box a,
	#msgbox .mailbox-list-container .update-box a {
		display: inline-block;
		line-height: 38px;
		font-size: 13px;
	}
	#msgbox #mailbox-list li .unread,
	#msgbox #mailbox-list li:first-child div span.unread {
		display: none;
	}
	#top.mail-open #msgbox .receive-alart-area {
		display: none;
	}
	#msgbox .right-container:not(.mail-new):before {
		display: none;
	}
	#msgbox #search-box-sp {
		justify-content: space-between;
		padding: 8px 15px 5px;
		height: auto;
		width: 100%;
		z-index: 5;
		flex-wrap: wrap;
		font-size: 13px;
	}
	#msgbox #search-box-sp > div:first-child {
		width: calc(100% - 80px);
	}
	#msgbox #search-box-sp > div:first-child > div {
		display: inline-flex;
		position: relative;
		width: 100%;
		max-width: 228px;
	}
	#msgbox #search-box-sp .fo-textbox-long {
		border-radius: 3px 0 0 3px;
		padding: 5px 9px 6px;
		margin: 0 0 3px 0;
		max-width: 190px;
		height: 35px;
		border: 1px #AAAAAA solid;
		background: #ffffff;
		font-size: 13px;
	}
	#msgbox #search-box-sp .search-btn-sp {
		border-radius: 0 3px 3px 0;
		margin: 0 0 3px -1px;
		width: 38px;
		height: 35px;
		border: none;
		background: url("/img/common/header/search/search_btn_00.png") #595959;
		background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
		background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
		background: url("/img/common/header/search/search_btn_00.png"), linear-gradient(to bottom, #595959 0%, #000000 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000', GradientType=0 );
		background-repeat: no-repeat;
		background-position: 50%, 0;
		background-size: 13px, 100%;
		flex-shrink: 0;
	}
	#msgbox #search-box-sp .suggest {
		width: calc(100% - 38px);
	}
	#msgbox #search-box-sp .search-conditions {
		width: 100%;
		border-top: #cccccc 1px solid;
		margin: 4px 0 3px 0;
	}
	#msgbox #search-box-sp .search-conditions a {
		position: relative;
		background: #8F8F8F;
		border-radius: 14px;
		padding: 0 24px 0 9px;
		margin: 6px 3px 2px 0;
		display: inline-block;
	}
	#msgbox #search-box-sp .search-conditions a:before {
		content: ' ';
		display: inline-block;
		top: 3px;
		right: 3px;
		position: absolute;
		background: #ffffff;
		border-radius: 50%;
		width: 14px;
		height: 14px;
	}
	#msgbox #search-box-sp .search-conditions span {
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
	}
	#msgbox #search-box-sp .search-conditions span:after,
	#msgbox #search-box-sp .search-conditions span:before {
		content: ' ';
		display: inline-block;
		background: #8F8F8F;
		height: 10px;
		width: 2px;
		position: absolute;
		right: 9px;
		top: 5px;
		transform: rotate(45deg);
	}
	#msgbox #search-box-sp .search-conditions span:before {
		transform: rotate(-45deg);
	}
	#msgbox #search-box-sp .search-conditions span:active:after {
		background: #333333;
		color: #ffffff;
	}
	#msgbox .order-refine {
		text-align: right;
	}
	#msgbox .order-refine a {
		margin: 0;
		display: block;
		color: #1b76d1;
		cursor: pointer;
		width: 5.7em;
	}
	#msgbox .order-refine a:before {
		content: '';
		display: inline-block;
		vertical-align: -1px;
		height: 12px;
		width: 15px;
		background-image: url('/img/common/icon/order_refine_00.png');
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 3px;
		filter: brightness(0.8) invert(0.2) sepia(100%) hue-rotate(170deg) contrast(450%);
	}
	#msgbox .sort-box .sort {
		height: 49px;
		padding: 13px 0;
	}
	#msgbox .sort-box .sort select {
		cursor: pointer;
		margin: 0;
		border: none;
		padding: 0 0 0 17px;
		color: #1b76d1;
		background-color: transparent;
		background-image: url('/img/common/icon/order_change_01.png');
		background-size: 15px 13px;
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 13px;
	}
	#msgbox .sort-box .sort select option {
		color: #333333;
		padding: 0;
	}
	#msgbox .right-container {
		border: none;
	}
	#msgbox .right-container:not(.mail-new) .right-container-inner{
		display: block;
		height: 100%;
	}
	#msgbox #mail-list {
		width: 100%;
		min-width: 270px;
		max-width: 100000px;
		border-right: none;
	}
	#msgbox .mail-list-container {
		overflow-y: hidden;
		border: none;
		min-height: 150px;
		height: auto;
	}
	#msgbox .mail-list-container ul {
		padding-bottom: 40px;
	}
	#msgbox .sort-box {
		max-width: 100%;
		align-items: center;
		width: 100%;
		z-index: 3;
		border-bottom: 1px solid #cccccc;
	}
	#msgbox .sort-box .fo-checkbox {
		padding: 15px 10px;
		height: 100%;
		margin: 0;
	}
	#msgbox .sort-box .fo-checkbox label,
	#msgbox .mail-list-container .fo-checkbox label,
	#msgbox .fo-checkbox label:before {
		width: 15px;
		height: 15px;
	}
	#msgbox .sort-box .sort {
		padding-right: 15px;
	}
	#msgbox .mail-list-container li .fo-checkbox {
		margin: 0 10px 0 2px;
	}
	#msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:before,
	#msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:before {
		width: 7px;
		-ms-transform: rotate(46deg);
		-webkit-transform: rotate(46deg);
		transform: rotate(46deg);
		top: 9px;
		left: -25px;
		border-radius: 0 3px 0 0;
		height: 3px;
	}
	#msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:after,
	#msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:after {
		width: 10px;
		-ms-transform: rotate(-46deg);
		-webkit-transform: rotate(-46deg);
		transform: rotate(-46deg);
		top: 8px;
		left: -22px;
		height: 3px;
	}
	#msgbox #mail-list .pagenation {
		height: 40px;
		justify-content: space-between;
		bottom: -41px;
		position: fixed;
		transition: bottom 0.3s, left 0.3s;
		padding: 2px 5px 2px;
	}
	#msgbox #mail-list .pagenation .to-top {
		margin-left: 5px;
	}
	#msgbox #mail-list .pagenation .to-top a {
		display: inline-block;
		padding: 5px 0 5px 23px;
		background: url('/img/messagebox/pagetop.svg') no-repeat 5px 47%;
		font-weight: normal;
		font-size: 13px;
	}
	#msgbox #mail-list .pagenation .to-top a,
	#msgbox #mail-list .pagenation .to-top a:hover,
	#msgbox #mail-list .pagenation .to-top a:visited,
	#msgbox #mail-list .pagenation .to-top a:active {
		color: #0066CC;
	}
	#msgbox #message {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -100%;
		transition: right 0.3s;
		margin-top: 0;
		width: 100%;
		height: 100%;
		line-height: 1.8;
		z-index: 10;
	}
	#top.mail-open #msgbox #message {
		right: 0;
		border-top: none;
	}
	#msgbox .mail-box-container-sp {
		display: flex;
		height: 38px;
		background: #2489CE;
		align-items: center;
		justify-content: space-between;
		padding: 0 3% 0 0;
		border-right: none;
		flex-basis: 38px;
		flex-grow: 0;
		flex-shrink: 0;
	}
	#msgbox .mail-box-container-sp .current-box {
		display: inline-block;
		padding: 0 0 0 23px;
		height: auto;
		color: #ffffff;
		position: relative;
		font-size: 15px;
		font-weight: bold;
		flex-shrink: 0;
		flex-grow: 0;
		width: 70px;
	}
	#msgbox .mail-box-container-sp .current-box:before {
		content: " ";
		display: inline-block;
		position: absolute;
		height: 10px;
		width: 10px;
		border-left: #ffffff 2px solid;
		border-bottom: #ffffff 2px solid;
		transform: rotate(45deg);
		left: 10px;
		top: calc(50% - 6px);
	}
	#msgbox #mailbox-list-sp li {
		position: relative;
	}
	#msgbox .mail-box-container-sp .new-mail-head-title {
		text-align: center;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		flex-shrink: 0;
		flex-grow: 3;
		flex-basis: calc(97% - 70px);
		display: inline-block;
		padding-right: 70px;
	}
	#msgbox #mailbox-list-sp li {
		position: relative;
	}
	#msgbox #mailbox-list-sp li div a {
		color: #333333;
		font-size: 15px;
	}
	#msgbox #mailbox-list-sp li:before {
		content: " ";
		display: inline-block;
		position: absolute;
		height: 10px;
		width: 10px;
		border-top: #333333 2px solid;
		border-right: #333333 2px solid;
		transform: rotate(45deg);
		right: 3%;
		top: calc(50% - 6px);
	}
	#msgbox #message .mail-detail,
	#msgbox #message .no-messages {
		overflow: hidden;
		border: none;
	}
	#msgbox #message .no-messages {
		display: none;
	}
	#msgbox #message .mail-detail .title {
		width: 100%;
		flex-grow: 0;
		flex-shrink: 0;
	}
	#msgbox #message .mail-detail .mail-detail-body {
		overflow-y: scroll;
		flex-grow: 3;
		flex-shrink: 2;
	}
	#msgbox #message .mail-detail .title > span,
	#msgbox #message .mail-detail .title > div {
		width: inherit;
		display: inline-block;
	}
	#msgbox #message .mail-detail .title .co-fr {
		width: 132px;
	}
	#msgbox #message .mail-detail .title > span:first-child {
		width: auto;
		min-width: 100px;
		margin-bottom: 3px;
	}
	#msgbox .co-order-type-mdl ul li div,
	#msgbox #rwd_search_box .co-order-check-list:last-child {
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-date-list {
		display: table;
		width: 100%;
		text-align: right;
		padding-right: 8px;
	}
	#msgbox #rwd_search_box .co-order-date-list div.co-order-type-cap {
		display: table-cell;
		width: 3.7em;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-check-list div.co-order-type-cap {
		width: 3.7em;
	}
	#msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) {
		display: table-cell;
		margin-bottom: -3px;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) > div {
		margin-bottom: 3px;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-check-list:last-child {
		padding: 0 0 0 12px;
		text-align: left;
	}
	#msgbox #rwd_mail_box_mdl.co-order-type-mdl .co-order-type-mdl-content {
		height: calc(100% - 51px);
	}
	#msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-input {
		width: calc(100% - 3.7em);
	}
	#msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-word .suggest {
		width: calc(100% - 2px);
		top: 35px;
		left: 1px;
	}
}

/* SP */
@media screen and (max-width: 671px) {
	#msgbox .co-title1 {
		font-size: 20px;
	}
	#msgbox .mail-list-container ul {
		padding-bottom: 90px;
	}
	#msgbox .mail-list-container .mail-info {
		padding-top: 0;
	}
	#msgbox .mail-list-container .mail-info .sender,
	#msgbox .mail-list-container .mail-info .received-date {
		font-size: 11px;
	}
	#msgbox .mail-list-container .mail-info .title {
		height: 2.2em;
		line-height: 2.5em;
		margin-bottom: 0;
	}
	#msgbox .mail-list-container .mail-info .title .has-threads {
		vertical-align: middle;
		margin-top: -5px;
	}
	#msgbox #message {
		margin-top: 0;
		height: 100%;
	}
	#msgbox .mail-list-container .mail-info .title,
	#msgbox #message,
	#msgbox #message .mail-detail .sender {
		font-size: 13px;
	}
	#msgbox #message .mail-detail .title > span:first-child .category {
		font-size: 11px;
	}
	#msgbox #message .mail-detail .title > span:first-child {
		font-size: 14px;
	}
	#msgbox #message .mail-detail .title,
	#msgbox #message .mail-detail [class^='selected-mail'] {
		padding: 12px 17px 8px;
	}
	#msgbox #message .mail-detail {
		height: calc(100% - 38px);
	}
	#msgbox #message .mail-detail .message-header {
		padding-bottom: 5px;
	}
	#msgbox #message .mail-detail [class^='selected-mail'] {
		padding-bottom: 12px;
	}
	#msgbox #message .mail-detail .all-detail-open {
		margin: 9px 15px;
	}
}
/* ローディングアニメ */
#msgbox .main-container .loading-l {
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
}
#msgbox .main-container .loading-l div {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 0;
}
#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after,
#msgbox .main-container .loading-l span,
#msgbox .main-container .loading-l span:before,
#msgbox .main-container .loading-l span:after {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	border-radius: 50%;
	-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: post-inq-send 0.7s infinite;
	animation: post-inq-send 0.7s infinite;
	box-shadow: 0 0 0 3px #ffffff;
}
#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after,
#msgbox .main-container .loading-l span:before,
#msgbox .main-container .loading-l span:after {
	content: '';
}
#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after {
	left: 0;
}
#msgbox .main-container .loading-l div:before {
	background-color: #f0f0f0;
	top: -30px;
}
#msgbox .main-container .loading-l span:nth-child(1):before {
	background-color: #eeeeee;
	animation-delay: 0.1s;
}
#msgbox .main-container .loading-l span:nth-child(1) {
	background-color: #dcdcdc;
	left: 30px;
	animation-delay: 0.2s;
}
#msgbox .main-container .loading-l span:nth-child(1):after {
	background-color: #d3d3d3;
	animation-delay: 0.3s;
}
#msgbox .main-container .loading-l div:after {
	background-color: #c0c0c0;
	top: 30px;
	animation-delay: 0.4s;
}
#msgbox .main-container .loading-l span:nth-child(2):after {
	background-color: #a9a9a9;
	animation-delay: 0.5s;
}
#msgbox .main-container .loading-l span:nth-child(2) {
	background-color: #808080;
	left: -30px;
	animation-delay: 0.6s;
}
#msgbox .main-container .loading-l span:nth-child(2):before {
	background-color: #696969;
	animation-delay: 0.7s;
}
#msgbox .main-container .loading-l span:nth-child(1),
#msgbox .main-container .loading-l span:nth-child(2) {
	top: 0;
}
#msgbox .main-container .loading-l span:nth-child(1):before,
#msgbox .main-container .loading-l span:nth-child(2):before {
	top: -20px;
}
#msgbox .main-container .loading-l span:nth-child(1):after,
#msgbox .main-container .loading-l span:nth-child(2):after {
	top: 20px;
}
#msgbox .main-container .loading-l span:nth-child(1):before,
#msgbox .main-container .loading-l span:nth-child(1):after {
	left: -10px;
}
#msgbox .main-container .loading-l span:nth-child(2):before,
#msgbox .main-container .loading-l span:nth-child(2):after {
	left: 10px;
}
/* アニメーション */
@-webkit-keyframes post-inq-send {
	 0% {
	background-color: #f0f0f0;
	}
	 100% {
	background-color: #696969;
	}
}
@-moz-keyframes post-inq-send {
	 0% {
	background-color: #f0f0f0;
	}
	 100% {
	background-color: #696969;
	}
}
@-ms-keyframes post-inq-send {
	 0% {
	background-color: #f0f0f0;
	}
	 100% {
	background-color: #696969;
	}
}
@keyframes post-inq-send {
	 0% {
	background-color: #f0f0f0;
	}
	 100% {
	background-color: #696969;
	}
}
/*--------------------------------------------
		メール新規作成・返信
---------------------------------------------*/
#msgbox .right-container.mail-new {
	height: 100%;
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
	overflow-y: auto;
}
#msgbox .right-container .mail-new-inner {
	width: 100%;
	height: calc(100% - 38px);
}
#msgbox .right-container .mail-new-inner > div > div:not(.confirm-btn):not(.mail-box-container-sp) {
	max-width: 718px;
	margin: 30px auto;
	border: #DADADA solid 1px;
	background: #ffffff;
}
#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
	background: #EEEEEE;
	padding: 25px 60px 10px;
}
#msgbox .right-container .mail-new-inner > div:not(.confirm) > div:not(.confirm-btn) > div > div{
	width: 100%;
}
#msgbox .right-container .new-mail-th {
	display: inline-block;
	width: 8em;
	color: #666666;
	font-weight: bold;
	vertical-align: top;
	margin: 0.4em 0 12px;
}
#msgbox .right-container .new-mail-td {
	display: inline-block;
	width: calc(100% - 8em);
	margin: 0 0 12px;
	vertical-align: middle;
}
#msgbox .right-container .confirm .new-mail-th,
#msgbox .right-container .confirm .new-mail-td {
	margin-bottom: 4px;
	font-size: 13px;
}
#msgbox .right-container.mail-new .confirm .new-mail-th {
	width: 2.2em;
	margin: 2px 30px 3px 0;
}
#msgbox .right-container .mail-new-inner > .confirm .new-mail-th {
	width: 2.2em;
	margin: 2px 30px 3px 0;
}
#msgbox .right-container .mail-new-inner > .confirm .new-mail-td {
	font-size: 14px;
	width: calc(100% - 2.2em - 30px);
}
#msgbox .right-container .new-mail-td .fo-errors-box {
	margin-top: 3px;
}
#msgbox .right-container .new-mail-to.new-mail-td{
	position: relative;
}
#msgbox .right-container .new-mail-to.new-mail-td input,
#msgbox .right-container .new-mail-td.new-mail-subject input{
	padding-left: 30px;
	line-height: 24px;
	height: 34px;
	font-size: 14px;
	border-radius: 3px;
}
#msgbox .right-container .new-mail-to.new-mail-td:before,
#msgbox .right-container .new-mail-to.new-mail-td:after{
	content: '';
	display: block;
	position: absolute;
	box-sizing: content-box;
}
#msgbox .right-container .new-mail-to.new-mail-td:before{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px #ccc solid;
	left: 8px;
	top: 9px;
}
#msgbox .right-container .new-mail-to.new-mail-td:after{
	height: 2px;
	width: 8px;
	background-color: #ccc;
	left: 16px;
	top: 20px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#msgbox .right-container .new-mail-td select{
	background-color: #ffffff;
	height: 32px;
}
#msgbox .right-container .new-mail-td.new-mail-subject input{
	padding-left: 8px;
	width: 370px;
}
#msgbox .right-container .attachment .new-mail-td a,
#msgbox .right-container .attachment .new-mail-td p,
#msgbox #message .reply-container .attachment a,
#msgbox #message .reply-container .attachment p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
#msgbox .right-container .attachment .new-mail-td a,
#msgbox #message .reply-container .attachment a{
	background: url('/img/messagebox/clip_00.svg') no-repeat left 2px;
	background-size: 19px 23px;
	padding: 4px 5px 4px 23px;
}
#msgbox .right-container .attachment .new-mail-td p,
#msgbox .right-container .attachment .new-mail-th p,
#msgbox #message .reply-container .attachment p{
	color: #AAAAAA;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
#msgbox .right-container .attachment .new-mail-td .attaching-list div,
#msgbox #message .reply-container .attachment .attaching-list div{
	display: inline-block;
	background: #DADADA;
	border-radius: 13px;
	font-size: 12px;
	line-height: 22px;
	padding: 0 24px 0 11px;
	margin: 3px 6px 2px 0;
	position: relative;
	cursor: pointer;
}
#msgbox .right-container .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .attachment .attaching-list div:before{
	content: ' ';
	display: inline-block;
	top: 4px;
	right: 3px;
	position: absolute;
	background: #8f8f8f;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):after,
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):after,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before{
	content: ' ';
	display: inline-block;
	background: #fff;
	height: 10px;
	width: 2px;
	position: absolute;
	right: 9px;
	top: 6px;
	border-radius: 2px;
	transform: rotate(46deg);
}
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before{
	transform: rotate(-46deg);
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list {
	display: inline-block;
	background: url('/img/messagebox/clip_00.svg') no-repeat left 2px;
	padding-left: 21px;
	background-size: 19px 23px;
	margin-top: -3px;
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div{
	display: inline-block;
	background: none;
	padding: 0 5px;
	font-size: 14px;
	cursor: default;
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:after,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:after,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:hover:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:hover:before{
	display: none;
}
#msgbox .right-container #new-mail-body{
	margin:25px 60px 5px;
	width: calc(100% - 120px);
	border-radius: 3px;
	min-height: 180px;
}
#msgbox .right-container > div.confirm * {
	word-break: break-all!important;
}
#msgbox .right-container .confirm #new-mail-body{
	min-height: 40px;
	margin-bottom: 25px;
}
#msgbox .right-container #new-mail-body ~ p{
	margin: 0 60px 0;
}
#msgbox .right-container #new-mail-body ~ p:not(.fo-errors-box){
	font-size: 13px;
	color: #666666;
	margin-bottom: 20px;
}
#msgbox .right-container .confirm-btn{
	text-align: center;
	margin-bottom: 20px;
}
#msgbox .right-container > .confirm-btn{
	width: 100%;
}
#msgbox #message .reply-container {
	background: #E6E6E6;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	padding: 0 15px;
	border: none;
	bottom: 0;
	flex-grow: 0;
	flex-shrink: 0;
}
#msgbox #message .edit.reply-container {
	margin-top: auto;
	padding: 10px 15px;
	max-height: 10000px;
	border-top: 1px solid #cccccc;
}
#msgbox #message .reply-container #new-mail-body {
	border-radius: 3px;
	min-height: 180px;
	margin: 7px 0 3px;
	width: 100%;
}
#msgbox #message .reply-container .reply-submit {
	text-align: center;
	margin: 3px 5px;
}
/* ファイル添付時ローディング */
#msgbox .attaching-loading {
	width: 4px;
	height: 4px;
	margin: 0 13px 2px;
	position: relative;
	display: inline-block;
	overflow: visible!important;
}
#msgbox .attaching-loading,
#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
	-webkit-animation: attaching-load 0.7s infinite;
	animation: attaching-load 0.7s infinite;
	border-radius: 50%;
}
#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	position: absolute;
}
#msgbox .attaching-loading:before {
	left: -9px;
	background-color: #cccccc;
}
#msgbox .attaching-loading {
	background-color: #aaaaaa;
	animation-delay: 0.2s;
}
#msgbox .attaching-loading:after {
	right: -9px;
	background-color: #888888;
	animation-delay: 0.4s;
}
@-webkit-keyframes attaching-load {
	 0% {
	background-color: #cccccc;
	}
	 100% {
	background-color: #888888;
	}
}
@-moz-keyframes attaching-load {
	 0% {
	background-color: #cccccc;
	}
	 100% {
	background-color: #888888;
	}
}
@-ms-keyframes attaching-load {
	 0% {
	background-color: #cccccc;
	}
	 100% {
	background-color: #888888;
	}
}
@keyframes attaching-load {
	 0% {
	background-color: #cccccc;
	}
	 100% {
	background-color: #888888;
	}
}

/* PC */
@media screen and (min-width: 941px) {
	#msgbox .right-container.mail-new #search-box,
	#msgbox .right-container.mail-new #mail-list,
	#msgbox .right-container.mail-new #mail-list-sp {
		display: none;
	}
	#msgbox .right-container:not(.mail-new) .mail-new-inner,
	#msgbox.confirm-message .right-container .mail-new-inner.edit-outer {
		display: none;
	}
	#msgbox .right-container.mail-new .attachment .new-mail-td .attaching-list div:hover:before,
	#msgbox #message .reply-container .attachment .attaching-list div:hover:before {
		background: #DC4D4D;
	}
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox.mail-list .loading-l {
		max-height: 100vh;
		max-width: 100vh;
	}
	#msgbox .right-container.mail-new:before {
		display: none;
	}
	#msgbox .right-container.mail-new {
		background: #ffffff;
		padding-bottom: 50px;
		min-height: calc(100vh - 40px);
		overflow-y: visible;
	}
	#msgbox .right-container.mail-new #mail-list,
	#msgbox .right-container.mail-new #mail-list-sp {
		display: block;
	}
	#msgbox .right-container .mail-new-inner {
		position:fixed;
		top:0;
		bottom: 0;
		right:-100%;
		transition:right 0.3s;
		margin: 0;
		width: 100%;
		height: 100%;
		line-height: 1.8;
		z-index: 9999;
		background: #fff;
		border-top: none;
		max-width: 1000px;
		overflow-y: hidden;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	#msgbox .right-container.mail-new .mail-new-inner {
		right: 0;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner .mail-box-container-sp {
		transition:right 0.3s;
		right: -100%;
		width: 100%;
		top: 0;
		z-index: 11;
		flex-shrink: 0;
		flex-grow: 0;
	}
	#msgbox .right-container.mail-new .right-container-inner .mail-new-inner .mail-box-container-sp {
		right: 0;
	}
	#msgbox .right-container .mail-new-inner > div{
		flex-shrink: 1;
		flex-grow: 2;
		overflow-y: auto;
	}
	#msgbox .right-container .mail-new-inner > div.confirm:not(.mail-box-container-sp) > div:not(.confirm-btn) {
		border: #DADADA solid 1px;
		margin: 10px;
		max-width: 940px;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div.confirm > div:not(.confirm-btn) > div:not(#new-mail-body) {
		padding: 8px 4%;
	}
	#msgbox .right-container .mail-new-inner > div.confirm > div:not(.confirm-btn) > div#new-mail-body {
		margin: 13px 4% 15px;
		width: calc(100% - 8%);
	}
	#msgbox .right-container .new-mail-td select,
	#msgbox .right-container .new-mail-td.new-mail-subject input,
	#msgbox .right-container .new-mail-to.new-mail-td input {
		height: 38px;
	}
	#msgbox .right-container .new-mail-to.new-mail-td:after,
	#msgbox .right-container .new-mail-to.new-mail-td:before{
		margin-top: 4px;
	}
	#msgbox .right-container #new-mail-body{
		min-height: 50vw;
	}
	#msgbox .right-container .mail-new-inner div.edit > div:not(.confirm-btn):not(.mail-box-container-sp),
	#msgbox .right-container .confirm-btn{
		max-width: 940px;
		margin: 0 0 15px;
		border: none;
	}
	#msgbox .fo-errors-box {
		background-image: url('/img/common/icon/error_warning.png');
		background-size: 14px 14px;
		background-position: left center;
	}
}

/* SP */
@media screen and (max-width: 671px) {
	#msgbox #new-mail-to + .suggest {
		width: 100%;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
		padding: 3px 3% 10px;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div > div{
		padding: 4px 0;
	}
	#msgbox .right-container .new-mail-th{
		font-size: 12px;
	}
	#msgbox .right-container .mail-new-inner .edit .new-mail-th,
	#msgbox .right-container .mail-new-inner .edit .new-mail-td {
		width: 100%;
		margin: 0;
	}
	#msgbox .right-container > div.confirm .new-mail-th,
	#msgbox .right-container > div.confirm .new-mail-td {
		vertical-align: top;
	}
	#msgbox .right-container .new-mail-td select,
	#msgbox .right-container .new-mail-td.new-mail-subject input,
	#msgbox .right-container .new-mail-to.new-mail-td input {
		width: 100%;
		font-size: 13px;
	}
	#msgbox .right-container #new-mail-body{
		margin:11px 3% 5px;
		width: calc(100% - 6%);
	}
	#msgbox .right-container #new-mail-body ~ p{
		margin:0 3% 0;
	}
	#msgbox #message .reply-container #new-mail-body {
		font-size: 16px;
		min-height: 90px;
	}
}
/* モーダル */
#msgbox #mailBoxDialog {
	width: 395px;
	font-size: 15px;
}
#msgbox .selectReceiverAlart #mailBoxDialog {
	width: 460px;
}
#msgbox .selectReceiverAlart #mailBoxDialog .postiong-inq-orderinfo-inner > * {
	text-align: left;
}
#msgbox .selectReceiverAlart #mailBoxDialog .fo-errors-box {
	margin: 10px 0 -1em 0;
	font-size: 14px;
}
#msgbox #mailBoxDialog .co-mdl-ttl {
	padding-left: 25px;
}
#msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
	padding: 30px 40px 0px;
}
#msgbox #mailBoxDialog .postiong-inq-submit {
	background: none;
	padding: 15px 0;
	margin-bottom: 25px;
	width: 100%;
	z-index: 15;
}
#msgbox #mailBoxDialog .postiong-inq-submit .co-btn {
	margin: 0 8px;
}
#msgbox .selectReceiverAlart .fo-textbox-long {
	width: calc(100% - 90px);
	height: 33px;
	border-radius: 3px;
	display: inline-block;
	margin-right: 15px;
}
#msgbox .selectReceiverAlart p {
	font-weight: bold;
	margin: 0 0 10px;
}
#msgbox .selectReceiverAlart .suggest-list *:after,
#msgbox .selectReceiverAlart .suggest-list *:before {
	box-sizing: content-box;
}
#msgbox .selectReceiverAlart .suggest-list {
	margin: 20px 0;
	text-align: left;
	max-height: 430px;
}
#msgbox .selectReceiverAlart .suggest-list li {
	display: block;
	height: 22px;
	overflow: hidden;
	margin-right: 0;
	padding-left: 3px
}
#msgbox .selectReceiverAlart .suggest-list li label {
	line-height: 22px;
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox [id^='co-calender-input-form'] {
		width: 112px;
	}
	#msgbox .vdp-datepicker__clear-button {
		right: 5px;
		padding: 6px 2px;
		top: calc(50% - 20px);
	}
}

/* SP */
@media screen and (max-width: 670px) {
	#msgbox #mailBoxDialog.co-mdl-wrap {
		width: 94%;
		height: auto;
		max-width: 380px;
		margin: 40% auto;
		font-size: 14px;
	}
	#msgbox .selectReceiverAlart #mailBoxDialog {
		margin-top: 20px;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-ttl {
		border-radius: 10px 10px 0 0;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
		padding: 20px 25px 0 25px;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-content {
		border-radius: 0 0 10px 10px;
	}
	#msgbox #mailBoxDialog .postiong-inq-submit {
		margin-bottom: 10px;
	}
	#msgbox .selectReceiverAlart .suggest-list {
		max-height: 190px;
	}
	#msgbox [id^='co-calender-input-form'] input {
		font-size: 14px;
		line-height: 32px;
	}
	#msgbox #co-calender-input-form4 .vue-calendar {
		right: 0;
	}
}

/* デビットカード注記ツールチップ */
.debit-hvr-pop { position: relative; }
.debit-hvr-pop * { text-indent: 0; }
.debit-hv-h {
	color: #dc4d4d;
	font-size: 13px;
}
.debit-hv-h:after {
	content: '?';
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	width: 1.2em;
	height: 1.2em;
	background-color: #888888;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	border-radius: 3px;
	margin-left: 0.4em;
	vertical-align: 1px;
	text-indent: 0;
}
.debit-hvr-pop .debit-hvr-pop-txt {
	display: none;
	position: absolute;
	z-index: 4;
	left: calc(50% - 180px);
	top: calc(100% + 5px);
	background-color: #ffffff;
	border: 1px #bbbbbb solid;
	box-shadow: 1px 1px 3px 0px rgba(50,50,50,0.4);
	color: #333333;
	font-weight: normal;
	width: 360px;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
	font-size: 13px;
	border-radius: 5px;
	text-align: left;
}
.debit-hvr-pop:hover .debit-hvr-pop-txt { display: block; }
.payment-type-box .debit-hvr-pop .debit-hv-h { margin-right: -10px; }
.payment-type-box .debit-hvr-pop .debit-hvr-pop-txt { left: 0; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	.payment-type-box .debit-hvr-pop .debit-hv-h { margin-right: 0; }
}
/* SP */
@media screen and (max-width: 670px){
	.debit-hvr-pop .debit-hvr-pop-txt {
		width: 98%;
		left: 2%;
	}
}

/* お知らせ
------------------------------------------------------------------------------------- */
#news-wrap {
	width: 94%;
	max-width: 1300px;
	margin: 0 auto;
}
#news-wrap .news-list li {
	display: flex;
	align-items: center;
	border-bottom: 1px #e0e0e0 solid;
}
#news-wrap .news-list .publish-date {
	padding: 15px 0;
	margin: 0 15px 0 0;
	flex-basis: calc(5.5em + 20px);
	flex-shrink: 0;
	position: relative;
}
#news-wrap .news-list a {
	display: block;
	padding: 15px 5px;
	font-size: 14px;
}
#news-wrap .important a:after,
#news-wrap .important a:before,
#news-detail .co-title1.important span:not(.publish-date):after {
	content: '重要';
	display: inline-block;
	padding: 3px 6px 2px;
	border-radius: 10px;
	color: #dc4d4d;
	border: 1px #dc4d4d solid;
	font-size: 12px;
	margin-left: 10px;
	line-height: 1;
	font-weight: normal;
	vertical-align: 1px;
}
#news-wrap .important a:before {
	display: none;
	margin: 0 10px 0 0;
}
#news-detail .co-title1.important span:not(.publish-date):after { vertical-align: 3px; }
/* SP */
@media screen and (max-width: 670px){
	#news-wrap .news-list { margin-top: 20px; }
	#news-wrap .news-list li {
		display: block;
		padding: 13px 0 9px;
	}
	#news-wrap .news-list .publish-date {
		padding: 0;
		margin: 0;
	}
	#news-wrap .news-list a { padding: 4px 0; }
	#news-wrap .important a:after { display: none; }
	#news-wrap .important a:before { display: inline-block; }
}
/*** お知らせ詳細 ***/
#news-detail .co-title1 .publish-date {
	font-size: 16px;
	font-weight: normal;
	vertical-align: 2px;
}
#news-detail .news-detail-inner {
	width: 94%;
	margin: 0 auto;
}
#news-detail .news-detail-link {
	padding-top: 20px;
	margin: 40px auto 0;
	width: 96%;
	border-top: 1px #cccccc solid;
}
/* Paid利用可能のお知らせ */
#news-detail  .news-paid-available .fc-green { color: #6fba2c; }
#news-detail  .news-paid-available ol p { margin: 0; }
#news-detail  .news-paid-available .news-paid-available-txt {
	font-size: 20px;
	line-height: 1.6;
	margin-top: 35px;
}
#news-detail  .news-paid-available .news-paid-available-txt img {
	width: 130px;
	vertical-align: -7px;
}
#news-detail  .news-paid-available ol {
	max-width: 760px;
	padding: 0;
	position: relative;
	margin: 35px 90px 50px 0;
}
#news-detail  .news-paid-available .news-paid-available-flow,
#news-detail  .news-paid-available .news-paid-available-flow > * { display: flex; }
#news-detail  .news-paid-available .news-paid-available-flow > *:not(.news-paid-available-ttl) {
	flex-grow: 1;
	align-items: center;
	padding: 30px 20px;
	font-size: 15px;
}
#news-detail  .news-paid-available .news-paid-available-flow:nth-child(2n) > *:not(.news-paid-available-ttl) { background-color: #f2fde9; }
#news-detail  .news-paid-available .news-paid-available-flow:nth-child(2n + 1) > *:not(.news-paid-available-ttl) { background-color: #e9f8dc; }
#news-detail  .news-paid-available .news-paid-available-ttl {
	align-items: center;
	background: linear-gradient(to bottom, #44af35, #6cb92c);
	color: #ffffff;
	width: 1em;
	padding: 20px 0.6em;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	flex-shrink: 0;
	position: relative;
}
#news-detail  .news-paid-available li:not(:nth-child(4)) .news-paid-available-ttl:before,
#news-detail  .news-paid-available li:not(:nth-child(4)) .news-paid-available-ttl:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 1.1em 0;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1;
}
#news-detail  .news-paid-available .news-paid-available-ttl:before { border-color: #ffffff transparent; }
#news-detail  .news-paid-available .news-paid-available-ttl:after {
	border-color: #6cb92c transparent;
	margin-top: -1px;
}
#news-detail  .news-paid-available .news-paid-available-flow:not(:first-child) .news-paid-available-ttl { padding-top: 32px; }
#news-detail  .news-paid-available .news-paid-available-limit {
	position: absolute;
	right: -85px;
	top: 0;
	width: 1em;
	font-size: 24px;
	font-weight: 600;
	height: 100%;
	text-align: center;
	line-height: 1.1;
	display: flex;
	align-items: center;
}
#news-detail  .news-paid-available .news-paid-available-limit p > span {
	display: block;
	font-size: 48px;
	margin: 0 -0.5em;
	max-width: 2em;
}
#news-detail  .news-paid-available .news-paid-available-limit:before {
	content: '';
	width: 15px;
	height: 100%;
	border-style: solid;
	border-color: #cccccc;
	border-width: 2px 2px 2px 0;
	position: absolute;
	top: -2px;
	left: -50px;
}
#news-detail  .news-paid-available .news-paid-available-pri {
	border-left: solid 5px #6eba2c;
	padding-left: 15px;
}
#news-detail  .news-paid-available .news-paid-available-pri .fc-green { font-size: 20px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#news-detail * { min-width: 0!important; }
	#news-detail * { max-width: 100%; }
	#news-detail table { width: auto!important; }
	#news-detail .co-fl,#news-detail .co-fr {
		float: none;
		width: auto!important;
	}
	#news-detail .co-title1 .publish-date { display: block; }
	#news-detail  .news-paid-available .news-paid-available-limit p > span { font-size: 38px; }
}
/* SP */
@media screen and (max-width: 670px){
	#news-detail .co-title1 .publish-date {
		font-size: 12px;
		margin-bottom: 5px;
	}
	#news-detail  .news-paid-available ol { margin-right: 65px; }
	#news-detail  .news-paid-available .news-paid-available-txt { font-size: 17px; }
	#news-detail  .news-paid-available .news-paid-available-txt img { width: 100px; }
	#news-detail  .news-paid-available .news-paid-available-ttl { font-size: 17px; }
	#news-detail  .news-paid-available .news-paid-available-flow > *:not(.news-paid-available-ttl) {
		padding: 20px 15px;
		font-size: 14px;
	}
	#news-detail  .news-paid-available .news-paid-available-limit {
		font-size: 16px;
		right: -58px;
	}
	#news-detail  .news-paid-available .news-paid-available-limit:before { left: -35px; }
	#news-detail  .news-paid-available .news-paid-available-limit p > span { font-size: 27px; }
	#news-detail  .news-paid-available .news-paid-available-pri { padding-left: 10px; }
	#news-detail  .news-paid-available .news-paid-available-pri .fc-green { font-size: 16px; }
	#news-detail  .news-paid-available .news-paid-available-pri .co-001g { margin: 5px!important; }
}

/* 通常会員への切り替え
------------------------------------------------------------------------------------- */
#preferential-member-request { font-size: 15px; }
#preferential-member-request * { box-sizing: border-box; }
#preferential-member-request .co-title1 span { font-size: 21px; }
#preferential-member-request h2 {
	border-bottom: 0;
	color: #333333;
	margin-bottom: 15px;
}
#preferential-member-request h3 {
	margin: 0;
	font-size: 16px;
}
#preferential-member-request .cont-area {
	max-width: 840px;
	width: calc(100% - 50px);
	margin: 0 auto;
	line-height: 1.6;
}
#preferential-member-request .co-hang-indent10 * { text-indent: 0; }
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request { font-size: 14px; }
	#preferential-member-request .co-title1 span { font-size: 20px; }
	#preferential-member-request h2 { font-size: 16px; }
	#preferential-member-request h3 { font-size: 15px; }
	#preferential-member-request .cont-area { width: calc(100% - 30px); }
}
/*** 現在と切り替え後 ***/
#preferential-member-request .change-ba {
	display: flex;
	justify-content: space-between;
	margin: 25px auto 70px;
}
#preferential-member-request .change-ba > div {
	border-radius: 5px;
	border: 1px #cccccc solid;
	position: relative;
}
#preferential-member-request .change-ba h3 {
	padding: 10px;
	border-radius: 5px 5px 0 0;
}
#preferential-member-request .change-ba p {
	font-size: 14px;
	height: 235px;
	padding: 15px 20px;
	background: bottom 20px center / calc(100% - 77px) auto no-repeat;
}
#preferential-member-request .change-ba .before { flex-basis: 40.6%; }
#preferential-member-request .change-ba .before h3 { background-color: #eeeeee; }
#preferential-member-request .change-ba .before p { background-image: url('/img/fumi/rfpreferentialmember/img_before_00.png'); }
#preferential-member-request .change-ba .before:before,
#preferential-member-request .change-ba .before:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	border-top: 2px #aaaaaa solid;
	border-right: 2px #aaaaaa solid;
	transform: rotate(45deg);
	left: 107%;
	top: calc(50% - 12px);
}
#preferential-member-request .change-ba .before:after { margin-left: 13px; }
#preferential-member-request .change-ba .after { flex-basis: 47.5%; }
#preferential-member-request .change-ba .after h3 {
	background-color: #2c669f;
	color: #ffffff;
}
#preferential-member-request .change-ba .after p { background-image: url('/img/fumi/rfpreferentialmember/img_after_00.png'); }
#preferential-member-request .change-ba .after em {
	background: linear-gradient(to bottom, transparent 60%, #fff000 60%, #fff000 90%, transparent 90%);
	font-style: normal;
}
#preferential-member-request .change-ba .after .notice {
	position: absolute;
	top: calc(100% + 10px);
	font-size: 12px;
	text-indent: -1.4em;
	padding-left: 1.4em;
}
/* 什器資材 */
#preferential-member-request.fixture .change-ba .before p { background-image: url('/img/fumi/rfpreferentialmember/img_before_mat_00.png'); }
#preferential-member-request.fixture .change-ba .after p { background-image: url('/img/fumi/rfpreferentialmember/img_after_mat_00.png'); }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#preferential-member-request .change-ba .before:before,
	#preferential-member-request .change-ba .before:after {
		width: 18px;
		height: 18px;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#preferential-member-request .change-ba { max-width: 720px; }
	#preferential-member-request .change-ba h3 { padding: 7px 10px; }
	#preferential-member-request .change-ba p {
		padding: 15px;
		background-size: calc(100% - 40px) auto;
	}
	#preferential-member-request .change-ba .before { flex-basis: 43%; }
	#preferential-member-request .change-ba .after { flex-basis: calc(57% - 50px); }
	#preferential-member-request .change-ba .before:before,
	#preferential-member-request .change-ba .before:after { left: calc(100% + 5px); }
}
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request .change-ba { display: block; }
	#preferential-member-request .change-ba p { font-size: 13px; }
	#preferential-member-request .change-ba .before { margin-bottom: 40px; }
	#preferential-member-request .change-ba .before:before,
	#preferential-member-request .change-ba .before:after {
		left: calc(50% - 9px);
		top: 100%;
		transform: rotate(135deg);
	}
	#preferential-member-request .change-ba .before:after { margin: 10px 0 0; }
	#preferential-member-request .change-ba .before p {
		height: 160px;
		background-size: 180px auto;
	}
	#preferential-member-request .change-ba .after p {
		height: 200px;
		background-size: 240px auto;
	}
	#preferential-member-request .change-ba .after .notice { font-size: 11px; }
}
/*** ジャンルリスト ***/
#preferential-member-request .genre {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}
#preferential-member-request .genre li { margin-bottom: 5px; }
#preferential-member-request .genre li:not(:last-child) { margin-right: 20px; }
#preferential-member-request .genre li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #666666;
	vertical-align: 1px;
	margin-right: 5px;
	border-radius: 50%;
}
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request .genre {
		font-size: 13px;
		margin: 15px 5px 0;
	}
}
/*** 申し込みフロー ***/
#preferential-member-request .flow {
	display: flex;
	margin: 25px 0 5px;
	padding: 0;
}
#preferential-member-request .flow li:not(.last) {
	margin-left: 5px;
	flex-shrink: 0;
	padding: 0 15px 0 40px;
	position: relative;
	height: 71px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 100px;
}
/* やじるし */
#preferential-member-request .flow li:not(.last):before,
#preferential-member-request .flow li:not(.last):after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
}
#preferential-member-request .flow li:not(.last):before,
#preferential-member-request .flow li:not(.last):after {
	border-width: 35px 0 35px 17px;
	top: 0;
	left: 100%;
	z-index: 2;
}
#preferential-member-request .flow li:not(.last):before {
	border-color: transparent #ffffff;
	margin-left: 5px;
}
/* 色 */
#preferential-member-request .flow li:nth-child(1) {
	margin-left: 0;
	padding-left: 25px;
	background-color: #eeeeee;
}
#preferential-member-request .flow li:nth-child(1):after { border-color: transparent #eeeeee; }
#preferential-member-request .flow li:nth-child(2) { background-color: #d9eaf5; }
#preferential-member-request .flow li:nth-child(2):after { border-color: transparent #d9eaf5; }
#preferential-member-request .flow li:nth-child(3) {
	background-color: #2c669f;
	color: #ffffff;
	flex-direction: column;
}
#preferential-member-request .flow li:nth-child(3) span { font-size: 13px; }
#preferential-member-request .flow li:nth-child(3):after { border-color: transparent #2c669f; }
#preferential-member-request .flow .last {
	margin-left: 35px;
	font-weight: bold;
	color: #2c669f;
	align-self: center;
}
#preferential-member-request .flow-note {
	font-size: 13px;
	margin-bottom: 25px;
}
/* 什器資材 */
#preferential-member-request.fixture .flow .last span { display: block; }
#preferential-member-request.fixture .flow .last br { display: none; }
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request .flow {
		display: block;
		width: 230px;
		margin: 20px auto;
	}
	#preferential-member-request .flow li {
		min-width: 0;
		height: auto;
	}
	#preferential-member-request .flow li:not(.last) {
		padding: 30px 0 5px;
		margin: 5px 16px 0;
	}
	#preferential-member-request .flow li:nth-child(1) { padding: 20px 20px 10px; }
	#preferential-member-request .flow li:nth-child(3) { padding-bottom: 15px; }
	#preferential-member-request .flow li:nth-child(3) span { font-size: 12px; }
	#preferential-member-request .flow li:not(.last):before,
	#preferential-member-request .flow li:not(.last):after {
		border-width: 99px 0 99px 15px;
		top: calc(100% - 92px);
		left: 91px;
		transform: rotate(90deg);
	}
	#preferential-member-request .flow li:not(.last):before { margin: 5px 0 0; }
	#preferential-member-request .flow .last {
		margin: 25px 0 0;
		text-align: center;
	}
	#preferential-member-request .flow-note {
		font-size: 12px;
		text-align: center;
	}
}
/*** ご用意いただくもの ***/
#preferential-member-request .prepared {
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 25px;
	margin: 10px 0 70px;
}
#preferential-member-request .prepared section {
	display: flex;
	align-items: flex-start;
	padding: 0 5px;
}
#preferential-member-request .prepared h4 { margin: 0 0 20px; }
#preferential-member-request .prepared h4:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 25px;
	margin-right: 9px;
	background: left top / contain no-repeat;
}
#preferential-member-request .prepared .shop h4:before { background-image: url('/img/fumi/rfpreferentialmember/icon_shop_00.svg'); }
#preferential-member-request .prepared .web h4:before { background-image: url('/img/fumi/rfpreferentialmember/icon_web_00.svg'); }
#preferential-member-request .prepared figure {
	margin: 0;
	line-height: 0;
}
#preferential-member-request .prepared figure img { max-width: 100%; }
#preferential-member-request .prepared .prepared-img {
	flex-basis: 46.6%;
	flex-shrink: 0;
	margin-left: 30px;
}
#preferential-member-request .prepared .prepared-note { font-size: 14px; }
#preferential-member-request .prepared .shop .prepared-img {
	display: flex;
	justify-content: space-between;
}
#preferential-member-request .prepared .shop .prepared-img li {
	flex-basis: 108px;
	display: flex;
	flex-direction: column;
}
#preferential-member-request .prepared .shop .prepared-img p {
	font-size: 13px;
	color: #666666;
	flex-grow: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 9px 0 0;
}
#preferential-member-request .prepared .shop .prepared-img figure { min-height: 0%; }
#preferential-member-request .prepared .web {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px #bfbfbf dashed;
}
#preferential-member-request .prepared .web .prepared-img img { max-width: 279px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#preferential-member-request .prepared section { display: block; }
	#preferential-member-request .prepared .prepared-img {
		margin: 20px auto 0;
		text-align: center;
	}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#preferential-member-request .prepared .prepared-img { max-width: 360px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request .prepared { padding: 20px 15px; }
	#preferential-member-request .prepared section { padding: 0; }
	#preferential-member-request .prepared .prepared-img img { max-width: 100%!important; }
	#preferential-member-request .prepared .prepared-note { font-size: 13px; }
	#preferential-member-request .prepared .shop .prepared-img {
		max-width: 290px;
		width: 100%;
	}
	#preferential-member-request .prepared .shop .prepared-img li { flex-basis: calc(33.333% - 6px); }
	#preferential-member-request .prepared .shop .prepared-img p {
		font-size: 12px;
		line-height: 1.4;
	}
	#preferential-member-request .prepared .web .prepared-img {
		max-width: 260px;
		width: 85%;
	}
}

/*** トライアル期間あり切り替えのクレカ登録 ***/
#preferential-member-request,
#preferential-member-request *:not(input) { box-sizing: border-box; }
#preferential-member-request .fo-rwd-table .payment-card-num span { font-size: 10px; }
#preferential-member-request .fo-radio label .fo-sub-text {
	font-size: 12px;
	margin: 3px 0 0 25px;
	font-weight: normal;
	display: block;
}
#preferential-member-request .fo-radio.selected-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#preferential-member-request .now-select-card {
	color: #dc4d4d;
	font-size: 11px;
	margin: 3px 0 0 25px;
	flex-grow: 2;
}
#preferential-member-request input[name^='creditNumber'].fo-textbox-vshort {
	padding-left: 5px;
	padding-right: 5px;
}
#preferential-member-request .fo-req-flex { display: block; }
#preferential-member-request .card-exist .fo-req-flex { display: flex; }
/* 新規クレジットのラジオ */
#preferential-member-request .new-credit-radio { display: none; }
#preferential-member-request .new-credit-radio:checked + .fo-radio label:before { background-color: #2489ce; }
/* 外側のフォーム（商品代金支払い方法の登録ありの場合に表示） */
#preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .th-cap { width: 11.6em; }
#preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .td-txt { width: auto; }
/* 中のフォーム（商品代金支払い方法の登録ありの場合に内包。なしの場合は外側になる。） */
#preferential-member-request .td-txt .new-credit-formwrap {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}
#preferential-member-request .td-txt #newCredit:checked ~ .new-credit-formwrap {
	opacity: 1;
	max-height: 10000px;
	overflow: visible;
	transition: all 0.5s ease-in-out;
}
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form {
	border-radius: 5px;
	background-color: #f6f6f6;
	margin: 10px 0 5px 25px;
	width: calc(100% - 45px);
}
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap,
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .td-txt {
	border: 0;
	background-color: transparent;
}
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap {
	font-size: 13px;
	text-align: right;
}
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .fo-form-wrap .fo-req-mark { font-size: 12px; }
#preferential-member-request .fo-rwd-table.mfee-amount { margin-top: -1px; }
#preferential-member-request .new-credit-formwrap + .fo-rwd-table.mfee-amount .th-cap { width: 38%; }

/*** オーソリエラー画面 ***/
#preferential-member-request [href^="tel"] {
	color: #333333;
	cursor: default;
}
#preferential-member-request [href^="tel"]:hover { text-decoration: none; }
#preferential-member-request .authori-err-area,
#preferential-member-request .authori-err-area .pay-contact-inner {
	display: flex;
	flex-wrap: wrap;
}
#preferential-member-request .authori-err-area {
	max-width: 806px;
	width: 96%;
	margin: 20px auto 0;
	justify-content: space-between;
}
#preferential-member-request .authori-err-area .pay-contact-box {
	width: calc(50% - 20px);
	border-radius: 5px;
	background-color: #f6f6f6;
	border: 1px #cccccc solid;
	padding: 25px;
	text-align: left;
}
#preferential-member-request .authori-err-area .pay-contact-inner {
	background-color: #ffffff;
	height: 12em;
	padding: 20px 5px;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}
#preferential-member-request .authori-err-area .pay-contact-inner > *:not(.co-btn) { flex-basis: 100%; }
#preferential-member-request .authori-err-area .pay-contact-inner .co-btn a {
	padding-left: 30px;
	padding-right: 30px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
	#preferential-member-request .co-title1 { margin-top: 20px; }
	#preferential-member-request [href^="tel"] { color: #0066cc; }
	#preferential-member-request .authori-err-area .pay-contact-box {
		flex-grow: 1;
		flex-basis: 100%;
		margin-bottom: 25px;
	}
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#preferential-member-request .authori-err-area .pay-contact-box {
		display: flex;
		justify-content: space-around;
	}
	#preferential-member-request .authori-err-area .pay-contact-top {
		padding-right: 15px;
		flex-grow: 1;
	}
	#preferential-member-request .authori-err-area .pay-contact-inner { flex-basis: 24em; }
}
/* SP */
@media screen and (max-width: 670px){
	#preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .th-cap,
	#preferential-member-request .new-credit-formwrap + .fo-rwd-table.mfee-amount .th-cap { width: 100%; }
	/* 中のフォーム（商品代金支払い方法の登録ありの場合に内包。なしの場合は外側になる。） */
	#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form {
		margin: 6px 0 0;
		width: 100%;
		border-radius: 0;
		border: 1px #cccccc solid;
		background-color: #ffffff;
		padding: 10px;
	}
	#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap {
		text-align: left;
		background-color: #eeeeee;
		padding: 7px 8px;
	}
	#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .td-txt { padding: 12px 1px; }
	#preferential-member-request .fo-rwd-table.inner-credit-form .fo-radio:first-child { margin-top: 0;}
	#newCredit + .fo-radio { margin: 0 0 10px;}
	/*** オーソリエラー画面 ***/
	#preferential-member-request .authori-err-area .pay-contact-box { padding: 20px 15px; }
}
/*** 切り替え処理中画面 ***/
#preferential-member-request .changing-loading {
	position: relative;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	margin: 80px auto 70px;
	line-height: 0;
}
#preferential-member-request .changing-loading img { width: 100%; }
#preferential-member-request .changing-loading span,
#preferential-member-request .changing-loading span:before,
#preferential-member-request .changing-loading span:after {
	display: block;
	width: 4px;
	height: 24px;
	border-radius: 2px;
	position: absolute;
	animation: changingTypeLoad 1.2s infinite;
	transform-origin: center center;
}
#preferential-member-request .changing-loading span:before,
#preferential-member-request .changing-loading span:after { content: ''; }
#preferential-member-request .changing-loading span:before {
	transform: rotate(30deg);
	top: 8px;
	left: calc(50% + 30px);
}
#preferential-member-request .changing-loading span:after {
	transform: rotate(60deg);
	top: 31px;
	left: calc(50% + 54px);
}
/* 個別 */
#preferential-member-request .changing-loading span:nth-child(1) {
	top: -43px;
	left: calc(50% - 2px);
	background-color: #ffffff;
}
#preferential-member-request .changing-loading span:nth-child(1):before {
	animation-delay: 0.1s;
	background-color: #2c669f;
}
#preferential-member-request .changing-loading span:nth-child(1):after {
	animation-delay: 0.2s;
	background-color: #e9eff5;
}
#preferential-member-request .changing-loading span:nth-child(2) {
	transform: rotate(90deg);
	bottom: calc(50% - 12px);
	left: calc(50% + 62px);
	animation-delay: 0.3s;
	background-color: #c4d4e4;
}
#preferential-member-request .changing-loading span:nth-child(2):before {
	animation-delay: 0.4s;
	background-color: #d7e2ed;
}
#preferential-member-request .changing-loading span:nth-child(2):after {
	animation-delay: 0.5s;
	background-color: #b1c6dc;
}
#preferential-member-request .changing-loading span:nth-child(3) {
	transform: rotate(180deg);
	bottom: -43px;
	left: calc(50% - 2px);
	animation-delay: 0.6s;
	background-color: #aac2d8;
}
#preferential-member-request .changing-loading span:nth-child(3):before {
	animation-delay: 0.7s;
	background-color: #9eb9d3;
}
#preferential-member-request .changing-loading span:nth-child(3):after {
	animation-delay: 0.8s;
	background-color: #789dc1;
}
#preferential-member-request .changing-loading span:nth-child(4) {
	transform: rotate(270deg);
	top: calc(50% - 12px);
	left: calc(50% - 66px);
	animation-delay: 0.9s;
	background-color: #5281b0;
}
#preferential-member-request .changing-loading span:nth-child(4):before {
	animation-delay: 1s;
	background-color: #658fb9;
}
#preferential-member-request .changing-loading span:nth-child(4):after {
	animation-delay: 1.1s;
	background-color: #3f73a7;
}
/* SP */
@media screen and (max-width: 670px) {
	#preferential-member-request .changing-loading {
		transform: scale(0.8,0.8);
		margin: 65px auto 55px;
	}
}
@keyframes changingTypeLoad {
	0% {
		background-color: #ffffff;
	}
	100% {
		background-color: #2c669f;
	}
}

/* クーポン規約・SDポイント規約
------------------------------------------------------------------------------------- */
.contents-guide-rules h2 {
	border: none;
}
.contents-guide-rules h3 {
	font-size: 16px;
	
}
.contents-guide-rules .rules-wrap {
	padding: 0 3px;
}
.contents-guide-rules section {
	font-size: 14px;
	margin-bottom: 30px;
}
.contents-guide-rules ol {
	padding: 0;
	counter-reset: outer-count;
}
.contents-guide-rules ol li {
	margin: 5px 0;
}
.contents-guide-rules ol li::before {
	counter-increment: outer-count;
	content: counter(outer-count)". ";
}
.contents-guide-rules ol.inner-list li::before {
	content: "("counter(outer-count)")";
	position: absolute;
	top: 0;
	left: 0;
}
.contents-guide-rules ol.inner-list {
	padding-left: 1.5em;	
}
.contents-guide-rules ol.inner-list li {
	padding-left: 2em;
	position: relative;
}
@media screen and (max-width: 670px) {
	.contents-guide-rules ol.inner-list {
		padding-left: 0;
	}
}
/* お問い合わせフォーム */
#contents-guide-help-form .cs-guide {
	margin: 0 0 20px;
	padding: 18px 65px;
	background-color: #eeeeee;
	font-size: 16px;
	text-align: center;
	display: inline-block;
}
#contents-guide-help-form .cs-guide span {
	display: block;
}
#contents-guide-help-form .cs-guide span:last-child {
	font-size: 14px;
	margin-top: 7px;
}
#contents-guide-help-form .cs-guide br {
	display: none;
}
@media screen and (max-width: 670px) {
	#contents-guide-help-form .cs-guide {
		padding: 10px;
	}
	#contents-guide-help-form .cs-guide br {
		display: block;
	}
}

/* 要望箱_9123_ジャンル絞り込み表示改修 */
#genre-new-dealer-area > h3 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#genre-new-dealer-area .genre-new-dealer-list {padding: 0;}
#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-back [class^='item-btnback'],
#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-next [class^='item-btnnext'],
#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-next .item-lodingbtn {border-width: 1px 1px 1px 1px;}
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {height: auto;}
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts {
	width: 150px;
	margin-right: 30px;
	margin-top: 0;
	height: auto;
	float: none;
}
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .exhibit-date {
	background: #FFD800;
	border-radius: 50%;
	height: 52px;
	width: 52px;
	position: absolute;
	top: -10px;
	left: -16px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 13px;
	line-height: 1.2;
	padding-top: 4px;
}
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img-box > a,
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img {
	max-width: 150px;
	max-height: 150px;
	box-sizing: content-box;
}
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .exhibit-date span:not(.co-dib) {font-weight: 600;}
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .info-dealermark {margin: 0 0 3px;}

/* PC */
@media screen and (min-width: 941px) {
	#genre-new-dealer-area .genre-new-dealer-list .item-box-area {padding-top:15px;}
	#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img-box > a {
		border: #ccc 1px solid;
		height: 150px;
	}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name {
		margin-top: 7px;
	}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name a {
		color: rgb(102,102,102);
	}
	#genre-new-dealer-area .genre-new-dealer-list .dealer-itembox-inner {
		padding-left: 20px;
		margin-left: -20px;
	 }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	#genre-new-dealer-area .genre-new-dealer-list {margin-bottom: 50px;}
}
/* SP/TAB */
@media screen and (max-width: 940px) {
	#genre-new-dealer-area > h3 {
		font-size: 14px;
		border-bottom: none;
		text-align: center;
		margin: 30px 10px 0px;
	}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {padding-top: 12px;}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts {
		padding-bottom: 0;
		overflow: visible;
		border-bottom: #ccc 1px solid;
	}
	#genre-new-dealer-area .genre-new-dealer-list .itembox-parts > div:not(.exhibit-date) {
		padding-left: 7px;
		padding-right: 7px;
		border-top: #ccc 1px solid;
	}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .exhibit-date {
		left: 5px;
	}
	#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .info-dealermark .dealer-mark-smartd {margin: 0;}
	#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name a {
		border: none;
		padding: 10px 0;
		text-align: left;
		height: auto;
		position: relative;
		line-height: 1.2;
		margin: 5px 0 0;
		font-size: 12px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#genre-new-dealer-area > h3 {
		margin: 30px 10px 8px;
		padding-bottom: 0;
	}
}

/************************* 会員情報変更フォーム *************************/
#retailer-account-change { word-break: break-all; }
#retailer-account-change .fo-form-wrap .fo-rwd-table .row .th-cap { width: 190px; }
#retailer-account-change .fo-rwd-table .row .td-txt { width: calc(100% - 190px); }
#retailer-account-change .fo-rwd-table .documentsFile,
#retailer-account-change .fo-rwd-table .shopPhoto,
#retailer-account-change .fo-rwd-table .website,
#retailer-account-change .fo-rwd-table .netshop { display: none; }
#retailer-account-change .dsp-row { display: table-row!important; }
#retailer-account-change .name-type {
	display: inline-block;
	width: calc(2em + 10px);
}
/*** ネットショップ ***/
#retailer-account-change .netshop-notice { margin: 0 0 5px 20px; }
#retailer-account-change .netshop-notice li {
	list-style: disc;
	margin-bottom: 5px;
}
#retailer-account-change #add-url {
	width: 97%;
	max-width: 354px;
	cursor: pointer;
	border: 1px #aaaaaa dashed;
	margin-top: 10px;
	color: #0066cc;
	text-align: center;
	border-radius: 3px;
	padding: 5px;
}
#retailer-account-change #add-url:hover { background-color: #f7f7f7; }
#retailer-account-change #add-url::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/img/common/icon/add_plus_00.png') center center / contain no-repeat;
	vertical-align: -3px;
	margin-right: 3px;
}
#retailer-account-change .new-url:not(:first-of-type) { margin-top: 7px; }

/*** ファイル・写真 ***/
#retailer-account-change .file-upload-area { display: flex; }
#retailer-account-change .file-upload-area .fileUpload {
	width: 140px;
	margin: 0 13px;
}
#retailer-account-change .file-upload-area label {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	color: #666666;
}
#retailer-account-change .file-upload-area input { display: none; }
#retailer-account-change .file-upload-area .photo-select-txt {
	font-size: 14px;
	margin-bottom: 3px;
	height: 2.8em;
	display: flex;
	align-items: center;
	justify-content: center;
}
#retailer-account-change .file-upload-area .photo-select-txt.one-line { padding-top: 0.7em; }
#retailer-account-change .file-upload-area .photo-image {
	line-height: 0;
	width: 140px;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
}
#retailer-account-change .file-upload-area .photo-image img,
#retailer-account-change .file-upload-area .photo-image .upfile {
	max-width: 140px;
	max-height: 130px;
}
#retailer-account-change .file-upload-area .photo-image img { pointer-events: none; }
#retailer-account-change .file-upload-area:not(.conf) .photo-image:hover img { opacity: 0.7; }
#retailer-account-change .file-upload-area .photo-image > span {
	display: inline-block;
	position: relative;
	z-index: 2;
}
#retailer-account-change .file-upload-area .photo-image span .photo-cancel {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background: url('/img/entry/img_cancel_00.png') center center no-repeat;
	background-size: cover;
	top: -12px;
	right: -12px;
	z-index: 2;
}
#retailer-account-change .shopPhoto .file-upload-area .file-cancel {
	top: 28px;
}
#retailer-account-change .file-upload-area .photo-btn {
	margin: 10px 0 7px;
	position: relative;
	display: block;
}
#retailer-account-change .fileUpload { position: relative; }
#retailer-account-change .file-upload-area .file-cancel {
	cursor: pointer;
	position: absolute;
	display: none;
	width: 30px;
	height: 30px;
	background: url('/img/entry/img_cancel_00.png') center center / cover no-repeat;
	top: -12px;
	right: -12px;
	z-index: 2;
}
#retailer-account-change .or-hr {
	background-image: linear-gradient(to right, #cccccc, #cccccc 3px, transparent 3px, transparent 6px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	background-position: center left;
	text-align: center;
	font-size: 15px;
	margin: 20px 0 15px;
}
#retailer-account-change .or-hr span {
	display: inline-block;
	padding: 2px 5px;
	background-color: #ffffff;
}
/*** ファイル注記 ***/
#retailer-account-change .file-notice {
	background-color: #f6f6f6;
	padding: 6px;
	display: inline-flex;
	font-size: 12px;
	color: #666666;
	border-radius: 5px;
	margin: 10px 0 20px;
}
#retailer-account-change .file-notice dt::after { content: '：'; }
#retailer-account-change .file-notice dt:not(:first-child)::before {
	content: '／';
	margin: 0 3px;
}
#retailer-account-change .file-notice dd { margin: 0; }
#retailer-account-change .url-list li:not(:first-child) { margin-top: 8px; }

.app-login {
	padding: 80px 40px 150px;
	max-width: 1020px;
	margin: 0 auto;
}

.app-login-intro {
	text-align: center;
}

.app-login-intro-heading {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

.app-login-intro-description {
	font-size: 15px;
	margin-top: 7px;
}

.app-login-contents {
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
	align-items: flex-start;
}

.app-login-register {
	text-align: center;
	flex: 0 1 47%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.app-login-register-inner {
	font-size: 15px;
	padding: 25px 10px 40px;
	margin: 0;
}

.app-login-register-heading {
	padding: 15px 0;
	background: #333333;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

.app-login-register-intro {
	margin: 0 0 15px;
}

.app-login-member {
	padding: 30px 10px;
	text-align: center;
	flex: 0 1 47%;
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.app-login-member-heading {
	font-size: 17px;
	font-weight: bold;
}

.app-login-member-inner {
	margin: 0;
}

.app-login-member-link {
	margin: 10px 0 0;
}

.app-login-member-link a {
	display: inline-block;
	padding-left: 30px;
	position: relative;
	font-size: 18px;
	color: #06c!important;
}

.app-login-member-link a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('/img/common/icon/icon_login_bl_min.png') no-repeat 0 0  / cover;
	width: 21px;
	height: 19px;    
}

.app-login-register-inner .co-btn-red {
	width: 270px;
}

@media screen and (max-width: 940px) {

}

@media screen and (max-width: 670px) {
	.app-login {
			padding: 50px 8vw 100px;
	}
	.app-login-intro-description {
			font-size: 13px;
	}
	.app-login-contents {
			margin-top: 30px;
			flex-direction: column;
			align-items: initial;
	}
	.app-login-contents-item:nth-child(n+2) {
			margin-top: 20px;
	}
	.app-login-register-heading {
			font-size: 15px;
	}
	.app-login-member-heading {
			font-size: 15px;
	}
	.app-login-member-link a {
			font-size: 15px;
	}
	.app-login-register-inner .co-btn-red {
    width: 100%;
}
}

.app-login {
	padding: 80px 40px 150px;
	max-width: 1020px;
	margin: 0 auto;
}

.app-login-intro {
	text-align: center;
}

.app-login-intro-heading {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

.app-login-intro-description {
	font-size: 15px;
	margin-top: 7px;
}

.app-login-contents {
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
	align-items: flex-start;
}

.app-login-contents.single-column {
	display: block;
}

.app-login-contents.single-column .app-login-contents-item {
	margin: 0 auto;
	max-width: 670px;
	padding: 40px 10px;
}

.app-login-contents.single-column .app-login-member-link {
	margin: 20px 0 0;
}

.app-login-register {
	text-align: center;
	flex: 0 1 47%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.app-login-register-inner {
	font-size: 15px;
	padding: 25px 10px 40px;
	margin: 0;
}

.app-login-register-heading {
	padding: 15px 0;
	background: #333333;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

.app-login-register-intro {
	margin: 0 0 15px;
}

.app-login-member {
	padding: 30px 10px;
	text-align: center;
	flex: 0 1 47%;
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.app-login-member-heading {
	font-size: 17px;
	font-weight: bold;
}

.app-login-member-heading .description {
	margin-top: 7px;
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.app-login-member-inner {
	margin: 0;
}

.app-login-member-link {
	margin: 10px 0 0;
}

.app-login-member-link a {
	display: inline-block;
	padding-left: 30px;
	position: relative;
	font-size: 18px;
	color: #06c!important;
}

.app-login-member-link a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('/img/common/icon/icon_login_bl_min.png') no-repeat 0 0  / cover;
	width: 21px;
	height: 19px;	
}

.app-login-register-inner .co-btn-red {
	width: 270px;
}

@media screen and (max-width: 940px) {

}

@media screen and (max-width: 670px) {
	.app-login {
		padding: 50px 8vw 100px;
	}
	.app-login-intro-description {
		font-size: 13px;
	}
	.app-login-contents {
		margin-top: 30px;
		flex-direction: column;
		align-items: initial;
	}
	.app-login-contents-item:nth-child(n+2) {
		margin-top: 20px;
	}
	.app-login-register-heading {
		font-size: 15px;
	}
	.app-login-member-heading {
		font-size: 15px;
	}
	.app-login-member-link a {
		font-size: 15px;
	}
	.app-login-register-inner .co-btn-red {
    width: 100%;
	}
	.app-login-member-heading span {
		font-size: 13px;
	}
}
#ie11_attention .co-001g { color: #0066cc; }

/* MONTHLY EXPO
-------------------------------------------------------------- */
#monthly-expo p,#monthly-expo h2,#monthly-expo h3 { 
	margin: 0;
	font-size: 14px;
}
#monthly-expo h2 { border-bottom: none; }
#monthly-expo a:visited, #monthly-expo a:hover { text-decoration: none; }
#monthly-expo img {
	max-width: 100%;
	height: auto;
	line-height: 0;
}
#monthly-expo .inner {
	width: 95%;
	max-width: 1330px;
	margin: 0 auto;
}
#monthly-expo .bg-line { 
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#monthly-expo .bg-line::before { 
	content: "";
	width: 230%;
	height: 684px;
	left: -60%;
	top: 24%;
	position: absolute;
	display: block;
	background: #F9F9F9;
	transform: rotate(328deg);
	-webkit-transform: rotate(328deg);
	z-index: -1;
}
#monthly-expo .title-area {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
#monthly-expo .title-area h2 {
	margin: 0 auto;
	font-size: 35px;
	color: #2B2B2B;
	font-weight: 600;
}
/* main-visual */
#monthly-expo .main-visual { 
	margin: 0 auto;
	text-align: center;
}
#monthly-expo .main-visual .mv-title-img {
	margin: 0 auto 31px;
	padding: 20px 0;
	background: url("/img/contents/monthly_expo/bg_top_pc_02.png") center center no-repeat #A4D2CE;
	background-size: auto 100%;
}
#monthly-expo .main-visual .mv-title-img img { vertical-align: top; }
#monthly-expo .main-visual .end-txt {
	background-color: #ffe9ec;
	color: #dc4d4d;
	font-size: 14px;
	text-align: center;
	padding: 8px;
	border: 1px solid #dc4d4d;
	margin: 30px 0;
}
#monthly-expo .main-visual .banner { max-width: 1330px;}
#monthly-expo .main-visual .banner img { width: 100%;}
#monthly-expo .main-visual .live-area-wrap {
	border: solid 1px #C83F3F;
	margin: 20px 0 20px;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
}
#monthly-expo .main-visual .live-area {
	border: solid 1px #C83F3F;
	padding: 22px 110px 18px;
	margin: 3px;
}
#monthly-expo .main-visual .live-area.long { padding: 22px 90px 18px; }
#monthly-expo .main-visual .live-area._160 { padding: 22px 160px 18px; }
#monthly-expo .main-visual .live-area._120 { padding: 22px 120px 18px; }
#monthly-expo .main-visual .live-area .ribbon {
	width: 205px;
	height: 50px;
	line-height: 2;
	background-color: #B51010;
	color: #FFFFFF;
	font-size: 27px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-45deg) translate(-50px,-25px);
}
#monthly-expo .main-visual .live-area .time {
	max-width: 600px;
	padding: 3px 0 1px;
	margin: 0 auto;
	background-color: #2B2B2B;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 600;
	border-radius: 20px;
}
#monthly-expo .main-visual .live-area .time span {
	margin-left: 5px;
	font-size: 14px;
	vertical-align: middle;
}
#monthly-expo .main-visual .live-area .insta {
	margin: 10px 0;
	font-size: 14px;
}
#monthly-expo .main-visual .live-area .insta a {color: #3F85FF; }
#monthly-expo .main-visual .live-area > a {
	max-width: 388px;
	width: 100%;
	padding: 10px 0;
	margin: 0 auto;
	box-sizing: border-box;
	background: linear-gradient(270deg, #d63886 0%, #ff8d52 100%);
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 600;
	border-radius: 10px;
	position: relative;
	display: block;
}
#monthly-expo .main-visual .live-area > a::before {
	display: inline-block;
	content: "";
	background: url("/img/contents/monthly_expo/instagram.png") no-repeat;
	height: 100%;
	max-height: 43px;
	width: 100%;
	max-width: 43px;
	background-size: contain;
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -21.5px;
}
#monthly-expo .main-visual .live-area > a::after {
	display: inline-block;
	content: "";
	background: url("/img/contents/monthly_expo/arrow_blackbutton.png") no-repeat;
	height: 16px;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -8px;
}
#monthly-expo .main-visual .live-area > a.facebook {
	max-width: 422px;
	color: #333333;
	background: #E7EBF2;
	border: solid 3px #637AAD;
	box-sizing: border-box;
	font-size: 21px;
}
#monthly-expo .main-visual .live-area > a.facebook::before {
	background: url("/img/contents/monthly_expo/facebook.png") no-repeat;
	background-size: contain;
}
#monthly-expo .main-visual .live-area > a.facebook::after {
	background: url("/img/contents/monthly_expo/arrow_blackbutton_hover.png") no-repeat;
	background-size: contain;
}
#monthly-expo .main-visual .live-area > a:hover { opacity: 0.8; }
/* ranking */
#monthly-expo .ranking { margin: 75px auto 0; }
#monthly-expo .ranking .inner {
	width: 86.5%;
	max-width: 1190px;
}
#monthly-expo .ranking .title-area img {
	max-width: 270px;
	width: 100%;
	margin-bottom: 12px;
}
#monthly-expo .ranking .title-area h2 {
	max-width: 830px;
	width: 95%;
	line-height: 1.2;
}
#monthly-expo .ranking .title-area h2 .font-small {
	text-align: center;
	font-size: 20px;
}
#monthly-expo .ranking [class^='scrlbtn'] {
	width: 50px;
	height: 143px;
	position: absolute;
	top: 31%;
	text-indent: -100px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 3;
	transition: left 0.2s,right 0.2s;
	content: "";
	display: block;
	background: url("/img/contents/monthly_expo/arrow.png") no-repeat center center;
	background-size: contain;
}
#monthly-expo .ranking [class^='scrlbtn'] a {
	width: 50px;
	height: 143px;
	position: absolute;
	top: 0;
	left: 0;
}
#monthly-expo .ranking .scrlbtn-prev {
	left: -5%;
	transform: scale(-1,1);
}
#monthly-expo .ranking .scrlbtn-next { right: -5%; }
#monthly-expo .ranking .slide {
	position: relative;
}
#monthly-expo .ranking .slide .bx-viewport {
	height: 100% !important;
}
#monthly-expo .ranking ul {
	margin: 51px auto 142px;
	display: flex;
}
#monthly-expo .ranking li {
	border: 1px solid #3A3A3A;
	background-color: #FFFFFF;
	padding: 15px 15px 31px;
	box-sizing: border-box;
	position: relative;
	max-width: 280px;
}
#monthly-expo .ranking li a {
	color: #3A3A3A;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
}
#monthly-expo .ranking li:hover { opacity: 0.7; }
#monthly-expo .ranking .img-area {
	line-height: 0;
	border: solid 1px #D2D2D2;
	box-sizing: border-box;
	margin: 0 25px;
	text-align: center;
	height: 200px;
}
#monthly-expo .ranking .img-area img {
	max-width: 196px;
	height: 100%;
}
#monthly-expo .ranking .img-area::before {
	content: "";
	width: 60px;
	height: 92px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 4%;
	top: 0;
	z-index: 1;
}
#monthly-expo .ranking .img-area.rank1::before { background: url("/img/contents/monthly_expo/rank_01.svg"); }
#monthly-expo .ranking .img-area.rank2::before { background: url("/img/contents/monthly_expo/rank_02.svg"); }
#monthly-expo .ranking .img-area.rank3::before { background: url("/img/contents/monthly_expo/rank_03.svg"); }
#monthly-expo .ranking .img-area.rank4::before { background: url("/img/contents/monthly_expo/rank_04.svg"); }
#monthly-expo .ranking .img-area.rank5::before { background: url("/img/contents/monthly_expo/rank_05.svg"); }
#monthly-expo .ranking .img-area.rank6::before { background: url("/img/contents/monthly_expo/rank_06.svg"); }
#monthly-expo .ranking .img-area.rank7::before { background: url("/img/contents/monthly_expo/rank_07.svg"); }
#monthly-expo .ranking .img-area.rank8::before { background: url("/img/contents/monthly_expo/rank_08.svg"); }
#monthly-expo .ranking .img-area.rank9::before { background: url("/img/contents/monthly_expo/rank_09.svg"); }
#monthly-expo .ranking .img-area.rank10::before { background: url("/img/contents/monthly_expo/rank_10.svg"); }
#monthly-expo .ranking ul li .txt-area { font-weight: 600; }
#monthly-expo .ranking ul li .txt-area h3 {
	margin: 8px 0 0;
	font-size: 16px;
	text-align: center;
	min-height: 54px;
}
#monthly-expo .ranking ul li .txt-area .comment {
	font-size: 13px;
	color: #005D9F;
	display: flex;
	align-items: center;
}
#monthly-expo .ranking ul li .txt-area .comment::after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
#monthly-expo .ranking ul li .txt-area .comment::after { margin-left: 6px; }
#monthly-expo .ranking ul li .txt-area .txt {
	font-weight: normal;
	font-size: 14px;
	color: #8F8F8F;
}
#monthly-expo .ranking li .icon {
	content: "";
	width: 60px;
	height: 60px;
	margin-top: auto;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #C2DEF2;
	background-size: contain;
	border-radius: 50%;
	position: absolute;
	right: 5%;
	bottom: -6%;
	border: 2px solid #b5b5b5;
}
#monthly-expo .ranking li .icon.man01 { background-image: url("/img/contents/monthly_expo/people/man01.png");}
#monthly-expo .ranking li .icon.man02 { background-image: url("/img/contents/monthly_expo/people/man02.png");}
#monthly-expo .ranking li .icon.man03 { background-image: url("/img/contents/monthly_expo/people/man03.png");}
#monthly-expo .ranking li .icon.man04 { background-image: url("/img/contents/monthly_expo/people/man04.png");}
#monthly-expo .ranking li .icon.man05 { background-image: url("/img/contents/monthly_expo/people/man05.png");}
#monthly-expo .ranking li .icon.woman01 { background-image: url("/img/contents/monthly_expo/people/woman01.png");}
#monthly-expo .ranking li .icon.woman02 { background-image: url("/img/contents/monthly_expo/people/woman02.png");}
#monthly-expo .ranking li .icon.woman03 { background-image: url("/img/contents/monthly_expo/people/woman03.png");}
#monthly-expo .ranking li .icon.woman04 { background-image: url("/img/contents/monthly_expo/people/woman04.png");}
#monthly-expo .ranking li .icon.woman05 { background-image: url("/img/contents/monthly_expo/people/woman05.png");}
/* Recommended Comment */
#monthly-expo .r-comment { padding: 57px 0 86px; }
#monthly-expo .r-comment .inner {
	width: 90%;
	max-width: 1103px;
}
#monthly-expo .r-comment .title-area h2 {
	margin: 0 auto 26px;
	line-height: 1.2;
}
#monthly-expo .r-comment ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#monthly-expo .r-comment li { text-align: left; }
#monthly-expo .r-comment li img {
	display: inline-block;
	vertical-align: middle;
}
#monthly-expo .r-comment li p {
	display: inline-block;
	font-size: 13px;
	max-width: 697px;
	padding: 14px 56px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid #9CC69B;
	border-radius: 41px;
	color: #707070;
	box-sizing: border-box;
	position: relative;
}
#monthly-expo .r-comment li p::after {
	content: "";
	background: #9CC69B;
	height: 40px;
	width: 2px;
	position: absolute;
	left: 43px;
	bottom: -40px;
	transform:rotate(40deg); 
}
#monthly-expo .r-comment li:nth-child(2) {
	margin-top: -12px;
	text-align: right;
}
#monthly-expo .r-comment li:nth-child(2) p {
	padding: 23px 56px;
	margin-right: 10px;
	border: 2px solid #FFCB39;
}
#monthly-expo .r-comment li:nth-child(2) p::after {
	background: #FFCB39;
	left: unset;
	right: 43px;
	transform:rotate(-40deg); 
}
#monthly-expo .r-comment li:nth-child(3) { margin-top: 6px; }
#monthly-expo .r-comment li:nth-child(3) p {
	margin-left: 10px;
	border: 2px solid #92BAEA;
}
#monthly-expo .r-comment li:nth-child(3) p::after { background: #92BAEA; }
/* vendors */
#monthly-expo .vendors .title-area h2 {
	max-width: 890px;
	line-height: 1.2;
	margin: 20px auto;
}
#monthly-expo.jp .vendors .title-area h2 { max-width: 800px; }
#monthly-expo .vendors .category-btn {
	margin: 0 auto 93px;
	text-align: center;
	max-width: 1100px;
}
#monthly-expo .vendors .category-btn.width-1200 { max-width: 1200px; }
#monthly-expo .vendors .category-btn a {
	padding: 5px 1.3%;
	color: #8F8F8F;
	font-size: 15px;
	border: solid 1px #707070;
	border-radius: 7px;
	margin: 0 7px 13px 7px;
	display: inline-block;
	background-color: #FFFFFF;
}
#monthly-expo .vendors .category-btn a:hover,
#monthly-expo .vendors .category-btn a:active { background-color: #F3F3F3; }
#monthly-expo .vendors ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#monthly-expo .vendors li {
	width: 49%;
	border: 1px solid #BCBCBC;
	background-color: #FFFFFF;
	padding: 25px 1.5% 20px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}
#monthly-expo .vendors li:not(:nth-of-type(-n+2)) { margin-top: 79px; }
#monthly-expo .vendors .anchor {
	display: block;
	padding-top: 136px;
	margin-top: -136px;
}
#monthly-expo .vendors li .circle {
	position: absolute;
	left: 2%;
	top: -6%;
	background: #FF6F00;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 1;
}
#monthly-expo .vendors li .circle p {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 21px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
	letter-spacing: -0.03em;
}
#monthly-expo .vendors li .circle .in {
	position: static;
	transform: none;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	height: 80px;
	margin-top: 2px;
}
#monthly-expo .vendors li .circle .in .some { font-size: 18px; }
#monthly-expo .vendors li .category {
	margin-left: 90px;
	font-size: 25px;
	font-weight: 600;
}
#monthly-expo .vendors li .txt {
	margin-top: 9px;
	line-height: 1.4;
	font-size: 16px;
}
#monthly-expo .vendors li .notice {
	color: #D91A1A;
	font-size: 13px;
	text-indent: -1em;
	padding: 5px 0 0 1em;
}
#monthly-expo .vendors li .img-area {
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}
#monthly-expo .vendors li .img-area figure {
	margin: 0 0 15px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
#monthly-expo .vendors li .img-area figure img {
	width: 100%;
	max-width: 140px;
	max-height: 140px;
	border: solid 1px #D2D2D2;
	box-sizing: border-box;
}
#monthly-expo .vendors li .img-area figcaption {
	font-size: 13px;
	line-height: 1.4;
	color: #858585;
	padding: 5px 0 0;
	text-align: left;
}
#monthly-expo .vendors li .img-area figure a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
}
#monthly-expo .vendors li .img-area figure:hover { opacity: 0.8; }
#monthly-expo .vendors li .more-button { margin-top: auto; }
#monthly-expo .vendors li .more-button a {
	width: 100%;
	max-width: 250px;
	padding: 10px 0;
	margin: 10px auto 0;
	display: block;
	text-align: center;
	color: #3A3A3A;
	background-color: #FFFFFF;
	border: 1px solid #989898;
	border-radius: 10px;
	font-weight: 600;
	font-size: 13px;
	position: relative;
}
#monthly-expo .vendors li .more-button a::after {
	display: inline-block;
	content: "";
	background: url(/img/contents/monthly_expo/arrow_blackbutton_hover.png) no-repeat;
	height: 9px;
	width: 6px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -4.5px;
}
#monthly-expo .vendors li .more-button a:hover{ background-color: #EEF8FF; }
#monthly-expo .vendors .display-none { display: none; }
/* vendors（ブランド画像あり） */
#monthly-expo .vendors.brand-img .anchor {
	padding-top: 48px;
	margin-top: -48px;
}
#monthly-expo .vendors.brand-img .category-btn { margin: 0 auto 33px; }
#monthly-expo .vendors.brand-img li { padding: 0 0 20px; }
#monthly-expo .vendors.brand-img li:nth-last-of-type(-n+2) { margin-bottom: 0; }
#monthly-expo .vendors.brand-img li .brandimg {
	max-width: 652px;
	width: 100%;
	vertical-align: bottom;
}
#monthly-expo .vendors.brand-img li:not(:nth-of-type(-n+2)) { margin-top: 55px; }
#monthly-expo .vendors.brand-img .wrap {
	padding: 25px 3% 0;
	position: relative;
}
/* bottom area */
#monthly-expo .bottom-area {
	margin: 144px auto 45px;
	text-align: center;
}
#monthly-expo .bottom-area .button a {
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	font-size: 27px;
	max-width: 617px;
	width: 100%;
	position: relative;
	background-color: #05327B;
	border: 1px solid #05327B;
	border-radius: 50px;
}
#monthly-expo .bottom-area a::after {
	display: inline-block;
	content: "";
	background: url("/img/contents/monthly_expo/arrow_blackbutton.png") no-repeat;
	height: 16px;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -8px;
}
#monthly-expo .bottom-area a:hover {
	color: #05327B;
	background-color: #FFFFFF;
}
#monthly-expo .bottom-area a:hover::after {
	display: inline-block;
	content: "";
	background: url("/img/contents/monthly_expo/arrow_blackbutton_hover.png") no-repeat;
	height: 16px;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -8px;
}
#monthly-expo .bottom-area .button a.long { max-width: 710px; }
/* TAB */
@media screen and (max-width: 940px) {
	#monthly-expo .title-area h2 { font-size: 35px; }
	/* main-visual */
	#monthly-expo .main-visual .live-area-wrap { margin: 15px 0 50px; }
	#monthly-expo .main-visual .live-area,
	#monthly-expo .main-visual .live-area._160,
	#monthly-expo .main-visual .live-area._120 {
		padding: 20px 9% 18px;
	}
	#monthly-expo .main-visual .live-area.long { padding: 20px 7% 18px; }
	#monthly-expo .main-visual .live-area .ribbon {
		width: 216px;
		height: 60px;
		font-size: 31px;
	}
	#monthly-expo .main-visual .live-area > a {
		max-width: 410px;
		font-size: 21px;
	}
	#monthly-expo .main-visual .live-area > a::before {
		left: 1.5%;
	}
	/* ranking */
	#monthly-expo .ranking { margin: 95px auto 0; }
	#monthly-expo .ranking .inner {
		width: 76%;
		max-width: 708px;
	}
	#monthly-expo .ranking .title-area h2 { line-height: 1.2; }
	#monthly-expo .ranking [class^='scrlbtn'] {
		width: 35px;
		height: 100px;
		top: 34%;
	}
	#monthly-expo .ranking .scrlbtn-prev { left: -9%; }
	#monthly-expo .ranking .scrlbtn-next { right: -9%; }
	#monthly-expo .ranking ul { margin: 27px auto 128px; }
	#monthly-expo .ranking .img-area {
		line-height: 0;
		border: solid 1px #D2D2D2;
		margin: 0 10px;
		text-align: center;
	}
	#monthly-expo .ranking ul li .txt-area .comment::after { margin-left: 6px; }
	#monthly-expo .ranking li .icon {
		width: 60px;
		height: 60px;
		right: 5%;
		bottom: -6%;
	}
	/* Recommended Comment */
	#monthly-expo .r-comment { padding: 10px 0 40px; }
	#monthly-expo .r-comment .title-area h2 { margin: 0 auto 20px; }
	#monthly-expo .r-comment li:not(:first-child) { margin-top: 10px; }
	#monthly-expo .r-comment li p { max-width: 510px; }
	#monthly-expo .r-comment li:nth-child(2) p { padding: 14px 56px; }
	/* vendors */
	#monthly-expo .vendors .title-area h2,
	#monthly-expo.jp .vendors .title-area h2{
		max-width: 630px;
		width: 95%;
	}
	#monthly-expo .vendors ul { display: block; }
	#monthly-expo .vendors .inner { width: 83%; }
	#monthly-expo .vendors li {
		width: 100%;
		padding: 25px 3% 20px;
	}
	#monthly-expo .vendors .anchor {
		padding-top: 53px;
		margin-top: -53px;
	}
	#monthly-expo.jp .vendors .anchor {
		padding-top: 22px;
		margin-top: -22px;
	}
	#monthly-expo .vendors li:not(:nth-child(-n+2)) { margin-top: 0; }
	#monthly-expo .vendors li:not(:first-of-type) { margin-top: 54px; }
	#monthly-expo .vendors li .img-area figure { width: 23.5%; }
	#monthly-expo .vendors .category-btn {
		width: 95%;
		margin: 0 auto 57px;
	}
	#monthly-expo .vendors li .more-button a {
		padding: 12px 0 10px;
		font-size: 15px;
	}
	#monthly-expo .vendors li .more-button a::after {
		height: 12px;
		width: 8px;
		top: 50%;
		margin-top: -6px;
	}
	/* vendors（ブランド画像あり） */
	#monthly-expo .vendors.brand-img .anchor {
		padding-top: 0;
		margin-top: 0;
	}
	#monthly-expo .vendors.brand-img .category-btn { margin: 0 auto 22px; }
	#monthly-expo .vendors.brand-img li { width: 100%; }
	/* bottom area */
	#monthly-expo .bottom-area { margin: 61px auto 0; }
}
/* SP */
@media screen and (max-width: 670px) {
	#monthly-expo .title-area h2 { font-size: 25px; }
	#monthly-expo .inner { width: 95%; }
	/* main-visual */
	#monthly-expo .main-visual .mv-title-img {
		padding: 12px 0 18px;
		margin: 0 auto 10px;
	}
	#monthly-expo .main-visual .mv-title-img img {
		max-width: 163px;
		width: 100%;
	}
	#monthly-expo .main-visual .end-txt { margin: 15px 0; }
	#monthly-expo .main-visual .banner {max-width: 750px;}
	#monthly-expo .main-visual .banner img { width: 100%;}
	#monthly-expo .main-visual .live-area-wrap { margin: 10px 0 36px; }
	#monthly-expo .main-visual .live-area,
	#monthly-expo .main-visual .live-area.long,
	#monthly-expo .main-visual .live-area._160,
	#monthly-expo .main-visual .live-area._120 {
		padding: 13px 3%;
		margin: 2px;
	}
	#monthly-expo .main-visual .live-area .ribbon {
		width: 140px;
		height: 25px;
		font-size: 14px;
		top: -5%;
		left: 1%;
	}
	#monthly-expo .main-visual .live-area .time { font-size: 14px; }
	#monthly-expo .main-visual .live-area .time span { font-size: 6px; }
	#monthly-expo .main-visual .live-area .insta { font-size: 12px; }
	#monthly-expo .main-visual .live-area > a {
		max-width: 262px;
		font-size: 15px;
	}
	#monthly-expo .main-visual .live-area > a.facebook {
		max-width: 284px;
		font-size: 14px;
	}
	#monthly-expo .main-visual .live-area > a::before {
		max-height: 29px;
		max-width: 29px;
		left: 1.5%;
		top: 50%;
		margin-top: -14.5px;
	}
	#monthly-expo .main-visual .live-area > a::after {
		height: 10px;
		width: 6px;
		right: 5%;
		top: 50%;
		margin-top: -5px;
	}
	/* ranking */
	#monthly-expo .ranking { margin: 37px auto 0; }
	#monthly-expo .ranking .inner {
		width: 70%;
		max-width: 355px;
	}
	#monthly-expo .ranking .title-area img { max-width: 230px; }
	#monthly-expo .ranking .title-area h2 { line-height: 1.2; }
	#monthly-expo .ranking .title-area h2 .font-small { font-size: 15px; }
	#monthly-expo .ranking [class^='scrlbtn'] {
		width: 30px;
		height: 86px;
		top: 36%;
	}
	#monthly-expo .ranking .scrlbtn-prev { left: -18%; }
	#monthly-expo .ranking .scrlbtn-next { right: -18%; }
	#monthly-expo .ranking ul { margin: 27px auto 82px; }
	#monthly-expo .ranking li { max-width: 100%; }
	#monthly-expo .ranking .img-area {
		line-height: 0;
		border: solid 1px #D2D2D2;
		margin: 0 10px;
		text-align: center;
		height: auto;
	}
	#monthly-expo .ranking .img-area img { 
		max-width: 100%;
		max-height: 172px;
	}
	#monthly-expo .ranking ul li .txt-area h3 { margin: 8px 0 9px; }
	#monthly-expo .ranking ul li .txt-area .comment::after { margin-left: 6px; }
	#monthly-expo .ranking li .icon {
		width: 60px;
		height: 60px;
		right: 5%;
		bottom: -6%;
	}
	/* Recommended Comment */
	#monthly-expo .r-comment { padding: 5px 0 21px; }
	#monthly-expo .r-comment .inner { width: 95%; }
	#monthly-expo .r-comment li,
	#monthly-expo .r-comment li:nth-child(2) {
		text-align: center;
	}
	#monthly-expo .r-comment li img {
		width: 85px;
		vertical-align: text-top;
	}
	#monthly-expo .r-comment li p {
		max-width: 220px;
		padding: 23px 18px;
	}
	#monthly-expo .r-comment li:not(:first-child) p { max-width: 200px; }
	#monthly-expo .r-comment li:nth-child(2) p { padding: 23px 18px; }
	/* vendors */
	#monthly-expo .vendors .title-area h2,
	#monthly-expo.jp .vendors .title-area h2 { margin: 40px auto 17px; }
	#monthly-expo .vendors .title-area img { max-width: 91px; }
	#monthly-expo .vendors .category-btn { margin: 0 auto 51px; }
	#monthly-expo .vendors .category-btn a {
		padding: 4px 1.5%;
		margin: 0 7px 10px 7px;
		font-size: 14px;
	}
	#monthly-expo .vendors .inner { width: 95%; }
	#monthly-expo .vendors li {
		width: 100%;
		padding: 15px 4% 20px;
		margin-bottom: 51px;
	}
	#monthly-expo .vendors.brand-img li:not(:first-of-type) { margin-top: 32px; }
	#monthly-expo .vendors .anchor {
		padding-top: 65px;
		margin-top: -65px;
	}
	#monthly-expo.jp .vendors .anchor {
		padding-top: 32px;
		margin-top: -32px;
	}
	#monthly-expo .vendors li:nth-child(n+5) { margin-bottom: 51px; }
	#monthly-expo .vendors li .circle {
		width: 60px;
		height: 60px;
		left: 3%;
	}
	#monthly-expo .vendors li .circle p { font-size: 16px; }
	#monthly-expo .vendors li .circle .in { height: 60px;}
	#monthly-expo .vendors li .circle .in .some { font-size: 14px; }
	#monthly-expo .vendors li .category {
		margin-left: 60px;
		font-size: 19px;
		font-weight: 600;
	}
	#monthly-expo .vendors li .txt {
		line-height: 1.4;
		font-size: 13px;
	}
	#monthly-expo .vendors li .notice {
		line-height: 1.3;
		font-size: 12px;
	}
	#monthly-expo .vendors li .img-area {
		justify-content: center;
		flex-wrap: wrap;
	}
	#monthly-expo .vendors li .img-area figure {
		width: 46%;
		margin: 0 auto 10px;
		text-align: center;
	}
	#monthly-expo .vendors li .img-area figure img {
		max-width: 200px;
		max-height: 200px;
	}
	#monthly-expo .vendors li .img-area figcaption { 
		text-align: left;
		padding-top: 0;
	}
	#monthly-expo .vendors li .more-button a {
		max-width: 195px;
		padding: 8px 0 9px;
		font-size: 12px;
	}
	#monthly-expo .vendors li .more-button a::after {
		height: 9px;
		width: 6px;
		top: 50%;
		margin-top: -4.5px;
	}
	/* vendors（ブランド画像あり） */
	#monthly-expo .vendors.brand-img li { margin-bottom: 0; }
	#monthly-expo .vendors.brand-img ul .wrap { padding: 15px 4% 20px; }
	/* bottom area */
	#monthly-expo .bottom-area {
		width: 95%;
		margin: 45px auto 0;
	}
	#monthly-expo .bottom-area .button a {
		padding: 16px 10% 14px;
		box-sizing: border-box;
		margin: 0 auto;
		font-size: 20px;
		max-width: 355px;
		line-height: 1.2;
	}
}
/* 商品画像表示のための追加設定（Ladies Apparel UP TO 50% OFF Sale以降） */
#monthly-expo.new .ranking .img-area { height: 200px; }
#monthly-expo.new .ranking .img-area picture {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#monthly-expo.new .ranking .img-area img {
	max-height: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}
#monthly-expo.new .vendors li .img-area picture {
	display: block;
	width: 100%;
	height: auto;
	border: solid 1px #D2D2D2;
	position: relative;
}
#monthly-expo.new .vendors li .img-area picture:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#monthly-expo.new .vendors li .img-area figure img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	border: none;
	box-sizing: inherit;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width: 670px) {
	#monthly-expo.new .vendors li .img-area figure { width: calc((100% - 28px) / 2); }
	#monthly-expo.new .vendors li .img-area figcaption { padding-top: 5px; }
}
/******** MONTHLY EXPO リストページ ************/
#monthly-expo.list-page ul {
	padding: 0;
	margin: 0;
}
#monthly-expo.list-page img { vertical-align: top; }
#monthly-expo.list-page .main-visual .mv-title-img { margin: 0; }
#monthly-expo.list-page .main-visual .top-txt {
	padding: 7px 50px 8px;
	background-color: #E4F5F3;
}
#monthly-expo.list-page .main-visual .top-txt span { font-weight: 600; }
#monthly-expo.list-page .container {
	max-width: 1330px;
	width: 96%;
	padding-bottom: 50px;
	margin: 0 auto;
}
#monthly-expo.list-page .current-event { padding-top: 35px; }
#monthly-expo.list-page h2 { margin: 0; }
#monthly-expo.list-page .current-event img {
	max-width: 100%;
	border-top: 5px solid #32323E;
	border-bottom: 5px solid #32323E;
}
#monthly-expo.list-page .current-event .period-date {
	align-self: center;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #32323E;
	position: relative;
	height: 36px;
	box-sizing: border-box;
	padding: 8px 41px 0 15px;
}
#monthly-expo.list-page .current-event .period-date::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 18px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #32323E #32323E;
	position: absolute;
	right: 0;
	bottom: 0;
}
#monthly-expo.list-page .current-event .live-date {
	align-self: center;
	font-size: 14px;
	font-weight: 600;
	color: #D91A1A;
	padding-left: 18px;
	margin-left: 5px;
}
#monthly-expo.list-page .current-event .live-date::before {
	content: 'LIVE';
	display: inline-block;
	width: 40px;
	background-color: #D91A1A;
	color: #FFFFFF;
	font-size: 13px;
	margin-right: 7px;
	padding: 2px 0 1px;
}
#monthly-expo.list-page .current-event .live-date::after { content: '(GMT+9)'; }
#monthly-expo.list-page .current-event .live-date.jpn::after { content: none; }
#monthly-expo.list-page .previous-event h2 {
	font-size: 22px;
	color: #3A3A3A;
	font-weight: 600;
}
#monthly-expo.list-page .previous-event .title .note {
	font-size: 13px;
	color: #e83604;
}
#monthly-expo.list-page .previous-event .event-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#monthly-expo.list-page .previous-event .event-list li {
	width: calc((100% - 2% * 3) / 4);
	margin-bottom: 2.9%;
	text-align: left;
}
#monthly-expo.list-page .previous-event .event-list li img {
	max-width: 100%;
	box-sizing: border-box;
}
#monthly-expo.list-page .previous-event .event-list .period,
#monthly-expo.list-page .previous-event .event-list .comment {
	font-size: 13px;
}
#monthly-expo.list-page .previous-event .event-list .period {
	color: #929292;
	border-top: 1px solid #cacaca;
	padding: 8px 0;
}
#monthly-expo.list-page .previous-event .event-list .comment {
	font-size: 13px;
	color: #3A3A3A;
	background-color: #F1F1F1;
	border-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px;
}
/* PC */
@media screen and (min-width: 940px) {
	#monthly-expo.list-page a:not(.mv-title) { transition: 0.2s; }
	#monthly-expo.list-page a:not(.mv-title):hover { opacity: 0.8; }
	#monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 4) { margin-bottom: 0; }
	#monthly-expo.list-page .previous-event .event-list::before,
	#monthly-expo.list-page .previous-event .event-list::after {
		content: '';
		display: block;
		width: calc((100% - 2.3% * 3) / 4);
		order: 1;
	}
}
/* PC/TAB */
@media screen and (min-width: 670px) {
	#monthly-expo.list-page .current-event .period { display: flex; }
	#monthly-expo.list-page .previous-event {
		width: 100%;
		margin: 0 auto;
	}
	#monthly-expo.list-page .previous-event .title {
		display: flex;
		align-items: center;
		padding: 57px 0 25px;
	}
	#monthly-expo.list-page .previous-event h2 { flex-shrink: 0; }
	#monthly-expo.list-page .previous-event .title .note { margin-left: 19px; }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#monthly-expo.list-page .main-visual .top-txt { padding: 16px 2%; }
	#monthly-expo.list-page.jp .main-visual .top-txt { padding: 16px 12%; }
	#monthly-expo.list-page .previous-event .event-list li {
		width: calc((100% - 2.5% * 2) / 3);
		margin-bottom: 3.5%;
	}
	#monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 3) { margin-bottom: 0; }
	#monthly-expo.list-page .previous-event .event-list::after {
		content: '';
		display: block;
		width: calc((100% - 2.5% * 2) / 3);
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#monthly-expo.list-page .main-visual .top-txt,
	#monthly-expo.list-page.jp .main-visual .top-txt {
		padding: 10px 2%;
		font-size: 11px;
	}
	#monthly-expo.list-page .main-visual .top-txt p { font-size: 12px; }
	#monthly-expo.list-page .current-event { padding-top: 20px; }
	#monthly-expo.list-page .current-event img { border-top: none; }
	#monthly-expo.list-page .current-event img.mds_pick { border-top: 5px solid #32323E; }
	#monthly-expo.list-page .current-event .period-date {
		margin-left: 0;
		max-width: 278px;
		text-align: left;
	}
	#monthly-expo.list-page .current-event .period-date::before {
		width: 13px;
		height: 13px;
		top: calc(50% - 8px);
		left: 10px;
	}
	#monthly-expo.list-page .current-event .live-date {
		padding: 12px 0;
		margin-left: 0;
		border-top: 5px solid #32323E;
		text-align: left;
	}
	#monthly-expo.list-page .current-event .live-date::before {
		margin-right: 5px;
		padding: 0;
		text-align: center;
	}
	#monthly-expo.list-page .previous-event .title {
		padding: 35px 0 15px;
		line-height: 16px;
		text-align: left;
	}
	#monthly-expo.list-page .previous-event h2 {
		font-size: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	#monthly-expo.list-page .previous-event .title .note { font-size: 13px; }
	#monthly-expo.list-page .previous-event .event-list li {
		width: calc((100% - 2.5%) / 2);
		margin-bottom: 20px;
	}
	#monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 2) { margin-bottom: 0; }
	#monthly-expo.list-page .previous-event .event-list .period {
		font-size: 11.5px;
		padding: 5px 0;
	}
	#monthly-expo.list-page .previous-event .event-list .comment { padding: 8px; }
}

/* Thanks 7DAYS(2021/12)
------------------------------------------------------------------------ */
#thanks7days { color: #3A3A3A; }
#thanks7days h3 {
	margin: 0;
	font-weight: 600;
	line-height: 1.2;
}
#thanks7days p { margin: 0; }
#thanks7days a:visited, #thanks7days a:hover { text-decoration: none; }
#thanks7days img {
	max-width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
}
#thanks7days .title-area {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
#thanks7days .marker {
	font-weight: 600;
	display: inline-block;
}
#thanks7days img { image-rendering: -webkit-optimize-contrast; }
/* main-visual */
#thanks7days .main-visual { 
	padding: 28px 0 56px;
	box-sizing: border-box;
	background: linear-gradient(#F3F3F3 39%, rgba(255,255,255,0) 0);
}
#thanks7days .main-visual .mv-area {
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
}
#thanks7days .main-visual .mv-area h2 {
	border: none;
	text-align: center;
}
#thanks7days .main-visual .mv-area picture img {
	width: 100%;
	max-width: 1030px;
}
#thanks7days .main-visual .top-txt {
	margin-top: 55px;
	padding: 37px 50px 25px;
	text-align: center;
	background-color: #FFFEEB;
	border: solid 1px #FFDA23;
	border-radius: 20px;
	box-sizing: border-box;
}
#thanks7days .main-visual .top-txt h3 { 
	color: #CB3100;
	font-size: 28px;
	display: flex;
	align-items: center;
	line-height: 1;
	margin: 10px 0;
}
#thanks7days .main-visual .top-txt h3::before,
#thanks7days .main-visual .top-txt h3::after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
#thanks7days .main-visual .top-txt h3::before { margin-right: 1rem; }
#thanks7days .main-visual .top-txt h3::after { margin-left: 1rem; }
#thanks7days .main-visual p:first-of-type { font-size: 17px; }
#thanks7days .main-visual p:first-of-type .marker {
	font-size: 19px;
	background: linear-gradient(rgba(255,255,255,0) 55%, #FFDA23 55%) 0 -0.1em;
	width: 160px;
}
#thanks7days .main-visual p:nth-of-type(2) {
	font-size: 13px;
	text-align: right;
	color: #888888;
	margin: 5px 0 11px;
}
#thanks7days .main-visual p:last-of-type {
	font-size: 20px;
	font-weight: 600;
}
#thanks7days .main-visual p:last-of-type span { font-size: 15px; }
/* transfer-event */
#thanks7days .transfer-event {
	background-color: #98D4FF;
	padding: 28px 0 124px;
	text-align: center;
}
#thanks7days .transfer-event .inner {
	width: 95%;
	max-width: 1328px;
	margin: 0 auto;
}
#thanks7days .transfer-event h3 { font-size: 35px; }
#thanks7days .transfer-event h3 .marker {
	background: linear-gradient(rgba(255,255,255,0) 55%, #FFFA76 55%) 0 -0.1em;
	width: 433px;
}
#thanks7days .transfer-event h3 + p {
	margin: 10px 0;
	font-size: 16px;
}
#thanks7days .transfer-event ul {
	width: 100%;
	max-width: 857px;
	margin: 0 auto;
	padding: 17px 0 14px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
#thanks7days .transfer-event ul li {
	line-height: 1.8;
	font-size: 15px;
	text-align: left;
	display: flex;
	justify-content: center;
}

#thanks7days .transfer-event ul a {
	display: flex;
	width: 16%;
	align-self: center;
	margin-right: 10px;
}
#thanks7days .transfer-event li span {
	font-size: 16px;
	font-weight: 600;
}
#thanks7days .transfer-event li .txt { width: 48%; }
#thanks7days .transfer-event li:last-of-type { display: block; }
#thanks7days .transfer-event li .caution {
	margin-top: 20px;
	color: #CA1717;
	font-size: 12px;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	line-height: 1.2;
	text-align: center;
}
/* vendors */
#thanks7days .vendors {
	position: relative;
	padding: 70px 0 120px;
	background-color: #E1EDFF;
}
#thanks7days .vendors .title-area {
	width: 95%;
	max-width: 1328px;
	margin: 0 auto;
}
#thanks7days .vendors .title-area img {
	width: 400px;
	height: 153px;
	position: absolute;
	top: -164px;
	right: 50%;
	transform: translate(50%, 50%);
	z-index: 1;
}
#thanks7days .vendors .title-area h3 {
	line-height: 1.2;
	margin: 5px auto;
	font-size: 45px;
}
#thanks7days .vendors .title-area h3 .marker {
	background: linear-gradient(rgba(255,255,255,0) 55%, #FFDA23 55%) 0 -0.1em;
	width: 375px;
}
#thanks7days .vendors .title-area > p {
	margin: 14px 0 17px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}	
#thanks7days .vendors .category-btn {
	z-index: 1;
	margin: 0 auto 60px;
	text-align: center;
}
#thanks7days .vendors .category-btn a {
	padding: 4px 1.3%;
	margin: 0 10px 13px 0;
	display: inline-block;
	font-size: 13px;
	color: #3A3A3A;
	border: solid 1px #707070;
	border-radius: 7px;
	background-color: #FFFFFF;
}
#thanks7days .vendors .category-btn a:last-of-type { margin-right: 0; }
#thanks7days .vendors .category-btn a:hover,
#thanks7days .vendors .category-btn a:active { background-color: #F3F3F3; }
#thanks7days .vendors .inner {
	width: 95%;
	max-width: 1328px;
	margin: 0 auto;
}
#thanks7days .vendors ul {
	margin: 0 0 0 -6px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#thanks7days .vendors li {
	width: 49%;
	padding: 26px 25px 23px;
	margin-bottom: 79px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #000000;
	box-shadow: 6px 6px #000000;
	background-color: #FFFFFF;
}
#thanks7days .vendors li:nth-last-of-type(-n+2) { margin-bottom: 0; }
#thanks7days .vendors .anchor {
	display: block;
	position: relative;
	top: -130px;
	visibility: hidden;
}
#thanks7days .vendors li .off {
	position: absolute;
	top: -17px;
	left: 26px;
	padding: 2px 12px 0;
	background-color: #D44100;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 22px;
}
#thanks7days .vendors li .category {
	margin: 8px 0 10px;
	font-size: 25px;
	font-weight: 600;
}
#thanks7days .vendors li .txt {
	margin-top: 9px;
	line-height: 1.2;
}
#thanks7days .vendors li .img-area {
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}
#thanks7days .vendors li .img-area figure {
	margin: 0 0 15px 0;
	width: calc((100% - 33px) / 4);
	text-align: center;
	position: relative;
}
#thanks7days .vendors li .img-area figure img {
	width: 100%;
	max-width: 140px;
	border: solid 1px #D2D2D2;
	box-sizing: border-box;
}
#thanks7days .vendors li .img-area figcaption {
	font-size: 13px;
	line-height: 1.4;
	color: #858585;
	padding: 5px 0 0;
	text-align: left;
}
#thanks7days .vendors li .img-area figure a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
}
#thanks7days .vendors li .img-area figure a:hover { opacity: 0.8; }
#thanks7days .vendors li .more-button { margin-top: auto; }
#thanks7days .vendors li .more-button a {
	width: 100%;
	max-width: 250px;
	padding: 10px 0;
	margin: 10px auto 0;
	display: block;
	text-align: center;
	color: #3A3A3A;
	background-color: #FFFFFF;
	border: 1px solid #989898;
	border-radius: 10px;
	font-weight: 600;
	font-size: 15px;
	position: relative;
}
#thanks7days .vendors li .more-button a::after {
	display: inline-block;
	content: "";
	background: url(/img/contents/monthly_expo/arrow_blackbutton_hover.png) no-repeat;
	height: 9px;
	width: 6px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 37%;
}
#thanks7days .vendors li .more-button a:hover{ background-color: #EEF8FF; }
/* bottom area */
#thanks7days .bottom-area {
	padding: 55px 0 0;
	text-align: center;
	position: relative;
}
#thanks7days .bottom-area .btm-bg {
	position: absolute;
	top: 170px;
	right: 50%;
	transform: translateX(50%);
	width: 100%;
	height: 236px;
	z-index: -1;
	background-color: #F8F8F8;
	background-image: linear-gradient(rgba(255,255,255,0) 50%, #FFFFFF 50%);
	background-size: 42px 42px;
}
#thanks7days .bottom-area img {
	width: 100%;
	max-width: 800px;
}
#thanks7days .bottom-area .button a {
	padding: 20px 0;
	margin: 45px auto 48px;
	text-align: center;
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	font-size: 30px;
	max-width: 600px;
	width: 100%;
	position: relative;
	background-color: #05327B;
	border: 1px solid #707070;
	border-radius: 42.5px;
	box-sizing: border-box;
	line-height: 1.2;
}
#thanks7days .bottom-area a::after {
	display: inline-block;
	content: "";
	background: url("/img/contents/sdweek/thanks7days/arrow_blackbutton.png") no-repeat;
	height: 16px;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 40%;
}
#thanks7days .bottom-area a:hover {
	color: #05327B;
	background-color: #FFFFFF;
}
#thanks7days .bottom-area a:hover::after {
	display: inline-block;
	content: "";
	background: url("/img/contents/sdweek/thanks7days/arrow_blackbutton_hover.png") no-repeat;
	height: 16px;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: 6%;
	top: 40%;
}
/* TAB */
@media screen and (max-width: 940px) {
	/* main-visual */
	#thanks7days .main-visual { 
		padding: 20px 0 45px;
		background: linear-gradient(#F3F3F3 32%, rgba(255,255,255,0) 0);
	}
	#thanks7days .main-visual .top-txt {
		margin-top: 35px;
		padding: 30px 4% 26px;
	}
	/* transfer-event */
	#thanks7days .transfer-event li .txt { width: 63%; }
	/* vendors */
	#thanks7days .vendors .category-btn a { margin: 0 10px 9px 0; }
	#thanks7days .vendors .inner { width: 82%; }
	#thanks7days .vendors ul { display: block; }
	#thanks7days .vendors li {
		width: 100%;
		margin-bottom: 52px;
	}
	#thanks7days .vendors li:nth-last-of-type(-n+2) { margin-bottom: 52px; }
	#thanks7days .vendors li:last-of-type { margin-bottom: 0; }
	#thanks7days .vendors .anchor { top: -13px; }
	/* bottom area */
	#thanks7days .bottom-area .btm-bg { top: 23%; }
	#thanks7days .bottom-area img {
		width: 90%;
		max-width: 650px;
	}
	#thanks7days .bottom-area .button a { margin: 45px auto 25px; }
}
/* SP */
@media screen and (max-width: 670px) {
	/* main-visual */
	#thanks7days .marker { display: inline; }
	#thanks7days .main-visual { 
		padding: 6px 0 25px;
		background: linear-gradient(#F3F3F3 16%, rgba(255,255,255,0) 0);
	}
	#thanks7days .main-visual .mv-area { width: 93%; }
	#thanks7days .main-visual .mv-area picture img { max-width: 400px; }
	#thanks7days .main-visual .top-txt {
		margin-top: 25px;
		padding: 12px 4% 18px;
	}
	#thanks7days .main-visual .top-txt h3::before,
	#thanks7days .main-visual .top-txt h3::after { border-top: none; }
	#thanks7days .main-visual .top-txt h3::before { margin-right: 0; }
	#thanks7days .main-visual .top-txt h3::after { margin-left: 0; }
	#thanks7days .main-visual p:first-of-type { font-size: 15px; }
	#thanks7days .main-visual p:first-of-type .marker {
		font-size: 15px;
		width: 40%;
	}
	#thanks7days .main-visual p:nth-of-type(2) { font-size: 12px; }
	#thanks7days .main-visual p:last-of-type { font-size: 16px; }
	/* transfer-event */
	#thanks7days .transfer-event { padding: 28px 0 105px; }
	#thanks7days .transfer-event .inner { width: 93%; }
	#thanks7days .transfer-event h3 .marker { background: linear-gradient(rgba(255,255,255,0) 65%, #FFFA76 65%) 0 -0.2em; }
	#thanks7days .transfer-event ul { padding: 17px 4% 14px; }
	#thanks7days .transfer-event ul li {
		display: block;
		margin-bottom: 10px;
	}
	#thanks7days .transfer-event ul a {
		display: block;
		margin-right: 0;
		width: 20%;
	}
	#thanks7days .transfer-event li .txt { width: 100%; }
	/* vendors */
	#thanks7days .vendors { padding: 70px 0 48px; }
	#thanks7days .vendors .title-area { width: 93%; }
	#thanks7days .vendors .title-area img {
		width: 100%;
		max-width: 300px;
		height: auto;
		top: -117px;
	}
	#thanks7days .vendors .title-area h3 {
		margin: 5px auto;
		font-size: 35px;
	}
	#thanks7days .vendors .title-area h3 .marker { background: linear-gradient(rgba(255,255,255,0) 65%, #FFDA23 65%) 0 -0.2em; }
	#thanks7days .vendors .title-area > p { font-size: 16px; }
	#thanks7days .vendors .category-btn { margin: 0 auto 51px; }
	#thanks7days .vendors .category-btn a {
		padding: 4px 1.3%;
		margin: 0 8px 9px 0;
	}
	#thanks7days .vendors .inner { width: 90%; }
	#thanks7days .vendors li { margin-bottom: 57px; }
	#thanks7days .vendors li:nth-last-of-type(-n+2) { margin-bottom: 57px; }
	#thanks7days .vendors li:last-of-type { margin-bottom: 0; }
	#thanks7days .vendors li .txt { font-size: 14px; }
	#thanks7days .vendors li .category { font-size: 20px; }
	#thanks7days .vendors li .img-area { flex-wrap: wrap; }
	#thanks7days .vendors li .img-area figure { width: calc((100% - 11px) / 2); }
	/* bottom area */
	#thanks7days .bottom-area { padding: 50px 0 0; }
	#thanks7days .bottom-area .btm-bg { top: 12%; }
	#thanks7days .bottom-area img {
		width: 93%;
		max-width: 500px;
	}
	#thanks7days .bottom-area .button a {
		padding: 12px 10%;
		margin: 16px auto 0;
		font-size: 20px;
		width: 93%;
		max-width: 420px;
		border-radius: 40px;
	}
	#thanks7days .bottom-area a::after {
		height: 14px;
		width: 8px;
		right: 6%;
		top: 36%;
	}
	#thanks7days .bottom-area a:hover::after {
		height: 14px;
		width: 8px;
		right: 6%;
		top: 36%;
	}
}
/****** Thanks 7DAYS(2021/12) Export用追加 ******/
#thanks7days.en .main-visual { padding: 28px 0 140px; }
#thanks7days.en .main-visual p:first-of-type .marker { width: 190px; }
/* TAB */
@media screen and (max-width: 940px) {
	#thanks7days.en .main-visual { padding: 20px 0 143px; }
	#thanks7days.en .vendors .anchor { top: -48px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#thanks7days.en .main-visual { padding: 6px 0 97px; }
}

/* Premium SD's Week(2022/08)
------------------------------------------------------------------------ */
#sdweek2022 {
	background-image: url("/img/contents/sdweek/2022/bg_pc.png"), linear-gradient(#e9e9e9 0%, #fff 100%);
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: -86px;
}
#sdweek2022 * { box-sizing: border-box; }
#sdweek2022 h2 {
	font-size: 38px;
	border: none;
	color: #333333;
	margin: 0;
}
#sdweek2022 p, #sdweek2022 ul, #sdweek2022 ol, #sdweek2022 h3 {
	margin: 0;
	padding: 0;
}
#sdweek2022 a, #sdweek2022 a:hover, #sdweek2022 a:visited {
	text-decoration: none;
	color: #3B3B3B;
	display: block;
}
#sdweek2022 a:hover { opacity: 0.8; }
#sdweek2022 img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#sdweek2022 .wrap {
	max-width: 1202px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}
#sdweek2022 .wrap::before,
#sdweek2022 .wrap::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	background: url("/img/contents/sdweek/2022/bg_text.svg") center top #FFFFFF repeat-y;
	background-size: contain;
	width: 53px;
	height: 100%;
	border-left: solid 1px #707070;
	border-right: solid 1px #707070;
}
#sdweek2022 .wrap::before{ left: 0; }
#sdweek2022 .wrap::after{ right: 0; }
#sdweek2022 .title-area {
	width: 100%;
	margin: 0 auto;
	max-width: 510px;
}
#sdweek2022 .title-area h3 {
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	color: #3B3B3B;
	letter-spacing: -0.01em;
}
/* main-visual */
#sdweek2022 .main-visual {
	background-color: #181756;
	margin: 0 auto;
	padding-bottom: 20px;
}
#sdweek2022 .main-visual h2 {
	border: none;
	text-align: center;
}
#sdweek2022 .main-visual picture img {
	width: 100%;
	max-width: 1100px;
}
#sdweek2022 .main-visual .top-txt {
	width: 86%;
	max-width: 930px;
	margin: 9px auto 0;
	padding: 17px 13% 11px;
	text-align: center;
	background-color: #0F3A81;
	border: solid 1px #FDCF31;
}
#sdweek2022 .main-visual .top-txt .circle-wrap { position: relative; }
#sdweek2022 .main-visual .top-txt .circle {
	position: absolute;
	right: 3%;
	top: -40px;
	height: 98px;
	width: 98px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 1;
	background-color: #FDCF31;
	box-shadow: 0 0 0 4px #FDCF31 inset, 0 0 0 5px #0F3A81 inset;
	transform:rotate(-20deg); 
}
#sdweek2022 .main-visual .top-txt .circle p {
	position: absolute;
	top: -5%;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #0F3A81;
}
#sdweek2022 .main-visual .top-txt .circle span { font-size: 36px; }
#sdweek2022 .main-visual .top-txt h3 {
	line-height: 1;
	font-size: 27px;
	color: #FDCF31;
	position: relative;
}
#sdweek2022 .main-visual .top-txt .period {
	display: inline-block;
	margin: 10px 0 7px;
	padding: 3px 19px;
	font-size: 17px;
	font-weight: 600;
	color: #1047A2;
	background-color: #FFFFFF;
	border-radius: 18px;
}
#sdweek2022 .main-visual .top-txt .period span {
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}
#sdweek2022 .main-visual .top-txt .arrow {
	position: relative;
	display: inline-block;
	background-color: #0F3A81;
	border-bottom: solid 1px #FFFFFF;
	padding: 7px 5px 6px;
	max-width: 100%;
	text-align: center;
}
#sdweek2022 .main-visual .top-txt .arrow:before,
#sdweek2022 .main-visual .top-txt .arrow:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
#sdweek2022 .main-visual .top-txt .arrow:before {
	border: solid 15px transparent;
	border-top: solid 22px #FFFFFF;
}
#sdweek2022 .main-visual .top-txt .arrow:after {
	border: solid 15px transparent;
	border-top: solid 22px #0F3A81;
	margin-top: -2px;
}
#sdweek2022 .main-visual .top-txt .arrow .txt {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #FFFFFF;
}
#sdweek2022 .main-visual .top-txt .point-wrap {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
}
#sdweek2022 .main-visual .top-txt .jpy {
	font-size: 15px;
	color: #FFC982;
	border-bottom: dashed 1px #FFA633;
}
#sdweek2022 .main-visual .top-txt .point {
	font-size: 15px;
	font-weight: 600;
	color: #FFA482;
}
#sdweek2022 .main-visual .top-txt .point span { font-size: 26px; }
/* transfer-event */
#sdweek2022 .transfer-event {
	background-color: #EDF1F8;
	padding: 93px 0 83px;
	text-align: center;
}
#sdweek2022 #transfer {
	display: block;
	padding-top: 10px;
	margin-top: -10px;
}
#sdweek2022 .transfer-event .inner {
	width: 80%;
	margin: 0 auto;
	padding: 47px 38px 21px;
	border: double 4px #181756;
	background-color: #F9F9F9;
	position: relative;
}
#sdweek2022 .transfer-event .title { 
	position: absolute;
	top: -88px;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
}
#sdweek2022 .transfer-event .sub { 
	font-size: 16px;
	font-weight: 600;
	color: #181756;
}
#sdweek2022 .transfer-event .campaign { font-size: 16px }
#sdweek2022 .transfer-event .campaign span { font-weight: 600; }
#sdweek2022 .transfer-event ul {
	width: 100%;
	max-width: 857px;
	margin: 0 auto;
	padding: 17px 0 14px;
}
#sdweek2022 .transfer-event ul li {
	padding: 15px 22px;
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 15px;
	text-align: left;
	display: flex;
	justify-content: center;
	border: dashed 1px #707070;
	border-radius: 10px;
	background-color: #FFFFFF;
}
#sdweek2022 .transfer-event ul a {
	display: flex;
	width: 100%;
	align-self: center;
	margin-right: 10px;
}
#sdweek2022 .transfer-event ul img {
	width: 150px;
	height: 70px;
}
#sdweek2022 .transfer-event ul .txt-wrap {
	font-weight: 600;
	margin-left: 20px;
}
#sdweek2022 .transfer-event ul .txt-wrap .vendor { 
	font-size: 18px;
	margin-top: 5px;
}
#sdweek2022 .transfer-event ul .txt-wrap .txt { 
	font-size: 17px;
	line-height: 20px;
}
#sdweek2022 .transfer-event ul .txt-wrap .txt::before {
	content: '・';
	display: inline-block;
}
#sdweek2022 .transfer-event ul .txt-wrap .txt .red {
	color: #B93838;
	font-weight: 600;
}
#sdweek2022 .transfer-event ul .txt-wrap .txt span {
	font-size: 15px;
	font-weight: normal;
}
#sdweek2022 .transfer-event .caution {
	margin: 0 auto;
	color: #B93838;
	font-size: 13px;
	line-height: 1.2;
	text-align: left;
	max-width: 857px;
}
#sdweek2022 .transfer-event .caution span { font-weight: 600; }
/* contents */
#sdweek2022 .contents { margin: 0 auto; }
#sdweek2022 .contents .inner {
	background-color: #181756;
	width: 91%;
	margin: 0 auto;
	text-align: center;
}
#sdweek2022 .contents input[name="button"] { display: none; }
#sdweek2022 .contents input:checked + .button { background-color: #FFF7C1; }
#sdweek2022 .contents label{
	display: inline-block;
	width: calc((100% - 214px) / 6);
	max-width: 120px;
	height: 102px;
	padding: 15px 9px 7px;
	margin: 0 4px;
	background: #FFFFFF;
	color: #707070;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	border: solid 1px #BBBBBB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
	vertical-align: bottom;
}
#sdweek2022 .contents label:hover { background-color: #FFF7C1; }
#sdweek2022 .contents .genre-item {
	display: none;
	clear: both;
	overflow: hidden;
}
#psdw-content01:checked ~ #psdw-content01-in,
#psdw-content02:checked ~ #psdw-content02-in,
#psdw-content03:checked ~ #psdw-content03-in,
#psdw-content04:checked ~ #psdw-content04-in,
#psdw-content05:checked ~ #psdw-content05-in,
#psdw-content06:checked ~ #psdw-content06-in {
	display: block;
}
#sdweek2022 label img {
	display: block;
	margin: 0 auto 10px;
}
#sdweek2022 label:nth-of-type(1) img {
	width: 45px;
	height: 43px;
}
#sdweek2022 label:nth-of-type(2) img {
	width: 45px;
	height: 45px;
}
#sdweek2022 label:nth-of-type(3) img {
	width: 38px;
	height: 33px;
}
#sdweek2022 label:nth-of-type(4) img {
	width: 31px;
	height: 43px;
}
#sdweek2022 label:nth-of-type(5) img {
	width: 34px;
	height: 34px;
	margin: 0 auto 6px;
}
#sdweek2022 label:nth-of-type(6) img {
	width: 38px;
	height: 37px;
	margin: 0 auto 6px;
}
#sdweek2022 label span {
	position: absolute;
	bottom: 15px;
	right: 50%;
	transform: translateX(50%);
	width: 100%;
}
#sdweek2022 label:nth-of-type(n+5) span { bottom: 6px; }
/* vendors */
#sdweek2022 .vendors {
	padding: 37px 0 24px;
	background-color: #F5F5F5;
}
#sdweek2022 .vendors .title-area {
	position: relative;
	margin-bottom: 40px;
}
#sdweek2022 .vendors .title-area h3 { text-shadow: 0px 0px 10px #e5207f; }
#sdweek2022 .vendors .title-area h3 span { color: #BB005A; }
#sdweek2022 .vendors .title-area::after {
	content: "";
	background: url("/img/contents/sdweek/2022/line_pink.png") center bottom no-repeat;
	background-size: contain;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: -10px;
	right: 50%;
	transform: translate(50%, 50%);
}
#sdweek2022 .vendors ul {
	width: 84%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 33px 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background-color: #FFFFFF;
	border-radius: 30px;
	box-shadow: 0px 0px 15px #cfcfcf;
}
#sdweek2022 .vendors li {
	width: calc(100% / 7);
	padding: 0 8px;
	text-align: center;
}
#sdweek2022 .vendors li:nth-of-type(n+8) { margin-top: 23px; }
#sdweek2022 .vendors li:not(:nth-of-type(7n)) { border-right: dashed 1px #cfcfcf; }
#sdweek2022 .vendors li:nth-last-child(1) { border-right: none; }
#sdweek2022 .vendors li p {
	font-size: 12px;
	margin-top: 8px;
	color: #858585;
}
#sdweek2022 .vendors .empty { display: none; }
/* recommended（ALLジャンル）/introduce（各ジャンル）*/
#sdweek2022 .recommended,
#sdweek2022 .introduce {
	background-color: #FFFFFF;
}
#sdweek2022 .recommended { padding: 36px 0 0; }
#sdweek2022 .recommended .title-area,
#sdweek2022 .introduce .title-area {
	position: relative;
	margin-bottom: 60px;
}
#sdweek2022 .recommended .title-area h3,
#sdweek2022 .introduce .title-area h3 {
	text-shadow: 0px 0px 10px #4DC8E4;
}
#sdweek2022 .recommended .title-area::after,
#sdweek2022 .introduce .title-area::after {
	content: "";
	background: url("/img/contents/sdweek/2022/line_blue.png") center bottom no-repeat;
	background-size: contain;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: -10px;
	right: 50%;
	transform: translate(50%, 50%);
}
#sdweek2022 .recommended .item-wrap {
	width: 98%;
	max-width: 962px;
	margin: 0 auto;
}
#sdweek2022 .recommended ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sdweek2022 .recommended li {
	width: calc((100% - 40px) / 5);
	margin: 0 0 53px 0;
	border: solid 1px #C1C1C1;
	position: relative;
}
#sdweek2022 .recommended li.empty { border: none; }
#sdweek2022 .recommended li .img-area,
#sdweek2022 .introduce li .img-area {
	width: 100%;
	height: 180px;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sdweek2022 .introduce li .img-area {border: solid 1px #cccccc;}
#sdweek2022 .recommended li .img-area img { max-height: 180px; }
#sdweek2022 .introduce li img { max-height: 178px; }
#sdweek2022 .recommended li .off {
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #B93838;
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 5px 0;
}
#sdweek2022 .recommended li .txt-area {
	padding: 6px 8px 8px;
	text-align: left;
}
#sdweek2022 .recommended li .item { font-size: 14px; }
#sdweek2022 .recommended li .vendor {
	font-size: 12px;
	color: #a3a3a3;
	margin-top: 5px;
}
#sdweek2022 .introduce { padding: 36px 0 25px; }
#sdweek2022 .introduce .item-area {
	width: 820px;
	margin: 0 auto 50px;
	padding: 22px 26px 21px; 
	border: solid 1px #C1C1C1;
	text-align: left;
}
#sdweek2022 .introduce .item-area:not(:first-child) { margin-top: 25px; }
#sdweek2022 .introduce .item-area .title {
	display: inline-block;
	margin-bottom: 10px;
}
#sdweek2022 .introduce .item-area .off {
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #B93838;
	padding: 2px 5px 1px;
	display: inline-block;
	min-width: 115px;
	text-align: center;
}
#sdweek2022 .introduce .item-area .vendor {
	font-weight: 600;
	font-size: 20px;
	color: #707070;
	display: inline-block;
	padding-left: 5px;
}
#sdweek2022 .introduce .item-area .more {
	padding: 7px 0;
	text-align: center;
	color: #707070;
	font-size: 14px;
	width: 150px;
	background-color: #FFFFFF;
	border: solid 1px #707070;
	border-radius: 29px;
	line-height: 1;
	display: inline-block;
	position: relative;
	float: right;
}
#sdweek2022 .introduce .item-area .more:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px #666 solid;
	border-right: 2px #666 solid;
	margin: 0 0 0 10px;
	transform: rotate(45deg);
	border-radius: 1px;
	position: absolute;
	top: 10px;
	right: 14px;
}
#sdweek2022 .introduce .item-area .intro {
	margin-bottom: 15px;
	font-size: 14px;
	color: #7c7c7c;
}
#sdweek2022 .introduce ul {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#sdweek2022 .introduce li {
	width: calc((100% – 30px) / 4);
	max-width: 180px;
	position: relative;
	margin-right: 15px;
}
#sdweek2022 .introduce li:last-of-type { margin-right: 0; }
#sdweek2022 .introduce li .txt-area {
	padding: 0 5px 8px;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
}
#sdweek2022 .btm-button {	padding-bottom: 65px;	}
#sdweek2022 .btm-button a {
	padding: 16px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	max-width: 400px;
	width: 100%;
	position: relative;
	background-color: #DC4D4D;
	border: solid 1px #BE1F1F;
	border-radius: 29px;
	line-height: 1.2;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#sdweek2022 .wrap::before,
	#sdweek2022 .wrap::after {
		display: none;
	}
	/* main-visual */
	#sdweek2022 .main-visual .top-txt {
		width: 92%;
		padding: 17px 6% 11px;
	}
	#sdweek2022 .main-visual .top-txt .circle { right: 20px ;}
	/* contents */
	#sdweek2022 .contents .inner { width: 100%; }
	#sdweek2022 .contents label{
		width: calc((100% - 115px) / 6);
		margin: 0 2px;
	}
	/* vendors */
	#sdweek2022 .vendors ul { width: 95%; }
	#sdweek2022 .vendors li { width: calc(100% / 5); }
	#sdweek2022 .vendors li:nth-of-type(n+6) { margin-top: 23px; }
	#sdweek2022 .vendors li:not(:nth-of-type(7n)) { border-right: none; }
	#sdweek2022 .vendors li:not(:nth-of-type(5n)) { border-right: dashed 1px #cfcfcf; }
	#sdweek2022 .vendors li:nth-last-child(1) { border-right: none; }
	#sdweek2022 .vendors .empty { display:block; }
	/* recommended（ALLジャンル）/introduce（各ジャンル）*/
	#sdweek2022 .recommended .item-wrap { width: 96%; }
	#sdweek2022 .recommended ul::after {
		display: block;
		content:"";
		width: calc((100% - 40px) / 4);
	}
	#sdweek2022 .recommended li {
		width: calc((100% - 40px) / 4);
		margin: 0 0 20px 0;
	}
	#sdweek2022 .introduce .item-area { width: 94%; }
	#sdweek2022 .introduce ul {
		width: 96%;
		max-width: 962px;
	}
	#sdweek2022 .introduce li .img-area { height: 150px; }
	#sdweek2022 .introduce li { max-width: 160px; }
	#sdweek2022 .introduce li img { max-height: 148px; }
	#sdweek2022 .transfer-event .inner { width: 95%; }
}
/* SP */
@media screen and (max-width: 670px) {
	#sdweek2022 .title-area { padding: 0 12px; }
	#sdweek2022 .title-area h3 { font-size: 30px; }
	/* main-visual */
	#sdweek2022 .main-visual { padding-bottom: 0; }
	#sdweek2022 .main-visual .inner { overflow: hidden; }
	#sdweek2022 .main-visual .top-txt {
		width: 94%;
		padding: 17px 0 11px;
		margin: 0 auto 10px;
	}
	#sdweek2022 .main-visual .top-txt .jpy {
	line-height: 20px;
	margin-bottom: 12px;
	}
	#sdweek2022 .main-visual .top-txt .arrow .txt { line-height: 17px; }
	#sdweek2022 .main-visual .top-txt .point { line-height: 18px;}
	#sdweek2022 .main-visual .top-txt .circle {
		right: -8px;
		top: 24px;
		height: 71px;
		width: 71px;
	}
	#sdweek2022 .main-visual .top-txt .circle p { font-size: 15px; }
	#sdweek2022 .main-visual .top-txt .circle span { font-size: 27px; }
	#sdweek2022 .main-visual .top-txt .period {
		padding: 5px 19px;
		margin: 10px;
		line-height: 1.2;
	}
	#sdweek2022 .contents label{
		display: inline-flex;
		width: calc((100% - 32px) / 2);
		max-width: 100%;
		height: 43px;
		padding: 9px 0 8px;
		margin: 0 2px 6px;
		border-radius: 10px;
		align-items: center;
	}
	#sdweek2022 .contents label:nth-of-type(n+5) {
		height: 53px;
		margin-bottom: 10px;
	}
	#sdweek2022 label span {
		display: inline-block;
		position: static;
		bottom: 0;
		right: 0;
		transform: none;
		width: 100%;
		max-width: 97px;
		text-align: left;
	}
	#sdweek2022 label img {
		display: inline-block;
		margin: 0 10px;
		text-align: left;
	}
	#sdweek2022 label:nth-of-type(1) img {
		width: 27px;
		height: 26px;
	}
	#sdweek2022 label:nth-of-type(2) img {
		width: 27px;
		height: 27px;
	}
	#sdweek2022 label:nth-of-type(3) img {
		width: 27px;
		height: 23px;
	}
	#sdweek2022 label:nth-of-type(4) img {
		width: 20px;
		height: 27px;
		margin: 0 15px 0 10px;
	}
	#sdweek2022 label:nth-of-type(5) img {
		width: 25px;
		height: 25px;
		margin: 0 10px;
	}
	#sdweek2022 label:nth-of-type(6) img {
		width: 27px;
		height: 21px;
		margin: 0 10px;
	}
	/* transfer-event */
	#sdweek2022 .transfer-event {
		margin-top: 10px;
		padding: 64px 0 71px;
	}
	#sdweek2022 .transfer-event .inner { padding: 40px 2% 21px; }
	#sdweek2022 .transfer-event .title { top: -74px; }
	#sdweek2022 .transfer-event .sub { font-size: 14px; }
	#sdweek2022 .transfer-event ul li {
		padding: 15px 5px;
		text-align: center;
	}
	#sdweek2022 .transfer-event ul a { display: block; }
	#sdweek2022 .transfer-event ul .txt-wrap { text-align: left; }
	#sdweek2022 .transfer-event ul .txt-wrap .vendor { font-size: 16px; }
	#sdweek2022 .transfer-event .caution { font-size: 12px; }
	/* vendors */
	#sdweek2022 .vendors .title-area h3 { line-height: 1.3; }
	#sdweek2022 .vendors .title-area::after { height: 40px; }
	#sdweek2022 .vendors ul {
		width: 94%;
		padding: 7px 16px;
		display: block;
	}
	#sdweek2022 .vendors li {
		width: 100%;
		text-align: left;
	}
	#sdweek2022 .vendors li:nth-of-type(n+5),
	#sdweek2022 .vendors li:not(:nth-of-type(5n)) { 
		margin-top: 5px; 
		border-right: none;
	}
	#sdweek2022 .vendors li:not(:nth-of-type(4n)) { border-right: none; }
	#sdweek2022 .vendors li img {
		max-width: 55px;
		display: inline-block;
	}
	#sdweek2022 .vendors li p {
		margin: 5px 0 5px 9px;
		display: inline-block;
	}
	/* recommended（ALLジャンル）/introduce（各ジャンル）*/
	#sdweek2022 .recommended {
		width: 100%;
		margin: 0 auto;
	}
	#sdweek2022 .recommended .title-area,
	#sdweek2022 .introduce .title-area {
		line-height: 1.3;
	}
	#sdweek2022 .recommended .title-area::after,
	#sdweek2022 .introduce .title-area::after {
		height: 40px;
	}
	#sdweek2022 .recommended .title-area { margin-bottom: 40px; }
	#sdweek2022 .introduce .title-area { margin-bottom: 60px; }
	#sdweek2022 .recommended ul {
		width: 100%;
		max-width: 962px;
		margin: 0 auto;
		padding: 0;
	}
	#sdweek2022 .recommended li {
		width: calc((100% - 10px) / 2);
		max-width: 50vw;
		min-width: 0;
		min-height: 0;
		margin: 0 0 13px 0;
	}
	#sdweek2022 .recommended li:nth-of-type(5n) { margin: 0 0 13px 0; }
	#sdweek2022 .recommended li:nth-of-type(2n-1) { margin: 0 0 13px 0; }
	#sdweek2022 .recommended li .item { line-height: 1.3; }
	#sdweek2022 .recommended li .vendor {
		font-size: 11px;
		margin-top: 2px;
	}
	#sdweek2022 .recommended li .img-area,
	#sdweek2022 .introduce li .img-area {
		height: auto;
		margin-bottom: 3px;
	}
	#sdweek2022 .recommended li.beside .img-area { height: calc(100% - 72px); }
	#sdweek2022 .introduce li.beside .img-area { height: calc(100% - 42px); }
	#sdweek2022 .recommended li .img-area img { max-height: 50vw; }
	#sdweek2022 .introduce .item-area {
		padding: 27px 2% 21px;
		margin: 0 auto 25px;
		position: relative;
	}
	#sdweek2022 .introduce .item-area:not(:first-child) { margin-top: 60px; }
	#sdweek2022 .introduce li .img-area img { max-height: 40vw; }
	#sdweek2022 .introduce .item-area .title { position: relative; }
	#sdweek2022 .introduce .item-area .off {
		position: absolute;
		top: -45px;
	}
	#sdweek2022 .introduce .item-area .vendor {
		font-size: 20px;
		line-height: 25px;
		padding-left: 0;
	}
	#sdweek2022 .introduce .item-area .more {
		width: 130px;
		position: absolute;
		top: -16px;
		right: 10px;
	}
	#sdweek2022 .introduce .item-area .more:after {
		width: 5px;
		height: 5px;
		right: 12px;
	}
	#sdweek2022 .introduce ul {
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	#sdweek2022 .introduce li {
		width: calc((100% - 10px) / 2);
		max-width: 50vw;
		margin: 0 0 13px;
	}
	#sdweek2022 .introduce li .txt-area {
		padding: 0;
		font-size: 13px;
	}
	#sdweek2022 .btm-button a { max-width: 300px; }
}
/******** 旧海外調整用 ************/
#sdweek2022.jp .main-visual .top-txt {
	text-align: left;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sdweek2022.jp .main-visual .top-txt h3 { font-size: 25px; }
#sdweek2022.jp .main-visual .top-txt p {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: 500;
}
#sdweek2022.jp .main-visual .top-txt a {
	width: 200px;
	height: 35px;
	margin-left: 15px;
	padding: 6px;
	border-radius: 10px;
	font-size: 17px;
	text-align: center;
	color: #1047A2;
	background: #f6ce37;
	position: relative;
}
#sdweek2022.jp .main-visual .top-txt a:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px #1047A2 solid;
	border-right: 2px #1047A2 solid;
	margin: 0 0 0 10px;
	transform: rotate(135deg);
	border-radius: 1px;
	position: absolute;
	top: 13px;
	right: 16px;
}
#sdweek2022.jp .introduce .item-area .off { min-width: 106px; }
#sdweek2022.jp label:nth-of-type(n+5) span { bottom: 15px; }
#sdweek2022.jp label:nth-of-type(4) span { bottom: 5px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#sdweek2022.jp label:nth-of-type(n+2) span { bottom: 15px; }
	#sdweek2022.jp label:nth-of-type(4) span { bottom: 5px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#sdweek2022.jp .main-visual .top-txt {
		text-align: center;
		display: block;
	}
	#sdweek2022.jp .main-visual .top-txt a { margin: 5px auto 0; }
	#sdweek2022.jp .contents label{
		height: 50px;
		padding: 9px 0 8px;
		margin: 0 2px 6px;
	}
	#sdweek2022.jp .contents label:nth-of-type(n+5) {
		height: 50px;
		margin-bottom: 10px;
	}
}

/* No.034065 応援コメント記入促進キャンペーン */
#contents-guide-campaign-body * {
	box-sizing: border-box;
	max-width: 1366px;
}
#contents-guide-campaign-body .under-line {text-decoration: underline;}
#contents-guide-campaign-body img {
	width: auto;
	height: auto;
	max-width: 100%;
	border: #CCC solid 1px;
}
#contents-guide-campaign-body .p {margin: 1em 0 20px;}
#contents-guide-campaign-body .img {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
	max-width: 1250px;
}
#contents-guide-campaign-body .img li {
	width: 50%;
	border: 1px solid #ccc;
}
#contents-guide-campaign-body .img li:first-child {
	border-width: 1px 0 1px 1px;
}
#contents-guide-campaign-body .img li > h2 {
	display: block;
	margin: 0;
	padding: 15px 30px 10px 52px;
	background: #EEE;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	border-bottom: 1px solid #ccc;
}
#contents-guide-campaign-body .img li > h2::before,
#contents-guide-campaign-body .img li:last-child > h2::after {
	display: block;
	content: "";
	height: 17px;
	position: absolute;
}
#contents-guide-campaign-body .img li:first-child > h2::before {
	height: 17px;
	width: 17px;
	border:solid 4px #DC4D4D;
	border-radius: 50%;
	top: 12px;
	left: 16px;
}
#contents-guide-campaign-body .img li:last-child > h2::before,
#contents-guide-campaign-body .img li:last-child > h2::after {
	height: 28px;
	width: 4px;
	background: #333;
	transform: rotate(45deg);
	top: 11px;
	left: 26px;
}
#contents-guide-campaign-body .img li:last-child > h2::before {
	transform: rotate(-45deg);
}
#contents-guide-campaign-body .img li div {
	padding: 20px 30px;
	background: #F6F6F6;
}
.link-button-blue {
	max-width: 345px;
	border-radius: 20px;
	padding: 11px 15px 9px;
	line-height: 1;
	border: 1px #1b76d1 solid;
	background-color: #fff;
	color: #1b76d1!important;
	font-size: 15px;
	transition: opacity 0.2s;
	text-decoration: none;
	margin-bottom: 50px;
	display: inline-block;
}
.link-button-blue:hover {
	border: 1px #1b76d1 solid;
	background-color: #1b76d1;
	color: #fff!important;
	text-decoration: none;
}
.link-button-blue:after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-top: 2px #1b76d1 solid;
	border-right: 2px #1b76d1 solid;
	transform: rotate(45deg);
	margin-left: 7px;
}
.link-button-blue:hover:after {
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#contents-guide-campaign-body .img {
		width: 98%;
		max-width: 650px;
		margin: 0 auto 50px;
	}
	#contents-guide-campaign-body .img li {
		width: 100%;
	}
	#contents-guide-campaign-body .img li:first-child {
		border-width: 1px 1px 0 1px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#contents-guide-campaign-body .img li div {
		padding: 15px 14px;
	}
	.link-button-blue {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* 2022感謝祭(2022/12)
------------------------------------------------------------------------ */
#thanksgiving2022 {
	padding-bottom: 50px;
	background-color: #DBDDE5;
}
#thanksgiving2022 .pc-tb,
#thanksgiving2022 .pc-sp {
	display: block !important;
}
#thanksgiving2022 .tb-pc,
#thanksgiving2022 .sp-pc {
	display: none !important;
}
#thanksgiving2022 .inner {
	margin: 0 auto;
	max-width: 1340px;
	background-color: #F8F8F8;
}
#thanksgiving2022 .mv-area {
	margin: 0 auto;
	max-width: 1300px;
	background-color: #0E297C;
}
#thanksgiving2022 h2 {
	margin: 0;
	border: none;
}
#thanksgiving2022 picture img {
	margin: 0 auto;
	display: block;
	width: 90%;
}
#thanksgiving2022 .top-link {
	padding: 14px 0;
	background-color: #0F297C;
	text-align: center;
}
#thanksgiving2022 .top-link span {
	padding: 0 15px 0 30px;
	color: #FDCF31;
	font-weight: 600;
	font-size: 25px;
	vertical-align: middle;
	background: url("/img/contents/sdweek/2022thanksgiving/main_transfer.png") left center no-repeat;
}
#thanksgiving2022 .top-link a {
	padding: 5px 0;
	display: inline-block;
	width: 200px;
	border-radius: 6px;
	color: #1047A2;
	font-weight: 600;
	font-size: 17px;
	background: url("/img/contents/sdweek/2022thanksgiving/main_link_arrow.png") right 8px center no-repeat #FFF;
	text-decoration: none;
}
#thanksgiving2022 .top-link a:hover {
	background-color: #FDCF31;
}
#thanksgiving2022 .about {
	margin: 0 auto;
	padding: 30px 0 256px;
	max-width: 1300px;
	width: 100%;
	background: url("/img/contents/sdweek/2022thanksgiving/about_bg.png") center bottom no-repeat , linear-gradient(180deg, #E4E4E5 0%, #C8D1DF 100%);
}
#thanksgiving2022 .about .cont {
	margin: 0 auto 10px;
	padding: 20px 20px 34px 47px;
	max-width: 1116px;
	width: calc(100% - 82px);
	border: 1px solid #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
}
#thanksgiving2022 .about .cont::before,
#thanksgiving2022 .about .cont::after {
	content: "";
	display: block;
	border-radius: 200px;
	position: absolute;
	top: -12px;
	width: 26px;
	height: calc(100% + 24px);
	background-color: #8B8B8B;
	border: 1px solid #707070;
}
#thanksgiving2022 .about .cont::before {
	left: -26px;
}
#thanksgiving2022 .about .cont::after {
	right: -26px;
}
#thanksgiving2022 .about .cont::after {
	right: -26px;
}
#thanksgiving2022 .about .cont .txt {
	padding: 0 10px 0 0;
	max-width: 600px;
	width: 60%;
	min-width: 430px;
	font-size: 15px;
}
#thanksgiving2022 .about .cont p {
	margin: 0 0 30px;
}
#thanksgiving2022 .about .cont .txt h3 {
	margin: 0 0 6px;
	padding: 3px 10px 2px;
	display: inline-block;
	color: #FFF;
	font-weight: 600;
	font-size: 15px;
	background-color: #FF8000;
}
#thanksgiving2022 .about .cont .txt dl {
	font-size: 14px;
}
#thanksgiving2022 .about .cont .txt dl dt {
	font-weight: 600;
}
#thanksgiving2022 .about .cont .txt dl dd {
	margin: 0;
}
#thanksgiving2022 .about .cont img {
	margin-right: 20px;
	display: block;
	max-width: 448px;
	width: 100%;
}
#thanksgiving2022 .about .lead {
	margin: 0;
	color: #00007D;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
}
#thanksgiving2022 .about .lead em {
	color: #0063B0;
	font-style: normal;
}
#thanksgiving2022 .vendors {
	margin-top: -160px;
}
#thanksgiving2022 .vendor {
	margin: 0 auto;
	max-width: 1300px;
	position: relative;
	border-radius: 150px 150px 0px 0px;
}
#thanksgiving2022 .vendor.breakfast {
	padding-bottom: 82px;
	background: linear-gradient(180deg, #B7E0FF 0, #FEF0AD 386px, #F8F8F8 772px, transparent 100%);
}
#thanksgiving2022 .vendor.lunch {
	padding-bottom: 82px;
	background: linear-gradient(180deg, #FFD597 0, #FFF385 386px, #F8F8F8 772px, transparent 100%);
}
#thanksgiving2022 .vendor.dinner {
	padding-bottom: 30px;
	background: linear-gradient(180deg, #CFC8FF 0, #C1D9F5 386px, #F8F8F8 772px, transparent 100%);
}
#thanksgiving2022 .vendor .title-area {
	position: absolute;
	top:-98px;
	left: 50%;
	transform: translateX(-50%);
}
#thanksgiving2022 .vendor.breakfast .title-area {
	top:-75px;
}
#thanksgiving2022 .vendor .title-area img {
	display: block;
}
#thanksgiving2022 .vendor ul {
	margin: 0 auto;
	padding: 190px 0 0;
	max-width: 1250px;
	width: calc(100% - 40px);
	display: flex;
	flex-wrap: wrap;
}
#thanksgiving2022 .vendor.breakfast ul {
	padding: 212px 0 0;
}
#thanksgiving2022 .vendor ul li {
	margin-bottom: 52px;
	padding: 0 15px 17px 15px;
	border: 1px solid #707070;
	max-width: 400px;
	width: calc(100% / 3 - 17px);
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
}
#thanksgiving2022 .vendor ul li:not(:nth-child(3n)) {
	margin-right: 25px;
}
#thanksgiving2022 .vendor .logo {
	position: absolute;
	left: 13px;
	top: -12px;
	background-color: #FFF;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2022 .vendor .logo img {
	display: block;
	width: 100px;
	height: auto;
}
#thanksgiving2022 .vendor .off {
	display: inline-block;
	position: absolute;
	left: 123px;
	top: -12px;
	padding: 1px 5px 0;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	background-color: #D80101;
}
#thanksgiving2022 .vendor .category {
	margin: 25px 0 10px 113px;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.2;
}
#thanksgiving2022 .vendor .txt {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.2;
}
#thanksgiving2022 .vendor .keyword {
	margin: -5px 0 10px;
	color: #858585;
	font-size: 13px;
	line-height: 1.4;
}
#thanksgiving2022 .vendor .keyword em {
	font-weight: 600;
	font-style: normal;
}
#thanksgiving2022 .vendor .img-area figure {
	margin: 0;
	position: relative;
}
#thanksgiving2022 .vendor .img-area figcaption {
	color: #8A8A8A;
	font-size: 12px;
	line-height: 1.4;
}
#thanksgiving2022 .vendor .img-area a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
}
#thanksgiving2022 .vendor .img-area.pickup {
	margin-bottom: 12px;
	display: flex;
}
#thanksgiving2022 .vendor .img-area.pickup figure:nth-child(1) {
	margin-right: 18px;
}
#thanksgiving2022 .vendor .img-area.pickup figure img {
	display: block;
	width: 100%;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2022 .vendor .img-area.pickup figcaption {
	margin: 6px 0 0 0;
}
#thanksgiving2022 .vendor .img-area.list figure {
	display: flex;
	align-items: center;
	width: 100%;
}
#thanksgiving2022 .vendor .img-area.list figure:not(:first-child) {
	margin-top: 10px;
}
#thanksgiving2022 .vendor .img-area.list figure img {
	display: block;
	width: 75px;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2022 .vendor .img-area.list figcaption {
	margin: 6px 0 0 10px;
	letter-spacing: -0.02em;
}
#thanksgiving2022 .btn-area {
	padding-bottom: 50px;
	text-align: center;
}
#thanksgiving2022 .btn-area a {
	padding: 11px 0;
	border: 1px solid #BE1F1F;
	border-radius: 29px;
	display: inline-block;
	max-width: 400px;
	width: 100%;
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	background-color: #DC4D4D;
	text-decoration: none;
}
#thanksgiving2022 .btn-area a:hover {
	background-color: #C24242;
}
#thanksgiving2022 .transfer-event {
	padding: 70px 0 82px;
	width: 100%;
	background-color: #0F297C;
}
#thanksgiving2022 .transfer-event-inner {
	margin: 0 auto;
	padding: 4px;
	border: 1px solid #181756;
	outline: 1px solid #181756;
	outline-offset: -4px;
	max-width: 1000px;
	width: calc(100% - 40px);
	background-color: #F9F9F9;
	box-sizing: border-box;
}
#thanksgiving2022 .transfer-event .title {
	margin: 0;
	padding: 0;
}
#thanksgiving2022 .transfer-event .title img {
	margin: 0 auto;
	display: block;
	position: relative;
	top: -28px;
}
#thanksgiving2022 .transfer-event .lead {
	margin: -8px 0 20px;
	padding: 0 15px;
	font-size: 15px;
	text-align: center;
}
#thanksgiving2022 .transfer-event ul {
	margin: 0;
	padding: 0;
}
#thanksgiving2022 .transfer-event ul li {
	margin: 0 auto 10px;
	padding: 15px 0;
	border: 1px dashed #707070;
	border-radius: 10px;
	max-width: 850px;
	width: calc(100% - 30px);
	display: flex;
	font-size: 17px;
	background-color: #FFF;
	box-sizing: border-box;
}
#thanksgiving2022 .transfer-event ul li .logo {
	padding: 0 0 0 22px;
	width: 192px;
	box-sizing: border-box;
}
#thanksgiving2022 .transfer-event ul li .logo img {
	display: block;
	width: 150px;
	height: auto;
}
#thanksgiving2022 .transfer-event ul li .txt {
	padding-right: 15px;
}
#thanksgiving2022 .transfer-event ul li .name a {
	font-weight: 600;
	font-size: 18px;
	color: #3B3B3B;
	text-decoration: none;
}
#thanksgiving2022 .transfer-event ul li p {
	margin: 0;
	line-height: 1.4;
}
#thanksgiving2022 .transfer-event ul li em {
	font-weight: 600;
	font-style: normal;
	color: #B93838;
}
#thanksgiving2022 .transfer-event ul li span {
	font-size: 13px;
}
#thanksgiving2022 .transfer-event ul li .note {
	font-size: 13px;
	color: #B93838;
}
#thanksgiving2022 .transfer-event .caution {
	margin: 0 auto;
	padding: 0 15px 22px;
	max-width: 850px;
	color: #B93838;
	font-size: 13px;
}
#thanksgiving2022 .floating-btn {
	position: fixed;
	background: rgba(255,255,255,0.6);
	left: 0;
	z-index: 100;
	padding: 10px 0;
	width: 100%;
}
#thanksgiving2022 .floating-btn ul {
	margin: 0 auto;
	padding: 0;
	max-width: 1160px;
	width: calc(100% - 40px);
	display: flex;
	justify-content: flex-start;
}
#thanksgiving2022 .floating-btn ul li {
	margin-right: 15px;
	max-width: 290px;
	width: 100%;
}
#thanksgiving2022 .floating-btn ul li:nth-child(3) {
	margin-right: 10px;
}
#thanksgiving2022 .floating-btn ul li:nth-child(4) {
	margin-right: 0;
	max-width: 250px;
	width: 100%;
}
#thanksgiving2022 .floating-btn ul li a {
	padding: 0 20px;
	border-radius: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	box-sizing: border-box;
}
#thanksgiving2022 .floating-btn ul li a img {
	display: block;
	max-width:100%;
}
#thanksgiving2022 .floating-btn ul li:nth-child(1) a {
	background: linear-gradient(90deg, #B7E0FF 0%, #FEF0AD 100%);
}
#thanksgiving2022 .floating-btn ul li:nth-child(2) a {
	background: linear-gradient(90deg, #FFC978 0%, #FFF385 100%);
}
#thanksgiving2022 .floating-btn ul li:nth-child(3) a {
	background: linear-gradient(90deg, #B4ABF1 0%, #C1D9F5 100%);
}
#thanksgiving2022 .floating-btn ul li:nth-child(1) a:hover,
#thanksgiving2022 .floating-btn ul li:nth-child(2) a:hover,
#thanksgiving2022 .floating-btn ul li:nth-child(3) a:hover {
	opacity: 0.9;
}
#thanksgiving2022 .floating-btn ul li:nth-child(4) a {
	border: 1px solid #0F297C;
	border-radius: 15px;
	background-color: #FFF;
}
#thanksgiving2022 .floating-btn ul li:nth-child(4) a:hover {
	background-color: #FDCF31;
}
/****** Export用 ******/
#thanksgiving2022.en .floating-btn ul {
	max-width: 900px;
}
#thanksgiving2022.en .floating-btn ul li:nth-child(3) {
	margin-right: 0;
}

/* TAB */
@media screen and (max-width: 940px) {
	#thanksgiving2022 .pc-tb {
		display: none !important;
	}
	#thanksgiving2022 .tb-pc {
		display: block !important;
	}
	#thanksgiving2022 .about .cont {
		margin: 0 auto 40px;
		padding: 20px 15px 30px;
		display: block;
		width: calc(100% - 40px);
	}
	#thanksgiving2022 .about .cont .txt {
		padding: 0;
		max-width: 100%;
		width: auto;
		min-width: auto;
		font-size: 14px;
	}
	#thanksgiving2022 .about .cont img {
		margin: -10px auto 0;
	}
	#thanksgiving2022 .about .cont::before,
	#thanksgiving2022 .about .cont::after {
		left: -10px;
		right: 0;
		width: calc(100% + 20px);
		height: 20px;
	}
	#thanksgiving2022 .about .cont::before {
		top: -10px;
	}
	#thanksgiving2022 .about .cont::after {
		top: auto;
		bottom: -10px;
	}
	#thanksgiving2022 .about .lead {
		line-height: 1.25;
	}
	#thanksgiving2022 .about .lead em {
		display: block;
	}
	#thanksgiving2022 .vendor ul {
		display: block;
		width: calc(100% - 20px);
	}
	#thanksgiving2022 .vendor ul li {
		margin:0 auto 32px;
		max-width: 640px;
		width: auto;
	}
	#thanksgiving2022 .vendor ul li:not(:nth-child(3n)) {
		margin-right: auto;
	}
	#thanksgiving2022 .vendor .logo img {
		width: 88px;
	}
	#thanksgiving2022 .vendor .category {
		font-size: 14px;
	}
	#thanksgiving2022 .vendor .txt {
		font-size: 14px;
	}
	#thanksgiving2022 .vendor .img-area.list figure img {
		min-width: 66px;
		max-width: 132px;
		width: 20%;
	}
	#thanksgiving2022 .transfer-event ul li {
		font-size: 16px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#thanksgiving2022 .inner {
		background-color: #FFF;
	}
	#thanksgiving2022 .pc-sp {
		display: none !important;
	}
	#thanksgiving2022 .sp-pc {
		display: block !important;
	}
	#thanksgiving2022 picture img {
		width: 100%;
	}
	#thanksgiving2022 .vendor ul li {
		max-width: 100%;
	}
	#thanksgiving2022 .transfer-event {
		padding-bottom: 50px;
	}
	#thanksgiving2022 .top-link {
		padding: 6px 0 8px;
	}
	#thanksgiving2022 .btn-area a {
		padding: 13px 0;
		width: 300px;
		font-weight: normal;
		font-size: 18px;
	}
	#thanksgiving2022 .transfer-event .title img {
		top: -18px;
		max-width: 100%;
	}
	#thanksgiving2022 .transfer-event .lead {
		margin-bottom: 12px;
		font-size: 13px;
		text-align: left;
	}
	#thanksgiving2022 .transfer-event ul li {
		padding: 15px 12px 12px;
		max-width: 850px;
		width: calc(100% - 30px);
		display: block;
		font-size: 14px;
	}
	#thanksgiving2022 .transfer-event ul li .logo {
		margin: 0 auto 12px;
		padding: 0;
		width: 120px;
	}
	#thanksgiving2022 .transfer-event ul li .logo img {
		width: 120px;
	}
	#thanksgiving2022 .transfer-event ul li .name a {
		font-size: 16px;
	}
	#thanksgiving2022 .transfer-event ul li .note {
		font-size: 12px;
	}
	#thanksgiving2022 .transfer-event .caution {
		font-size: 12px;
	}
	#thanksgiving2022 .vendor.breakfast {
		padding-bottom: 198px;
		background: linear-gradient(180deg, #B7E0FF 0, #FEF0AD 235px, #F8F8F8 470px, #F8F8F8 100%);
	}
	#thanksgiving2022 .vendor.lunch {
		margin-top:-140px;
		padding-bottom: 198px;
		background: linear-gradient(180deg, #FFD597 0, #FFF385 235px, #F8F8F8 470px, #F8F8F8 100%);
	}
	#thanksgiving2022 .vendor.dinner {
		margin-top:-140px;
		padding-bottom: 5px;
		background: linear-gradient(180deg, #CFC8FF 0, #C1D9F5 235px, #F8F8F8 470px, transparent 100%);
	}
	#thanksgiving2022 .vendor .title-area {
		top: -62px;
	}
	#thanksgiving2022 .vendor.breakfast .title-area {
		top: -65px;
	}
	#thanksgiving2022 .vendor ul {
		padding: 140px 0 0;
	}
	#thanksgiving2022 .vendor.breakfast ul {
		padding: 140px 0 0;
	}
	#thanksgiving2022 .floating-btn {
		padding: 5px 0;
	}
	#thanksgiving2022 .floating-btn ul li {
		margin-right: 10px;
	}
	#thanksgiving2022 .floating-btn ul li a {
		padding: 0 15px;
		border-radius: 36px;
		height: 50px;
	}
}
/* 2023感謝祭(2023/12)
------------------------------------------------------------------------ */
#thanksgiving2023 {
	background-image: url("/img/contents/sdweek/2023thanksgiving/background_img.png");
}
#thanksgiving2023.zh-tw{
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
#thanksgiving2023 .pc-tb,
#thanksgiving2023 .pc-sp {
	display: block !important;
}
#thanksgiving2023 .tb-pc,
#thanksgiving2023 .sp-pc {
	display: none !important;
}
#thanksgiving2023 .inner {
	margin: 0 auto;
	max-width: 1340px;
	background-color: #7d4b22;
}
#thanksgiving2023 .campaign {
	margin: 0 auto;
	padding: 12px 0 0;
}
#thanksgiving2023 .campaign h2 {
	text-align: center;
	font-size: 25px;
	color: #fff;
	font-weight: 600;
}
#thanksgiving2023 .campaign.en h2 {
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 600;
	font-size: 21px;
}
#thanksgiving2023 .campaign .link {
	margin: 0 auto 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#thanksgiving2023 .campaign .link ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 720px;
	height: auto;
	margin: 12px auto 0;
	padding: 0;
}
#thanksgiving2023 .campaign .link ul li{
	width: 348px;
	height: 45px;
	text-align: center;
	margin: 4px;
}
#thanksgiving2023 .campaign .link ul a{
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	font-weight: 600;
	color: #000;
	border: solid 1px #000;
	border-radius: 15px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#thanksgiving2023 .campaign .link ul a:hover{
	text-decoration: none;
	background-color: #f1c520;
	cursor: pointer;
}
#thanksgiving2023 .mv-area {
	margin: 0 auto;
	max-width: 1300px;
	background-color: #7d4b22;
}
#thanksgiving2023 h2 {
	margin: 0;
	border: none;
}
#thanksgiving2023 picture img {
	margin: 0 auto;
	display: block;
	width: 100%;
}
#thanksgiving2023 .main-visual .top-txt {
	width: 90%;
	max-width: 950px;
	margin: 20px auto 30px;
	padding: 13px;
	text-align: center;
	background-color: #fffaf2;
	border: solid 3px #000000;
}
#thanksgiving2023 .main-visual .top-txt .title {
	margin: 0 auto;
}
#thanksgiving2023 .main-visual .top-txt .title p {
	font-size: 50px;
	color: #8d0000;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	font-weight: 600;
	margin: 0 auto;
}
#thanksgiving2023 .main-visual .top-txt .title p:nth-of-type(2) {
	font-size: 17px;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
#thanksgiving2023 .main-visual .top-txt .title p span {
	font-weight: 600;
	background: linear-gradient(rgba(255,255,255,0) 55%, #FFE88B 55%) 0 -0.1em;
	display: inline-block;
}
#thanksgiving2023 .main-visual .top-txt .txt { 
	font-size: 13px;
	margin: 4px auto;
}
#thanksgiving2023 .top-link {
	padding: 14px 0;
	background-color: #0f297c;
	text-align: center;
}
#thanksgiving2023 .top-link span {
	padding: 0 15px 0 30px;
	color: #fdcf31;
	font-weight: 600;
	font-size: 25px;
	vertical-align: middle;
	background: url("/img/contents/sdweek/2023thanksgiving/main_transfer.png") left center no-repeat;
}
#thanksgiving2023 .top-link a {
	padding: 5px 0;
	display: inline-block;
	width: 200px;
	border-radius: 6px;
	color: #1047A2;
	font-weight: 600;
	font-size: 17px;
	background: url("/img/contents/sdweek/2023thanksgiving/main_link_arrow.png") right 8px center no-repeat #FFF;
	text-decoration: none;
}
#thanksgiving2023 .top-link a:hover {
	background-color: #fdcf31;
}
#thanksgiving2023 .vendors {
	background-color: #7d4b22;
}
#thanksgiving2023 .vendor {
	margin: 0 auto;
	max-width: 1300px;
	background-color: #f8f8f8;
}
#thanksgiving2023 .vendor .title-area {
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
}
#thanksgiving2023 .vendor #anchor-stamps {
	background-image: url("/img/contents/sdweek/2023thanksgiving/frame1.png");
	background-color: #e8dbf3;
}
#thanksgiving2023 .vendor #anchor-writing {
	background-image: url("/img/contents/sdweek/2023thanksgiving/frame2.png");
	background-color: #f3e8d1;
}
#thanksgiving2023 .vendor #anchor-tapes {
	background-image: url("/img/contents/sdweek/2023thanksgiving/frame3.png");
	background-color: #d1e5ec;
}
#thanksgiving2023 .vendor #anchor-papers {
	background-image: url("/img/contents/sdweek/2023thanksgiving/frame4.png");
	background-color: #deecd1;
}
#thanksgiving2023 .vendor .title-area a {
	width: 312px;
	margin: 0 auto;
	font-size: 33px;
	font-weight: 600;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	text-align: center;
	line-height: 41px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
}
#thanksgiving2023 .vendor .title-area a.en {
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#thanksgiving2023 .vendor #anchor-stamps a {
	color: #7335aa;
	border: solid 1px #7335aa;
}
#thanksgiving2023 .vendor #anchor-stamps a {
	color: #7335aa;
	border: solid 1px #7335aa;
}
#thanksgiving2023 .vendor #anchor-stamps a:hover,
#thanksgiving2023 .vendor #anchor-writing a:hover,
#thanksgiving2023 .vendor #anchor-tapes a:hover,
#thanksgiving2023 .vendor #anchor-papers a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
}
#thanksgiving2023 .vendor #anchor-stamps a:hover {
	background-color: #7335aa;
}
#thanksgiving2023 .vendor #anchor-writing a {
	color: #ae7f24;
	border: solid 1px #ae7f24;
}
#thanksgiving2023 .vendor #anchor-writing a:hover {
	background-color: #ae7f24;
}
#thanksgiving2023 .vendor #anchor-tapes a {
	color: #2488ae;
	border: solid 1px #2488ae;
}
#thanksgiving2023 .vendor #anchor-tapes a:hover {
	background-color: #2488ae;
}
#thanksgiving2023 .vendor #anchor-papers a {
	color: #648745;
	border: solid 1px #648745;
}
#thanksgiving2023 .vendor #anchor-papers a:hover {
	background-color: #648745;
}
#thanksgiving2023 .vendor ul { 
	margin: 0 auto;
	padding: 60px 0 40px;
	max-width: 1250px;
	width: calc(100% - 40px);
	display: flex;
	flex-wrap: wrap;
}
#thanksgiving2023 .vendor ul li {
	margin-bottom: 52px;
	padding: 0 15px 17px 15px;
	border: 1px solid #e5e5e5;
	max-width: 400px;
	width: calc(100% / 3 - 17px);
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
}
#thanksgiving2023 .vendor ul li:not(:nth-child(3n)) {
	margin-right: 25px;
}
#thanksgiving2023 .vendor .logo {
	position: absolute;
	left: 13px;
	top: -12px;
	background-color: #FFF;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2023 .vendor .logo img {
	display: block;
	width: 100px;
	height: auto;
}
#thanksgiving2023 .vendor .off {
	display: inline-block;
	position: absolute;
	left: 123px;
	top: -12px;
	padding: 1px 10px 0;
	color: #FFF;
	font-weight: 600;
	font-size: 17px;
	background-color: #D80101;
	border-radius: 20px;
}
#thanksgiving2023 .vendor .category {
	margin: 25px 0 10px 113px;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.2;
}
#thanksgiving2023 .vendor .txt {
	margin: 16px 0;
	font-size: 15px;
	line-height: 1.2;
	min-height: 32px;
}
#thanksgiving2023 .vendor .keyword {
	margin: -5px 0 10px;
	color: #858585;
	font-size: 13px;
	line-height: 1.4;
}
#thanksgiving2023 .vendor .keyword em {
	font-weight: 600;
	font-style: normal;
}
#thanksgiving2023 .vendor .img-area figure {
	margin: 0;
	position: relative;
}
#thanksgiving2023 .vendor .img-area figcaption {
	color: #8A8A8A;
	font-size: 12px;
	line-height: 1.4;
}
#thanksgiving2023 .vendor .img-area a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
}
#thanksgiving2023 .vendor .img-area.pickup {
	margin-bottom: 12px;
	display: flex;
}
#thanksgiving2023 .vendor .img-area.pickup figure{
	width: calc(100% / 2 - 18px);
}
#thanksgiving2023 .vendor .img-area.pickup figure:nth-child(1) {
	margin-right: 18px;
}
#thanksgiving2023 .vendor .img-area.pickup figure img {
	display: block;
	width: 100%;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2023 .vendor .img-area.pickup figcaption {
	margin: 6px 0 0 0;
	min-height: 34px;
}
#thanksgiving2023 .vendor .img-area.list figure {
	display: flex;
	align-items: center;
	width: 100%;
}
#thanksgiving2023 .vendor .img-area.list figure:not(:first-child) {
	margin-top: 10px;
}
#thanksgiving2023 .vendor .img-area.list figure img {
	display: block;
	width: 75px;
	box-shadow: 0 0 0 1px #c5c5c5;
}
#thanksgiving2023 .vendor .img-area.list figcaption {
	margin: 6px 0 0 10px;
	letter-spacing: -0.02em;
}
#thanksgiving2023 .btn-area {
	padding-bottom: 64px;
	text-align: center;
}
#thanksgiving2023 .btn-area a {
	margin: 0 auto;
	padding: 12px 0 10px;
	border-radius: 56px;
	display: inline-block;
	max-width: 590px;
	width: 100%;
	background-color: #3b3b3b;
}
#thanksgiving2023 .btn-area a:hover {
	background-color: #9b0f0f;
}
#thanksgiving2023 .transfer-event {
	padding: 70px 0 82px;
	width: 100%;
	background-color: #0F297C;
}
#thanksgiving2023 .transfer-event-inner {
	margin: 0 auto;
	padding: 4px 4px 20px;
	border: 1px solid #181756;
	outline: 1px solid #181756;
	outline-offset: -4px;
	max-width: 1000px;
	width: calc(100% - 40px);
	background-color: #F9F9F9;
	box-sizing: border-box;
}
#thanksgiving2023 .transfer-event .title {
	margin: 0;
	padding: 0;
}
#thanksgiving2023 .transfer-event .title img {
	margin: 0 auto;
	display: block;
	position: relative;
	top: -28px;
}
#thanksgiving2023 .transfer-event .lead {
	margin: -8px 0 20px;
	padding: 0 15px;
	font-size: 15px;
	text-align: center;
}
#thanksgiving2023 .transfer-event ul {
	margin: 0;
	padding: 0;
}
#thanksgiving2023 .transfer-event ul li {
	margin: 0 auto 10px;
	padding: 15px 0;
	border: 1px dashed #707070;
	border-radius: 10px;
	max-width: 850px;
	width: calc(100% - 30px);
	display: flex;
	font-size: 17px;
	background-color: #FFF;
	box-sizing: border-box;
}
#thanksgiving2023 .transfer-event ul li .logo {
	padding: 0 0 0 22px;
	width: 192px;
	box-sizing: border-box;
}
#thanksgiving2023 .transfer-event ul li .logo img {
	display: block;
	width: 150px;
	height: auto;
}
#thanksgiving2023 .transfer-event ul li .txt {
	padding: 0 15px;
}
#thanksgiving2023 .transfer-event ul li .name a {
	font-weight: 600;
	font-size: 18px;
	color: #3B3B3B;
	text-decoration: none;
}
#thanksgiving2023 .transfer-event ul li p {
	margin: 0;
	line-height: 1.4;
	font-size: 15px;
	line-height: 21px;
}
#thanksgiving2023 .transfer-event ul li em {
	font-weight: 600;
	font-style: normal;
	color: #3b3b3b;
}
#thanksgiving2023 .transfer-event ul li .txt ul li{
	border: none;
	margin: 0 0 0 16px ;
	padding: 0;
}
#thanksgiving2023 .transfer-event ul li span {
	font-size: 13px;
}
#thanksgiving2023 .transfer-event ul li .note {
	font-size: 13px;
	color: #B93838;
}
#thanksgiving2023 .transfer-event .caution {
	margin: 0 auto;
	padding: 0;
	max-width: 850px;
	color: #B93838;
	font-size: 13px;
}
#thanksgiving2023 .transfer-event .caution em {
	font-weight: 600;
}
/* TAB */
@media screen and (max-width: 940px) {
	#thanksgiving2023 .pc-tb {
		display: none !important;
	}
	#thanksgiving2023 .tb-pc {
		display: block !important;
	}
	#thanksgiving2023 .main-visual .top-txt .title p {
		font-size: 42px;
	}
	#thanksgiving2023 .campaign {
		margin: 0 10px;
	}
	#thanksgiving2023 .vendor ul {
		display: flex;
		justify-content: flex-start;
		width: calc(100% - 20px);
		flex-wrap: wrap;
	}
	#thanksgiving2023 .vendor ul li {
		margin: 0 20px 32px;
		max-width: 640px;
		width: calc(100% / 2 - 20px);
	}
	#thanksgiving2023 .vendor ul li:not(:nth-child(3n)) {
		margin-right: 0;
	}
	#thanksgiving2023 .vendor .logo img {
		width: 88px;
	}
	#thanksgiving2023 .vendor .category {
		font-size: 14px;
	}
	#thanksgiving2023 .vendor .txt {
		font-size: 14px;
	}
	#thanksgiving2023 .vendor .img-area.list figure img {
		min-width: 66px;
		max-width: 132px;
		width: 20%;
	}
	#thanksgiving2023 .transfer-event ul li {
		font-size: 16px;
	}
	#thanksgiving2023 .transfer-event .last-caution {
		margin: 0 15px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#thanksgiving2023 .inner {
		background-color: #FFF;
	}
	#thanksgiving2023 .pc-sp {
		display: none !important;
	}
	#thanksgiving2023 .sp-pc {
		display: block !important;
	}
	#thanksgiving2023 picture img {
		width: 100%;
	}
	#thanksgiving2023 .mv-area {
		padding-bottom: 1px;
	}
	#thanksgiving2023 .main-visual .top-txt {
		padding: 8px;
	}
	#thanksgiving2023 .main-visual .top-txt .title p {
		font-size: 36px;
	}
	#thanksgiving2023 .campaign h2 {
		font-size: 18px;
	}
	#thanksgiving2023 .campaign .link ul{
		width: 100%;
	}
	#thanksgiving2023 .campaign .link ul li{
		min-width: 100%;
	}
	#thanksgiving2023 .transfer-event {
		padding-bottom: 50px;
	}
	#thanksgiving2023 .top-link {
		padding: 6px 0 8px;
	}
	#thanksgiving2023 .btn-area {
		width: 92%;
		margin: 0 auto;
	}
	#thanksgiving2023 .btn-area a {
		margin: 16px auto 0;
		padding: 13px 0;
		font-weight: normal;
	}
	#thanksgiving2023 .btn-area a img {
		width: 190px;
		height: auto;
	}
	#thanksgiving2023 .transfer-event-inner {
		width: calc(100% - 20px);
	}
	#thanksgiving2023 .transfer-event .title img {
		top: -18px;
		width: 350px;
		max-width: 95%;
	}
	#thanksgiving2023 .transfer-event .lead {
		margin-bottom: 12px;
		font-size: 13px;
		text-align: left;
	}
	#thanksgiving2023 .transfer-event ul li {
		padding: 15px 12px 12px;
		max-width: 850px;
		width: calc(100% - 20px);
		display: block;
		font-size: 14px;
	}
	#thanksgiving2023 .transfer-event ul li p {
		font-size: 14px;
	}
	#thanksgiving2023 .transfer-event ul li .logo {
		margin: 0 auto 12px;
		padding: 0;
		width: 120px;
	}
	#thanksgiving2023 .transfer-event ul li .logo img {
		width: 120px;
	}
	#thanksgiving2023 .transfer-event ul li .name {
		margin: 0 0 8px;
	}
	#thanksgiving2023 .transfer-event ul li .name a {
		font-size: 16px;
	}
	#thanksgiving2023 .transfer-event ul li .txt {
		padding: 0;
	}
	#thanksgiving2023 .transfer-event ul li .txt ul {
		margin: 4px auto ;
	}
	#thanksgiving2023 .transfer-event ul li .txt ul li{
		margin: 0 0 0 12px ;
	}
	#thanksgiving2023 .transfer-event ul li .note {
		font-size: 12px;
	}
	#thanksgiving2023 .transfer-event .caution {
		font-size: 12px;
	}
	#thanksgiving2023 .transfer-event .last-caution {
		margin: 0 10px;
	}
	#thanksgiving2023 .vendors {
		background-color: #f8f8f8;
	}
	#thanksgiving2023 .vendor ul {
		display: block;
		padding: 32px 0 0;
	}
	#thanksgiving2023 .vendor ul li:not(:nth-child(3n)) {
		margin: 0 auto 24px;
	}
	#thanksgiving2023 .vendor ul li {
		width: 100%;
		margin: 0 auto 24px;
	}
	#thanksgiving2023 .vendor .title-area {
		height: 108px;
	}
	#thanksgiving2023 .vendor .title-area a {
		width: 160px;
		padding: 8px;
		font-size: 18px;
		line-height: 20px;
	}
}
/***--- 未取引企業への初注文時は送料無料CP ---***/
#dl-info-area .free-shipping-campaign-area *{ box-sizing: border-box; }
#dl-info-area .free-shipping-campaign-area .orange { color: #E77100; }
#dl-info-area .free-shipping-campaign-area {
	padding: 5px 0;
	width: 96%;
	background-color: #FFE8CA;
	margin: 10px auto 0;
	line-height: 1.3;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link {
	font-size: 13px;
	color: #333333;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link .big { font-size: 15px; }
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info.co-tooltip-onclick {
	left: calc( 50% - 205px );
	overflow: hidden;
	z-index: 4;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info { width: 410px; }
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #E77100;
	color: #ffffff;
	outline: 5px solid #E77100;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .co-tooltip-cancel { box-sizing: content-box; }
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .sub-ttl {
	font-size: 13px;
	padding: 6px 15px 5px;
	background-color: #ffffff;
	border-radius: 20px;
	position: relative;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .sub-ttl:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: calc(50% - 7px);
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: -2px;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 .big {
	color: #FFFF14;
	font-size: 22px;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 { font-size: 55px; }
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 .vertical {
	font-size: 26px;
	writing-mode: vertical-rl;
	margin-bottom: -0.15em;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 img {
	width: 76px;
	height: auto;
	margin-bottom: -0.1em;
	margin-right: 5px;
	filter: invert(100%) sepia(50%) saturate(2%) hue-rotate(134deg) brightness(105%) contrast(101%);
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .date {
	font-size: 18px;
	padding: 2px 15px 1px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-top: 0;
	width: 340px;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .text-area {
	font-size: 14px;
	line-height: 1.6;
	padding: 20px 20px 15px;
}
#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .text-area .note {
	text-indent: -1em;
	margin-left: 1em;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#dl-info-area .free-shipping-campaign-area { width: 100%; }
}
/* SP */
@media screen and (max-width: 670px) {
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info.co-tooltip-onclick { left: calc( 50% - 160px ); }
	#dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link .big { font-size: 13px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info { width: 320px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 { font-size: 14px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 .big { font-size: 17px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 {
		font-size: 45px;
		width: 275px;
	}
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 .vertical { font-size: 22px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 img { width: 60px; }
	#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .date {
		font-size: 14px;
		width: 270px;
	}
}

/***--- SD Gathering ---***/
.sd_gathering {
	margin: 30px 20px 0;
	text-align: center;
	line-height: 0;
}
.sd_gathering a:hover {
	opacity: 0.7;
}
.sd_gathering.productlist {
	margin: 0 0 40px;
	text-align: left;
	line-height: 0;
}
.sd_gathering .banner_pc {
	width: 100%;
	max-width: 1300px;
}
.sd_gathering.productlist .banner_pc {
	width: 100%;
	max-width: 900px;
}
.sd_gathering .banner_sp {
	display: none;
}
.sd_gathering_title {
	font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	.sd_gathering.productlist {
		margin: 10px;
	}
	.sd_gathering_title {
		font-size: 14px;
		border-bottom: none;
		text-align: center;
		margin: 30px 10px 0px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.sd_gathering {
		margin: 10px;
		background: linear-gradient(0deg, #9ccb91 0%, #9ccb91 6px, #cfe4cb 6px, #cfe4cb calc(100% - 6px), #9ccb91 calc(100% - 6px), #9ccb91 100%);
	}
	.sd_gathering .banner_pc {
		display: none;
	}
	.sd_gathering .banner_sp {
		display: block;
		width: 100%;
		max-width: 380px;
		margin: auto;
	}
}
/* 2022 食器特集ページ
----------------------------------------------------------------------------- */
#event-utsuwa {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	margin: 0 auto -68px;
	position: relative;
}
#event-utsuwa * { box-sizing: border-box; }
#event-utsuwa::before, #event-utsuwa::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 30px;
	height: 101%;
	background-color: #BBA08F;
	z-index: 1;
}
#event-utsuwa::before { left: 0; }
#event-utsuwa::after { right: 0; }
#event-utsuwa p, #event-utsuwa ul, #event-utsuwa h2, #event-utsuwa h3 {
	margin: 0;
	padding: 0;
}
#event-utsuwa a {
	color: #333333;
	text-decoration: none;
	display: block;
}
#event-utsuwa a:hover { opacity: 0.8; }
#event-utsuwa img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#event-utsuwa .inner {
	max-width: 1060px;
	margin: 0 auto;
}
#event-utsuwa .wrap { padding: 0 30px; }
#event-utsuwa .italic {
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
/* ナビゲーションボタン */
#event-utsuwa nav {
	position: fixed;
	right: 0;
	bottom: 12px;
	overflow: hidden;
	z-index: 10;
}
#event-utsuwa nav li a {
	width: 67px;
	height: 67px;
	line-height: 67px;
	margin-right: 9px;
	border-radius: 50%;
	background-color: #484848;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
}
#event-utsuwa nav li:not(:first-child) a { margin-top: 8px; }
/* メインビジュアル */
#event-utsuwa .main-visual {
	position: relative;
	max-width: 1255px;
	margin: 0 auto;
}
#event-utsuwa .main-visual .mv-bg {
	width: 100%;
	max-width: 969px;
	position: absolute;
	right: 17.5vw;
	z-index: 2;
}
#event-utsuwa .main-visual .catch {
	width: 75%;
	max-width: 869px;
	margin: 155px 0 0 10px;
	position: relative;
	z-index: 2;
}
#event-utsuwa .main-visual .title {
	border: none;
}
#event-utsuwa .main-visual .title img {
	height: 100%;
	max-height: 429px;
	position: absolute;
	top: 0;
	right: 2vw;
}
/* 日本陶瓷器生產地 */
#event-utsuwa .about {
	padding: 85px 0 20px;
	background: #F6F6F6 url("/img/contents/event/en/utsuwa/about_bg.png") repeat;
	position: relative;
}
#event-utsuwa .about .inner { max-width: 1255px; }
#event-utsuwa .about .title-area {
	width: 342px;
	padding: 9px 39px 10px 63px;
	background-color: #215B9A;
	position: absolute;
	top: -17px;
	color: #FFFFFF;
}
#event-utsuwa .about .title-area .title {
	font-size: 30px;
	line-height: 1.3;
	text-align: left;
}
#event-utsuwa .about .title-area .sub {
	display: flex;
	align-items: center;
	width: 134px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
#event-utsuwa .about .title-area .sub::before,
#event-utsuwa .about .title-area .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#event-utsuwa .about .title-area .sub::before { margin-right: 0.5rem; }
#event-utsuwa .about .title-area .sub::after { margin-left: 0.5rem; }
#event-utsuwa .about .content {
	content: '';
	display: block;
	height: 790px;
	background: url("/img/contents/event/en/utsuwa/about_pc.png") no-repeat center center;
	background-size: 82%;
	margin: 0 auto;
}
#event-utsuwa .about .txt {
	font-size: 15px;
	font-weight: 600;
	margin-left: 43px;
	max-width: 400px;
	line-height: 1.5;
}
/* ループ */
#event-utsuwa .loop {
	display: flex;
	overflow: hidden;
}
#event-utsuwa .loop img { max-width: none; }
#event-utsuwa .loop img:first-child { animation: loop 50s -25s linear infinite; }
#event-utsuwa .loop img:last-child { animation: loop2 50s linear infinite; }
@keyframes loop {
	0%	{ transform: translatex(100%); }
	to	{ transform: translatex(-100%); }
}
@keyframes loop2 {
	0%	{ transform: translatex(0); }
	to	{ transform: translatex(-200%); }
}
/* 日本陶瓷器生產地 */
#event-utsuwa .about {
	padding: 85px 0 20px;
	background: #F6F6F6 url("/img/contents/event/en/utsuwa/about_bg.png") repeat;
	position: relative;
}
#event-utsuwa .about .inner { max-width: 1255px; }
#event-utsuwa .about .title-area {
	width: 342px;
	padding: 9px 39px 10px 63px;
	background-color: #215B9A;
	position: absolute;
	top: -17px;
	color: #FFFFFF;
}
#event-utsuwa .about .title-area .title {
	font-size: 30px;
	line-height: 1.3;
	text-align: left;
}
#event-utsuwa .about .title-area .sub {
	display: flex;
	align-items: center;
	width: 134px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
#event-utsuwa .about .title-area .sub::before,
#event-utsuwa .about .title-area .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#event-utsuwa .about .title-area .sub::before { margin-right: 0.5rem; }
#event-utsuwa .about .title-area .sub::after { margin-left: 0.5rem; }
#event-utsuwa .about .content {
	content: '';
	display: block;
	height: 790px;
	background: url("/img/contents/event/en/utsuwa/about_pc.png") no-repeat center center;
	background-size: 82%;
	margin: 0 auto;
}
#event-utsuwa .about .txt {
	font-size: 15px;
	font-weight: 600;
	margin-left: 43px;
	max-width: 400px;
	line-height: 1.5;
}
/* ループ */
#event-utsuwa .loop {
	display: flex;
	overflow: hidden;
}
#event-utsuwa .loop img { max-width: none; }
#event-utsuwa .loop img:first-child { animation: loop 50s -25s linear infinite; }
#event-utsuwa .loop img:last-child { animation: loop2 50s linear infinite; }
@keyframes loop {
	0%	{ transform: translatex(100%); }
	to	{ transform: translatex(-100%); }
}
@keyframes loop2 {
	0%	{ transform: translatex(0); }
	to	{ transform: translatex(-200%); }
}
/* 陶瓷器種類介紹 */
#event-utsuwa .brand-list {
	padding: 35px 0 31px;
	background-color: #EFECCA;
}
#event-utsuwa .brand-list .inner { width: 98%; }
#event-utsuwa .brand-list .title-area {
	width: 276px;
	padding: 25px 43px 20px;
	background-color: #C9C254;
}
#event-utsuwa .brand-list .title-area .title {
	font-size: 27px;
	line-height: 1;
	text-align: center;
}
#event-utsuwa .brand-list .title-area .sub {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.02em;
}
#event-utsuwa .brand-list .title-area .sub::before {
	border-top: solid 2px;
	content: '';
	width: 70px;
	display: block;
	margin: 9px auto 5px;
}
#event-utsuwa .brand-list ul {
	display: flex;
	justify-content: center;
}
#event-utsuwa .brand-list li { text-align: center; }
#event-utsuwa .brand-list li:not(:first-child) { margin-left: 28px;}
#event-utsuwa .brand-list .list01 > li:not(:first-child),
#event-utsuwa .brand-list .list02 > li {
	width: 127px;
}
#event-utsuwa .brand-list .list02 { margin-top: 27px;}
#event-utsuwa .brand-list li img {
	background: #FFFFFF;
	width: 127px;
	border-radius: 50%;
}
#event-utsuwa .brand-list li .name {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}
#event-utsuwa .brand-list li .name span { display: inline-block; }
#event-utsuwa .brand-list li .name .italic {
	font-size: 13px;
	font-weight: normal;
	color: #8B8B8B;
}
#event-utsuwa .brand-list .btm-area {
	width: 100%;
	max-width: 1000px;
	margin: 37px auto 0;
	padding: 16px 61px 15px;
	background-color: #FFFFFF;
	border:solid 1px #DFDFDF;
	border-radius: 15px;
	display: flex;
}
#event-utsuwa .brand-list .btm-area .description {
	text-align: center;
	margin-right: 50px;
}
#event-utsuwa .brand-list .btm-area .description .txt {
	font-size: 18px;
	color: #215B9A;
	font-weight: 600;
}
#event-utsuwa .brand-list .btm-area .description .sub {
	font-size: 15px;
	color: #707070;
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .description::before {
	content: '';
	display: block;
	width: 19px;
	height: 17px;
	background: url("/img/contents/event/en/utsuwa/category_icon_01.png") no-repeat;
	background-size: contain;
	margin: 0 auto;
}
#event-utsuwa .brand-list .btm-area .description .sub::before,
#event-utsuwa .brand-list .btm-area .description .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#event-utsuwa .brand-list .btm-area .description .sub::before { margin-right: 0.3rem; }
#event-utsuwa .brand-list .btm-area .description .sub::after { margin-left: 0.3rem; }
#event-utsuwa .brand-list .btm-area .profile {
	font-weight: 600;
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .profile img {
	width: 68px;
	height: 68px;
	margin-right: 12px;
	border-radius: 50%;
	border: solid 1px #707070;
}
#event-utsuwa .brand-list .btm-area .profile .group {
	display: flex;
	align-items: center;
}
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area { width: 118px; }
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area { width: 107px; }
#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area { width: 112px; }
#event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area { margin-right: 15px; }
#event-utsuwa .brand-list .btm-area .profile .work { font-size: 15px; }
#event-utsuwa .brand-list .btm-area .profile .tag {
	font-size: 13px;
	color: #707070;
}
#event-utsuwa .brand-list .btm-area .profile .tag span { margin-right: 5px; }
#event-utsuwa .brand-list .btm-area .profile .tag span::before { content: '#'; }
/* 各ブランドコンテンツ */
#event-utsuwa .brand {
	background-color: #F5F4E8;
	padding-bottom: 35px;
}
#event-utsuwa .brand .content { padding-top: 83px; }
#event-utsuwa .brand .content .inner {
	padding: 28px 45px 45px;
	background-color: #FFFFFF;
	border: solid 1px #C9C254;
}
#event-utsuwa .brand .content.type03 .inner { padding-bottom: 32px;}
#event-utsuwa .brand .content .intro { display: flex; }
#event-utsuwa .brand .content .intro img {
	width: 365px;
	height: 100%;
	margin-top: -74px;
	border: solid 1px #C9C254;
}
#event-utsuwa .brand .content .intro .title-area {
	margin: 0 17px 0 27px;
	writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
}
#event-utsuwa .brand .content .intro .title-area .sub {
	font-size: 18px;
	color: #215B9A;
	letter-spacing: 0.02em;
	padding-left: 3px;
}
#event-utsuwa .brand .content .intro .title-area .title span {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 1;
	background-color: #215B9A;
	padding: 8px 6px 8px 4px;
	letter-spacing: 0.1em;
	display: inline-block;
}
#event-utsuwa .brand .content .intro .txt-area {
	width: 100%;
	max-width: 491px;
	font-size: 15px;
}
#event-utsuwa .brand .content .intro .txt-area .place { font-weight: 600; }
#event-utsuwa .brand .content .intro .txt-area .place::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 15px;
	background: url("/img/contents/event/en/utsuwa/category_icon_02.png") no-repeat;
	background-size: contain;
	margin-right: 6px;
	padding-bottom: 3px;
	vertical-align: bottom;
}
#event-utsuwa .brand .content .intro .txt-area .txt { line-height: 1.6; }
#event-utsuwa .brand .content.type04 .intro { position: relative; }
#event-utsuwa .brand .content.type04 .intro .title-area {
	position: absolute;
	top: 0;
	left: 315px;
}
#event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child { margin-left: 3px; }
#event-utsuwa .brand .content.type04 .intro .title-area .title span { height: 186px; }
#event-utsuwa .brand .content.type04 .intro .txt-area { margin-left: 113px; }
#event-utsuwa .brand .content .button a {
	text-align: center;
	display: block;
	width: 300px;
	border-radius: 21px;
	padding: 8px 21px 9px;
	line-height: 1.1;
	border: 1px #215B9A solid;
	background-color: #FFFFFF;
	color: #215B9A;
	font-size: 18px;
	font-weight: 600;
	transition: opacity 0.2s;
	position: relative;
	margin: 0 0 0 auto;
}
#event-utsuwa .brand .content .button a::after {
	content: '';
	display: inline-block;
	vertical-align: 1px;
	width: 7px;
	height: 7px;
	border-top: 4px #215B9A solid;
	border-right: 4px #215B9A solid;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	margin: auto;
}
#event-utsuwa .brand .content .list-title {
	font-size: 15px;
	font-weight: 600;
	width: 186px;
	background-color: #C9C254;
	padding: 4px 0 6px;
	margin: 5px 0 21px;
	text-align: center;
	letter-spacing: 0.2em;
}
#event-utsuwa .brand .content ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 870px;
	margin: 0 auto;
}
#event-utsuwa .brand .content li {
	text-align: center;
	width: 100%;
	max-width: 201px;
}
#event-utsuwa .brand .content li:not(:nth-child(4n+1)) { margin-left: 22px;}
#event-utsuwa .brand .content.type01 li:nth-child(-n+4) { margin-bottom: 27px;}
#event-utsuwa .brand .content li a > img {
	border-radius: 40px;
	border: solid 1px #8B8B8B;
}
#event-utsuwa .brand .content li .name {
	font-size: 17px;
	font-weight: 600;
	margin: 6px 0 5px;
}
#event-utsuwa .brand .content li .comment {
	display: flex;
	align-items: flex-start;
}
#event-utsuwa .brand .content li .comment img {
	width: 34px;
	height: 34px;
	margin-right: 5px;
	border-radius: 50%;
}
#event-utsuwa .brand .content li .comment p {
	font-size: 13px;
	color: #707070;
	text-align: left;
	background: url("/img/contents/event/en/utsuwa/category_icon_03.png") no-repeat left top 2px;
	background-size: 8px;
	vertical-align: middle;
	padding-left: 12px;
}
/* 精選廠商 */
#event-utsuwa .recommend {
	background: linear-gradient(#fff 0%, #d5dde6 100%);
	padding: 82px 0 52px;
}
#event-utsuwa .recommend .inner {
	padding: 63px 33px 47px;
	background-color: #FFFFFF;
	border: solid 2px #86A4C5;
	position: relative;
}
#event-utsuwa .recommend .title-area {
	margin: 0 auto;
	padding: 20px 0 9px;
	text-align: center;
	background-color: #FFFFFF;
	width: 333px;
	position: absolute;
	top: -95px;
	right: 50%;
	transform: translate(50%, 50%);
}
#event-utsuwa .recommend .title-area .sub {
	font-size: 16px;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #8B8B8B;
	letter-spacing: 0.5em;
}
#event-utsuwa .recommend .title-area .title {
	font-size: 33px;
	line-height: 1;
	margin-top: 2px;
	letter-spacing: 0.1em;
}
#event-utsuwa .recommend ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#event-utsuwa .recommend li {
	text-align: center;
	width: 225px;
}
#event-utsuwa .recommend li:not(:nth-child(4n+1)) { margin-left: 30px;}
#event-utsuwa .recommend li:nth-child(n+5) { margin-top: 35px;}
#event-utsuwa .recommend li a > img {
	border-radius: 60% 43% 56% 60% / 58% 58% 63% 64%;
	width: 200px;
	text-align: center;
}
#event-utsuwa .recommend li .name {
	font-size: 17px;
	font-weight: 600;
	color: #215B9A;
	margin: 6px 0 5px;
}
#event-utsuwa .recommend li .comment {
	font-size: 13px;
	color: #707070;
	text-align: left;
}
/* 商品分類 */
#event-utsuwa .categories { padding: 51px 0 42px; }
#event-utsuwa .categories .title-area {
	margin: 0 auto 25px;
	padding: 20px 0 9px;
	text-align: center;
	width: 333px;
}
#event-utsuwa .categories .title-area .sub {
	font-size: 16px;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #8B8B8B;
	letter-spacing: 0.5em;
}
#event-utsuwa .categories .title-area .title {
	font-size: 33px;
	line-height: 1;
	margin-top: 2px;
	letter-spacing: 0.1em;
}
#event-utsuwa .categories ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#event-utsuwa .categories li a:hover { text-decoration: underline; }
#event-utsuwa .categories .big-cate li {
	text-align: center;
	width: 230px;
}
#event-utsuwa .categories .big-cate li:not(:first-child) { margin-left: 26px;}
#event-utsuwa .categories .big-cate li img {
	width: 230px;
	border: solid 1px #A2A2A2;
	background-color: #F2F2F2;
}
#event-utsuwa .categories .big-cate li .name {
	font-size: 16px;
	font-weight: 600;
	margin-top: 7px;
	height: 20px;
	position: relative;
}
#event-utsuwa .categories .big-cate li .name::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 4px #CCCCCC solid;
	border-right: 4px #CCCCCC solid;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	right: 2px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#event-utsuwa .categories .small-cate {
	margin-top: 43px;
	padding-top: 53px;
}
#event-utsuwa .categories .small-cate li {
	text-align: center;
	width: 180px;
	position: relative;
}
#event-utsuwa .categories .small-cate li::before {
	content: '';
	display: block;
	margin: 0 auto;
	height: 43px;
	position: absolute;
	top: -72px;
	right: 50%;
	bottom: 0;
	transform: translate(50%, 50%);
	width: 100%;
}
#event-utsuwa .categories .small-cate li:nth-child(1)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_01.png") no-repeat;
	background-size: contain;
	width: 43px;
}
#event-utsuwa .categories .small-cate li:nth-child(2)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_02.png") no-repeat;
	background-size: contain;
	width: 34px;
}
#event-utsuwa .categories .small-cate li:nth-child(3)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_03.png") no-repeat;
	background-size: contain;
	width: 64px;
	top: -64px;
}
#event-utsuwa .categories .small-cate li:nth-child(4)::before {
	background: url("/img/contents/event/en/utsuwa/categories_icon_04.png") no-repeat;
	background-size: contain;
	width: 39px;
}
#event-utsuwa .categories .small-cate li:not(:first-child) { margin-left: 37px;}
#event-utsuwa .categories .small-cate li .block {
	text-align: center;
	width: 180px;
	margin-bottom: 10px;
}
#event-utsuwa .categories .small-cate li .block:first-child { border-top: dashed 1px #215B9A; }
#event-utsuwa .categories .small-cate li .block > a:first-child {
	font-size: 16px;
	font-weight: 600;
}
#event-utsuwa .categories .small-cate li a {
	font-size: 14px;
	padding-top: 10px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#event-utsuwa::before, #event-utsuwa::after { display: none; }
	#event-utsuwa .inner { width: 95%; }
	#event-utsuwa .wrap { padding: 0; }
	/* メインビジュアル */
	#event-utsuwa .main-visual .mv-bg {
		max-width: 700px;
		right: 20vw;
	}
	#event-utsuwa .main-visual .catch { margin: 120px 0 0 10px; }
	/* 日本陶瓷器生產地 */
	#event-utsuwa .about { padding: 85px 0 30px; }
	#event-utsuwa .about .content {
		height: 545px;
		background: url("/img/contents/event/en/utsuwa/about_pc.png") no-repeat center bottom;
		background-size: 85%;
	}
	#event-utsuwa .about .txt {
		margin-left: 0;
		max-width: 480px;
	}
	/* ループ */
	#event-utsuwa .loop { height: 140px; }
	#event-utsuwa .loop img { height: 140px; }
	/* 陶瓷器種類介紹 */
	#event-utsuwa .brand-list .inner { width: 95%; }
	#event-utsuwa .brand-list .title-area {
		width: 100%;
		max-width: 220px;
		padding: 15px;
	}
	#event-utsuwa .brand-list .title-area .title { font-size: 23px; }
	#event-utsuwa .brand-list .title-area .sub { font-size: 13px; }
	#event-utsuwa .brand-list li:not(:first-child) { margin-left: 15px;}
	#event-utsuwa .brand-list .list01 > li:not(:first-child),
	#event-utsuwa .brand-list .list02 > li, 
	#event-utsuwa .brand-list li img {
		width: 90px;
	}
	#event-utsuwa .brand-list .btm-area {
		margin: 22px auto 0;
		padding: 16px 15px 15px;
	}
	#event-utsuwa .brand-list .btm-area .description { margin-right: 20px; }
	/* 各ブランドコンテンツ */
	#event-utsuwa .brand .content { padding-top: 75px; }
	#event-utsuwa .brand .content:first-child { padding-top: 62px; }
	#event-utsuwa .brand .content .inner { padding: 14px 16px 10px; }
	#event-utsuwa .brand .content .intro { justify-content: center; }
	#event-utsuwa .brand .content .intro img {
		max-width: 300px;
		width: 100%;
		height: auto;
		margin: -64px auto 15px;
	}
	#event-utsuwa .brand .content .intro .title-area { margin: 0; }
	#event-utsuwa .brand .content .intro .title-area .title span { padding: 4px 6px 4px 4px; }
	#event-utsuwa .brand .content .content-txt { text-align: center; }
	#event-utsuwa .brand .content .intro .txt-area {
		max-width: 550px;
		margin: 0 0 0 auto;
		font-size: 14px;
		text-align: left;
	}
	#event-utsuwa .brand .content.type04 .intro .title-area {
		position: static;
		left: 0;
		margin-right: 8px;
	}
	#event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child { margin-left: 0; }
	#event-utsuwa .brand .content.type04 .intro .title-area .title span { height: auto; }
	#event-utsuwa .brand .content.type04 .intro .txt-area { margin-left: 0; }
	#event-utsuwa .brand .content .button a {
		width: 100%;
		max-width: 300px;
		margin: 24px auto 21px;
	}
	#event-utsuwa .brand .content ul { max-width: 609px; }
	#event-utsuwa .brand .content li {
		width: calc((100% - 36px) / 3);
		max-width: 185px;
		margin: 0 9px 16px;
	}
	#event-utsuwa .brand .content li:not(:nth-child(4n+1)) { margin-left: 9px;}
	#event-utsuwa .brand .content li:nth-child(2n) { margin-left: 9px;}
	#event-utsuwa .brand .content.type01 li:nth-child(-n+6) { margin-bottom: 16px;}
	#event-utsuwa .brand .content li a > img { border-radius: 30px; }
	/* 精選廠商 */
	#event-utsuwa .recommend { padding: 66px 2% 26px; }
	#event-utsuwa .recommend .inner { padding: 30px 0 5px; }
	#event-utsuwa .recommend .title-area {
		width: 100%;
		max-width: 282px;
	}
	#event-utsuwa .recommend .title-area .sub { font-size: 13px; }
	#event-utsuwa .recommend .title-area .title { font-size: 32px; }
	#event-utsuwa .recommend ul { margin-top: 20px; }
	#event-utsuwa .recommend li {
		width: calc((100% - 80px) / 2);
		margin: 0 20px 15px;
	}
	#event-utsuwa .recommend li:not(:nth-child(4n+1)) { margin-left: 20px;}
	#event-utsuwa .recommend li:nth-child(n+5) { margin-top: 0;}
	#event-utsuwa .recommend li a > img {
		width: 100%;
		max-width: 150px;
	}
	/* 商品分類 */
	#event-utsuwa .categories { padding: 45px 0 42px; }
	#event-utsuwa .categories .title-area {
		margin: 0 auto 21px;
		padding: 0;
		width: 100%;
		max-width: 170px;
	}
	#event-utsuwa .categories ul { display: block; }
	#event-utsuwa .categories .big-cate li {
		width: 100%;
		max-width: 342px;
		margin: 0 auto;
		border: solid 1px #A2A2A2;
		background-color: #F2F2F2;
	}
	#event-utsuwa .categories .big-cate li a {
		padding: 0 17px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#event-utsuwa .categories .big-cate li:not(:first-child) { margin: 5px auto 0; }
	#event-utsuwa .categories .big-cate li img {
		width: 99px;
		border: none;
		background-color: transparent;
	}
	#event-utsuwa .categories .big-cate li .name {
		margin-top: 0;
		width: 100%;
		max-width: 205px;
	}
	#event-utsuwa .categories .big-cate li .name::after {
		width: 6px;
		height: 6px;
		border-top: 3px #CCCCCC solid;
		border-right: 3px #CCCCCC solid;
		border-radius: 1px;
		right: 0;
	}
	#event-utsuwa .categories .small-cate {
		margin-top: 25px;
		display: flex;
		flex-wrap: wrap;
	}
	#event-utsuwa .categories .small-cate li {
		width: calc((100% - 200px) / 2);
		max-width: 100%;
	}
	#event-utsuwa .categories .small-cate li:not(:first-child) { margin-left: 0;}
	#event-utsuwa .categories .small-cate li:nth-child(2n) { margin-left: 10px; }
	#event-utsuwa .categories .small-cate li:nth-child(2n-1) { margin-right: 10px; }
	#event-utsuwa .categories .small-cate li:nth-child(-n+2) { margin-bottom: 65px; }
	#event-utsuwa .categories .small-cate li .block {
		width: 100%;
		max-width: 180px;
		margin: 0 auto 10px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	/* ナビゲーションボタン */
	#event-utsuwa nav {
		left: 0;
		bottom: -14px;
		margin: auto;
	}
	#event-utsuwa nav ul {
		display: flex;
		justify-content: center;
	}
	#event-utsuwa nav li a { margin: 0 4px; }
	#event-utsuwa nav li:not(:first-child) a { margin-top: 0; }
	/* メインビジュアル */
	#event-utsuwa .main-visual { overflow: hidden; }
	#event-utsuwa .main-visual .inner { max-width: 330px; }
	#event-utsuwa .main-visual .mv-bg {
		width: 140%;
		max-width: 580px;
		right: 40vw;
	}
	#event-utsuwa .main-visual .catch {
		width: 100%;
		max-width: 145px;
		margin: 100px 0 0 0;
	}
	#event-utsuwa .main-visual .title img {
		max-height: 285px;
	}
	/* 日本陶瓷器生產地 */
	#event-utsuwa .about {
		padding: 20px 0 30px;
		position: static;
	}
	#event-utsuwa .about .inner { width: 90%; }
	#event-utsuwa .about .title-area {
		width: 100%;
		padding: 0 0 15px;
		background-color: transparent;
		position: static;
		top: 0;
		color: #215B9A;
	}
	#event-utsuwa .about .content {
		height: auto;
		background: none;
	}
	#event-utsuwa .about .txt {
		margin: 0 auto 20px;
		max-width: 100%;
	}
	/* 陶瓷器種類介紹 */
	#event-utsuwa .brand-list { padding: 16px 0 23px; }
	#event-utsuwa .brand-list .title-area {
		padding: 10px 0;
		margin: 0 auto;
	}
	#event-utsuwa .brand-list ul {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#event-utsuwa .brand-list li a {
		display: flex;
		align-items: center;
		text-align: left;
	}
	#event-utsuwa .brand-list li:first-child {
		width: 100%;
		margin-bottom: 16px;
	}
	#event-utsuwa .brand-list li:not(:first-child) { margin: 0 0 10px 0; }
	#event-utsuwa .brand-list .list01 > li:not(:first-child) { width: calc((100% - 10px) / 2); }
	#event-utsuwa .brand-list li:nth-child(2n) { margin-right: 5px; }
	#event-utsuwa .brand-list li img {
		height: 66px;
		width: 66px;
		margin-right: 8px;
	}
	#event-utsuwa .brand-list li .name { line-height: 1.2; }
	#event-utsuwa .brand-list .btm-area {
		margin: 23px auto 0;
		padding: 17px 26px 21px;
		display: block;
	}
	#event-utsuwa .brand-list .btm-area .description {
		margin: 0 auto 16px;
		max-width: 204px;
	}
	#event-utsuwa .brand-list .btm-area .profile {
		justify-content: space-between;
		text-align: center;
		align-items: flex-start;
	}
	#event-utsuwa .brand-list .btm-area .profile img {
		width: 57px;
		height: 57px;
		margin-right: 0;
	}
	#event-utsuwa .brand-list .btm-area .profile .group {
		display: block;
		width: calc((100% - 12px) / 3);
	}
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area,
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area,
	#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area { width: 100%; }
	#event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area { margin-right: 0; }
	#event-utsuwa .brand-list .btm-area .profile .tag span { font-size: 12px; }
	/* 各ブランドコンテンツ */
	#event-utsuwa .brand .content .inner { padding: 14px 10px 10px; }
	#event-utsuwa .brand .content .intro .txt-area { margin: 0 auto; }
	#event-utsuwa .brand .content ul::after {
		display: block;
		content: '';
		width: calc((100% - 36px) / 2);
	}
	#event-utsuwa .brand .content li {
		width: calc((100% - 36px) / 2);
		max-width: 178px;
	}
	#event-utsuwa .brand .content li .comment p { font-size: 12px; }
	/* 商品分類 */
	#event-utsuwa .categories .small-cate li { width: calc((100% - 20px) / 2); }
}
/* Premium SD's Week(2023/08)
------------------------------------------------------------------------ */
#sdweek2023 {
	background: linear-gradient(#d1e1fb 0%, #f3f7fe 38.49%, #fff 100%);
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: -68px;
	color: #3B3B3B;
	overflow: hidden;
}
#sdweek2023 * { box-sizing: border-box; }
#sdweek2023 h2 {
	font-size: 38px;
	border: none;
	color: #333333;
	margin: 0;
}
#sdweek2023 p, #sdweek2023 ul, #sdweek2023 ol, #sdweek2023 h3 {
	margin: 0;
	padding: 0;
}
#sdweek2023 a, #sdweek2023 a:hover, #sdweek2023 a:visited {
	text-decoration: none;
	color: #3B3B3B;
	display: block;
}
#sdweek2023 a:hover { opacity: 0.8; }
#sdweek2023 img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#sdweek2023 .wrap {
	max-width: 1202px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}
#sdweek2023 .wrap::before,
#sdweek2023 .wrap::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	background: url("/img/contents/sdweek/2023/bg_text.svg") center top 15px #FFFFFF repeat-y;
	background-size: 27px;
	width: 27px;
	height: 100%;
	padding: 0 12px 0 13px;
	border-left: solid 1px #707070;
	border-right: solid 1px #707070;
	z-index: 1;
}
#sdweek2023 .wrap::before{ left: 0; }
#sdweek2023 .wrap::after{ right: 0; }
/* main-visual */
#sdweek2023 .main-visual {
	background-color: #D6EDFB;
	margin: 0 auto;
	padding-bottom: 20px;
}
#sdweek2023 .main-visual h2 {
	border: none;
	text-align: center;
}
#sdweek2023 .main-visual picture img {
	width: 100%;
	max-width: 1100px;
}
#sdweek2023 .main-visual .top-txt {
	width: 86%;
	max-width: 816px;
	margin: 28px auto 0;
	padding: 12px 3% 13px;
	text-align: center;
	background-color: #EBFCDF;
	border: solid 1px #3B3B3B;
}
#sdweek2023 .main-visual .top-txt .circle-wrap { position: relative; }
#sdweek2023 .main-visual .top-txt .circle {
	position: absolute;
	right: 15%;
	bottom: 45px;
	height: 98px;
	width: 98px;
	border: solid 1px #707070;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 1;
	background-color: #FF713B;
	box-shadow: 0 0 0 4px #FF713B inset, 0 0 0 5px #FFFFFF inset;
	transform: rotate(-15deg); 
}
#sdweek2023 .main-visual .top-txt .circle p {
	position: absolute;
	top: -7%;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
}
#sdweek2023 .main-visual .top-txt .circle span {
	font-size: 36px;
	letter-spacing: -0.08em;
	margin-right: 3px;
}
#sdweek2023 .main-visual .top-txt .title {
	line-height: 1;
	font-size: 50px;
	color: #0F3A81;
	font-family: 'Impact', sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
}
#sdweek2023 .main-visual .top-txt .title p:first-child {
	font-size: 22px;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
#sdweek2023 .main-visual .top-txt .period {
	display: inline-block;
	margin: 10px 0 7px;
	padding: 3px 19px;
	font-size: 17px;
	font-weight: 600;
	color: #FF713B;
	background-color: #FFFFFF;
	border-radius: 18px;
	border: solid 1px #3B3B3B;
	line-height: 1.5;
}
#sdweek2023 .main-visual .top-txt .period .gmt {
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}
#sdweek2023 .main-visual .top-txt .txt { font-size: 13px; }
#sdweek2023 .main-visual .top-txt .txt span {
	font-weight: 600;
	background: linear-gradient(rgba(255,255,255,0) 55%, #FFE88B 55%) 0 -0.1em;
	display: inline-block;
}
/* contents */
#sdweek2023 .contents { margin: 0 auto; }
#sdweek2023 .contents .inner {
	background-color: #D6EDFB;
	width: 91%;
	margin: 0 auto;
	text-align: center;
}
#sdweek2023 .contents input[name="button"] { display: none; }
#sdweek2023 .contents input:checked + .button { background-color: #FFD391; }
#sdweek2023 .contents label {
	display: inline-block;
	width: calc((100% - 190px) / 7);
	max-width: 120px;
	height: 102px;
	padding: 15px 9px 7px;
	margin: 0 2px;
	background: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	border-top: solid 1px #3B3B3B;
	border-left: solid 1px #3B3B3B;
	border-right: solid 1px #3B3B3B;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
	vertical-align: bottom;
}
#sdweek2023 .contents label:hover { background-color: #FFD391; }
#sdweek2023 .contents .genre-item {
	display: none;
	clear: both;
	overflow: hidden;
}
#psdw-content-all:checked ~ #psdw-content-all-in,
#psdw-content01:checked ~ #psdw-content01-in,
#psdw-content02:checked ~ #psdw-content02-in,
#psdw-content03:checked ~ #psdw-content03-in,
#psdw-content04:checked ~ #psdw-content04-in,
#psdw-content05:checked ~ #psdw-content05-in,
#psdw-content06:checked ~ #psdw-content06-in {
	display: block;
}
#sdweek2023 .contents label img {
	display: block;
	margin: 0 auto 10px;
}
#sdweek2023 .contents label:nth-of-type(1) img {
	width: 45px;
	height: 43px;
}
#sdweek2023 .contents label:nth-of-type(2) img {
	width: 44px;
	height: 44px;
}
#sdweek2023 .contents label:nth-of-type(3) img {
	width: 38px;
	height: 33px;
	margin: 8px auto 0;
}
#sdweek2023 .contents label:nth-of-type(4) img {
	width: 31px;
	height: 43px;
}
#sdweek2023 .contents label:nth-of-type(5) img {
	width: 40px;
	height: 40px;
	margin: 0 auto 6px;
}
#sdweek2023 .contents label:nth-of-type(6) img {
	width: 39px;
	height: 39px;
	margin: 0 auto 6px;
}
#sdweek2023 .contents label:nth-of-type(7) img {
	width: 40px;
	height: 40px;
	margin: 0 auto 6px;
}
#sdweek2023 .contents label span {
	position: absolute;
	bottom: 15px;
	right: 50%;
	transform: translateX(50%);
	width: 100%;
}
#sdweek2023 .contents label:nth-of-type(4) span,
#sdweek2023 .contents label:nth-of-type(n+6) span {
	bottom: 6px;
}
/* 各見出し */
#sdweek2023 .title-area {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
}
#sdweek2023 .title-area h3 {
	font-size: 60px;
	text-shadow: 1px 1px 0px #3B3B3B, -1px -1px 0px #3B3B3B, -1px 1px 0px #3B3B3B,  1px -1px 0px #3B3B3B, 1px 0px 0px #3B3B3B, -1px  0px 0px #3B3B3B, 0px 1px 0px #3B3B3B,  0px -1px 0px #3B3B3B;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: absolute;
	transform: translate(50%, 50%);
	width: 100%;
	font-family: 'Impact', sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 1;
}
#sdweek2023 .title-area.type-a-01 {
	background-image: url("/img/contents/sdweek/2023/title_bg_01.png");
	background-size: 640px;
	height: 135px;
	top: -40px;
}
#sdweek2023 .title-area.type-a-01 h3 {
	color: #C2DEFF;
	top: 4px;
	right: 48%;
}
#sdweek2023 .title-area.type-a-02 {
	background-image: url("/img/contents/sdweek/2023/title_bg_03.png");
	background-size: 1012px;
	height: 143px;
	top: -54px;
}
#sdweek2023 .title-area.type-a-02 h3 {
	color: #FFC1BA;
	top: 12px;
	right: 50%;
}
#sdweek2023 .title-area.type-a-02 h3 span { color: #C2DEFF; }
#sdweek2023 .title-area.type-b-01,
#sdweek2023 .title-area.type-b-02 {
	background-image: url("/img/contents/sdweek/2023/title_bg_02.png");
	background-size: 1064px;
	height: 142px;
	top: -70px;
}
#sdweek2023 .title-area.type-b-01 h3,
#sdweek2023 .title-area.type-b-02 h3 {
	color: #FFC144;
	top: 24px;
	right: 48.5%;
}
/* vendors */
#sdweek2023 .vendors {
	padding: 105px 0 44px;
	border-top: solid 1px #707070;
	background-image: linear-gradient(#FFFFFF 1px, transparent 0), linear-gradient(90deg, #FFFFFF 1px, transparent 0);
	background-color: #FFE88B;
	background-size: 30px 30px;
	background-position: center top 29px;
	position: relative;
}
#sdweek2023 .vendors ul {
	width: 94%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 72px 33px 28px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background-color: #FFFFFF;
	border: 1px solid #3B3B3B;
	box-shadow: 6px 6px #949494;
}
#sdweek2023 .vendors li {
	width: calc(100% / 6);
	padding: 0 8px;
	text-align: center;
	min-height: 114px;
}
#sdweek2023 .vendors li:nth-of-type(n+7) { margin-top: 14px; }
#sdweek2023 .vendors li:not(:nth-of-type(6n)) { border-right: dashed 1px #cfcfcf; }
#sdweek2023 .vendors.genre li:not(:nth-of-type(6n)) { border: none; }
#sdweek2023 .vendors.genre li:nth-of-type(2) {
	border-left: dashed 1px #cfcfcf;
	border-right: dashed 1px #cfcfcf;
}
#sdweek2023 .vendors li p {
	font-size: 12px;
	margin: 8px 5px 0;
	color: #858585;
}
/* recommended（ALLジャンル）/introduce（各ジャンル）*/
#sdweek2023 .recommended,
#sdweek2023 .introduce {
	background-color: #FFFFFF;
	position: relative;
}
#sdweek2023 .recommended li .img-area,
#sdweek2023 .introduce li .img-area {
	width: 100%;
	height: 180px;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sdweek2023 .recommended li .off,
#sdweek2023 .introduce .item-area .off {
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #ff1818;
	text-align: center;
	padding: 4px 5px 2px;
}
#sdweek2023 .recommended { padding-top: 203px; }
#sdweek2023 .recommended .item-wrap {
	width: 98%;
	max-width: 962px;
	margin: 0 auto;
}
#sdweek2023 .recommended ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
#sdweek2023 .recommended li {
	width: calc((100% - 48px) / 5);
	margin: 0 12px 35px 0;
	border: solid 1px #C1C1C1;
	position: relative;
}
#sdweek2023 .recommended li:nth-child(5n) { margin: 0 0 35px 0; }
#sdweek2023 .recommended li .img-area img {
	width: 100%;
	max-height: 180px;
}
#sdweek2023 .recommended li .off {
	position: absolute;
	left: 0;
	top: 0;
}
#sdweek2023 .recommended li .txt-area {
	padding: 6px 8px 8px;
	text-align: left;
}
#sdweek2023 .recommended li .item { font-size: 14px; }
#sdweek2023 .recommended li .vendor {
	font-size: 12px;
	color: #707070;
	margin-top: 5px;
}
#sdweek2023 .introduce { padding-top: 190px; }
#sdweek2023 .introduce .item-area {
	width: 820px;
	margin: 0 auto 50px;
	padding: 22px 26px 21px; 
	border: solid 1px #C1C1C1;
	text-align: left;
}
#sdweek2023 .introduce .item-area .title {
	display: inline-block;
	margin-bottom: 10px;
}
#sdweek2023 .introduce .item-area .off {
	display: inline-block;
	min-width: 115px;
}
#sdweek2023 .introduce .item-area .vendor {
	font-weight: 600;
	font-size: 20px;
	color: #707070;
	display: inline-block;
	padding-left: 5px;
}
#sdweek2023 .introduce .item-area .more {
	padding: 7px 0;
	text-align: center;
	color: #707070;
	font-size: 14px;
	width: 150px;
	background-color: #FFFFFF;
	border: solid 1px #707070;
	border-radius: 29px;
	line-height: 1;
	display: block;
	position: relative;
	float: right;
}
#sdweek2023 .introduce .item-area .more:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px #666 solid;
	border-right: 2px #666 solid;
	margin: 0 0 0 10px;
	transform: rotate(45deg);
	border-radius: 1px;
	position: absolute;
	top: 10px;
	right: 14px;
}
#sdweek2023 .introduce .item-area .intro {
	margin-bottom: 15px;
	font-size: 14px;
	color: #7c7c7c;
}
#sdweek2023 .introduce ul {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#sdweek2023 .introduce li {
	width: calc((100% - 45px) / 4);
	position: relative;
	margin-right: 15px;
}
#sdweek2023 .introduce li:last-of-type { margin-right: 0; }
#sdweek2023 .introduce li .img-area { border: solid 1px #cccccc; }
#sdweek2023 .introduce li img {
	width: 100%;
	max-height: 178px;
}
#sdweek2023 .introduce li .txt-area {
	padding: 0 5px 8px;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
}
#sdweek2023 .btm-button { padding: 7px 0 65px; }
#sdweek2023 .btm-button a {
	padding: 12px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	display: block;
	font-size: 25px;
	font-weight: 600;
	max-width: 400px;
	width: 100%;
	position: relative;
	background-color: #DC4D4D;
	border: solid 1px #3B3B3B;
	border-radius: 29px;
	line-height: 1.2;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#sdweek2023 .wrap::before,
	#sdweek2023 .wrap::after {
		display: none;
	}
	/* main-visual */
	#sdweek2023 .main-visual .top-txt {
		width: 92%;
		padding: 17px 6% 11px;
	}
	#sdweek2023 .main-visual .top-txt .circle { right: 20px ;}
	/* contents */
	#sdweek2023 .contents .inner { width: 100%; }
	#sdweek2023 .contents label { width: calc((100% - 100px) / 7); }
	#sdweek2023 .contents label:nth-of-type(5) span { bottom: 6px; }
	/* 各見出し */
	#sdweek2023 .title-area h3 { font-size: 50px; }
	#sdweek2023 .title-area.type-a-01 {
		background-size: 480px;
		height: 108px;
	}
	#sdweek2023 .title-area.type-a-01 h3 { top: 0; }
	#sdweek2023 .title-area.type-a-02 {
		background-size: 730px;
		height: 115px;
	}
	#sdweek2023 .title-area.type-a-02 h3{
		top: 16px;
		font-size: 42px;
	}
	#sdweek2023 .title-area.type-b-01 h3 { font-size: 42px; }
	#sdweek2023 .title-area.type-b-01,
	#sdweek2023 .title-area.type-b-02 {
		background-size: 870px;
		height: 120px;
		top: -64px;
	}
	#sdweek2023 .title-area.type-b-01 { top: -64px; }
	#sdweek2023 .title-area.type-b-01 h3 { top: 30px; }
	/* vendors */
	#sdweek2023 .vendors { padding: 80px 0 44px; }
	#sdweek2023 .vendors ul {
		width: 95%;
		justify-content: left;
		padding: 50px 33px 28px;
	}
	#sdweek2023 .vendors li { width: calc(100% / 5); }
	#sdweek2023 .vendors li:nth-of-type(n+6) { margin-top: 23px; }
	#sdweek2023 .vendors li:not(:nth-of-type(6n)) { border-right: none; }
	#sdweek2023 .vendors li:not(:nth-of-type(5n)) { border-right: dashed 1px #cfcfcf; }
	#sdweek2023 .vendors.genre li:not(:nth-of-type(5n)) { border: none; }
	#sdweek2023 .vendors.genre li:nth-of-type(2) {
		border-left: dashed 1px #cfcfcf;
		border-right: dashed 1px #cfcfcf;
	}
	#sdweek2023 .vendors.genre ul { justify-content: center; }
	/* recommended（ALLジャンル）/introduce（各ジャンル）*/
	#sdweek2023 .recommended { padding-top: 160px; }
	#sdweek2023 .recommended .item-wrap { width: 96%; }
	#sdweek2023 .recommended li {
		width: calc((100% - 30px) / 4);
		margin: 0 10px 20px 0;
	}
	#sdweek2023 .recommended li:nth-child(5n) { margin: 0 10px 20px 0; }
	#sdweek2023 .recommended li:nth-child(4n) { margin: 0 0 20px 0; }
	#sdweek2023 .introduce { padding-top: 150px; }
	#sdweek2023 .introduce .item-area { width: 94%; }
	#sdweek2023 .introduce ul {
		width: 96%;
		max-width: 962px;
	}
	#sdweek2023 .introduce li .img-area { height: 162px; }
	#sdweek2023 .introduce li { max-width: 162px; }
	#sdweek2023 .introduce li img { max-height: 160px; }
	#sdweek2023 .btm-button { padding: 24px 0 35px; }
}
/* SP */
@media screen and (max-width: 670px) {
	/* main-visual */
	#sdweek2023 .main-visual { padding-bottom: 10px; }
	#sdweek2023 .main-visual picture img { max-width: 390px; }
	#sdweek2023 .main-visual .top-txt {
		width: 96%;
		padding: 17px 3% 11px;
		margin: 0 auto;
	}
	#sdweek2023 .main-visual .top-txt .circle {
		right: 0;
		bottom: -65px;
		height: 71px;
		width: 71px;
	}
	#sdweek2023 .main-visual .top-txt .circle p {
		top: -1%;
		font-size: 14px;
	}
	#sdweek2023 .main-visual .top-txt .circle span { font-size: 22px; }
	#sdweek2023 .main-visual .top-txt .title { font-size: 40px; }
	#sdweek2023 .main-visual .top-txt .title p:first-child { font-size: 17px; }
	#sdweek2023 .main-visual .top-txt .period {
		margin: 7px 0 15px;
		padding: 0 6% 8px;
		line-height: 0.6;
	}
	#sdweek2023 .main-visual .top-txt .txt {
		text-align: left;
		width: 80%;
	}
	/* contents */
	#sdweek2023 .contents label {
		display: inline-flex;
		width: calc((100% - 28px) / 2);
		max-width: 100%;
		height: auto;
		min-height: 43px;
		padding: 8px 0;
		border-radius: 10px;
		border-bottom: solid 1px #3B3B3B;
		align-items: center;
		justify-content: space-evenly;
	}
	#sdweek2023 .contents label:nth-of-type(2n) { margin: 0 2px 8px 0; }
	#sdweek2023 .contents label:nth-of-type(2n-1) { margin: 0 0 8px 2px; }
	#sdweek2023 .contents label:nth-of-type(1) {
		width: 96%;
		justify-content: center;
		margin: 0 auto 8px;
	}
	#sdweek2023 .contents label:nth-of-type(2) { padding: 0; }
	#sdweek2023 .contents label span {
		display: inline-block;
		position: static;
		bottom: 0;
		right: 0;
		transform: none;
		width: 100%;
		max-width: 100px;
		text-align: left;
	}
	#sdweek2023 .contents label:nth-of-type(1) span {
		max-width: 25px;
		text-align: center;
	}
	#sdweek2023 .contents label img {
		display: inline-block;
		margin: 0 10px;
		text-align: left;
	}
	#sdweek2023 .contents label:nth-of-type(1) img {
		width: 27px;
		height: 26px;
	}
	#sdweek2023 .contents label:nth-of-type(2) img {
		width: 32px;
		height: 32px;
	}
	#sdweek2023 .contents label:nth-of-type(3) img {
		width: 28px;
		height: 24px;
		margin: 0 10px;
	}
	#sdweek2023 .contents label:nth-of-type(4) img {
		width: 23px;
		height: 32px;
	}
	#sdweek2023 .contents label:nth-of-type(5) img {
		width: 30px;
		height: 29px;
		margin: 0 10px;
	}
	#sdweek2023 .contents label:nth-of-type(6) img {
		width: 28px;
		height: 28px;
		margin: 0 10px;
	}
	#sdweek2023 .contents label:nth-of-type(7) img {
		width: 29px;
		height: 29px;
		margin: 0 10px;
	}
	/* 各見出し */
	#sdweek2023 .title-area .ls-narrow { letter-spacing: -0.02em; }
	#sdweek2023 .title-area { padding: 0 12px; }
	#sdweek2023 .title-area h3 { font-size: 40px; }
	#sdweek2023 .title-area.type-a-01 {
		background-image: url("/img/contents/sdweek/2023/title_bg_01_sp.png");
		background-size: contain;
		height: 95px;
		top: -38px;
	}
	#sdweek2023 .title-area.type-a-01 h3 {
		top: 4px;
		right: 50%;
	}
	#sdweek2023 .title-area.type-a-02 {
		background-image: url("/img/contents/sdweek/2023/title_bg_03_sp.png");
		background-size: contain;
		height: 143px;
		top: -65px;
	}
	#sdweek2023 .title-area.type-a-02 h3 {
		top: -7px;
		font-size: 37px;
	}
	#sdweek2023 .title-area.type-b-01 {
		background-image: url("/img/contents/sdweek/2023/title_bg_02_sp.png");
		background-size: contain;
		top: -60px;
		right: 53%;
	}
	#sdweek2023 .title-area.type-b-01 h3 { top: -18px; }
	/* vendors */
	#sdweek2023 .vendors {
		margin-top: 8px;
		padding: 113px 0 19px;
		border: none;
		background-image: none;
	}
	#sdweek2023 .vendors.genre { padding: 158px 0 10px; }
	#sdweek2023 .vendors .title-area::after { height: 40px; }
	#sdweek2023 .vendors ul {
		width: 96%;
		padding: 7px 0;
		border: none;
		box-shadow: none;
	}
	#sdweek2023 .vendors li {
		width: calc(100% / 3);
		margin-bottom: 4px;
		padding: 0;
		min-height: 96px;
	}
	#sdweek2023 .vendors li:nth-of-type(n+6) { margin-top: 0; }
	#sdweek2023 .vendors li:not(:nth-of-type(5n)) { border: none; }
	#sdweek2023 .vendors li:nth-of-type(3n+2) {
		border-left: dashed 1px #cfcfcf;
		border-right: dashed 1px #cfcfcf;
	}
	#sdweek2023 .vendors li img {
		max-width: 92px;
		display: block;
		margin: 0 auto;
	}
	/* recommended（ALLジャンル）/introduce（各ジャンル）*/
	#sdweek2023 .recommended .title-area,
	#sdweek2023 .introduce .title-area {
		line-height: 1.3;
	}
	#sdweek2023 .recommended li .off,
	#sdweek2023 .introduce .item-area .off {
		font-size: 14px;
	}
	#sdweek2023 .recommended li .img-area,
	#sdweek2023 .introduce li .img-area {
		margin-bottom: 5px;
	}
	#sdweek2023 .recommended { padding-top: 149px; }
	#sdweek2023 .recommended .item-wrap { max-width: 380px; }
	#sdweek2023 .recommended ul {
		width: 100%;
		max-width: 962px;
		margin: 0 auto;
		padding: 0;
		justify-content: space-around;
	}
	#sdweek2023 .recommended li {
		width: calc((100% - 10px) / 2);
		max-width: 50vw;
		min-width: 0;
		min-height: 0;
		margin: 0 0 10px 0;
		border: solid 1px #C1C1C1;
	}
	#sdweek2023 .recommended li:nth-of-type(4n),
	#sdweek2023 .recommended li:nth-of-type(5n) {
		margin: 0 0 10px 0;
	}
	#sdweek2023 .recommended li:nth-of-type(2n-1) { margin: 0 0 10px 0; }
	#sdweek2023 .recommended li .item { line-height: 1.3; }
	#sdweek2023 .recommended li .vendor {
		font-size: 11px;
		margin-top: 2px;
	}
	#sdweek2023 .introduce .item-area .title { margin-bottom: 5px; }
	#sdweek2023 .introduce .item-area .off {
		position: absolute;
		top: -42px;
		padding: 6px 5px 4px;
		min-width: 130px;
	}
	#sdweek2023 .introduce { padding-top: 105px; }
	#sdweek2023 .introduce .item-area {
		padding: 27px 2% 5px;
		margin: 0 auto 25px;
		position: relative;
	}
	#sdweek2023 .introduce .item-area:not(:first-child) { margin-top: 55px; }
	#sdweek2023 .introduce .item-area { max-width: 380px; }
	#sdweek2023 .introduce .item-area .title { position: relative; }
	#sdweek2023 .introduce .item-area .vendor {
		font-size: 17px;
		line-height: 25px;
		padding-left: 0;
	}
	#sdweek2023 .introduce .item-area .more {
		width: 130px;
		position: absolute;
		top: -16px;
		right: 10px;
	}
	#sdweek2023 .introduce .item-area .more:after {
		width: 5px;
		height: 5px;
		right: 12px;
	}
	#sdweek2023 .introduce .item-area .intro {
		margin-bottom: 10px;
		font-size: 13px;
		color: #3B3B3B;
	}
	#sdweek2023 .introduce ul {
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	#sdweek2023 .introduce li {
		width: calc((100% - 10px) / 2);
		max-width: 50vw;
		margin: 0 0 13px;
	}
	#sdweek2023 .introduce li .txt-area { padding: 0; }
	#sdweek2023 .btm-button a { max-width: 300px; }
}
/******** forward調整用 ************/
#sdweek2023.jp,
#sdweek2023.zh-tw { margin-bottom: -86px; }
#sdweek2023.zh-tw.en { margin-bottom: -68px; }
#sdweek2023 .main-visual .top-txt.tenso {
	text-align: left;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 3% 9px;
}
#sdweek2023 .main-visual .top-txt.tenso h3 {
	font-size: 25px;
	line-height: 1;
}
#sdweek2023 .main-visual .top-txt.tenso p {
	font-size: 15px;
	color: #FF713B;
	font-weight: 600;
}
#sdweek2023 .main-visual .top-txt.tenso a {
	width: 200px;
	height: 35px;
	margin-left: 15px;
	padding: 5px 6px 6px 6px;
	border: solid 1px #3B3B3B;
	border-radius: 8px;
	font-size: 17px;
	text-align: center;
	color: #1047A2;
	background: #FFFFFF;
	position: relative;
}
#sdweek2023 .main-visual .top-txt.tenso a:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px #1047A2 solid;
	border-right: 2px #1047A2 solid;
	margin: 0 0 0 10px;
	transform: rotate(135deg);
	border-radius: 1px;
	position: absolute;
	top: 13px;
	right: 16px;
}
#sdweek2023 .main-visual .top-txt.tenso a:hover {
	background-color: #FFEAA1;
	opacity: 1;
}
#sdweek2023.jp .contents label { width: calc((100% - 118px) / 7);}
#sdweek2023.jp label:nth-of-type(4) span,
#sdweek2023.jp label:nth-of-type(7) span { bottom: 6px; }
#sdweek2023.jp label:nth-of-type(6) span { bottom: 15px; }
#sdweek2023.jp .btm-button,
#sdweek2023.zh-tw .btm-button { padding: 7px 0 94px; }
/* transfer-event */
#sdweek2023 .transfer-event {
	background-color: #E4F9C8;
	padding: 113px 0 83px;
	text-align: center;
	position: relative;
}
#sdweek2023.jp #transfer {
	display: block;
	padding-top: 10px;
	margin-top: -10px;
}
#sdweek2023 .transfer-event .event-icon {
	position: absolute;
	top: -85px;
	right: 50%;
	transform: translate(50%, 50%);
	width: 147px;
}
#sdweek2023 .transfer-event .inner {
	width: 80%;
	margin: 0 auto;
	padding: 47px 38px 21px;
	border: double 4px #3B3B3B;
	background-color: #F5FFEE;
	position: relative;
}
#sdweek2023 .transfer-event .title {
	position: absolute;
	top: -92px;
	right: 50%;
	transform: translate(50%, 50%);
	width: 100%;
}
#sdweek2023 .transfer-event .sub {
	font-size: 16px;
	font-weight: 600;
	color: #181756;
	letter-spacing: 0.15em;
}
#sdweek2023 .transfer-event .title h3 {
	background: url("/img/contents/sdweek/2023/event_title.svg") no-repeat center center;
	background-size: 470px;
	width: 100%;
	height: 51px;
	font-size: 30px;
	line-height: 1.8;
	margin: 0 auto;
}
#sdweek2023 .transfer-event .campaign { font-size: 14px; }
#sdweek2023 .transfer-event ul {
	width: 100%;
	max-width: 857px;
	margin: 0 auto;
	padding: 17px 0 14px;
}
#sdweek2023 .transfer-event ul li {
	padding: 15px 22px;
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 15px;
	text-align: left;
	display: flex;
	justify-content: center;
	border: dashed 1px #707070;
	border-radius: 10px;
	background-color: #FFFFFF;
}
#sdweek2023 .transfer-event ul .transfer-wrap {
	display: flex;
	width: 100%;
	align-self: center;
}
#sdweek2023 .transfer-event ul img {
	width: 150px;
	height: 70px;
}
#sdweek2023 .transfer-event ul .txt-wrap { margin-left: 20px; }
#sdweek2023 .transfer-event ul .txt-wrap .vendor { 
	font-size: 18px;
	margin: 5px 0;
	font-weight: 600;
}
#sdweek2023 .transfer-event ul .txt-wrap .txt { 
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 5px;
}
#sdweek2023 .transfer-event ul .txt-wrap a.txt:hover { text-decoration: underline; }
#sdweek2023 .transfer-event ul .txt-wrap .txt::before {
	content: '・';
	display: inline-block;
}
#sdweek2023 .transfer-event ul .txt-wrap .gray-area {
	background-color: #F3F3F3;
	padding: 7px 0 5px 9px;
	margin-bottom: 8px;
}
#sdweek2023 .transfer-event ul .txt-wrap .gray-area p {
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 3px;
}
#sdweek2023 .transfer-event ul .txt-wrap .gray-area p:first-of-type { font-weight: 600; }
#sdweek2023 .transfer-event ul .txt-wrap .gray-area p:not(:first-of-type)::before {
	content: '・';
	display: inline-block;
}
#sdweek2023 .transfer-event ul .txt-wrap .gray-area span { font-size: 13px; }
#sdweek2023 .transfer-event ul .txt-wrap .txt .red {
	color: #B93838;
	font-weight: 600;
}
#sdweek2023 .transfer-event ul .txt-wrap .sml { font-size: 13px; }
#sdweek2023 .transfer-event ul .txt-wrap .notice { 
	font-size: 13px;
	color: #707070;
	line-height: 1.3;
}
#sdweek2023 .transfer-event .caution {
	color: #B93838;
	margin-top: 4px;
	font-size: 13px;
	text-align: left;
}
#sdweek2023.jp .title-area h3 {
	font-size: 59px;
	font-weight: 600;
}
#sdweek2023.jp .introduce .item-area .off,
#sdweek2023.zh-tw .introduce .item-area .off { min-width: 112px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	#sdweek2023.jp label span { bottom: 6px; }
	#sdweek2023.jp label:nth-of-type(1) span,
	#sdweek2023.jp label:nth-of-type(6) span { bottom: 15px; }
	#sdweek2023 .transfer-event {
		margin-top: 10px;
		padding: 95px 0 14px;
	}
	#sdweek2023 .transfer-event .inner {
		width: 95%;
		padding: 40px 4% 11px;
	}
	#sdweek2023 .transfer-event .title { top: -87px; }
	#sdweek2023 .transfer-event .campaign { text-align: left; }
	#sdweek2023 .transfer-event ul { padding: 17px 0 0; }
	#sdweek2023 .transfer-event ul li {
		padding: 15px 20px;
		margin-bottom: 15px;
		text-align: center;
	}
	#sdweek2023 .transfer-event ul .transfer-wrap { display: block; }
	#sdweek2023 .transfer-event ul .txt-wrap {
		text-align: left;
		margin: 0;
	}
	#sdweek2023.jp .title-area h3 {
		font-size: 42px;
		line-height: 1.2;
	}
	#sdweek2023.jp .title-area.type-a-02 h3 { top: 7px; }
	#sdweek2023.jp .title-area.type-b-02 h3 { top: 21px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#sdweek2023 .main-visual .top-txt.tenso {
		text-align: center;
		display: block;
	}
	#sdweek2023 .main-visual .top-txt.tenso a { margin: 5px auto 0; }
	#sdweek2023.jp .contents label{
		height: 50px;
		padding: 9px 0 8px;
		margin: 0 2px 6px;
	}
	#sdweek2023.jp .contents label:nth-of-type(n+5) {
		height: 50px;
		margin-bottom: 10px;
	}
	#sdweek2023 .transfer-event .inner { padding: 30px 4% 11px; }
	#sdweek2023 .transfer-event .sub { font-size: 14px; }
	#sdweek2023 .transfer-event .title { top: -84px; }
	#sdweek2023 .transfer-event .title h3 {
		background: url("/img/contents/sdweek/2023/event_title_sp.svg") no-repeat center center;
		background-size: contain;
		font-size: 26px;
		line-height: 2.1;
		max-width: 330px;
	}
	#sdweek2023 .transfer-event ul { padding: 10px 0 0; }
	#sdweek2023 .transfer-event ul li {
		padding: 9px 15px 11px;
	}
	#sdweek2023 .transfer-event ul img {
		width: 120px;
		height: 56px;
	}
	#sdweek2023 .transfer-event ul .txt-wrap .vendor { font-size: 16px; }
	#sdweek2023 .transfer-event ul .txt-wrap .txt { 
		font-size: 14px;
		line-height: 1.4;
	}
	#sdweek2023 .transfer-event ul .txt-wrap .gray-area { padding: 9px; }
	#sdweek2023 .transfer-event ul .txt-wrap .gray-area p {
		font-size: 13px;
		line-height: 1.4;
	}
	#sdweek2023 .transfer-event .caution { font-size: 12px; }
	#sdweek2023.jp .title-area h3 { font-size: 32px; }
	#sdweek2023.jp .title-area.type-a-02 h3 { top: -7px; }
	#sdweek2023.jp .title-area.type-b-02 h3 { top: 25px; }
	#sdweek2023 .title-area.type-b-02 {
		background-image: url("/img/contents/sdweek/2023/title_bg_02_jp.png");
		background-size: contain;
		top: -76px;
	}
	#sdweek2023.jp .contents label { width: calc((100% - 28px) / 2); }
	#sdweek2023.jp .contents label:nth-of-type(1) {
		width: 96%;
		justify-content: center;
		margin: 0 auto 8px;
	}
	#sdweek2023.jp .contents label:nth-of-type(1) span { max-width: 40px; }
	#sdweek2023.jp .recommended { padding-top: 114px; }
	#sdweek2023.jp .introduce .item-area:not(:first-child) { margin-top: 25px; }
}
/******** 繁体字ページ調整用 ************/
#sdweek2023.zh-tw .contents label span { bottom: 15px; }
#sdweek2023.zh-tw .title-area h3 { font-weight: 600 }
/* SP */
@media screen and (max-width: 670px) {
	#sdweek2023.zh-tw .contents label:nth-of-type(1) span,
	#sdweek2023.zh-tw .contents label:nth-of-type(1) span { max-width: 52px; }
}
/******** Premium SD's Week 2023 商品一覧ページ ************/
#productlist-event-psdw {
	background-color: #D6ECFB;
	border-bottom: solid 1px #BBBBBB;
}
#productlist-event-psdw * { box-sizing: border-box; }
#productlist-event-psdw p {
	margin: 0;
	padding: 0;
}
#productlist-event-psdw a, #productlist-event-psdw a:hover, #productlist-event-psdw a:visited { text-decoration: none; }
#productlist-event-psdw .main-visual {
	background: url("/img/contents/sdweek/2023/list_bg.png") center top no-repeat;
	width: 100%;
	height: 300px;
	text-align: center;
}
#productlist-event-psdw .main-visual img { padding: 74px 0 0; }
#productlist-event-psdw .button-area {
	margin: 11px auto 0;
	display: flex;
	justify-content: center;
	width: 98%;
	max-width: 1110px;
}
#productlist-event-psdw .button-area li {
	width: auto;
	min-width: 86px;
}
#productlist-event-psdw .button-area li:not(:first-child) { margin-left: 10px; }
#productlist-event-psdw .button-area li:nth-child(n+4) { flex-shrink: 10; }
#productlist-event-psdw .button-area a {
	width: auto;
	height: 43px;
	padding: 10px 8px;
	background: #FFFFFF;
	border-top: solid 1px #3B3B3B;
	border-left: solid 1px #3B3B3B;
	border-right: solid 1px #3B3B3B;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	align-items: center;
}
#productlist-event-psdw .button-area a:hover,
#productlist-event-psdw .button-area a.selected { background-color: #FFD391; }
#productlist-event-psdw .button-area a img { margin-right: 10px; }
#productlist-event-psdw .button-area li:nth-child(1) img {
	width: 27px;
	height: 26px;
}
#productlist-event-psdw .button-area li:nth-child(2) img {
	width: 32px;
	height: 32px;
}
#productlist-event-psdw .button-area li:nth-child(3) img {
	width: 28px;
	height: 24px;
}
#productlist-event-psdw .button-area li:nth-child(4) img {
	width: 23px;
	height: 32px;
}
#productlist-event-psdw .button-area li:nth-child(5) img {
	width: 30px;
	height: 29px;
}
#productlist-event-psdw .button-area li:nth-child(6) img {
	width: 28px;
	height: 28px;
}
#productlist-event-psdw .button-area li:nth-child(7) img {
	width: 29px;
	height: 29px;
}
#productlist-event-psdw .button-area a span {
	color: #3B3B3B;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#productlist-event-psdw .button-area {
		margin: 10px auto 14px;
		padding: 0 2%;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 70%;
	}
	#productlist-event-psdw .button-area li {
		width: calc((100% - 10px) / 2);
		min-width: 0;
	}
	#productlist-event-psdw .button-area li:first-child { width: 100%; }
	#productlist-event-psdw .button-area li:not(:first-child) { margin: 10px 0 0; }
	#productlist-event-psdw .button-area li:nth-child(n+4) { flex-shrink: 1; }
	#productlist-event-psdw .button-area a {
		padding: 8px 15px;
		border: solid 1px #3B3B3B;
		border-radius: 10px;
	}
	#productlist-event-psdw .button-area li:first-child a {
		display: block;
		text-align: center;
	}
	#productlist-event-psdw .button-area li:first-child span { display: inline-block; }
	#productlist-event-psdw .button-area a img { margin-right: 15px; }
	#productlist-event-psdw .button-area li:nth-child(1) img { vertical-align: text-bottom; }
	#productlist-event-psdw .button-area li:nth-child(4) img { margin-right: 20px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#productlist-event-psdw .main-visual {
		background: none;
		height: auto;
	}
	#productlist-event-psdw .main-visual img {
		padding: 0;
		width: 100%;
	}
	#productlist-event-psdw .button-area { width: 100%; }
	#productlist-event-psdw .button-area a { padding: 8px 10px; }
	#productlist-event-psdw .button-area a img { margin-right: 10px; }
}
/* forward調整用 */
#productlist-event-psdw .button-area li:nth-child(n+4) { flex-shrink: 1; }
#productlist-event-psdw .button-area.jp li:nth-child(1),
#productlist-event-psdw .button-area.jp li:nth-child(2),
#productlist-event-psdw .button-area.jp li:nth-child(3),
#productlist-event-psdw .button-area.jp li:nth-child(6) { flex-shrink: 0; }
#productlist-event-psdw .button-area.jp li:nth-child(4),
#productlist-event-psdw .button-area.jp li:nth-child(5),
#productlist-event-psdw .button-area.jp li:nth-child(7) { flex-shrink: 10; }
/* SP */
@media screen and (max-width: 670px) {
	#productlist-event-psdw .button-area.jp { width: 100%; }
}
/* // Premium SD's Week 2023 */

/* 会費の支払い状況 */
.membershipfee-payment-status * {box-sizing: border-box;}
.membershipfee-payment-status.jsp-layout-base-layout {
	max-width: 1000px;
	margin: 0 auto;
	width: 96%;
	text-align: left;
}
.membershipfee-payment-status .co-contents-box-table th,
.membershipfee-payment-status .co-contents-box-table td {padding: 10px;}
.membershipfee-payment-status .co-contents-box-table td:last-child .co-btn {
	flex-shrink: 0;
	margin: 0 0 0 10px;
}
	.membershipfee-payment-status .listorder-slct {
		margin: 40px 0 20px;
	}
.membershipfee-payment-status .listorder-slct select:hover {
	cursor: pointer;
}
.membershipfee-payment-status .membershipfee-payment-status-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.membershipfee-payment-status .co-contents-box-table {
	border-collapse: collapse;
}
.membershipfee-payment-status .co-contents-box-table th{
	background: #ddd;
}
.membershipfee-payment-status .co-contents-box-table td, .membershipfee-payment-status .co-contents-box-table th{
	border: 1px solid #999;
}

/* PC・TAB・*/
@media screen and (min-width: 671px) {
	.membershipfee-payment-status .co-contents-box-table th {min-width: 85px;}
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	.membershipfee-payment-status .listorder-slct {
		display: block!important;
		margin: 15px 0 10px;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	.membershipfee-payment-status .listorder-slct {
		margin-bottom: 0;
	}
	.membershipfee-payment-status .co-contents-box-table {border: none;}
	.membershipfee-payment-status .co-contents-box-table th {display: none;}
	.membershipfee-payment-status .co-contents-box-table tr,
	.membershipfee-payment-status .co-contents-box-table td {
		display: block;
		width: 100%;
		border-top: none;
	}
	.membershipfee-payment-status .co-contents-box-table td {
		position: relative;
		padding-left: 100px;
		min-height: 38px;
	}
	.membershipfee-payment-status .co-contents-box-table td:first-child {
		background: #ddd;
		border-top: #999 solid 1px;
		margin-top: 10px;
		padding-left: 10px;
	}
	.membershipfee-payment-status .co-contents-box-table td > div::before {
		content: "支払い実績";
		height: 100%;
		width: 85px;
		position: absolute;
		top: 0;
		left: 0;
		background: #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.membershipfee-payment-status .co-contents-box-table td:nth-of-type(3) > div:before {
		content: "支払方法";
	}
}

/*-------------------------------------------------------
 MD's PICK
------------------------------------------------------- */
#mds-pick ul {
	padding: 0;
	margin: 0;
}
#mds-pick img { vertical-align: top }
#mds-pick a {
	display: block;
	color: inherit;
}
#mds-pick a:hover { text-decoration: none; }
/******** イベントページ ************/
#mds-pick .event-main-visual img { max-width: 100%; }
#mds-pick .event-main-visual .lang-btn { margin: 7px 5px 16px; }
#mds-pick .event-main-visual .lang-btn span > a { transition: none }
#mds-pick .warning-event-ended {
	background-color: #ffe9ec;
	color: #dc4d4d;
	font-size: 14px;
	text-align: center;
	padding: 8px;
	border: 1px solid #dc4d4d;
	margin: 30px 0;
}
#mds-pick .main {
	max-width: 1000px;
	width: 96%;
	padding-top: 30px;
	margin: 0 auto;
}
#mds-pick .related-item { padding: 20px 0 40px; }
#mds-pick .related-item .title {
	font-size: 25px;
	font-weight: 600;
	color: #797979;
	text-align: center;
	padding: 0 calc((100% - 256px) / 2);
	position: relative;
}
#mds-pick .related-item .title::before,
#mds-pick .related-item .title::after {
	content: '';
	width: calc((100% - 256px) / 2);
	height: 51%;
	border-top: 1px solid #797979;
	position: absolute;
	bottom: 0;
}
#mds-pick .related-item .title::before { left: 0; }
#mds-pick .related-item .title::after { right: 0; }
#mds-pick .related-item .list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 33px 18px 0;
}
#mds-pick .related-item .list li { width: 25%; }
#mds-pick .related-item .list a { padding: 0 25px; }
#mds-pick .related-item .image {
	border-radius: 50%;
	overflow: hidden;
}
#mds-pick .related-item .image img { width: 100%; }
#mds-pick .related-item .item-title {
	font-size: 14px;
	text-align: center;
	padding: 10px 0 20px;
}
#mds-pick .go-to-product-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 355px;
	height: 50px;
	background-color: #f66262;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	border-radius: 50px;
	margin: 0 auto 50px;
	position: relative;
}
#mds-pick .go-to-product-button::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 6px);
	right: 22px;
}
#mds-pick .contents { padding-bottom: 30px; }
#mds-pick .contents img { max-width: 100%; }
#mds-pick .contents .video {
	width: 92.1%;
	padding-top: calc(92.1% * 0.5625);
	margin: 5% auto;
	position: relative;
}
#mds-pick .contents .video iframe {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
/* PC/TAB */
@media screen and (min-width: 670px) {
	#mds-pick .event-main-visual {
		width: 96%;
		max-width: 1330px;
		margin: 30px auto 0;
	}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .related-item .list a { padding: 0 15px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#mds-pick .warning-event-ended {
		width: 100%;
		font-size: 14px;
		box-sizing: border-box;
		margin: 15px auto;
	}
	#mds-pick .related-item { padding: 0 0 30px; }
	#mds-pick .related-item .list { padding: 20px 15px 0; }
	#mds-pick .related-item .list a { padding: 0 10px; }
	#mds-pick .related-item .title {
		font-size: 22px;
		padding: 0px calc((100% - 200px) / 2);
	}
	#mds-pick .related-item .title::before,
	#mds-pick .related-item .title::after {
		width: calc((100% - 200px) / 2);
	}
	#mds-pick .related-item .list li { width: 50%; }
	#mds-pick .related-item .item-title { font-size: 13px; }
	#mds-pick .go-to-product-button {
		width: 75%;
		max-width: 320px;
		min-width: 255px;
		height: 45px;
		box-sizing: border-box;
		padding-right: 10px;
	}
	#mds-pick .go-to-product-button::after {
		right: 7%;
		font-size: 19px;
	}
	#mds-pick .contents .video {
		width: 100%;
		padding-top: 56.25%;
		margin: 0;
	}
}
/*-------------------------------------------------------
 MD's PICK（MEテンプレート）
------------------------------------------------------- */
#mds-pick h2{
	border: none;
}
#mds-pick .new-template img { 
	width: 100%;
	height: auto;
}
#mds-pick .new-template .top-contents,
#mds-pick .new-template .company,
#mds-pick .new-template .series {
	text-align: center;
	max-width: 1000px;
}
#mds-pick .new-template .top-contents { 
	text-align: center;
	margin: 70px auto 0;
	background-color: #ebe3d7;
}
#mds-pick .new-template .top-contents .title { 
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}
#mds-pick .new-template .top-contents ul,
#mds-pick .new-template .company ul,
#mds-pick .new-template .series .series-main ul { 
	display: flex;
	justify-content: center;
	align-items: center;
}
#mds-pick .new-template .top-contents ul li { 
	width: calc(100% / 5);
	height: auto;
	max-width: 200px;
	max-height: 200px;
}
#mds-pick .new-template .company { 
	padding: 80px 0 40px;
	background-color: #f9f9f9;
}
#mds-pick .new-template .company .logo { 
	width: 504px;
	margin: 0 auto 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #a7a7a7;
}
#mds-pick .new-template .company .logo img { 
	width: 200px;
	height: auto;
}
#mds-pick .new-template .company ul { 
	width: 100%;
	margin: 28px auto 10px;
	overflow: hidden;
}
#mds-pick .new-template .company ul li { 
	width: calc((100% - 100px) / 3 );
	max-width: 273px;
	margin: 0 10px;
}
#mds-pick .new-template .company .introduction { 
	margin: 0 auto;
	text-align: left;
	width: calc(100% - 40px);
	max-width: 910px;
	font-size: 17px;
	line-height: 30px;
}
#mds-pick .new-template .series { 
	margin: 40px auto;
}
#mds-pick .new-template .series .title { 
	position: relative;
	width: 100%;
	padding: 40px 0;
	min-width: 456px;
	overflow: hidden;
}
#mds-pick .new-template .series .title .series-name { 
	position: absolute;
	width: 100%;
	bottom: 10px;
	font-size: 55px;
	font-weight: 600;
}
#mds-pick .new-template .series .series-top { 
	width: 100%;
	margin: 20px auto;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#mds-pick .new-template .series .series-top p { 
	width: 91%;
	margin: 24px auto;
	font-size: 17px;
	text-align: left;
}
#mds-pick .new-template .series .series-main { 
	width: 100%;
	margin: 20px auto;
	border: 1px solid #dbdbdb;
}
#mds-pick .new-template .series .series-main .merchandise { 
	width: 90%;
	margin: 40px auto 30px;
}
#mds-pick .new-template .series .series-main .merchandise .image { 
	position: relative;
}
#mds-pick .new-template .series .series-main .merchandise .image::before {
	margin: auto;
	content: "";
	width: 84%;
	height: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#mds-pick .new-template .series .series-main .merchandise h3 { 
	font-size: 27px;
	font-weight: 600;
	margin: 20px auto 0;
}
#mds-pick .new-template .series .series-main .merchandise span { 
	font-size: 15px;
	color: #a7a7a7;
}
#mds-pick .new-template .series .series-main ul{ 
	margin: 0 40px;
	flex-wrap: wrap;
}
#mds-pick .new-template .series .series-main ul li { 
	width: calc(100% - 20px / 6);
	max-width: 139px;
	height: auto;
	margin: 7px;
}
#mds-pick .new-template .series .series-main p { 
	width: 90%;
	margin: 0 auto 40px;
	font-size: 17px;
	line-height: 27px;
	color: #242424;
	text-align: left;
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .new-template .series .series-main ul{ margin: 0 24px; }
}
/* SP */
@media screen and (max-width: 670px){
	#mds-pick .new-template { width: 100%; }
	#mds-pick .new-template .company { padding: 30px 0; }
	#mds-pick .new-template .top-contents .title { width: 80%; }
	#mds-pick .new-template .company .logo { width: 80%; }
	#mds-pick .new-template .company .logo img { width: 156px; }
	#mds-pick .new-template .company ul li { 
		min-width: 132px;
		margin: 0 5px;
	}
	#mds-pick .new-template .company .introduction,
	#mds-pick .new-template .series .series-top p,
	#mds-pick .new-template .series .series-main p { 
		font-size: 14px;
		line-height: 23px;
	}
	#mds-pick .new-template .series { margin: 0 auto; }
	#mds-pick .new-template .series .series-top p { margin: 20px auto 0; }
	#mds-pick .new-template .series .title {
		min-width: 0;
		padding-top: 10px;
	}
	#mds-pick .new-template .series .title .series-name { 
		font-size: 28px;
		bottom: 6px;
	}
	#mds-pick .new-template .series .series-main { width: calc(100% - 10px); }
	#mds-pick .new-template .series .series-main .merchandise h3 { font-size: 20px; }
	#mds-pick .new-template .series .series-main .merchandise span { font-size: 13px; }
	#mds-pick .new-template .series .series-main ul { 
		margin: 0 auto;
		flex-wrap: wrap;
		width: 90%;
	}
	#mds-pick .new-template .series .series-main ul li {
		width: 15%;
		min-width: 69px;
		margin: 4px;
	}
}
/*--------------------------------
東京かんかん（企業ごとに追加）
------------------------------- */
/***** タイトル 背景色（東京かんかん） *****/
#mds-pick .tokyo-kankan .top-contents { 
	background-color: #ebe3d7;
}
/***** 背景グラデーション（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .title { 
	background: linear-gradient(0deg, rgba(186, 214, 174, 100), rgba(186, 214, 174, 0), rgba(186, 214, 174, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .title { 
	background: linear-gradient(0deg, rgba(186, 214, 174, 100), rgba(186, 214, 174, 0), rgba(186, 214, 174, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .title { 
	background: linear-gradient(0deg, rgba(174, 209, 214, 100), rgba(174, 209, 214, 0), rgba(174, 209, 214, 0));
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .title { 
	background: linear-gradient(0deg, rgba(249, 212, 157, 100), rgba(249, 212, 157, 0), rgba(249, 212, 157, 0));
}
/***** シリーズ名 文字色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(3) .series-top p {
	color: #244d13;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(4) .series-top p {
	color: #244d13;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(5) .series-top p {
	color: #1f555d;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .series-name,
#mds-pick .tokyo-kankan .series:nth-of-type(6) .series-top p {
	color: #876129;
}
/***** 商品背景色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) .image::before {
	background-color: #c3d5eb;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) .image::before {
	background-color: #d7ebe3;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) .image::before {
	background-color: #ecd0d1;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) .image::before {
	background-color: #cee0e6;
}
/***** 商品名 文字色（東京かんかん） *****/
#mds-pick .tokyo-kankan .series:nth-of-type(3) h3 { 
	color: #536f92;
}
#mds-pick .tokyo-kankan .series:nth-of-type(4) h3 { 
	color: #4a7a67;
}
#mds-pick .tokyo-kankan .series:nth-of-type(5) h3 { 
	color: #9b4247;
}
#mds-pick .tokyo-kankan .series:nth-of-type(6) h3 { 
	color: #135e77;
}
/*--------------------------------
PAO（企業ごとに追加）
-------------------------------- */
/***** タイトル 背景色（PAO） *****/
#mds-pick .pao-co-ltd .top-contents { 
	background-color: #e1e1e1;
}
/***** 背景グラデーション（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .title { 
	background: linear-gradient(0deg, rgba(203, 225, 225, 100), rgba(203, 225, 225, 0), rgba(203, 225, 225, 0));
}
/***** シリーズ名 文字色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name,
#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-top p {
	color: #276969;
}
/***** シリーズ名 文字サイズ（PAO） *****/
@media screen and (min-width: 671px) and (max-width: 940px) {
	#mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 42px;
  }
}
@media screen and (max-width: 670px){
  #mds-pick .pao-co-ltd .series:nth-of-type(3) .series-name {
    font-size: 27px;
  }
}
/***** 商品背景色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) .image::before {
	background-color: #ebcec3;
}
#mds-pick .pao-co-ltd .series:nth-of-type(4) .image::before {
	background-color: #d7ebd9;
}
#mds-pick .pao-co-ltd .series:nth-of-type(5) .image::before {
	background-color: #dbd0b8;
}
#mds-pick .pao-co-ltd .series:nth-of-type(6) .image::before {
	background-color: #d4e4ff;
}
/***** 商品名 文字色（PAO） *****/
#mds-pick .pao-co-ltd .series:nth-of-type(3) h3 { 
	color: #926253;
}
#mds-pick .pao-co-ltd .series:nth-of-type(4) h3 { 
	color: #3d6a5f;
}
#mds-pick .pao-co-ltd .series:nth-of-type(5) h3 { 
	color: #887749;
}
#mds-pick .pao-co-ltd .series:nth-of-type(6) h3 { 
	color: #48689f;
}
/***** 余白調整（PAO） *****/
#mds-pick .pao-co-ltd .company { 
	padding: 20px 0 40px;
}
/******** MP詳細ページヘッダー → ME 移植用 ************/
/* PC/TAB */
#mds-pick .main-visual {
	display: block;
	height: auto;
	background: none;
	margin: 0 auto;
	text-align: center;
}
#mds-pick .main-visual .mv-title-img {
	margin: 0 auto 31px;
	padding: 20px 0;
	background: url("/img/contents/monthly_expo/bg_top_pc_02.png") center center no-repeat #A4D2CE;
	background-size: auto 100%;
}
#mds-pick .wrap {
	width: 95%;
	max-width: 1330px;
	margin: 0 auto;
}
/* SP */
@media screen and (max-width: 670px) {
	#mds-pick .main-visual .mv-title-img {
		padding: 12px 0 18px;
		margin: 0 auto;
	}
	#mds-pick .main-visual .mv-title-img img {
		max-width: 163px;
		width: 100%;
	}
}