@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}
@charset "utf-8";

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

/* main */
body{
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 28px;
	line-height: 1.4em;
	color: #333;
	-webkit-text-size-adjust: 100%;
}
p,li,div{
	max-height: 100%;
	/*20190410 divを追加*/
}
.cf:after {
	content:" ";
	display:block;
	clear:both;
}
.wrap{
	width: 100%;
	z-index: 0;
}
.content{
	width: 100%;
	margin: 0 auto;
}
#reissue h1,
#historyList h1,
#historyDetail h1,
#itemSearch h1,
#reviewList h1,
#seibun h1,
#urlintroduct h1,
#order h1{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 40px auto;
	font-size: 40px;
	font-weight: normal;
	padding: 0 20px;
}
#historyList h1,
#historyDetail h1,
#reviewList h1,
#seibun h1,
#itemSearch h1{
	margin: 40px auto;
	padding: 0 20px;
	line-height: 1.2em;
}
#mypage h1{
	width: 100%;
	box-sizing: border-box;
	margin: 40px auto;
	padding: 0 20px;
	font-size: 40px;
	font-weight: normal;
	background: url(/img/renewal/common/icon_mypage_title-sp.png);
	background-size: 76px 76px;
	background-position: center left 20px;
	background-repeat: no-repeat;
	padding-left: 116px;
	height: 76px;
	line-height: 76px;
}
#mypage h1 p{
	float: right;
	font-size: 28px;
}
#mypage h1 p span{
	font-weight: bold;
}
#mypage h2{
	width: 100%;
	margin: 0 auto 60px auto;
	font-size: 40px;
	font-weight: bold;
	color: #DD0220;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
#mypage h2 span{
	font-weight: bold;
}
#mypage h2 p{
	position: absolute;
	top: 0;
	right: 20px;
	font-weight: normal;
	font-size: 22px;
	color: #666;
}
#order h2 {
	width: 100%;
	margin: 0 auto 40px auto;
	font-size: 40px;
	font-weight: bold;
	padding: 0 20px;
	box-sizing: border-box;
}
#itemDetail h2{
	width: 100%;
	margin: 0 auto 60px auto;
	font-size: 40px;
	font-weight: bold;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.titleAttention{
	font-size: 24px;
	color: #666;
	margin: 0 auto 40px auto;
	padding: 0 20px;
}
.breadcrumb{
	padding: 30px 0 50px 0;
}
.breadcrumb ul > li{
	font-size: 24px;
	color: #DD0220;
	display: table-cell;
	position: relative;
	padding: 0 12px 0 32px;
}
.breadcrumb ul > li:first-child{
	padding: 0 12px 0 0;
}
.breadcrumb ul > li:after{
	font-size: 18px;
	content: "＞";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	color: #333;
}
.breadcrumb ul > li:first-child:after{
	content: "";
}
.breadcrumb ul > li a{
	color: #333;
	text-decoration: none;
}
/*.breadcrumb ul > li a:hover{
	text-decoration: underline;
}*/

/* header */
header.header_s{
	height: 140px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #EDEDED;
}
header.header_s > div{
	padding: 0 20px;
}

/* footer */
footer.footer_s{
	height: 100px;
	background-color: #A50419;
	color: #FFF;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer.footer_s > div{
	text-align: center;
}

/* headerFlow */
.headerFlow{
	text-align: center;
	padding: 24px 0 40px 0;
	max-height: 100%;
}
.headerFlow.headerFlowCount2 ul{
	background: url(/img/renewal/common/header_flow_line-sp.png);
	background-size: 50% 4px;
	background-position: top 36px center;
	background-repeat: no-repeat;
}
.headerFlow.headerFlowCount3 ul{
	background: url(/img/renewal/common/header_flow_line-sp.png);
	background-size: 70% 4px;
	background-position: top 36px center;
	background-repeat: no-repeat;
}
.headerFlow.headerFlowCount2 ul > li{
	display: inline-block;
	width: 49%;
	text-align: center;
}
.headerFlow.headerFlowCount3 ul > li{
	display: inline-block;
	width: 32%;
	text-align: center;
}
.headerFlowNum span{
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 36px;
	color: #A50419;
	border: 6px solid #A50419;
	border-radius: 50%;
	display: inline-block;
	background-color: #FFF;
}
.headerFlow ul > li.current .headerFlowNum span{
	background-color: #A50419;
	color: #FFF;
}

/* reissue */
.reissueAttention{
	margin: 0 0 80px 0;
	padding: 0 20px;
}
.reissueAttentionInner{
	width: 100%;
	padding: 52px 14px 52px 34px;
	box-sizing: border-box;
	background-color: #FDE4EA;
	color: #DD0220;
}
.reissueAttentionTitle{
	color: #DD0220;
	line-height: 1.4em;
	padding-left: 60px;
	background: url(/img/renewal/common/icon_attention-sp.png);
	background-size: 42px 36px;
	background-position: top 4px left;
	background-repeat: no-repeat;
	margin: 0 0 40px 0;
	font-size: 30px;
	font-weight: bold;
	max-height: 100%;
}
.reissueAttentionList ul > li{
	font-size: 28px;
	padding-left: 60px;
	background: url(/img/renewal/common/icon_anchor-sp.png);
	background-size: 24px 18px;
	background-position: top 8px left 12px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	min-height: 32px;
	max-height: 9999999px;
}
.reissueAttentionList ul > li a{
	color: #DD0220;
	text-decoration: none;
	max-height: 100%;
}
.reissueForm{
	background-color: #E6E6E6;
	padding: 80px 20px;
	margin: 0 0 80px 0;
	box-sizing: border-box;
}
.reissueForm.pb05{
	padding: 80px 20px 5px 20px;
}
.reissueForm.urlintroduct_margin{
	margin: 0;
}
.reissueForm h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 140%;
}
.reissueForm h2.mb20{
	margin-bottom: 20px;
}
.reissueFormText{
	margin: 0 0 30px 0;
	max-height: 100%;
}
.reissueFormText span{
	font-weight: bold;
}
.reissueFormText a {
	color: #A50319;
	text-decoration: underline;
	background: url(/img/renewal/common/icon_linkblank-sp.png);
	background-size: 16px 16px;
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 26px;
	margin: 0 10px;
}
.reissueFormBox{
	background-color: #FFF;
	border-radius: 6px;
	padding: 30px 0 0 0;
}
.reissueFormBox > ul{
	display: table;
}
.reissueFormBox > ul > li{
}
.reissueFormBox > ul > li:nth-child(odd){
	padding: 30px 140px 20px 20px;
	box-sizing: border-box;
	font-weight: bold;
	position: relative;
}
.reissueFormBox > ul > li:nth-child(even){
	background-color: #FFF;
	width: 100%;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #E6E6E6;
}
.reissueFormBox > ul > li:first-child{
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
}
.reissueFormBox > ul > li:nth-child(2){
	border-radius: 0 6px 0 0;
}
.reissueFormBox > ul > li:nth-last-child(2){
	border-radius: 0 0 0 6px;
}
.reissueFormBox > ul > li:last-child{
	border-radius: 0 0 6px 0;
}
.reissueFormBox > ul > li:nth-child(odd) span{
	position: absolute;
	top: 30px;
	right: 20px;
	display: inline-block;
	width: 96px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	margin-top: -4px;
}
.reissueFormBox > ul > li:nth-child(even) input[type="text"],
.reissueFormBox > ul > li:nth-child(even) input[type="tel"],
.reissueFormBox > ul > li:nth-child(even) input[type="password"],
.reissueFormBox > ul > li:nth-child(even) input[type="email"]{
	width: 100%;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 28px;
	padding: 12px 16px;
	background-color: #E3E3E3;
	box-sizing: border-box;
}
.reissueFormBox > ul > li:nth-child(even) input[type="tel"]{
	width: 26%;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	margin: 0 10px 20px 10px;
	font-size: 28px;
	padding: 12px 16px;
	background-color: #E3E3E3;
	box-sizing: border-box;
}
.reissueFormBox > ul > li:nth-child(even) input[type="tel"]:first-child{
	margin: 0 10px 20px 0;
}
.reissueFormBox > ul > li:nth-child(even) input[type="tel"]:focus,
.reissueFormBox > ul > li:nth-child(even) input[type="text"]:focus,
.reissueFormBox > ul > li:nth-child(even) input[type="password"]:focus,
.reissueFormBox > ul > li:nth-child(even) input[type="email"]:focus,
.reissueFormBox > ul > li:nth-child(even) input[type="tel"].entered,
.reissueFormBox > ul > li:nth-child(even) input[type="text"].entered,
.reissueFormBox > ul > li:nth-child(even) input[type="password"].entered,
.reissueFormBox > ul > li:nth-child(even) input[type="email"].entered{
	background-color: #FFF;
}
.reissueFormBox > ul > li:nth-child(even) .reissueFormBoxAttention > ul > li{
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 32px;
	text-indent: 32px;
}
.reissueFormBox > ul > li:nth-child(even) .reissueFormBoxAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.reissueFormBtn{
	text-align: center;
	margin: 0 0 80px 0;
}
.reissueFormBtn.urlintroduct_margin{
	margin: 0;
}
.reissueFormBtnMain{
	margin: 0 0 40px 0;
}
.reissueFormBtnMain > ul > li{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	position: relative;
}
.reissueFormBtnMain > ul > li.reissueFormBtnGlay{
	width: 30%;
}
.reissueFormBtnMain > ul > li.reissueFormBtnGlay a,
.reissueFormBtnMain > ul > li.reissueFormBtnGlay input[type="submit"]{
	display: inline-block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 32px;
	color: #FFF;
	text-align: center;
	background-color: #2A2A2A;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	padding: 0 40px;
	box-sizing: border-box;
}
.reissueFormBtnMain > ul > li.reissueFormBtnGlay input[type="submit"]{
	margin-top: -8px;
}
.reissueFormBtnMain > ul > li.reissueFormBtnRed{
	width: 60%;
}
.reissueFormBtnMain > ul > li.reissueFormBtnRed a,
.reissueFormBtnMain > ul > li.reissueFormBtnRed input[type="submit"]{
	display: inline-block;
	width: 100%;
	height: 100px;
	line-height: 96px;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #A50419;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
.reissueFormBtn-disabled{
  background-color: #575757 !important;
  pointer-events: none !important;
}

.reissueFormBtnMain > ul > li.reissueFormBtnRed input[type="submit"]{
	margin-top: -8px;
}
.reissueFormBtnMain:has(.reissueFormBtnBalloon){
	margin-top: 150px;
}
.reissueFormBtnMain > ul > li .reissueFormBtnBalloon{
	background-color: #ffffff;
	width: max-content;
	padding: 15px 20px;
	border-radius: 4px;
	border: 2px solid #333333;
	position: absolute;
	right: 0;
	top: -100px;
}
.reissueFormBtnMain > ul > li .reissueFormBtnBalloon::after{
	background-color: #ffffff;
	content: "";
	width: 28px;
	height: 28px;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	transform: rotate(45deg);
	position: absolute;
	left: 10%;
	bottom: -17px;
}
.reissueFormBtnMain > ul > li .reissueFormBtnNote{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
.reissueFormBtnMain > ul > li a + .reissueFormBtnNote{
	margin-top: 10px;
}
.reissueFormBtnAttention{
	text-align: left;
	font-size: 24px;
	padding: 0 20px;
	color: #666;
}
.reissueFormBtnAttention2{
	text-align: left;
	font-size: 24px;
	padding: 0 20px;
	color: #666;
}
.reissueFormBtnAttention p{
	list-style-type: none;
	margin-left: 32px;
	text-indent: -32px;
}
.reissueFormBtnAttention p:before {
	display: inline;
	content: "※ ";
}
.reissueFormBtnAttention span{
	font-weight: bold;
}
.reissueFormBtnAttention2 span{
	font-weight: bold;
	font-size: 32px;
}
.reissueFormBtnAttention a{
	color: #DD0220;
	text-decoration: underline;
}
.reissueBtn{
	text-align: center;
	margin: 0 0 80px 0;
}
.reissueBtn ul > li{
	display: inline-block;
}
.reissueBtn ul > li a{
	display: inline-block;
	text-align: center;
	min-width: 480px;
	height: 88px;
	line-height: 88px;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	background-color: #2A2A2A;
	text-decoration: none;
	border-radius: 6px;
	padding: 0 20px;
}

/* reissue request */
.reissueFormRequest{
	background-color: #FFF;
	padding: 60px 30px;
}
.reissueFormRequestTitle{
	text-align: center;
	line-height: 1.4em;
}
.reissueFormRequestTitle span{
	display: block;
	font-weight: bold;
}
.reissueFormRequestMain{
	margin: 40px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #DD0220;
	padding: 50px 20px 30px 20px;
	background-color: #FDE4EA;
}
.reissueFormRequestMain p{
	margin-bottom: 20px;
	max-height: 100%;
}

/* history main */
.historyMain{
	background-color: #E6E6E6;
	padding: 50px 20px;
	margin: 0 0 80px 0;
}
.historyMain.historyMainDetail{
	padding: 50px 0;
}
.historyListSearchTitle{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
}
.historyListSearch{
	background-color: #FFF;
	border-radius: 6px;
	padding: 20px 20px 2px 20px;
	margin: 0 0 48px 0;
}
.historyListSearch ul > li{
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	padding: 0;
	margin-bottom: 20px;
}
.historyListSearch ul > li:nth-child(odd){
	width: 160px;
	float: left;
}
.historyListSearch ul > li:nth-child(even){
	margin-left: 160px;
}
.select-wrap {
	position: relative;
}
.select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 0;
	content: "\f123";
	font-family: "IonIcons";
	line-height: 64px;
	color: #666;
	pointer-events: none;
}
.historyListSearch ul > li select{
	width: 100%;
	box-sizing: border-box;
	height: 80px;
	font-size: 32px;
	outline:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 16px 24px;
	border: 4px solid #E3E3E3;
	background-color: #E3E3E3;
	color:#333;
	border-radius: 6px;
}
.historyListSearch ul > li select option{
	background-color: #FFF;
	color: #333;
}
.historyListSearch ul > li select::-ms-expand {
	display: none;
}
.historyListSearch ul > li select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
.historyListSearch .PointAttention{
	font-size: 11px;
	margin-bottom: 12px;
}
.historyListPager{
	margin: 0 0 20px 0;
}
.historyListPagerLeft{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0;
}
.historyListPagerLeft span{
	font-size: 26px;
	font-weight: normal;
}
.historyListPagerCenter{
	text-align: left;
	margin: 0 0 20px 0;
}
.historyListPagerCenter > ul{
	float: left;
	text-align: center;
	width: 50%;
}
.historyListPagerCenter div.historyListPagerBack{
	width: 25%;
	float: left;
}
.historyListPagerCenter div.historyListPagerForward{
	width: 25%;
	float: right;
	text-align: right;
}
.historyListPagerCenter div.historyListPagerBack a,
.historyListPagerCenter div.historyListPagerForward a{
	display: inline-block;
	max-width: 100%;
	min-width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	text-decoration: none;
	color: #A50419;
	font-size: 26px;
}
.historyListPagerCenter > ul > li{
	display: inline-block;
	margin: 0;
}
.historyListPagerCenter > ul > li a{
	display: inline-block;
	max-width: 100%;
	min-width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	text-decoration: none;
	color: #A50419;
	font-size: 26px;
}
.historyListPagerCenter > ul > li.current a{
	background-color: #A50419;
	color: #FFF;
}
.historyListPagerCenter div.historyListPagerBack.historyListPagerNolink span,
.historyListPagerCenter div.historyListPagerForward.historyListPagerNolink span{
	display: inline-block;
	width: 120px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 4px;
	text-decoration: none;
	color: #CFCFCF;
	font-size: 26px;
}
.historyListPagerCenter div.historyListPagerBack a,
.historyListPagerCenter div.historyListPagerForward a{
	width: 160px;
}
.historyListMain{
	margin: 0 0 50px 0;
}
.historyListMain > a > ul > li{
	margin: 0 0 20px 0;
}
.historyListMain > a > ul > li{
	margin: 0 0 20px 0;
}
.historyListMain > a > ul > li:last-child{
	margin: 0;
}
.historyListMainTop{
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
	padding: 30px 20px;
	border-bottom: 2px solid #EAEAEA;
	position: relative;
}
.historyListMainTopDate{
	color: #666;
	font-size: 24px;
	font-weight: bold;
}
.historyListMainTopDelivery{
	position: absolute;
	top: 24px;
	right: 20px;
}
.historyListMainTopDelivery span,
.historyListMainTopSpritRight span{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #999B9D;
	width: 130px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	font-weight: normal;
}
.historyListMainTopDelivery span.historyListMainBoxTopDeliveryComplete,
.historyListMainTopSpritRight span.historyListMainBoxTopDeliveryComplete{
	background-color: #289A63;
}
.historyListMainTopDelivery span.historyListMainBoxTopDeliveryBuy,
.historyListMainTopSpritRight span.historyListMainBoxTopDeliveryBuy{
	background-color: #999B9D;
}
.historyListMainTopDelivery span.historyListMainBoxTopDeliveryPrep,
.historyListMainTopSpritRight span.historyListMainBoxTopDeliveryPrep{
	background-color: #E22D5C;
	width: 150px;
}
.historyListMainTopDelivery span.historyListMainBoxTopDeliverySprit,
.historyListMainTopSpritRight span.historyListMainBoxTopDeliverySprit{
	font-size: 22px;
	font-weight: bold;
	color: #A50319;
	background: none;
	text-align: right;
	width: auto;
}
.historyListMainTopSprit{
	background-color: #FFF;
	padding: 30px 20px;
	border-bottom: 2px solid #EAEAEA;
	position: relative;
}
.historyListMainTopSpritLeft{
	color: #666;
	font-size: 22px;
}
.historyListMainTopSpritRight{
	position: absolute;
	top: 24px;
	right: 20px;
}
.historyListMainTopSpritLeft span{
	font-weight: bold;
	font-size: 26px;
}
.historyListMainCenter{
	background-color: #FFF;
	padding: 0;
	box-sizing: border-box;
}
.historyListMainCenter > ul > li{
	border-bottom: 2px solid #EAEAEA;
	padding: 0 0 20px;
}
.historyListMainCenter > ul > li:last-child{
	border-bottom: none;
}
.historyListMainCenterLeft{
	float: left;
	width: 180px;
	text-align: center;
	padding: 20px 0;
}
.historyListMainCenterLeft img{
	max-width: 150px;
	width: 100%;
	height: auto;
}
.historyListMainCenterRight{
	margin-left: 180px;
}
.historyListMainCenterTitle{
	font-size: 32px;
	font-weight: bold;
	padding: 30px 0 0 0;
	margin: 0 0 20px 0;
}
.historyListMainCenterInfo{
	font-size: 24px;
	margin-bottom: 20px;
	color: #666;
}
.historyListMainCenterInfo > ul > li{
	float: left;
	margin-right: 44px;
}
.historyListMainCenterInfo > ul > li:nth-child(2){
	margin-right: 0;
}
.historyListMainCenterInfo > ul > li.historyListMainCenterInfoSubtotal{
	display: block;
	width: 100%;
	margin-right: 0;
	font-weight: bold;
	color: #222;
}
.historyListMainCenterInfo > ul > li span{
	font-size: 28px;
}
.historyListMainCenterRightBtn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #333;
	border: 1px solid #333;
	border-radius: 6px;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 12px 16px;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing: border-box;
}
.historyListMainCenterRightBtn a.historyListMainCenterRightBtnVoice{
	display: inline-block;
	width: 230px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #A50319;
	font-size: 24px;
	font-weight: bold;
	background-color: #FDF4F6;
	border-radius: 6px;
	text-decoration: none;
}
.historyListMainCenterRightBtn a.historyListMainCenterRightBtnVoice span{
	display: inline-block;
	background: url(/img/renewal/common/icon_voice-sp.png);
	background-size: 48px 48px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 54px;
	font-weight: bold;
}
.historyListMainCenterRightBtn a.btn-outline-primary{
	color: #a50319;
	background-color: #fff;
	border: 1px solid #a50319;
}
.historyListMainCenterRightBtn a.btn-outline-primary:hover{
	background-color: #a50319;
	color: #fff;
}
.historyListMainCenterRightBtn a.btn-outline-primary.disabled{
	border-color: #ccc;
	color: #999;
	background-color: #fff;
	pointer-events: none;
	cursor: default;
}
.historyListMainBottom{
	background-color: #F5F5F5;
	padding: 30px 20px 0 20px;
	line-height: 1.2em;
	border-radius: 0 0 6px 6px;
}
.historyListMainBottom.historyListMainBottomSprit{
	border-top: 2px solid #EAEAEA;
	padding: 30px 20px 30px 20px;
}
.historyListMainBottomLeft{
	float: left;
	width: 350px;
	color: #666;
	font-size: 22px;
}
.historyListMainBottomRight{
	margin-left: 300px;
	font-size: 20px;
	font-weight: bold;
	padding: 14px 0 0 0;
}
.historyListMainBottomLeft span:first-child{
	float: left;
	width: 100px;
}
.historyListMainBottomLeft span:nth-child(2){
	float: left;
	width: 245px;
}
.historyListMainBottomRight span.historyListMainBottomPrice{
	color: #A50319;
	float: right;
	font-size: 32px;
}
.historyListMainBottomRight span.historyListMainBottomPrice > span{
	font-size: 24px;
}
.historyListMainBottomBtn{
	text-align: center;
	background-color: #F5F5F5;
	border-radius: 0 0 6px 6px;
	padding: 30px 20px;
	box-sizing: border-box;
	border-bottom: 2px solid #EAEAEA;
}
.historyListMainBottomBtn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #A50419;
	max-width: 560px;
	width: 80%;
	padding: 0 20px;
	height: 88px;
	line-height: 88px;
	border-radius: 4px;
	text-decoration: none;
	box-sizing: border-box;
}
.historyDetailMain{
	margin: 0 0 40px 0;
}

.historyDetailMainTop{
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
	padding: 30px 20px;
	border-bottom: 2px solid #EAEAEA;
	position: relative;
}
.historyDetailMainTopDate{
	color: #666;
	font-size: 24px;
	font-weight: bold;
}
.historyDetailMainTopDelivery{
	position: absolute;
	top: 24px;
	right: 20px;
}
.historyDetailMainTopDelivery span{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #999B9D;
	width: 150px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	font-weight: normal;
}
.historyDetailMainTopDelivery span.historyDetailMainBoxTopDeliveryComplete{
	background-color: #289A63;
}
.historyDetailMainTopDelivery span.historyDetailMainBoxTopDeliveryBuy{
	background-color: #999B9D;
}
.historyDetailMainTopDelivery span.historyDetailMainBoxTopDeliveryPrep{
	background-color: #E22D5C;
	width: 192px;
}
.historyDetailMainMiddle{
	background-color: #F4F4F4;
	padding: 30px 40px 20px 30px;
	border-bottom: 1px solid #EAEAEA;
}
.historyDetailMainMiddleBtn{
	text-align: center;
	background-color: #F5F5F5;
	padding: 0 0 30px 0;
	box-sizing: border-box;
}
.historyDetailMainMiddleBtn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #333;
	max-width: 560px;
	width: 80%;
	padding: 0 20px;
	height: 88px;
	line-height: 88px;
	border-radius: 4px;
	text-decoration: none;
	box-sizing: border-box;
}
.historyDetailMainMiddle > ul > li{
	width: 100%;
	padding: 0 0 12px 0;
	font-size: 24px;
	color: #666;
	line-height: 1.2em;
}
.historyDetailMainMiddle > ul > li .historyDetailMainMiddleListLeft{
	float: left;
	width: 150px;
	text-align: left;
}
.historyDetailMainMiddle > ul > li .historyDetailMainMiddleListRight{
	margin-left: 150px;
}
.historyDetailMainBottom{
	background-color: #FFF;
	padding: 0;
	box-sizing: border-box;
}
.historyDetailMainBottom > ul > li{
	border-bottom: 2px solid #EAEAEA;
	padding: 0 0 20px;
}
.historyDetailMainBottom > ul > li:last-child{
	border-bottom: none;
}
.historyDetailMainBottomLeft{
	float: left;
	width: 200px;
	text-align: center;
	padding: 20px 0;
}
.historyDetailMainBottomLeft img{
	max-width: 180px;
	width: 100%;
	height: auto;
}
.historyDetailMainBottomRight{
	margin-left: 200px;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.historyDetailMainBottomTitle{
	font-size: 32px;
	font-weight: bold;
	padding: 30px 0 0 0;
	margin: 0 0 20px 0;
}
.historyDetailMainBottomInfo{
	font-size: 24px;
	margin-bottom: 20px;
	color: #666;
}
.historyDetailMainBottomInfo > ul > li{
	float: left;
	margin-right: 44px;
}
.historyDetailMainBottomInfo > ul > li:nth-child(2){
	margin-right: 0;
}
.historyDetailMainBottomInfo > ul > li.historyDetailMainBottomInfoSubtotal{
	display: block;
	width: 100%;
	margin-right: 0;
	font-weight: bold;
	color: #222;
}
.historyDetailMainBottomInfo > ul > li span{
	font-size: 28px;
}
.historyDetailMainBottomRightBtn a{
	display: inline-block;
	width: auto;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 0 10px;
}
.historyDetailMainBottomRightBtn a.historyDetailMainBottomRightBtnVoice{
	display: inline-block;
	width: auto;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #A50319;
	font-size: 28px;
	font-weight: bold;
	background-color: #FDF4F6;
	border-radius: 6px;
	text-decoration: none;
}
.historyDetailMainBottomRightBtn a.historyDetailMainBottomRightBtnVoice span{
	display: inline-block;
	background: url(/img/renewal/common/icon_voice-sp.png);
	background-size: 48px 48px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 52px;
}
.historyDetailMainCheck{
	background-color: #FFF;
	/*padding: 40px 0;*/
	margin-bottom: 40px;
}
.historyDetailMainCheckFirst{
	padding: 20px;
}
.historyDetailMainCheckFirstLeft{
	float: left;
	width: 40%;
	font-weight: bold;
	border-bottom: 2px solid #E5E5E5;
	padding-bottom: 30px;
}
.historyDetailMainCheckFirstRight{
	float: left;
	width: 60%;
	text-align: right;
	font-size: 24px;
	border-bottom: 2px solid #E5E5E5;
	padding-bottom: 30px;
}
.historyDetailMainCheckFirstLeft span{
	font-size: 40px;
	margin: 0 10px;
}
.historyDetailMainCheckFirstPrice{
	font-size: 44px;
	font-weight: bold;
	margin-right: 10px;
}
.historyDetailMainCheckFirstYen{
	font-size: 32px;
	font-weight: bold;
}
.historyDetailMainCheckSecond{
	padding: 0 20px;
}
.historyDetailMainCheckSecond > ul > li{
	padding: 20px 0;
	font-size: 28px;
	border-bottom: 2px solid #E5E5E5;
}
.historyDetailMainCheckSecond > ul > li:last-child{
	border-bottom: 4px solid #ACACAC;
}
.historyDetailMainCheckSecondTitle{
	float: left;
	width: 60%;
}
.historyDetailMainCheckSecondPrice{
	float: left;
	width: 40%;
	text-align: right;
	font-size: 34px;
	font-weight: bold;
}
.historyDetailMainCheckSecondPrice span{
	font-size: 30px;
	margin-left: 6px;
}
.historyDetailMainCheckThaad{
	padding: 30px 20px 0 20px;
}
.historyDetailMainCheckThaadLeft{
	float: left;
	width: 40%;
	font-weight: bold;
}
.historyDetailMainCheckThaadRight{
	float: left;
	width: 60%;
	text-align: right;
	font-size: 24px;
	color: #A50319;
}
.historyDetailMainCheckThaadPrice{
	font-size: 48px;
	font-weight: bold;
	margin-right: 10px;
}
.historyDetailMainCheckThaadYen{
	font-size: 36px;
	font-weight: bold;
}
.historyDetailInfo{
	margin-bottom: 60px;
	padding: 0 20px;
}
.historyDetailInfoLeft{
	width: 100%;
	background-color: #FFF;
	margin: 0 0 20px 0;
}
.historyDetailInfoRight{
	width: 100%;
	background-color: #FFF;
}
.historyDetailInfoTitle{
	background-color: #F5F5F5;
	border-radius: 6px 6px 0 0;
	height: 120px;
	line-height: 120px;
	font-size: 34px;
	font-weight: bold;
	padding: 0 20px;
}
.historyDetailInfoMain{
	padding: 0 20px;
	box-sizing: border-box;
}
.historyDetailInfoMain > ul > li{
	border-bottom: 2px solid #E7E7E7;
	padding: 20px 0;
}
.historyDetailInfoMain > ul > li:last-child{
	border-bottom: none;
}
.historyDetailInfoMainLeft{
	float: left;
	width: 160px;
	font-weight: bold;
}
.historyDetailInfoMainRight{
	margin-left: 160px;
}
.historyDetailBtn{
	text-align: center;
}
.historyDetailBtn a{
	display: inline-block;
	max-width: 560px;
	width: 80%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
}
.historyDetailBtn a span{
	background: url(/img/renewal/common/icon_cancel-sp.png);
	background-size: 24px 24px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 34px;
}

/* mypage */
.mypageNumber{
	display: flex;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	padding: 0 20px;
	margin: 0 0 60px 0;
}
.mypageNumberBold{
	font-size: 28px;
	font-weight: bold;
	background: #fff;
	color: #333;
}
.mypageNumber a{
	top: -4px;
	margin-left: auto;
	display: block;
	width: 220px;

}
.mypageNumber a > span{
	background: url(/img/renewal/common/icon_mypage_anchor-sp.png);
	background-size: 26px 18px;
	background-position: 15px 22px;
	background-repeat: no-repeat;
	background-color: #333;
	display: block;
	padding: 0 0 0 55px;
	border-radius: 6px;
	color: #FFF;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	text-decoration: none;
}
.mypageSlider{
	margin: 0;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-initialized .slick-slide img{
	width: 100%;
}
.slick-dots {
	bottom: -35px;
}
.slick-dots li {
	width: 26px;
	height: 26px;
	margin: 0 10px;
}
.slick-dots li button:before
{
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	margin: 0 10px;
	content: '';
	text-align: center;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	opacity: 1;
	background-color: #A50419;
}
.mypageInfo{
	background-color: #E6E6E6;
	padding: 68px 0;
	margin: 0 0 80px 0;
	text-align: center;
}
#mypage .mypageInfo h2{
	color: #333;
	font-size: 40px;
	line-height: 1.2em;
}
#mypage .mypageInfo .content H2+p{
    background: #fff;
    margin: 30px 20px;
    border-radius: 6px;
    padding: 0px;
    padding: 15px;
    border: 1px solid #808080;
}
.mypageInfoCoupon{
	margin: 0 0 80px 0;
	padding: 0 20px;
}
.mypageInfoCoupon > ul{
}
.mypageInfoCoupon > ul > li{
	margin: 0 0 40px 0;
	border-radius: 6px;
	width: 710px;
	position: relative;
	display: table;
	background: #fff;
}
.mypageInfoCoupon > ul > li:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 40px solid transparent;
	border-bottom: 40px solid #E6E6E6;
	content: "";
}
.mypageInfoCouponInnerIcon{
	float: left;
    width: 80px;
	background: url(/img/renewal/common/mypage_coupon-sp.png) #f5f5f5;
    background-size: 80px 135px;
    background-position: center left;
    background-repeat: no-repeat;
}
.mypageInfoCouponInnerIcon img{
	position: absolute;
	left: 0;
}
.mypageInfoCouponInner{
	float: left;
	width:605px;
	padding: 18px 0 0 22px;
	box-sizing: border-box;
	text-align: left;
	background: url(/img/renewal/common/mypage_coupon_dot.png) repeat-y #fff;
}
.mypageInfoCouponInfo{
	box-sizing: border-box;
	padding: 0 0 10px 0;
}
.mypageInfoCouponInfoLeft{
	float: left;
	width: 70%;
	border-right: 2px dashed #CCC;
	box-sizing: border-box;
	font-size: 22px;
}
.mypageInfoCouponInfoRight{
	float: left;
	width: 26%;
	box-sizing: border-box;
	margin-left: 2%;
	font-size: 22px;
}
.mypageInfoCouponInfoLeft span{
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #A50319;
}
.mypageInfoCouponInfoRight span{
	display: block;
	font-size: 26px;
}
.mypageInfoCouponInfoText{
	color: #666;
	font-size: 26px;
	padding-right: 10px;
}
.mypageInfoCouponText{
	color: #666;
	font-size: 24px;
	margin-bottom: 8px;
}
.mypageInfoCouponTitle{
	font-size: 32px;
	font-weight: bold;
	margin: 0 15px 10px 0;
}
.mypageInfoCouponBtn{
	text-align: center;
	margin-bottom: 18px;
}
.mypageInfoCouponBtn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #A50419;
	min-width: 460px;
	width: 80%;
	height: 80px;
	line-height: 80px;
	border-radius: 4px;
	text-decoration: none;
}
.mypageInfoCouponAttention{
	background-color: #FFF;
	border-radius: 6px;
	padding: 60px 30px;
	box-sizing: border-box;
	text-align: left;
}
.mypageInfoCouponAttention p{
	font-size: 28px;
	margin: 0 0 40px 0;
}
.mypageInfoCouponAttention p span{
	font-weight: bold;
}
.mypageInfoCouponAttention > ul > li{
	margin-bottom: 10px;
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 32px;
	text-indent: -32px;
}
.mypageInfoCouponAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.mypageInfoCouponAttention > ul > li a{
	color: #A50319;
	text-decoration: underline;
}
.mypageInfoSpecial{
	margin: 0 0 80px 0;
	padding: 0 20px;
}
.mypageInfoSpecial > ul {
}
.mypageInfoSpecial > ul > li{
	margin: 0 0 40px 0;
    border-radius: 6px;
    width: 710px;
	position: relative;
    display: table;
    background: #fff;
}
.mypageInfoSpecial > ul > li:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 40px solid transparent;
	border-bottom: 40px solid #E6E6E6;
	content: "";
}
.mypageInfoSpecialInnerIcon {
    float: left;
    width: 80px;
    background: url(/img/renewal/common/mypage_special-sp.png) #f5f5f5;
    background-size: 80px 135px;
    background-position: center left;
    background-repeat: no-repeat;
}
.mypageInfoSpecialInnerIcon img{
	position: absolute;
	left: 0;
}
.mypageInfoSpecialInner{
	float: left;
    width: 605px;
    padding: 18px 0 0 22px;
    box-sizing: border-box;
    text-align: left;
	background: url(/img/renewal/common/mypage_coupon_dot.png) repeat-y #fff;
}
.mypageInfoSpecialInfo{
	box-sizing: border-box;
	padding: 0 0 10px 0;
}
.mypageInfoSpecialInfoLeft{
	float: left;
	width: 160px;
}
.mypageInfoSpecialInfoRight{
	box-sizing: border-box;
	font-size: 22px;
}
.mypageInfoSpecialImg{
	text-align: center;
}
.mypageInfoSpecialInfoText span{
	margin-left: 10px;
	font-size: 26px;
	letter-spacing: -0.05em;
}
.mypageInfoSpecialInfoText{
	border-top: 2px dashed #CCC;
	color: #666;
	font-size: 26px;
	margin-top: 10px;
    padding-top: 10px;
}
.mypageInfoSpecialText{
	color: #666;
	font-size: 24px;
	margin-bottom: 8px;
}
.mypageInfoSpecialTitle{
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.mypageInfoSpecialBtn{
	text-align: center;
	margin-bottom: 18px;
}
.mypageInfoSpecialBtn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #A50419;
	min-width: 460px;
	width: 80%;
	height: 80px;
	line-height: 80px;
	border-radius: 4px;
	text-decoration: none;
}
.mypageInfoDiscount{
	padding: 0 20px;
}
.mypageInfoDiscount > ul > li{
	margin-bottom: 20px;
	background-color: #F5F5F5;
	border-radius: 6px;
}
.mypageInfoDiscount > ul > li:last-child{
	margin-bottom: 0;
}
.mypageInfoDiscountLeft{
	background: url(/img/renewal/common/mypage_discount_bg-sp.png);
	background-size: 710px 460px;
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 100%;
	padding: 44px;
	box-sizing: border-box;
}
.mypageInfoDiscountRight{
	padding: 30px;
	box-sizing: border-box;
}
.mypageInfoDiscountInner{
	background-color: #FFF;
	border-radius: 6px;
	text-align: center;
	padding: 48px 0 0 0;
	box-sizing: border-box;
	height: 240px;
}
.mypageInfoDiscountStep{
	width: 100%;
	line-height: 104px;
	background-color: #E6E6E6;
	text-align: center;
	margin: 0 0 20px 0;
	font-size: 28px;
}
.mypageInfoDiscountStepCurrent{
	display: inline-block;
	height: 52px;
	line-height: 52px;
	color: #FFF;
	background-color: #222;
	border-radius: 32px;
	padding: 0 20px;
}
.mypageInfoDiscountStepNum{
	font-size: 36px;
	font-weight: bold;
}
.mypageInfoDiscountPer{
	font-size: 56px;
	text-align: center;
	color: #A50319;
	padding: 20px 0;
}
.mypageInfoDiscountPer span{
	font-size: 80px;
	font-weight: bold;
	margin-right: 10px;
}
.mypageInfoDiscountText{
	text-align: center;
	padding: 0 0 60px 0;
	background: url(/img/renewal/common/mypage_discount_arrow-sp.png);
	background-size: 162px 34px;
	background-position: bottom 20px center;
	background-repeat: no-repeat;
}
.mypageInfoDiscountMain{
	color: #A50319;
	font-size: 28px;
}
.mypageInfoDiscountMain span{
	font-size: 40px;
	font-weight: bold;
}
.mypageMenu{
	margin: 0 0 80px 0;
}
#mypage .mypageMenu h2{
	color: #333;
}
.mypageMenuList{
	padding: 0 20px;
}
.mypageMenuList > ul{
}
.mypageMenuList > ul > li{
	text-align: left;
	background-color: #F5F5F5;
	border-radius: 6px;
	margin-bottom: 30px;
	padding: 0;
	box-sizing: border-box;
}
.mypageMenuList > ul > li:last-child{
	margin-bottom: 0;
}
.mypageMenuList > ul > li .mypageMenuListTitle{
	min-height: 120px;
	line-height: 120px;
	display: block;
	padding: 0 20px;
	background: url(/img/renewal/common/icon_mypage_menu_plus-sp.png);
	background-size: 60px 60px;
	background-position: center right 20px;
	background-repeat: no-repeat;
}
.mypageMenuList > ul > li .mypageMenuListTitle.mypageMenuListTitleOn{
	background: url(/img/renewal/common/icon_mypage_menu_minus-sp.png);
	background-size: 60px 60px;
	background-position: center right 20px;
	background-repeat: no-repeat;
}
.mypageMenuList > ul > li .mypageMenuListTitle span{
	display: inline-block;
	background: url(/img/renewal/common/icon_mypage_menu_01-sp.png);
	background-size: 80px 80px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 113px;
	font-size: 34px;
	font-weight: bold;
	color: #333;
}
.mypageMenuList > ul > li:nth-child(2) .mypageMenuListTitle span{
	background: url(/img/renewal/common/icon_mypage_menu_02-sp.png);
	background-size: 80px 80px;
	background-position: center left;
	background-repeat: no-repeat;
}
.mypageMenuList > ul > li:nth-child(3) .mypageMenuListTitle span{
	background: url(/img/renewal/common/icon_mypage_menu_03-sp.png);
	background-size: 80px 80px;
	background-position: center left;
	background-repeat: no-repeat;
}
.mypageMenuList > ul > li .mypageMenuListMenu{
	z-index: 2;
	top: 120px;
	left: 0;
	width: 100%;
	background-color: #F5F5F5;
	border-radius: 0 0 6px 6px;
	text-align: center;
	padding:  0 20px;
	box-sizing: border-box;
	display: none;
}
.mypageMenuList > ul > li .mypageMenuListMenu > ul > li{
	float: left;
	width: 49%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 14px;
}
.mypageMenuList > ul > li .mypageMenuListMenu > ul > li:nth-child(even){
	margin-right: 0;
}
.mypageMenuList > ul > li .mypageMenuListMenu > ul > li p{
	display: block;
	width: 100%;
	height: 110px;
	line-height: 1.2em;
	background-color: #FFF;
	vertical-align: middle;
}
.mypageMenuList > ul > li .mypageMenuListMenu > ul > li p a{
	height: 110px;
	width: 2000px;
	margin: 0 auto;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	font-size: 26px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.mypageMenuList > ul > li .mypageMenuListMenu > ul > li p a span{
	display: block;
	font-weight: normal;
	font-size: 22px;
}
.mypageRecommend{
	background-color: #F5F5F5;
	padding: 80px 0;
}
#mypage .mypageRecommend h2 {
	color: #333;
}
.mypageRecommendList{
	margin: 0 0 24px 0;
}
.mypageRecommendList > ul > li{
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 6px;
	position: relative;
	border-bottom: 2px solid #EAEAEA;
	min-height: 200px;
}
.mypageRecommendList > ul > li a{
	color: #333;
	text-decoration: none;
}
.mypageRecommendListItem{
	float: left;
	width: 200px;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}
.mypageRecommendListInfo{
	margin-left: 200px;
	padding: 40px 0 0 0;
}
.mypageRecommendListTitle{
	box-sizing: border-box;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2em;
	padding-right: 20px;
}
.mypageRecommendListPrice{
	box-sizing: border-box;
	font-size: 26px;
	padding-bottom: 10px;
	line-height: 1.2em;
}
.mypageRecommendListPrice span{
	font-size: 22px;
}
.mypageRecommendListPrice.mypageRecommendListPriceRed{
	color: #A50319;
	font-weight: bold;
}
.mypageRecommendListPrice.mypageRecommendListPriceRed span{
	text-decoration: line-through;
	color: #333;
	font-weight: normal;
}
.mypageRecommendListSpecial span{
	display: inline-block;
	color: #FFF;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	background-color: #E10909;
	padding: 0 24px;
}

/* order link */
.orderLink{
	background-color: #E6E6E6;
	padding: 80px 20px;
	margin: 0 0 80px 0;
	box-sizing: border-box;
}
#order .orderLink h2{
	color: #333;
}
.orderFormBox{
	border-radius: 3px;
	margin: 0 0 80px 0;
	background-color: #FFF;
}
.orderFormBox.orderFormBoxMb20{
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
}
.orderFormBox.orderFormBoxLast{
	margin: 0;
}
.orderFormBox.orderFormBoxMb30{
	margin: 0 0 30px 0;
}
.orderFormBox > ul{
	display: table;
}
.orderFormBox > ul > li{
}
.orderFormBox > ul > li:nth-child(odd){
	padding: 30px 140px 20px 20px;
	box-sizing: border-box;
	font-weight: bold;
	position: relative;
	max-height: 100%;
}
.orderFormBox > ul > li:nth-child(even){
	background-color: #FFF;
	width: 100%;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
}
.orderFormBoxFirst{
	background-color: #F5F5F5;
}
.orderFormBox > ul > li p{
	margin: 0 0 20px 0;
	max-height: 100%;
}
.orderFormBox .text_link{
	color: #A50319;
	text-decoration: underline;
	background: url(/img/renewal/common/icon_linkblank-sp.png);
	background-size: 16px 16px;
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 26px;
	margin: 0 10px;
}
.orderFormBox > ul > li:nth-child(odd) span{
	position: absolute;
	top: 30px;
	right: 20px;
	display: inline-block;
	width: 96px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	margin-top: -4px;
}
.orderFormBox > ul > li:nth-child(odd) p{
	display: inline-block;
	font-weight: normal;
	font-size: 24px;
}
.orderFormBox > ul > li:nth-child(even) input[type="text"],
.orderFormBox > ul > li:nth-child(even) input[type="tel"],
.orderFormBox > ul > li:nth-child(even) input[type="password"],
.orderFormBox > ul > li:nth-child(even) input[type="email"]{
	width: 100%;
	box-sizing: border-box;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 28px;
	padding: 12px 16px;
	background-color: #E3E3E3;
}
.orderFormBox > ul > li:nth-child(even) input[type="tel"]{
	width: 120px;
	box-sizing: border-box;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	margin: 0 10px 20px 10px;
	font-size: 28px;
	padding: 12px 16px;
	background-color: #E3E3E3;
}
.orderFormBox > ul > li:nth-child(even) input[type="tel"]:first-child{
	margin: 0 10px 20px 0;
}
.orderFormBox > ul > li:nth-child(even) input[type="tel"]:focus,
.orderFormBox > ul > li:nth-child(even) input[type="text"]:focus,
.orderFormBox > ul > li:nth-child(even) input[type="password"]:focus,
.orderFormBox > ul > li:nth-child(even) input[type="email"]:focus,
.orderFormBox > ul > li:nth-child(even) input[type="tel"].entered,
.orderFormBox > ul > li:nth-child(even) input[type="text"].entered,
.orderFormBox > ul > li:nth-child(even) input[type="password"].entered,
.orderFormBox > ul > li:nth-child(even) input[type="email"].entered{
	background-color: #FFF;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxAttention > ul > li{
	max-height: 100%;
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 32px;
	text-indent: -32px;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxAttention > ul > li.w638{
	width: 638px;
	max-height: 100%;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxAttention > ul > li:before {
	display: inline;
	content: "※ ";
	max-height: 100%;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxAttention.Present{
	margin-top: 20px;
	text-align: left;
}
.orderFormBtn{
	text-align: center;
	margin: 0 0 80px 0;
}
.orderFormBtnMain{
	margin: 0 0 40px 0;
}
.orderFormBtnMain > ul > li{
	display: inline-block;
	margin: 0 10px;
}
.orderFormBtnMain > ul > li.orderFormBtnGlay{
	width: 18%;
	margin: 0;
}
.orderFormBtnMain > ul > li.orderFormBtnGlay a,
.orderFormBtnMain > ul > li.orderFormBtnGlay input[type="submit"]{
	display: inline-block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 32px;
	color: #FFF;
	text-align: center;
	background-color: #2A2A2A;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	padding: 0 30px;
	box-sizing: border-box;
}
.orderFormBtnMain > ul > li.orderFormBtnGlay input[type="submit"]{
	margin-top: -8px;
}
.orderFormBtnMain > ul > li.orderFormBtnRed{
	width: 75%;
	margin: 0;
}
.orderFormBtnMain > ul > li.orderFormBtnRed a{
	display: inline-block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #A50419;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
.orderFormBtnMain > ul > li.orderFormBtnRed input[type="submit"],
.orderFormBtnMain > ul > li.orderFormBtnRed button[type="submit"]{
	display: inline-block;
	width: 100%;
	height: 120px;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #A50419;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
.orderFormBtnMain > ul > li.orderFormBtnRed input[type="submit"],
.orderFormBtnMain > ul > li.orderFormBtnRed button[type="submit"]{
	margin-top: -8px;
}
.orderFormBtnMain > ul > li.orderFormBtnRed button[type="submit"] .attention{
	font-size: 24px;
}
.orderFormBtnInfo{
	text-align: left;
	margin: 48px 0 30px 0;
	padding: 0 20px;
	max-height: 100%;
}
.orderFormBtnInfo span{
	font-weight: bold;
}
.orderFormBtnStatus{
	width: 100%;
	padding: 36px 30px;
	box-sizing: border-box;
	background-color: #FDE4EA;
	color: #DD0220;
	text-align: left;
	margin: 0 0 40px 0;
}
.orderFormBtnStatusTitle{
	color: #DD0220;
	text-align: center;
}
.orderFormBtnAttention{
	width: 100%;
	padding: 36px 30px;
	box-sizing: border-box;
	background-color: #FDE4EA;
	color: #DD0220;
	text-align: left;
	margin: 0 0 20px 0;
}
.orderFormBtnAttentionTitle{
	color: #DD0220;
	line-height: 1.4em;
	padding-left: 64px;
	background: url(/img/renewal/common/icon_attention-sp.png);
	background-size: 42px 36px;
	background-position: top 4px left;
	background-repeat: no-repeat;
	font-weight: bold;
}
.orderFormBtnAttentionList{
	margin: 40px 0 0 0;
}
.orderFormBtnAttentionList ul > li{
	font-size: 28px;
	padding-left: 120px;
	background: url(/img/renewal/common/icon_anchor-sp.png);
	background-size: 24px 18px;
	background-position: top 6px left 64px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	min-height: 32px;
}
.orderFormBtnAttentionList ul > li a{
	color: #DD0220;
	text-decoration: none;
}
.orderFormBoxTitle{
	font-size: 34px;
	font-weight: bold;
	padding: 40px 0 0 0;
	margin: 0 0 30px 0;
}
.orderFormBoxPrice{
	margin: 0 0 40px 0;
	color: #A50319;
}
.orderFormBoxPriceIconDelivery{
	display: inline-block;
	width: auto;
	padding: 0 20px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	height: 42px;
	line-height: 42px;
	margin: 0 20px 0 0;
	float: left;
}
.orderFormBoxPriceNum{
	font-size: 40px;
	font-weight: bold;
}
.orderFormBoxPriceYen{
	font-size: 28px;
	font-weight: bold;
}
.orderFormBoxPriceText{
	font-size: 24px;
}
.orderFormBoxItem{
	text-align: center;
	margin: 0 0
}
.orderFormBoxItem img{
	max-width: 100%;
	height: auto;
}
.orderFormBoxRadioType1 > ul > li,
.orderFormBoxRadioType2 > ul > li{
	margin: 0 0 10px 0;
}
.orderFormBoxRadioType2 > ul > li{
	float: left;
}
.orderFormBoxRadioType1 > ul > li label,
.orderFormBoxRadioType2 > ul > li label{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 88px;
	line-height: 88px;
	font-size: 28px;
	font-weight: bold;
	background-color: #F5F5F5;
	border-radius: 6px;
	padding: 0 0 0 20px;
}
.orderFormBoxRadioType2 > ul > li label{
	width: 200px;
	margin-right: 10px;
}
.orderFormBoxRadioType1 > ul > li label.checked,
.orderFormBoxRadioType2 > ul > li label.checked{
	background-color: #777;
	color: #FFF;
}
.orderFormBoxRadioType1 > ul > li input[type="radio"],
.orderFormBoxRadioType2 > ul > li input[type="radio"]{
	display: none;
}
.orderFormBoxRadioType1 > ul > li input[type="radio"] + span,
.orderFormBoxRadioType2 > ul > li input[type="radio"] + span{
	padding-left: 48px;
	position:relative;
	font-weight: bold;
}
.orderFormBoxRadioType1 > ul > li input[type="radio"] + span::before,
.orderFormBoxRadioType2 > ul > li input[type="radio"] + span::before{
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
	width: 36px;
	height: 36px;
	background: url(/img/renewal/common/radio_off-sp.png);
}
.orderFormBoxRadioType1 > ul > li input[type="radio"]:checked + span::before,
.orderFormBoxRadioType2 > ul > li input[type="radio"]:checked + span::before{
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
	width: 36px;
	height: 36px;
	background: url(/img/renewal/common/radio_on-sp.png);
}
.orderFormBoxRadioType3 > ul > li,
.orderFormBoxRadioType4 > ul > li,
.orderFormBoxRadioType5 > ul > li{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}
.orderFormBoxRadioType3 > ul > li:last-child,
.orderFormBoxRadioType4 > ul > li:last-child,
.orderFormBoxRadioType5 > ul > li:last-child{
	margin: 0 0 20px 0;
}
.orderFormBoxRadioType3 > ul > li label,
.orderFormBoxRadioType4 > ul > li label,
.orderFormBoxRadioType5 > ul > li label{
	display: block;
	width: 100%;
	min-height: 88px;
	font-size: 28px;
	font-weight: bold;
	background-color: #F5F5F5;
	border-radius: 6px;
	padding: 0 20px 0 20px;
	box-sizing: border-box;
	text-indent:0;
}
.orderFormBoxRadioType3 > ul > li label.checked,
.orderFormBoxRadioType4 > ul > li label.checked,
.orderFormBoxRadioType5 > ul > li label.checked{
	background-color: #777;
	color: #FFF;
}
.orderFormBoxRadioType3 > ul > li input[type="radio"],
.orderFormBoxRadioType4 > ul > li input[type="radio"],
.orderFormBoxRadioType5 > ul > li input[type="radio"]{
	display: none;
}
.orderFormBoxRadioType3 > ul > li input[type="radio"] + span,
.orderFormBoxRadioType4 > ul > li input[type="radio"] + span,
.orderFormBoxRadioType5 > ul > li input[type="radio"] + span{
	padding-left: 48px;
	position:relative;
	top: -10px;
}

.orderFormBoxRadioType3 > ul > li input[type="radio"] + span::before,
.orderFormBoxRadioType4 > ul > li input[type="radio"] + span::before,
.orderFormBoxRadioType5 > ul > li input[type="radio"] + span::before{
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 36px;
	height: 36px;
	background: url(/img/renewal/common/radio_off-sp.png);
	background-size: 36px 36px;
	background-position: center left;
	background-repeat: no-repeat;
}
.orderFormBoxRadioType3 > ul > li input[type="radio"]:checked + span::before,
.orderFormBoxRadioType4 > ul > li input[type="radio"]:checked + span::before,
.orderFormBoxRadioType5 > ul > li input[type="radio"]:checked + span::before{
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 36px;
	background: url(/img/renewal/common/radio_on-sp.png);
	background-size: 36px 36px;
	background-position: center left;
	background-repeat: no-repeat;
}
.orderFormBoxRadioType3 > ul > li input[type="radio"] + span p,
.orderFormBoxRadioType4 > ul > li input[type="radio"] + span p,
.orderFormBoxRadioType5 > ul > li input[type="radio"] + span p{
	padding: 0 0 15px 48px;
	margin: 0;
	position: relative;
	width: 100%;
	font-weight: bold;
}
.orderFormBoxRadioType3 > ul > li.no-check,
.orderFormBoxRadioType4 > ul > li.no-check,
.orderFormBoxRadioType5 > ul > li.no-check {
	background: #f5f5f5;
}
.orderFormBoxRadioType3 > ul > li.no-check .orderFormBoxRadioType4InnerLeft,
.orderFormBoxRadioType4 > ul > li.no-check .orderFormBoxRadioType4InnerLeft,
.orderFormBoxRadioType5 > ul > li.no-check .orderFormBoxRadioType4InnerLeft {
	padding: 0 20px 0 20px;
}


.orderFormBoxRadioType4Inner{
	width: 100%;
}
.orderFormBoxExample{
	margin: 0 0 20px 0;
	font-size: 24px;
	color: #888;
	max-height: 100%;
}
.orderFormBoxTypeName label{
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 64px;
	float: left;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeName input[type="text"]{
	float: left;
	width: 30%;
	margin-right: 40px;
	display: inline-block;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeName input[type="tel"]{
	float: left;
	width: 30%;
	margin-right: 40px;
	display: inline-block;
}
.orderFormBoxTypeAddressList > ul > li{
	border-bottom: 2px solid #E5E5E5;
	padding: 30px 0;
}
.orderFormBoxTypeAddressList > ul > li:first-child{
	padding: 0 0 30px 0;
}
.orderFormBoxTypeAddressList > ul > li:last-child{
	border-bottom: none;
	padding: 30px 0 0 0;
}
.orderFormBoxTypeAddressType1 label{
	display: inline-block;
	width: 80px;
	height: 64px;
	line-height: 64px;
	float: left;
}
.orderFormBoxTypeAddressType1 span{
	display: inline-block;
	height: 64px;
	line-height: 64px;
	float: left;
	margin-right: 10px;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeAddressType1 input[type="text"]{
	float: left;
	width: 400px;
	margin-right: 40px;
	display: inline-block;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeAddressType1 input[type="tel"]{
	float: left;
	width: 400px;
	margin-right: 40px;
	display: inline-block;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeAddressType1 input.orderFormBoxTypeAddressInput1{
	width: 100px;
	margin-right: 10px;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeAddressType1 input.orderFormBoxTypeAddressInput2{
	width: 120px;
	margin-right: 20px;
}
.orderFormBox > ul > li:nth-child(even) .orderFormBoxTypeAddressType1 button{
	display: inline-block;
	width: 200px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	margin-right: 20px;
	border: none;
}
.orderFormBoxTypeAddressType1 .orderFormBoxExample{
	margin: 0 0 20px 0;
}
.orderFormBoxTypeAddressType2 label{
	display: inline-block;
	width: 160px;
	height: 64px;
	line-height: 64px;
	float: left;
}
.orderFormBoxTypeAddressType2 .select-wrap{
	float: left;
	width: 300px;
}
.orderFormBoxTypeAddressType2 .select-wrap:before{
	right: 20px;
}
.orderFormBoxTypeAddressType2 select{
	margin-right: 0;
	width: 300px;
	height: 64px;
	font-size: 28px;
	outline:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 8px 24px;
	border: 4px solid #E3E3E3;
	background-color: #E3E3E3;
	color:#333;
	border-radius: 6px;
}
.orderFormBoxTypeAddressType2 select option{
	background-color: #FFF;
	color: #333;
}
.orderFormBoxTypeAddressType2 select::-ms-expand {
	display: none;
}
.orderFormBoxTypeAddressType2 select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
.orderFormBoxTypeBirth > div{
	margin: 0 0 20px 0;
}
.orderFormBoxTypeBirth .select-wrap{
	float: left;
	width: 250px;
}
.orderFormBoxTypeBirth .select-wrap.orderFormBoxTypeBirthYear{
	width: 250px;
}
.orderFormBoxTypeBirth .select-wrap.orderFormBoxTypeBirthMonth,
.orderFormBoxTypeBirth .select-wrap.orderFormBoxTypeBirthDay{
	width: 120px;
}
.orderFormBoxTypeBirth .select-wrap:before{
	right: 20px;
}
.orderFormBoxTypeBirth select{
	margin-right: 0;
	width: 260px;
	height: 64px;
	font-size: 28px;
	outline:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 8px 24px;
	border: 4px solid #E3E3E3;
	background-color: #E3E3E3;
	color:#333;
	border-radius: 6px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthYear select{
	width: 250px;
	padding-right: 54px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthMonth select,
.orderFormBoxTypeBirth .orderFormBoxTypeBirthDay select{
	width: 120px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthYear.secret_select{
	width: 530px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthYear.secret_select select{
	width: 530px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthYear.start{
	width: 600px;
}
.orderFormBoxTypeBirth .orderFormBoxTypeBirthYear.start select{
	width: 600px;
}
.orderFormBoxTypeBirth select option{
	background-color: #FFF;
	color: #333;
}
.orderFormBoxTypeBirth select::-ms-expand {
	display: none;
}
.orderFormBoxTypeBirth select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
.orderFormBoxTypeBirth span{
	float: left;
	padding: 0 20px 0 10px;
	height: 64px;
	line-height: 64px;
}
.orderFormBoxRadioPresent{
	text-align: center;
	margin: 0 0 30px 0;
}
.orderFormBoxRadioPresentImg{
	margin: 0 0 20px 0;
}
.orderFormBoxRadioPresentImg img{
	width: 100%;
	height: auto;
}
.orderFormBoxRadioPresentText{
	font-size: 28px;
	text-align: left;
}
.orderFormBoxRadioPresentText span{
	font-weight: bold;
	color: #A50319;
}
.orderFormBoxRadioType4InnerLeft{
	float: left;
	width: 230px;
	padding: 0 20px 0 50px;
	box-sizing: border-box;
}
.orderFormBoxRadioType4InnerLeft img{
	width: 100%;
	height: auto;
}
.orderFormBoxRadioType4InnerRight{
	margin-left: 230px;
	padding: 0;
	line-height: 1.4em;
}
.orderFormBoxRadioType4InnerTitle{
	font-weight: bold;
	margin: 10px 0 20px 0;
}
.orderFormBoxRadioType4InnerInfo{
	font-size: 24px;
	font-weight: normal;
}
.orderFormBox > ul.orderFormBoxSubmailMain{
	display: block;
}
.orderFormBoxSubmailTitle{
	min-height: 120px;
	line-height: 120px;
	display: block;
	padding: 0 20px;
	font-weight: bold;
	background-color: #F5F5F5;
	border-radius: 6px 6px 0 0;
	max-height: 100%;
}
.orderFormBoxSubmailTitle span{
	display: block;
	background: url(/img/renewal/common/icon_mypage_menu_plus-sp.png);
	background-size: 60px 60px;
	background-position: center right;
	background-repeat: no-repeat;
	font-weight: bold;
	max-height: 100%;
}
.orderFormBoxSubmailTitle.orderFormBoxSubmailTitleClose{
	border-radius: 6px;
}
.orderFormBoxSubmailTitle.orderFormBoxSubmailTitleClose span{
	background: url(/img/renewal/common/icon_mypage_menu_minus-sp.png);
	background-size: 60px 60px;
	background-position: center right;
	background-repeat: no-repeat;
}
.orderFormBoxAgreement{
	background-color: #FFF;
	border-radius: 6px;
	padding: 60px 30px;
	text-align: center;
}
.orderFormBoxAgreementTitle{
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 20px 0;
	max-height: 100%;
}
.orderFormBoxAgreementText{
	font-size: 28px;
	margin: 0 0 40px 0;
	text-align: left;
	max-height: 100%;
}
.orderFormBoxAgreementText a{
	color: #A50319;
	text-decoration: underline;
	background: url(/img/renewal/common/icon_linkblank-sp.png);
	background-size: 16px 16px;
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 26px;
	margin: 0 10px;
}
.orderFormBoxAgreementLinkbtn{
	margin: 0 0 30px 0;
	text-align: center;
	box-sizing: border-box;
	max-height: 100%;
}
.orderFormBoxAgreementLinkbtn a{
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	font-weight: bold;
	color: #333;
	text-align: center;
	background-color: #F5F5F5;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
.orderFormBoxAgreementLinkbtn a span{
	display: inline-block;
	background: url(/img/renewal/common/icon_linkbrank_btn-sp.png);
	background-size: 48px 48px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 64px;
}
.orderFormBoxAgreementLinkAttention{
	font-size: 24px;
	color: #666;
	padding: 0 0 68px 0;
	margin: 0 0 60px 0;
	border-bottom: 2px solid #E5E5E5;
}
.orderFormBoxAgreementCheck{
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
	border-top: 2px solid #EAEAEA;
	width: 100%;
}
.orderFormBoxAgreementCheck input[type="checkbox"]{
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	left: 6px;
	top: 20px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	background: url(/img/renewal/common/checkbox_off-sp.png) left top;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;
}
.orderFormBoxAgreementCheck label{
	width: 100%;
	height: auto;
	background-color: #E3E3E3;
	border-radius: 6px;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	line-height: 1.2em;
	padding: 20px 0 20px 76px;
	text-indent: -76px;
}
.orderFormBoxAgreementCheck label.checked{
	background-color: #777;
	color: #FFF;
}
.orderFormBoxAgreementCheck input[type="checkbox"]:checked::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	background: url(/img/renewal/common/checkbox_on-sp.png) left bottom;
}
.orderFormBoxAgreementCheckAttention{
	font-size: 22px;
	color: #666;
	line-height: 1.2em;
	text-align: left;
	max-height: 100%;
}
.orderFormBoxAgreementCheckAttention a{
	color: #A50319;
	text-decoration: underline;
}
.orderFormBoxLogin{
	background-color: #FFF;
	border-radius: 6px;
	margin: 0 0 30px 0;
	padding: 30px 30px;
}
.orderFormBoxLoginText{
	margin: 20px 0 40px 0;
}
.orderFormBoxLogin > ul > li{
	text-align: center;
	margin: 0 0 10px 0;
	box-sizing: border-box;
}
.orderFormBoxLogin > ul > li a{
	display: inline-block;
	width: 590px;
	height: 96px;
	line-height: 96px;
	border-radius: 6px;
	font-size: 28px;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}
.orderFormBoxLogin > ul > li a span{
	display: block;
	background: url(/img/renewal/common/order_login_docomo-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 175px;
	height: 96px;
	overflow: hidden;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginDocomo a{
	background-color: #CB0033;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginDocomo a span{
	background: url(/img/renewal/common/order_login_docomo-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginLine a{
	background-color: #00C300;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginLine a span{
	background: url(/img/renewal/common/order_login_line-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginYahoo a{
	background-color: #FE0114;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginYahoo a span{
	background: url(/img/renewal/common/order_login_yahoo-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginFacebook{
	margin: 0 0 30px 0;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginFacebook a{
	background-color: #3A579D;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginFacebook a span{
	background: url(/img/renewal/common/order_login_facebook-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginGoogle a{
	background-color: #DB4A3D;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginGoogle a span{
	background: url(/img/renewal/common/order_login_google-sp.png);
	background-size: 102px 96px;
	background-position: center left 35px;
	background-repeat: no-repeat;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginAmazon{
	border-top: 2px solid #E6E6E6;
	padding-top: 40px;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginAmazon a{
	margin-bottom: 10px;
}
.orderFormBoxLogin > ul > li.orderFormBoxLoginAmazon p{
	text-align: left;
}
.orderFormBoxLabel p{
	font-size: 30px !important;
	word-break: break-all;
}
.orderFormBox_h2 {
	font-size: 40px;
	margin-bottom: 30px;
}
.orderFormBox_info {
	margin-bottom: 30px;
}
.orderFormBox_info__textRed {
	color: #DD0220;
}
.orderFormBox_info__tagRequired {
	display: inline-block;
	width: 96px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	margin-top: -4px;
	margin-right: 0.5em;
}
/* urlreferral_friend_input_sp Page */
[data-style="urlreferral_friend_input"] .reissueFormBox > ul > li:nth-child(odd){
	display: flex;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
[data-style="urlreferral_friend_input"] .reissueFormBox > ul > li:nth-child(odd) span{
	position: initial;
	top: 30px;
	right: 20px;
	display: inline-block;
	width: 96px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	margin-top: -4px;
	margin-right: 0.5em;
}
[data-style="urlreferral_friend_input"] .orderFormBox > ul > li:nth-child(odd){
	display: flex;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
[data-style="urlreferral_friend_input"] .orderFormBox > ul > li:nth-child(odd) span{
	position: initial;
	top: 30px;
	right: 20px;
	display: inline-block;
	width: 96px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	text-align: center;
	background-color: #DD0220;
	border-radius: 4px;
	margin-top: -4px;
	margin-right: 0.5em;
}

.orderMain{
	background-color: #E6E6E6;
	padding: 80px 0 2px 0;
	margin: 0;
}
.orderMain h2{
	position: relative;
}
.orderMain h2 a {
    position: absolute;
    top: -10px;
    left: 256px;
    display: inline-block;
    width: 183px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 28px;
    background-color: #333;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 2px;
}
.orderDetailMain{
	margin: 0 0 80px 0;
}
.orderDetailMainList{
	border-radius: 6px;
	padding: 0 20px;
}
.orderDetailMainList.NewLinkOrder{
	padding: 0;
}
.orderDetailMainList > ul > li{
	background-color: #FFF;
	border-bottom: 2px solid #EAEAEA;
}
.orderDetailMainListTop{
	padding: 30px 20px;
}
.orderDetailMainListCancel{
	color: #8E8E8E;
}
.orderDetailMainListCancel .orderDetailMainListTop{
	background-color: #FAFAFA;
}
.orderDetailMainListNumber{
	font-size: 28px;
	color: #333;
	margin: 0 0 10px 0;
}
.orderDetailMainListText{
	font-size: 22px;
	color: #888;
	margin: 0 0 5px 0;
}
.orderDetailMainListCancel .orderDetailMainListText{
	color: #888;
	text-decoration: line-through;
}
.orderDetailMainListTitle{
	font-weight: bold;
	font-size: 32px;
}
.orderDetailMainListCancel .orderDetailMainListTitle{
	text-decoration: line-through;
}
.orderDetailMainListBottom{
	background-color: #F5F5F5;
	padding: 20px;
}
.orderDetailMainListBottom.NewLinkOrder{
	margin: 0 20px 20px 20px;
}
.orderDetailMainListBottomLeft{
	float: left;
	width: 240px;
	padding: 20px 0 0 0;
	font-size: 24px;
}
.orderDetailMainListBottomRight{
	margin-left: 240px;
	text-align: right;
}
.orderDetailMainListBottomComment{
	margin: 20px;
}
.orderDetailMainListPrice1{
	font-size: 24px;
	color: #666;
}
.orderDetailMainListCancel .orderDetailMainListPrice1{
	color: #8E8E8E;
	text-decoration: line-through;
}
.orderDetailMainListPrice2{
	font-weight: bold;
	font-size: 32px;
}
.orderDetailMainListSpanLeft{
	float: left;
	font-size: 24px;
}
.orderDetailMainListCancel .orderDetailMainListPrice1 .orderDetailMainListSpanLeft{
	color: #8E8E8E;
	text-decoration: none;
}
.orderDetailMainListYen{
	font-size: 24px;
}

.orderDetailMainCheck{
	background-color: #FFF;
	padding-top: 25px;
	border-radius: 0 0 6px 6px;
	margin: 40px 0 0 0;
}
.orderDetailMainCheck.NewLinkOrder{
	margin: 40px -20px 0;
}
.orderDetailMainCheckFirst{
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
.orderDetailMainCheckFirst.NewLinkOrder{
	padding: 40px 20px 20px 20px;
}
.orderDetailMainCheckFirstLeft{
	float: left;
	width: 40%;
	font-weight: bold;
	border-bottom: 4px solid #acacac;
	padding-bottom: 30px;
}
.orderDetailMainCheckFirstLeft.NoBorder{
	border: none;
}
.orderDetailMainCheckFirstRight{
	float: left;
	width: 60%;
	text-align: right;
	font-size: 24px;
	border-bottom: 4px solid #acacac;
	padding-bottom: 30px;
}
.orderDetailMainCheckFirstRight.RedFont{
	color: #A50419;
}
.orderDetailMainCheckFirstRight.NoBorder{
	border: none;
}
.orderDetailMainCheckFirstLeft span{
	font-size: 40px;
	margin: 0 10px;
}
.orderDetailMainCheckFirstPrice{
	font-size: 44px;
	font-weight: bold;
	margin-right: 10px;
}
.orderDetailMainCheckFirstYen{
	font-size: 32px;
	font-weight: bold;
}
.orderDetailMainCheckSecond{
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.orderDetailMainCheckSecond > ul{
	width: 100%;
}
.orderDetailMainCheckSecond > ul > li{
	padding: 20px 0;
	font-size: 28px;
	border-bottom: 2px solid #E5E5E5;
}
.orderDetailMainCheckSecond > ul > li:last-child{
	border-bottom: 2px solid #ACACAC;
}
.orderDetailMainCheckSecondTitle{
	float: left;
	width: 60%;
}
.orderDetailMainCheckSecondPrice{
	float: left;
	width: 40%;
	text-align: right;
}
.orderDetailMainCheckThaad{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 20px 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.orderDetailMainCheckThaadLeft{
	float: left;
	width: 40%;
	font-weight: bold;
}
.orderDetailMainCheckThaadRight{
	float: left;
	width: 60%;
	text-align: right;
	font-size: 24px;
	color: #A50319;
}
.orderDetailMainCheckThaadPrice{
	font-size: 48px;
	font-weight: bold;
	margin-right: 10px;
}
.orderDetailMainCheckThaadYen{
	font-size: 36px;
	font-weight: bold;
}
.orderDetailMainCheckThaadTax{
	display: block;
	color: #666;
}
.orderDetailMainCheckFourth{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 20px 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.orderDetailMainCheckFourthLeft{
	float: left;
	width: 40%;
	padding-bottom: 30px;
	border-bottom: 4px solid #acacac;
}
.orderDetailMainCheckFourthRight{
	float: left;
	width: 60%;
	text-align: right;
	padding-bottom: 30px;
	/*font-weight: bold;*/
	border-bottom: 4px solid #acacac;
}
.orderDetailMainCheckFifth{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.orderDetailMainCheckFifthLeft{
	float: left;
	width: 40%;
	font-weight: bold;
}
.orderDetailMainCheckFifthRight{
	float: left;
	width: 60%;
	text-align: right;
	font-size: 24px;
	color: #A50319;
	padding: 20px 0 0 0;
}
.orderDetailMainCheckFifthPrice{
	font-size: 56px;
	font-weight: bold;
	margin-right: 10px;
}
.orderDetailMainCheckFifthYen{
	font-size: 36px;
	font-weight: bold;
}
.orderDetailInfoText{
	margin: 0 0 20px 0;
	padding: 0 20px;
}
.orderDetailInfoText span{
	font-weight: bold;
}
.orderDetailInfoTextRed{
	font-size: 24px;
	color: #A50319;
	margin: 0 0 40px 0;
}
.orderDetailInfoTextRed span{
	font-weight: bold;
}
.orderDetailInfo{
	margin-bottom: 60px;
	padding:  0 20px;
}
.orderDetailInfoLeft{
	margin-bottom: 40px;
	background-color: #FFF;
	border-radius: 6px;
}
.orderDetailInfoRight{
	background-color: #FFF;
	border-radius: 6px;
}
.orderDetailInfoTitle{
	background-color: #F5F5F5;
	border-radius: 6px 6px 0 0;
	height: 120px;
	line-height: 120px;
	font-size: 32px;
	padding: 0 20px;
	font-weight: bold;
}
.orderDetailInfoMain{
	padding: 30px 20px;
	box-sizing: border-box;
}
.orderDetailInfoMainAdd{
	font-size: 24px;
	color: #666;
}
.orderDetailInfoMainAddInfo{
	font-size: 24px;
	color: #666;
}
.orderDetailInfoMainAddLeft{
	float: left;
	width: 60%;
	margin-right: 2%;
}
.orderDetailInfoMainAddRight{
	margin-left: 62%;
}
.orderDetailInfoMainAddLeft input{
	width: 100%;
	box-sizing: border-box;
	border: 4px solid #E3E3E3;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 28px;
	padding: 12px 16px;
	background-color: #E3E3E3;
	box-sizing: border-box;
}
.orderDetailInfoMainAddLeft input:focus,
.orderDetailInfoMainAddLeft input.entered{
	background-color: #FFF;
}
.orderDetailInfoMainAddRight button{
	display: inline-block;
	width: 100%;
	height: 64px;
	line-height: 64px;
	box-sizing: border-box;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #A50419;
	border-radius: 6px;
	text-decoration: none;
	border: none;
}
.orderDetailBtn{
	text-align: center;
	margin: 0 0 80px 0;
}
.orderDetailBtn a{
	display: inline-block;
	width: 500px;
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	margin-right: 20px;
}
.orderDetailBtn a span{
	background: url(/img/renewal/common/icon_cancel-sp.png);
	background-size: 24px 24px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 34px;
}
.orderDetailInfoMainCoupon{
	margin: 0;
}
.orderDetailInfoMainCoupon > ul > li{
	background-color: #F5F5F5;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 20px;
	display: flex;
	align-items: center;
}
.orderDetailInfoMainCoupon > ul > li.current{
	background-color: #D1D1D1;
}
.orderDetailInfoMainCoupon > ul > li .currentText{
	font-size: 24px;
	color: #A50319;
	font-weight: bold;
}
.orderDetailInfoMainCoupon > ul > li p{
	width: auto;
	max-width: 60%;
	padding: 10px 10px 10px 5px;
	font-weight: bold;
	font-size: 28px;
}
.orderDetailInfoMainCoupon > ul > li a{
	margin-left: auto;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #A50419;
	width: 224px;
	height: 74px;
	line-height: 74px;
	border-radius: 10px;
	text-decoration: none;
}
/*.orderDetailInfoMainCoupon > ul > li a:hover {
	background-color: #C21930;
	cursor: pointer;
}*/
.orderDetailInfoMainCoupon > ul > li a span{
	display: inline-block;
	background: url(/img/renewal/common/icon_linkblank2-sp.png);
	background-size: 42px 42px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 50px;
}
.orderFormDateInfo{
	font-size: 24px;
	color: #666;
}
.orderFormData{
	padding: 0 20px;
}
#order .orderFormData h2{
	position: relative;
	padding: 0 160px 0 0;
}
#order .orderFormData h2.all{
	position: relative;
	padding: 0 !important;
}
.orderFormData h2 a{
	position: absolute;
	top: -15px;
	left: 0;
	display: inline-block;
	width: 160px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	background-color: #F5F5F5;
	border-radius: 6px;
	text-decoration: none;
}
.orderFormData > ul > li{
	margin: 0 0 40px 0;
}
.orderFormData > ul > li:last-child{
	margin: 0;
}
.orderFormData > ul > li:nth-child(1) h2 a{
	/*left: 240px;*/
	left: auto;
	right: 0;
}
.orderFormData > ul > li:nth-child(2) h2 a{
	/*left: 280px;*/
	left: auto;
	right: 0;
}
.orderFormData > ul > li:nth-child(3) h2 a{
	/*left: 195px;*/
	left: auto;
	right: 0;
}
.orderFormData > ul > li:nth-child(4) h2 a{
	/*left: 235px;*/
	left: auto;
	right: 0;
}
.orderFormData > ul > li:nth-child(5) h2 a{
	/*left: 400px;*/
	left: auto;
	right: 0;
}
.orderFormDataTable{
	margin: 0 0 80px 0;
}
.orderFormDataTable table{
	width: 100%;
}
.orderFormDataTable table tbody th{
	padding: 30px 20px;
	width: 200px;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
	background-color: #F5F5F5;
	font-size: 26px;
	font-weight: bold;
}
.orderFormDataTable table tbody td{
	padding: 30px 20px;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
	background-color: #FFF;
	font-size: 26px;
	word-break: break-all;
}
.orderFormDataTable table tbody td.orderFormDataTableEdit{
	vertical-align: middle;
	text-align: center;
	border-left: 2px solid #E6E6E6;
}
.orderFormDataTable table tbody td.orderFormDataTableEdit a{
	display: inline-block;
	width: 300px;
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #333;
	font-size: 28px;
	font-weight: bold;
	background-color: #E3E3E3;
	border-radius: 6px;
	text-decoration: none;
}
.modalMain {
	display: none;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 0 20px;
	position:fixed;
	/*z-index: 2;*/
	z-index: 1001;
}
#itemDetail .modalMain {
	display: none;
	width: 90%;
	min-height: 300px;
	background-color: #FFF;
	border-radius: 6px;
	box-sizing: border-box;
	height: auto;
	padding: 40px 30px;
	font-size: 28px;
	position:fixed;
	z-index: 1001;
}
#itemDetail .modalMain p{
	font-size: 28px;
}
.modalBg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 1000;
}
.modalMainTitle{
	background-color: #F4F4F4;
	border-radius: 6px 6px 0 0;
	min-height: 110px;
	line-height: 1.4em;
	padding: 18px 80px 18px 20px;
	box-sizing: border-box;
	font-size: 32px;
	font-weight: bold;
	position: relative;
}
.modalMainTitle a{
	position: absolute;
	top: 20px;
	right: 20px;
}
.modalMainMain{
	background-color: #FFF;
	border-radius: 0 0 6px 6px;
	padding: 20px;
	box-sizing: border-box;
}
.modalMainMainTitle{
	margin: 0 0 20px 0;
}
.modalMainMainInfo{
	font-size: 24px;
	margin: 0 0 40px 0;
}
.modalMainMainList{
	margin: 0 0 20px 0;
}
.modalMainMainList > ul > li{
	padding: 20px 0;
	border-top: 2px solid #E5E5E5;
}
.modalMainMainList > ul > li:last-child{
	border-bottom: 2px solid #E5E5E5;
}
.modalMainMainListLeft{
	float: left;
	width: 200px;
	font-size: 24px;
	font-weight: bold;
}
.modalMainMainListRight{
	margin-left: 200px;
	font-size: 24px;
}
.modalMainMainBtn{
	text-align: center;
}
.modalMainMainBtn a{
	display: inline-block;
	width: 80%;
	max-width: 560px;
	height: 100px;
	line-height: 100px;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #A50419;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}

/* =========================================================
 search
========================================================= */
/* ----- 表示絞り込み ----- */
.itemSelectMenu {
  background-color: #fff;
	/*padding: 40px 30px;*/
	margin-bottom: 50px;
	margin-top: 20px;
}
/* ----- ラジオボタン ----- */
.itemSelectMenu .itemSearchSelect input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabel,
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabelsub {
  position: relative;
  display: block;
}
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabel:before,
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabelsub:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 4px solid #a60419;
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}
.itemSelectMenu .itemSearchSelect input[type="radio"]:checked + .itemSearchSelectLabel:before,
.itemSelectMenu .itemSearchSelect input[type="radio"]:checked + .itemSearchSelectLabelsub:before {
  background-color: #a60419;
  -webkit-box-shadow: inset 0 0 0 8px #fff;
          box-shadow: inset 0 0 0 8px #fff;
}
.itemSelectMenu .itemSearchSelect input[type="radio"]:focus + .itemSearchSelectLabel:before,
.itemSelectMenu .itemSearchSelect input[type="radio"]:focus + .itemSearchSelectLabelsub:before {
  outline: none;
  border-color: #a60419;
}
.itemSelectMenu .itemSearchSelect input[type="radio"]:disabled + .itemSearchSelectLabel,
.itemSelectMenu .itemSearchSelect input[type="radio"]:disabled + .itemSearchSelectLabelsub {
  color: #aaaaaa;
}
.itemSelectMenu .itemSearchSelect input[type="radio"]:disabled + .itemSearchSelectLabel:before,
.itemSelectMenu .itemSearchSelect input[type="radio"]:disabled + .itemSearchSelectLabelsub:before {
  -webkit-box-shadow: inset 0 0 0 4px #eaeaea;
          box-shadow: inset 0 0 0 4px #eaeaea;
  border-color: #dddddd;
  background: #eaeaea;
}
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabel:empty:before,
.itemSelectMenu .itemSearchSelect input[type="radio"] + .itemSearchSelectLabelsub:empty:before {
  margin-right: 0;
}
.itemSelectMenu .itemSearchSelect input[type="radio"].warning + .itemSearchSelectLabel:before {
  background-color: #fde4ea;
}
.itemSearchSelect {
  display: block;
  /* border-bottom: 1px solid $input-border; */
}
.itemSearchSelect .inTxt-disabled {
  display: block;
	padding: 30px 0 30px 100px;
}
.itemSearchSelectLabel,
.itemSearchSelectLabelsub {
  font-size: 2rem;
  padding: 34px 0 34px 70px;
}

.itemSearchSelectLabel.inTxt-disabled{
	color: #cfcfcf;
}
.itemSearchSelectList {
  border-top: 1px solid #cbcbcb;
  /* 横並び */
  /* 段組 */
  /* ハイライト */
}
.itemSearchSelectList-highlight .itemSearchSelectLabel,
.itemSearchSelectList-highlight .itemSearchSelectLabelsub {
  padding: 30px 0 30px 100px;
}
.itemSearchSelectList-highlight input[type="radio"] + .itemSearchSelectLabel:before,
.itemSearchSelectList-highlight input[type="radio"] + .itemSearchSelectLabelsub:before {
  left: 10px;
}
.itemSearchSelectList-highlight input[type="radio"]:checked + .itemSearchSelectLabel,
.itemSearchSelectList-highlight input[type="radio"]:checked + .itemSearchSelectLabelsub {
  background-color: #f6e5e8;
}
/* ----- モーダル ----- */
.itemSearchSelectListModalMain {
	display: none;
	width: 690px;
    height: 90%;
    max-height: 90%;
	background-color: #FFF;
	box-sizing: border-box;
	font-size: 28px;
	z-index: 1001;
	position: fixed;
	overflow-y:scroll;
	padding: 0;
	top: 5%;
}
.itemSearchSelectListModalMain p{
	font-size: 32px;
}
.itemSearchSelectListModalMain .itemSearchSelectListModalTitle{
	position: sticky;
	top: 0;
	z-index:1002;
	width: 690px;
	height: 110px;
	line-height: 110px;
	background: #fff;
}
.itemSearchSelectListModalMain .itemSearchSelectListModalTitle h2{
	font-size: 40px;
	text-align: center;
	height: 110px;
	line-height: 110px;
	margin: 0;
}
.itemSearchSelectListModalMain .itemSearchSelectListModalTitle .modalClose{
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 40px;
	text-align: center;
	width: 85px;
	height: 60px;
}
.itemSearchSelectListModalMain .itemSearchSelectListModalTitle .modalClose:before{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 46px;
    height: 5px;
    background: #3c4043;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.itemSearchSelectListModalMain .itemSearchSelectListModalTitle .modalClose::after{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 46px;
    height: 5px;
    background: #3c4043;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.itemSearchSelectListModalMain .itemSearchSelectListSortModal{
	margin: 20px 0 0 0;
	display: grid;
}

.itemSearchSelectListContentLeftAc{
	margin-left: 0;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	display: grid;
}
.itemSearchSelectListContentLeftAcTitle{
	font-size: 32px;
	line-height: 1;
	margin-bottom: 30px;
	padding-top: 20px;
	position: relative;
	font-weight: bold;
}
.itemSearchSelectListContentLeftAcTitle .itemSearchSelectAcbtn{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/img/renewal/common/icon_accordion_minus_gray.png);
	background-size: 40px;
	margin-left: 16px;
	position: absolute;
	top: 15px;
	right: 0;
}
.itemSearchSelectListContentLeftAcTitle.Close .itemSearchSelectAcbtn{
    background: url(/img/renewal/common/icon_accordion_plus_gray.png);
	background-size: 40px;
}
.itemSearchSelectListContentLeftAcTitle .Acarrow:after{
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: #3b4043;
    margin-top: -2px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 14px;
    width: 30px;
    height: 2px;
}
.itemSearchSelectListContentLeftAcContent{
	line-height: 1.2;
}
.itemSearchSelectListContentLeftAcContent ul{

}
.itemSearchSelectListContentLeftAcContent ul li{
  border-bottom: 1px solid #cccccc;
}
.itemSearchSelectListContentLeftAcContent .CheckOtherLabel{
	cursor: pointer;
	display: inline-block;
}
.itemSearchSelectListContentLeftAcContent .CheckOtherLabel input{
	display: none;
}
.itemSearchSelectListContentLeftAcContent ul li a{
	display: block;
  position: relative;
  width: 100%;
}
.itemSearchSelectListContentLeftAcContent ul li a:hover{
	color: #a50319;
}
.itemSearchSelectListContentLeft.clear{
	position: sticky;
	z-index: 1002;
	bottom: 0;
	width: 690px;
	height: 140px;
	background:#fff;
	margin: 0;
	line-height: 0;
	border-top: 2px solid #D4D4D4;
}
.itemSearchSelectListContentLeftClear{
	margin-top: 28px;
	margin-bottom: 28px;
	display: grid;
}
.itemSearchSelectListContentLeftClear a{
	display: block;
	position: relative;
	margin: 0 30px;
	padding: 45px 34px;
	border-radius: 6px;
	background: #e5e5e5;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.itemSearchSelectListContentLeftClear .itemSearchSelectModalSortButton{
	display: block;
	margin: 0 30px 10px 30px;
	width: 630px;
	padding: 19px 0;
	border-radius: 6px;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
	background: #a50319;
	color: #fff;
	border: none;
}

.itemSearchSelectListContentLeftClear a:hover{
	opacity: 0.7;
}
.itemSearchSelectListContentLeftClear .IconClear{
	width: 40px;
	height: 40px;
	top: 25px;
	left: 155px;
	position: absolute;
	background: url(/img/renewal/common/icon_close.png) no-repeat;
	background-size: 40px;
}
.itemSearchSelectListContentLeftClear .IconClearText{
	padding-left: 50px;
}
.itemSearchSelectListContentLeftClear .IconSortText{
	padding: 0;
}

.itemSearchSelectListContentLeft{
	margin-top: 28px;
	display: grid;
}
.itemSearchSelectListContentLeft a{
	display: block;
	position: relative;
	margin: 0 30px;
	padding: 45px 34px;
	border-radius: 6px;
	background: #e5e5e5;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.itemSearchSelectListContentLeft .cordinateModalSortButton{
	display: block;
	margin: 0 30px 10px 30px;
	width: 630px;
	padding: 19px 0;
	border-radius: 6px;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
	background: #a50319;
	color: #fff;
	border: none;
}

.itemSearchSelectListContentLeft a:hover{
	opacity: 0.7;
}
.itemSearchSelectListContentLeft .IconClear{
	width: 40px;
	height: 40px;
	top: 25px;
	left: 155px;
	position: absolute;
	background: url(/img/renewal/common/icon_close.png) no-repeat;
	background-size: 40px;
}
.itemSearchSelectListContentLeft .IconClearText{
	padding-left: 50px;
}
.itemSearchSelectListContentLeft .IconSortText{
	padding: 0;
}

.itemSearchSelectSortbutton{
	width: 90%;
	height: 75px;
	line-height: 75px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 6px;
	margin: 40px auto;
}
.itemSearchSelectSortbutton a.modalOpen_staff{
	width: 100%;
	height: 100%;
	color: #fff;
	display: block;
}


/* ページのスタイル
--------------------------------------------------------- */
.itemSearchPager{
	margin: 0 0 30px 0;
}
.itemSearchPagerTab.verTop {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
}
.itemSearchPagerTab.verTop::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 6px;
	display: block;
	background-color: #a50319;
}
.itemSearchPagerTab.verTop > .itemSearchPagerTabOff a {
	display: block;
	width: 345px;
	height: 74px;
	line-height: 74px;
	border-radius: 6px 6px 0 0;
	background-color: #ffffff;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.itemSearchPagerTab.verTop > .itemSearchPagerTabOn {
	width: 345px;
	height: 74px;
	line-height: 74px;
	border-radius: 6px 6px 0 0;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	background-color: #a50319;
	color: #ffffff;
}

.itemSearchPagerTab.verBottom {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	position: relative;
}
.itemSearchPagerTab.verBottom::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 6px;
	display: block;
	background-color: #a50319;
}
.itemSearchPagerTab.verBottom > .itemSearchPagerTabOff a {
	display: block;
	width: 345px;
	height: 74px;
	line-height: 74px;
	border-radius: 0 0 6px 6px ;
	background-color: #ffffff;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.itemSearchPagerTab.verBottom > .itemSearchPagerTabOn {
	width: 345px;
	height: 74px;
	line-height: 74px;
	border-radius: 0 0 6px 6px ;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	background-color: #a50319;
	color: #ffffff;
}
.itemSearchPagerLeft{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0;
}
.itemSearchPagerLeft span{
	font-size: 26px;
	font-weight: normal;
}
.itemSearchPagerCenter{
	text-align: left;
	margin: 0 0 20px 0;
}
.itemSearchPagerCenter > ul{
	float: left;
	text-align: center;
	width: 470px;
	box-sizing: border-box;/* */
}
.itemSearchPagerCenter div.itemSearchPagerBack{
	width: 120px;
	float: left;
	box-sizing: border-box;/* */
}
.itemSearchPagerCenter div.itemSearchPagerForward{
	width: 120px;
	width: 110px;
	float: right;
	text-align: right;
	box-sizing: border-box;/* */
}
.itemSearchPagerCenter div.itemSearchPagerBack a,
.itemSearchPagerCenter div.itemSearchPagerForward a{
	display: inline-block;
	max-width: 100%;
	min-width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	text-decoration: none;
	color: #A50419;
	font-size: 26px;
}
.itemSearchPagerCenter > ul > li{
	display: inline-block;
	margin: 0 0 5px 0;
}
.itemSearchPagerCenter > ul > li a{
	display: inline-block;
	max-width: 100%;
	min-width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #FFF;
	border-radius: 4px;
	text-decoration: none;
	color: #A50419;
	font-size: 26px;
}
.itemSearchPagerCenter > ul > li.current a{
	background-color: #A50419;
	color: #FFF;
}
.itemSearchPagerCenter div.itemSearchPagerBack.itemSearchPagerNolink span,
.itemSearchPagerCenter div.itemSearchPagerForward.itemSearchPagerNolink span{
	display: inline-block;
	width: 110px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 4px;
	text-decoration: none;
	color: #CFCFCF;
	font-size: 26px;
}
.itemSearchPagerCenter div.itemSearchPagerBack a,
.itemSearchPagerCenter div.itemSearchPagerForward a{
	width: 110px;
}
.itemSearchItem{
	background-color: #E6E6E6;
	padding: 40px 20px 60px 20px;
}
.itemSearchItem h2{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0;
}
.itemSearchItem h3{
	font-size: 36px;
	font-weight: bold;
	margin:  0 0 20px 30px;
}
.itemSearchItemList{
	margin: 0 0 20px 0;
}
.itemSearchItemList > ul > li{
	background-color: #FFF;
	border-radius: 6px;
	margin: 0 0 30px 0;
}
.itemSearchItemListInner{
	padding: 30px 20px;
}
.itemSearchItemListLeft{
	float: left;
	width: 190px;
}
.itemSearchItemListLeft img{
	max-width: 170px;
	width: auto;
	height: auto;
}
.itemSearchItemListRight{
	margin-left: 190px;
}
.itemSearchItemListCategory{
	margin: 0 0 24px 0;
	line-height: 1em;
}
.itemSearchItemListCategory span{
/*max-width: 100%;
	top: 10px;
	right: 10px;*/
/*color: #FFF;*/
	font-size: 22px;
/*height: 40px;*/
	line-height: 1.5;
/*border-radius: 20px;
	background-color: #222;
	padding: 0 24px;*/

	/*3点リーダー*/
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.itemSearchItemListCategory span.itemSearchItemListCategoryEnd{
	color: #DD0220;
	font-weight: bold;
	background-color: #F5F5F5;
}
.itemSearchItemListTitle{
	box-sizing: border-box;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 28px;
	line-height: 1.2em;
}
.itemSearchItemListPrice{
	box-sizing: border-box;
	font-size: 28px;
	margin-bottom: 30px;
	line-height: 1.2em;
	/*color: #666;*/
}
.itemSearchItemListPrice span{
	font-size: 20px;
}
.itemSearchItemListBtn a{
	display: inline-block;
	min-width: 180px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0 20px;
}
.itemSearchItemListBtn a.itemSearchItemListBtnVoice{
	display: inline-block;
	min-width: 180px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #A50319;
	font-size: 24px;
	font-weight: bold;
	background-color: #FDF4F6;
	border-radius: 6px;
	margin: 0;
	text-decoration: none;
}
.itemSearchItemListBtn a.itemSearchItemListBtnVoice span{
	display: inline-block;
	background: url(/img/renewal/common/icon_voice-sp.png);
	background-size: 38px 38px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 44px;
	font-weight: bold;
}
.itemSearchSite{
	background-color: #E6E6E6;
	padding: 40px 20px 60px 20px;
}
.itemSearchSite h2{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0;
}
.itemSearchSiteList{
	margin: 0 0 20px 0;
}
.itemSearchSiteList > ul > li{
	background-color: #FFF;
	border-radius: 6px;
	margin: 0 0 30px 0;
}
.itemSearchSiteListInner{
	padding: 30px 20px;
}
.itemSearchSiteListLeft{
	float: left;
	width: 190px;
}
.itemSearchSiteListLeft img{
	max-width: 170px;
	width: auto;
	height: auto;
}
.itemSearchSiteListRight{
	margin-left: 190px;
}

.itemSearchSiteListInner2{
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.itemSearchSiteListLeft2{
	width: 170px;
}
.itemSearchSiteListLeft2 img{
	max-width: 170px;
	width: auto;
	height: auto;
}
.itemSearchSiteListRight2{
	width: 450px;
}
.itemSearchSiteListBottom {
	width: 100%;
}
.itemSearchSiteListCategory{
	/*margin: 0 0 24px 0;
	line-height: 1em;*/
	margin-left: -10px;
}
.itemSearchSiteListCategory span{
	max-width: 100%;
	overflow: hidden;
	display: inline-block;
	top: 10px;
	right: 10px;
	color: #FFF;
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background-color: #222;
	padding: 0 24px;
}
.itemSearchSiteListCategory span.itemSearchSiteListCategoryEnd{
	color: #DD0220;
	font-weight: bold;
	background-color: #F5F5F5;
}
.itemSearchSiteListCategory > li {
	display: inline-block;
	border-radius: 5px;
	padding: 10px 16px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
.itemSearchSiteListCategory > li.tagColorRed{
	background-color: #c7727e;
	border: 2px solid #c7727e;
	color: #ffffff;
}
.itemSearchSiteListCategory > li.tagColorBlue {
	background-color: #d3ebff;
	border: 2px solid #d3ebff;
}
.itemSearchSiteListCategory > li.tagColorPink {
	background-color: #fadede;
	border: 2px solid #fadede;
}
.itemSearchSiteListCategory > li.tagColorGreen {
	background-color: #d1e8b5;
	border: 2px solid #d1e8b5;
}
.itemSearchSiteListCategory > li.tagColorYellow {
	background-color: #e0d6aa;
	border: 2px solid #e0d6aa;
}
.itemSearchSiteListCategory > li.tagColorGray {
	border: 2px solid #d4d4d4;
}

.itemSearchSiteListText {
	font-size: 28px;
	line-height: 38px;
	margin: 0 0 14px 0;
}
.itemSearchSiteListTitle, .itemSearchSiteListTitle a {
	box-sizing: border-box;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 28px;
	line-height: 1.2em;
}
.itemSearchSiteListLink a {
	display:inline-block;
	word-wrap:break-word;
	word-break:break-all;
}
.itemSearchPagerLinkRedLine {
	color: #a50319;
	border-bottom: 1px solid #a50319;
	padding-bottom: 1px;
}
.itemSearchPagerNote {
	font-size: 28px;
}


.recommendItemImg {
	border: 1px solid #D4D4D4;
	width: 168px;
	height: 126px;
	margin-right: 30px;
	text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
}
.recommendItemImg  {
	line-height: 0;
}
.recommendItemImg img{
	border: 0;
	max-width:168px;
	max-height: 126px;
	margin: auto;
}

/* --------------------------------------------------------- */

.itemDetailTop{
	padding: 30px 20px 60px 20px;
	box-sizing: border-box;
}
.itemDetailTopImg{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1px;
	line-height: 0em;
	-webkit-box-shadow: 0 14px 50px 0 rgba(68, 68, 68, 0.3);
	-moz-box-shadow: 0 14px 50px 0 rgba(68, 68, 68, 0.3);
	box-shadow: 0 14px 50px 0 rgba(68, 68, 68, 0.3);
	margin: 0 0 40px 0;
}
.itemDetailTopImg img{
	width: 100%;
	height: auto;
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
}
.itemDetailTopPoint{
	margin: 0 0 15px 0;
}
.itemDetailTopPoint > ul > li{
	float: left;
	margin: 0 20px 0 0;
}
.itemDetailTopPoint > ul > li:last-child{
	margin: 0;
}
.itemDetailTopPoint > ul > li span{
	display: inline-block;
	min-width: 140px;
	height: 46px;
	line-height: 46px;
	color: #FFF;
	text-align: center;
	background-color: #E10909;
	border-radius: 23px;
	font-size: 24px;
	padding: 0 20px;
	box-sizing: border-box;
}
.itemDetailTop h1{
	font-size: 48px;
	font-weight: bold;
	margin: 0 0 20px 0;
	line-height: 1.2em;
}
.itemDetailTopInfo{
	margin: 0 0 30px 0;
	font-size: 30px;
}
.itemDetailTopList{
	margin: 0;
}
.itemDetailTopList > ul > li{
	float: left;
	width: 18%;
	height: auto;
	margin: 0 2.5% 10px 0;
	font-size: 1px;
	line-height: 0;
}
.itemDetailTopList > ul > li:nth-child(2n){
	margin: 0 0 10px 0;
}
.itemDetailTopList > ul > li img{
	width: 100%;
	height: auto;
	border: 2px solid #EAEAEA;
	box-sizing: border-box;
}
.itemDetailTopList > ul > li.current img{
	border: 2px solid #A50419;
}
.itemDetailBottom{
	padding: 80px 20px;
	background-color: #E6E6E6;
}
.itemDetailBanner{
	padding: 80px 20px;
}
.itemDetailBannerList > ul > li{
	margin: 0 0 30px 0;
	text-align: center;
}
.itemDetailBannerList > ul > li:last-child{
	margin: 0;
}
.itemDetailBanner > ul > li a{
	margin: 0 auto;
	display: inline-block;
}
.itemDetailBanner > ul > li a img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.itemDetailPageInner{
	padding: 40px 30px;
	background: url(/img/renewal/common/item_detail_page_bg-sp.png) no-repeat right 30px center #FFF;
	border-radius: 6px;
}
.itemDetailPage > ul > li{
	margin: 0 0 30px 0;
}
.itemDetailPage > ul > li:last-child{
	margin: 0;
}
.itemDetailPageLeft{
	float: left;
	width: 260px;
}
.itemDetailPageRight{
	margin-left: 30px;
	padding: 0 50px 0 0;
	box-sizing: border-box;
}
.itemDetailPageTitle{
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.itemDetailPageText{
	font-size: 26px;
}
.itemDetailAttention{
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 6px;
	padding: 40px 30px;
	margin: 0 0 80px 0;
}
.itemDetailAttention h3{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #a50319;
	margin: 0 0 15px 0;
}
.itemDetailAttention p{
	font-size: 28px;
	line-height: 1.6em;
}
.itemDetailAttention p a{
	text-decoration: underline;
}
.itemDetailStaff{
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 6px;
	padding: 40px 30px 60px 30px;
	margin: 0 0 50px 0;
}
.itemDetailStaff h3{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #a50319;
	margin: 0 0 40px 0;
}
.itemDetailStaff p{
	text-align: center;
	font-size: 28px;
	margin: 0 0 50px 0;
}
.itemDetailStaffLabel{
	margin: 0 0 20px 0;
	text-align: center;
}
.itemDetailStaffLabel span{
	max-width: 100%;
	overflow: hidden;
	display: inline-block;
	color: #FFF;
	font-size: 24px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	background-color: #222;
	padding: 0 24px;
}
.itemDetailStaffList > ul > li{
	float: left;
	width: 48%;
	margin-right: 4%;
}
.itemDetailStaffList > ul > li:nth-child(even){
	margin-right: 0;
}
.itemDetailStaffListImg{
	margin: 0 0 20px 0;
	text-align: center;
}
.itemDetailStaffListImg img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.itemDetailStaffListText{
	font-size: 26px;
	color: #666;
}
.itemDetailInfo{
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 6px;
	padding: 40px 30px;
	margin: 0 0 50px 0;
	font-size: 28px;
	line-height: 1.6em;
}
.itemDetailInfo.itemDetailInfoTop{
	margin: 0 0 80px 0;
}
.itemDetailInfo h3{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #a50319;
	margin: 0 0 30px 0;
}
.itemDetailInfo h4{
	font-size: 36px;
	font-weight: bold;
	border-bottom: 1px solid #D4D4D4;
	padding: 0 0 25px 0;
	margin: 0 0 35px 0;
}
.itemDetailInfo p{
	font-size: 28px;
	line-height: 1.6em;
	margin: 0 0 80px 0;
}
.itemDetailInfoImg{
	text-align: center;
}
.itemDetailInfoImg p{
	text-align: left;
	font-size: 26px;
}
.itemDetailInfoImg p span{
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	display: block;
	margin: 0 0 10px 0;
}
.itemDetailInfoImg img{
	max-width: 100%;
	margin: 0 auto 20px auto;
	height: auto;
}
.itemDetailInfoTextimg{
	margin: 0 0 80px 0;
}
.itemDetailInfoTextimg > ul > li{
	margin: 0 0 60px 0;
	overflow: hidden;
}
.itemDetailInfoTextimgLeft{
	float: left;
	width: 100%;
	margin-right: -280px;
	padding-right: 280px;
	box-sizing: border-box;
	font-size: 28px;
}
.itemDetailInfoTextimgRight{
	float: right;
	text-align: right;
	width: 280px;
}
.itemDetailInfoBox > ul > li{
	margin: 0 0 34px 0;
}
.itemDetailInfoBox > ul > li:last-child{
	margin: 0;
}
.itemDetailInfoBox > ul > li:nth-child(odd) .itemDetailInfoBoxImg{
	float: left;
	width: 400px;
	margin-right: 30px;
}
.itemDetailInfoBox > ul > li:nth-child(odd) .itemDetailInfoBoxText{
	margin-left: 430px;
}
.itemDetailInfoBox > ul > li:nth-child(even) .itemDetailInfoBoxImg{
	margin-left: 500px;
}
.itemDetailInfoBox > ul > li:nth-child(even) .itemDetailInfoBoxText{
	float: left;
	width: 470px;
	margin-right: 30px;
}
.itemDetailInfoBoxImg p{
	font-size: 12px;
	margin: 0;
}
.itemDetailInfoBoxImg p span{
	font-size: 14px;
	font-weight: bold;
	display: block;
}
.itemDetailInfoCol1,
.itemDetailInfoCol2,
.itemDetailInfoCol3{
	margin: 0 0 20px 0;
}
.itemDetailInfoCol1 p,
.itemDetailInfoCol2 p,
.itemDetailInfoCol3 p{
	font-size: 26px;
	color: #666;
	margin: 0;
}
.itemDetailInfoCol1 img,
.itemDetailInfoCol2 img,
.itemDetailInfoCol3 img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.itemDetailInfoCol1 > ul > li{
	margin: 0 0 40px 0;
}
.itemDetailInfoCol1 > ul > li:last-child{
	margin: 0;
}
.itemDetailInfoCol2 > ul > li{
	float: left;
	width: 48%;
	margin: 0 4% 40px 0;
}
.itemDetailInfoCol2 > ul > li:nth-child(even){
	margin-right: 0;
}
.itemDetailInfoCol3 > ul > li{
	float: left;
	width: 32%;
	margin: 0 2% 40px 0;
}
.itemDetailInfoCol3 > ul > li:nth-child(n+3){
	margin-right: 0;
}
.itemDetailInfoBtn{
	margin: 0 0 20px 0;
	text-align: center;
}
.itemDetailInfoBtn a{
	margin: 0 0 20px 0;
	display: inline-block;
	width: 80%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	background-color: #9e1780;
	border-radius: 6px;
	text-decoration: none;
}
/*.itemDetailInfoBtn a:hover {
	background-color: #565656;
}*/
.itemDetailInfoBtn a:last-child{
	margin: 0 0 15px 0;
}
.itemDetailInfoPoint{
	border-bottom: 1px solid #D4D4D4;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}
.itemDetailInfoPoint h5{
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.itemDetailInfoPoint > ul > li{
	margin: 0 0 30px 0;
}
.itemDetailInfoPoint > ul > li:last-child{
	margin: 0;
}
.itemDetailInfoPoint > ul > li p{
	margin: 0 0 60px 0;
}
.itemDetailInfoTop p{
	margin: 0 0 15px 0;
}
.itemDetailInfoPointAttention{
	margin: 0 0 40px 0;
}
.itemDetailInfoPointAttention > ul > li{
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 32px;
	text-indent: -32px;
}
.itemDetailInfoPointAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.itemDetailInfoAttention{
	background-color: #F5F5F5;
	border-radius: 6px;
	padding: 40px 30px;
	line-height: 1.2em;
}
.itemDetailInfoAttention > ul > li{
	font-size: 24px;
	color: #666;
	list-style-type: none;
	text-indent: -32px;
	margin: 0 0 20px 32px;
}
.itemDetailInfoAttention > ul > li:last-child{
	margin: 0 0 0 32px;
}
.itemDetailInfoAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.itemDetailInfoAttention > ul > li.itemDetailInfoAttentionRed:before{
	color: #a50319;
}
.itemDetailInfoAttention > ul > li.itemDetailInfoAttentionRed{
	color: #a50319;
}
.itemDetailType{
	margin: 0 0 60px 0;
}
.itemDetailTypeText{
	line-height: 1.6em;
	margin: 0 0 30px 0;
}
.itemDetailTypeAttention{
	margin: 0 0 30px 0;
}
.itemDetailTypeAttention > ul > li{
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 32px;
	text-indent: -32px;
}
.itemDetailTypeAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.itemDetailTypeList > ul > li{
	width: 100%;
	margin: 0 0 30px 0;
}
.itemDetailTypeListInner{
	background-color: #FFF;
	border-radius: 6px;
}
.itemDetailTypeListTop{
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.itemDetailTypeListTitle{
	flex: 1;
	word-wrap: break-word;
	min-width: 0;
	font-size: 36px;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.itemDetailTypeListImg{
	width: 350px;
}
.itemDetailTypeListImg img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.itemDetailTypeListBottom{
	width: 100%;
	background-color: #F5F5F5;
	padding: 30px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.itemDetailTypeListForm{
	width: 55%;
}
.itemDetailTypeListFormType{
	float: left;
	width: 216px;
	margin-right: 20px;
}
.itemDetailTypeListFormNum{
	float: left;
	width: 112px;
}
.itemDetailTypeListForm select{
	margin-right: 0;
	width: 216px;
	height: 74px;
	font-size: 30px;
	outline:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 8px 50px 8px 12px;
	border:2px solid #E3E3E3;
	background-color: #E3E3E3;
	color:#333;
	border-radius:3px;
}
.itemDetailTypeListForm .itemDetailTypeListFormNum select{
	width: 112px;
}
.itemDetailTypeListForm .select-wrap{
	float: left;
	width: 216px;
}
.itemDetailTypeListForm .select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 30px;
	font-size: 22px;
	top: 0;
	content: "\f123";
	font-family: "IonIcons";
	line-height: 74px;
	color: #666;
	pointer-events: none;
}
.itemDetailTypeListForm .itemDetailTypeListFormNum.select-wrap{
	width: 112px;
}
.itemDetailTypeListForm .select-wrap:before{
	right: 20px;
}
/*.itemDetailTypeListForm select:hover{
	background-color: #FFF;
	cursor: pointer;
}*/
.itemDetailTypeListForm select option{
	background-color: #FFF;
	color: #333;
}
.itemDetailTypeListForm select::-ms-expand {
	display: none;
}
.itemDetailTypeListForm select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
.itemDetailTypeListPrice{
	flex: 1;
	word-wrap: break-word;
	min-width: 0;
	font-size: 36px;
	font-weight: bold;
	display: flex;
	align-items: center;
	letter-spacing: -0.05em;
	justify-content: flex-end;
}
.itemDetailTypeListPrice p{
	text-align: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
}
.itemDetailTypeListPriceNormal{
	font-size: 30px;
	font-weight: bold;
}
.itemDetailTypeListPriceNormalText{
	font-size: 24px;
}
.itemDetailTypeListPriceThrough{
	text-decoration: line-through;
}
.itemDetailTypeListPriceArrow{
	color: #a50319;
	font-size: 24px;
	font-weight: normal;
}
.itemDetailTypeListPriceSpecial{
	color: #a50319;
	font-size: 30px;
	font-weight: bold;
}
.itemDetailTypeListPriceSpecialText{
	color: #a50319;
	font-size: 24px;
	font-weight: normal;
}
.itemDetailTypeListBtn{
	width: 100%;
	background-color: #F5F5F5;
	border-radius: 6px;
	padding: 0 0 30px 0;
}
.itemDetailTypeListBtn input[type="submit"]{
	display: none;
	width: 60%;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	background-color: #A50419;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
.itemDetailTypeListBtn span.itemDetailTypeListBtnGray{
	display: block;
	width: 60%;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	background-color: #D6D6D6;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
/*orderLinkComp*/
.orderLinkComp{
	background-color: #E6E6E6;
	padding: 54px 0;
	margin: 0;
}
.orderLinkCompMain{
	background-color: #FFF;
	padding: 60px 30px 30px 30px;
	margin: 0 20px;
}
.orderLinkCompTitle{
	text-align: center;
	margin-bottom: 50px;
}
.orderLinkCompTitle span{
	font-size: 28px;
	font-weight: bold;
}
.orderLinkCompText{
	margin: 30px 0 0 0;
	text-align: left;
	line-height: 1.6em;
	/*font-size: 14px;*/
}
.orderLinkCompText p{
	margin-bottom: 10px;
}
.orderLinkCompText .textred{
	color: #DD0220;
	font-weight: bold;
}
.orderLinkCompTextAttention > ul{
	margin-top: 18px;
}
.orderLinkCompTextAttention > ul > li{
	margin-bottom: 10px;
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 16px;
	text-indent: -16px;
	line-height: 1.6;
}
.orderLinkCompTextAttention > ul > li:before{
	display: inline;
	content: "※ ";
}
.orderLinkCompTextAttention2{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 54px;
}
.orderLinkCompTextAttention2 > ul{
	margin-top: 18px;
}
.orderLinkCompTextAttention2 > ul > li{
	margin-bottom: 10px;
	font-size: 24px;
	color: #666;
	list-style-type: none;
	margin-left: 16px;
	text-indent: -16px;
}
.orderLinkCompTextAttention2 > ul > li:before{
	display: inline;
	content: "※ ";
}
.orderLinkCompTextAttention2 > ul > li > a{
	color: #A50419;
	text-decoration: underline;
}
/*.orderLinkCompTextAttention2 > ul > li > a:hover{
	color: #666;
}*/
.orderLinkCompImportant{
	margin: 20px 0 0 0;
	text-align: left;
	font-weight: bold;
	color: #DD0220;
	padding: 24px 20px;
	background-color: #FDE4EA;
	/*font-size: 14px;*/
}
.orderLinkCompBanner{
	margin: 20px 20px 80px 20px;
	text-align: center;
}
.orderLinkCompBanner2{
	margin: 20px 20px 45px 20px;
	text-align: center;
}
.orderLinkCompBtn{
	text-align: center;
	margin: 0 0 54px 0;
}
.orderLinkCompBtnMain{
	margin: 0 auto 20px auto;
	text-align: center;
}
.orderLinkCompBtnMain > a{
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #333;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	max-width: 560px;
	width: 80%;
	padding: 0 20px;
	height: 88px;
	line-height: 88px;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0 0 20px 0;
}
.orderLinkCompPage > ul{
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.orderLinkCompPage > ul > li{
	float: left;
	width: 310px;
	margin-right: 25px;
	box-sizing: border-box;
}
.orderLinkCompPage > ul > li:last-child{
	margin-right: 0;
}
.orderLinkCompPageInner{
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: #fff;
}
.orderLinkCompPageTitle{
	padding: 30px 15px 10px;
	margin: 0 0 7px 0;
	font-size: 16px;
	font-weight: bold;
}
.orderLinkCompPageText{
	padding: 0 15px 25px 15px;
	font-size: 13px;
}
.orderLinkCompBox{
	background-color: #E6E6E6;
	padding: 0px 20px 80px 20px;
	margin: 0;
}
.orderLinkCompBoxBottom{
	padding: 0;
	box-sizing: border-box;
}
.orderLinkCompBoxBottom > ul > li{
	background-color: #FFF;
	border-bottom: 1px solid #E5E5E5;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.orderLinkCompBoxBottom a{
	display: block;
	width: 560px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	margin: 20px auto 0 auto;
}
.orderInfoCoupon{
	margin: 0 0 80px 0;
	padding: 0 20px;
}
.orderInfoCoupon > ul > li{
	margin: 0 0 20px 0;
	background-color: #FFF;
	border-radius: 6px;
	position: relative;
	display: table;
}
.orderInfoCoupon > ul > li:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #E6E6E6;
	content: "";
}
.orderInfoCouponLeft{
	width: 100%;
	background: #fff url(/img/renewal/common/order_coupon-sp.png);
	background-size: 102px 384px;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 28px 28px 0 102px;
	box-sizing: border-box;
	display: table-cell;
}
.orderInfoCouponTitle{
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.privilege{
	display: none;
}

/* review_list */
.reviewMain{
	background-color: #E6E6E6;
	padding: 50px 20px 80px 20px;
	margin: 0;
}
.reviewMainText{
	margin: 0 0 30px 0;
}
.reviewMainText span{
	font-weight: bold;
}
.reviewListBanner{
	margin-bottom: 10px;
}/*
.reviewListBanner a:hover{
	opacity: 0.7;
}*/
.reviewListMain{
	margin: 0 0 20px 0;
}
.reviewListMain > ul > li{
	margin: 0 0 15px 0;
}
.reviewListMain > ul > li:last-child{
	margin: 0;
}
.reviewListMainBottom{
	padding: 0;
	box-sizing: border-box;
}
.reviewListMainBottom > ul > li{
	background-color: #FFF;
	border-bottom: 1px solid #E5E5E5;
	padding: 30px;
	border-radius: 10px;
}
.reviewListMainBottomLeft{
	float: left;
	width: 180px;
}
.reviewListMainBottomLeft img{
	max-width: 160px;
	width: 100%;
	height: auto;
}
.reviewListMainBottomLeft2{
	float: left;
	width: 150px;
}
.reviewListMainBottomLeft2 img{
	max-width: 140px;
	width: 100%;
	height: auto;
	margin: 3px;
}
.reviewListMainBottomRight{
	float: left;
	width: 470px;
}
.reviewListMainBottomRight2{
	float: left;
	width: 780px;
	margin-top: 40px;
	margin-bottom: 30px;
}
.reviewListMainBottomRightTitle{
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 10px 0 0 0;
}
.reviewListMainBottomRightTitleLarge{
	font-size: 29px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px 0 0 0;
	line-height: 1.2;
}
.reviewListMainBottomRightTitleLarge2{
	font-size: 26px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	line-height: 1.2;
}
.reviewListMainBottomRightTitleLarge2 img{
	position: relative;
	top: 9px;
}
.reviewListMainBottomRightInfo{
	font-size: 12px;
	margin-bottom: 20px;
	color: #666;
}
.reviewListMainBottomRightInfo > ul > li{
	float: left;
	margin-right: 22px;
}
.reviewListMainBottomRightInfo > ul > li.reviewListMainBottomRightInfoSubtotal{
	margin-right: 0;
	padding-left: 22px;
	border-left: 1px solid #D7D7D7;
	font-weight: bold;
	color: #222;
}
.reviewListMainBottomRightInfo > ul > li:last-child{
	margin-right: 0;
}
.reviewListMainBottomRightInfo > ul > li span{
	font-size: 14px;
}
.reviewListMainBottomRightText{
	font-size: 19px;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 10px 0 0 0;
}
.reviewListMainBottomRightBtn{
	clear: both;
	padding-top: 15px;
}
.reviewListMainBottomRightBtn a{
	display: inline-block;
	width: 320px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
}/*
.reviewListMainBottomRightBtn a:hover{
	background-color: #565656;
}*/
.reviewListMainBottomRightBtn a.reviewListMainBottomRightBtnVoice{
	display: inline-block;
	width: 320px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	background-color: #A50419;
	border-radius: 6px;
	text-decoration: none;
	margin-right: 10px;
}
.reviewListMainBottomRightBtn a.reviewListMainBottomRightBtnVoice span{
	display: inline-block;
	background: url(/img/renewal/common/icon_voice2.png);
	background-size: 45px 45px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 60px;
}/*
.reviewListMainBottomRightBtn a.reviewListMainBottomRightBtnVoice:hover{
	background-color: #c21930;
}*/
.reviewListMainBottomRightAttention{
	margin-top: 40px;
}
.reviewListMainBottomRightAttention > ul > li{
	margin-bottom: 20px;
	font-size: 12px;
	color: #666;
	list-style-type: none;
	margin-left: 16px;
	text-indent: -16px;
	line-height: 1.4;
}
.reviewListMainBottomRightAttention > ul > li a{
	color: #A50419;
	text-decoration: underline;
}
.reviewListMainBottomRightAttention > ul > li:before {
	display: inline;
	content: "※ ";
}
.reviewListItem{
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
}

.reviewListItemLeft{
	width: 710px;
	clear: both;
}
.reviewListItemLeft h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 140%;
}
.reviewListItemRight{
	width: 355px;
	height: 56px;
	background: #333;
	border-radius: 28px;
	color:#fff;
	text-align: center;
	vertical-align: middle;
	margin-top: 14px;
	clear: both;
}
.reviewListItemRight > span{
	font-size: 24px;
	display: inline-block;
	background: url(/img/renewal/common/icon_voice3.png);
	background-size: 29px 25px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 8px;
}
.reviewListItemRight .num{
	font-size: 32px;
	font-weight: bold;
	margin: 0 6px;
}
.reviewListItemAttention{
	margin-top: 15px;
	margin-bottom: 30px;
	clear: both;
	margin-left: 16px;
	list-style-type: none;
	color: #A50419 !important;
}
.reviewListItemAttention:before{
	display: inline;
	content: "※ ";
}
.reviewListItemAttention p{
	font-size: 12px;
	color: #A50419 !important;
	text-indent: -16px;
	line-height: 1.4;
}
.reviewListComment{
	background: #fceaed;
	padding: 35px 20px 20px 20px;
	width: 710px;
	position: relative;
	left: -20px;
}
.reviewListComment .contents_inner{
	margin-top: 15px;
	width: 710px;
}

.reviewListComment .review-box{
	overflow: hidden;
}
.reviewListComment .review-box_prof-box{
	float: left;
	width: 119px;
}
.reviewListComment .review-box_prof-face{
	margin-left: 15px;
	margin-top: 3px;
	width: 95px;
}
.reviewListComment .review-box_prof-text{
	color: #333;
	margin-top: -10px;
	text-align: center;
	line-height: 28px;
}
.reviewListComment .review-box_text-box{
	float: left;
	width: 595px;
	margin-left: -4px;
}
.reviewListComment .review-box_text-box_inner{
	width: 570px;
	padding: 0 0 20px;
	margin-left: 28px;
	position: relative;
}
.reviewListComment .review_baloon_link{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 570px;
	height: 100%;
	z-index: 5;
	border-radius: 24px;
	background-color: #fff;
}
.reviewListComment .review_baloon_link:before{
	z-index: -1;
	position: absolute;
	top: 24px;
	left: -25px;
	width: 48px;
	height: 44px;
	content: "";
	background: url(/img/renewal/common/baloon.png);
	background-repeat: no-repeat;
	background-size: 48px 44px;
}

.reviewListComment .review_osusume{
	position: relative;
	color: #888;
	margin-bottom: 9px;
	padding: 25px 35px 0 35px;
}
.reviewListComment .review_osusume span{
	position: relative;
	top: -1px;
	margin-right: 9px;

}
.reviewListComment .review_osusume img{
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
	pointer-events: none;
}
.reviewListComment .review_osusume-date{
	color: #888;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 29px;
	right: 35px;
}

.reviewListComment .review_text-box-title{
	font-size: 32px;
	font-weight: bold;
	padding: 5px 35px 13px 35px;
	clear: both;
	line-height: 1.2;
}
.reviewListComment .review_text{
	color: #666;
	font-size: 26px;
	line-height: 1.5;
	padding: 0 0 25px 35px;
	width: 500px;
	display: block;
}
/* seibun */
.seibunInfoBtn{
	text-align: center;
	clear: both;
}
.seibunInfoBtn a{
	display: inline-block;
	margin: 60px auto 0;
	padding: 25px 20px 25px;
	width: 550px;
	line-height: 1.3;
	text-align: center;
	color: #FFF;
	font-size: 32px;
	font-weight: bold;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
}
.seibunMain{
	background-color: #E6E6E6;
	padding: 50px 20px 80px 20px;
	margin: 0;
}
.seibunInfoMain{
	margin: 0 0 20px 0;
}
.seibunInfoMainLeft{
	width: 640px;
	background: #fff;
	padding: 0 35px 45px 35px;
	border-radius: 10px;
}
.seibunInfoMainLeft img{
	width: 370px;
	padding: 0 135px;
}
.seibunInfoMainLeft span{
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.2;
	font-size: 2rem;
}
.seibunInfoMainRight{
	margin-top: 30px;
}
.seibunInfoMainTable table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
}
.seibunInfoMainTable table tbody th{
	padding: 25px 25px 25px 25px;
	box-sizing: border-box;
	background-color: #F5F5F5;
	font-size: 25px;
	font-weight: bold;
}
.seibunInfoMainTable table tbody th:nth-child(1){
	width:460px;
	border-right: 1px solid #e6e6e6;
	border-radius: 10px 0 0 0;
}
.seibunInfoMainTable table tbody th:nth-child(2){
	width:250px;
	border-radius: 0 10px 0 0;
}
.seibunInfoMainTable table tbody td{
	padding: 22px 25px 22px 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #E6E6E6;
	background-color: #FFF;
	font-size: 25px;
}
.seibunInfoMainTable table tbody td:nth-child(2n+1){
	width:460px;
	border-right: 1px solid #e6e6e6;
}
.seibunInfoMainTable table tbody td:nth-child(2n+0){
	width:250px;
}
.seibunInfoMainTable table tbody tr:last-child td:first-child{
	border-radius: 0 0 0 10px;
}
.seibunInfoMainTable table tbody tr:last-child td:last-child{
	border-radius: 0 0 10px 0;
}

#urlintroduct h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 125%;
	margin: 80px 0 30px 0;
	clear: both;
}

.urlintroductForm{
	background-color: #E6E6E6;
	padding: 54px 0;
	margin: 0 0 54px 0;
}

.urlintroductFormData{
	padding: 0 20px;
}

.urlintroductFormDataTable{
	margin: 0;
}

.urlintroductFormDataTable table{
	width: 100%;
}

.urlintroductFormDataTable table tbody th{
	padding: 30px 20px;
	width: 200px;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
	background-color: #F5F5F5;
	font-size: 26px;
	font-weight: bold;
}

.urlintroductFormDataTable table tbody td:nth-child(2) {
	width: 550px;
}

.urlintroductFormDataTable table tbody td{
	padding: 30px 20px;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
	background-color: #FFF;
	font-size: 26px;
	word-break: break-all;
}

.urlintroductIssueComContent{
	margin: 0 20px 54px 20px;
	clear: both;
}

.urlintroductIssueComContent .snsBlock{
	margin: 0 20px 20px 0;
	float: left;
}
.urlintroductIssueComContent .snsBlock:nth-child(even){
	margin: 0 0 20px 0;
}
.urlintroductIssueComContent .snsBlock a{
	display: block;
	padding: 15px 15px 30px 15px;
	width: 315px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}
.urlintroductIssueComContent .snsBlock.snsfb a{
	background: #3C5A9A;
}
.urlintroductIssueComContent .snsBlock.snstw a{
	background: #32CCFE;
}
.urlintroductIssueComContent .snsBlock.snsline a{
	background: #00B800;
}
.urlintroductIssueComContent .snsBlock.snsmail a{
	background: #FE6555;
}
.urlintroductIssueComContent .snsBlock a div{
	background: #fff;
	border-radius: 5px;
	color: #000;
	margin: 5px auto;
	line-height: 50px;
	width: 220px;
}

.urlintroductIssueComContentAttention{
	clear: both;
	margin-top: 15px;
	margin-bottom: 30px;
	max-height: 100%;
}
.urlintroductIssueComContentAttention.mb0{
	margin-bottom: 0;
}
.urlintroductIssueComContentAttention.urlintroductsmall.mb80{
	margin-bottom: 80px;
}

.urlintroductIssueComContentAttention > ul > li{
	margin-bottom: 10px;
	font-size: 24px;
	list-style-type: none;
	margin-left: 35px;
	text-indent: -35px;
	max-height: 100%;
}
.urlintroductIssueComContentAttention > ul > li:before{
	display: inline;
	content: "※ ";
}
.urlintroductIssueComContentAttention.urlintroductbig > ul > li{
	font-size: 28px;
}
.urlintroductIssueComContentAttention.urlintroductbig.mb80{
	margin-bottom: 80px;
}
.urlintroductBtn{
	text-align: center;
	clear: both;
}
.urlintroductBtn a{
	display: inline-block;
	margin: 0 15px 15px 0;
	width: 550px;
	text-align: center;
	color: #FFF;
	font-size: 32px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
	padding: 25px 20px 25px;
	line-height: 1.3;
	font-weight: bold;
}/*
.urlintroductBtn a:hover {
	background-color: #565656;
}*/
.urlintroductBtn a:last-child{
	margin: 0 0 15px 0;
}
.urlintroductText{
	margin: 0 0 30px 0;
	max-height: 100%;
}

/*helper class*/

.mt-40 {
  margin-top: -40px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mt-1 {
  margin-top: -1px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mr-40 {
  margin-right: -40px !important;
}
.mr-30 {
  margin-right: -30px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mr-1 {
  margin-right: -1px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mb-40 {
  margin-bottom: -40px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.mb-1 {
  margin-bottom: -1px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml-40 {
  margin-left: -40px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
.ml-1 {
  margin-left: -1px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.atred{
  color: #A50319;
}
.txbold{
  font-weight: bold;
}
.acbtn{
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("/img/renewal/images/icon_accordion_plus_red_sp.png");
	cursor: pointer;
	margin-left: 16px;
}
.acbtn.active{
	background: url("/img/renewal/images/icon_accordion_minus_red_sp.png");
}
.acbox{
	display: none;
	overflow: hidden;
	list-style: none;
}
.acbtn2{
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("/img/renewal/images/icon_accordion_plus_red_sp.png");
	cursor: pointer;
	margin-left: 16px;
}
.acbtn2.active{
	background: url("/img/renewal/images/icon_accordion_minus_red_sp.png");
}
.acbox2{
	display: none;
	overflow: hidden;
	list-style: none;
}
.acbtn3{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("/img/renewal/images/icon_accordion_plus_red.png");
	cursor: pointer;
	margin-left: 8px;
}
.acbtn3.active{
	background: url("/img/renewal/images/icon_accordion_minus_red.png");
}
.acbox3{
	display: none;
	overflow: hidden;
}
.acbtn4{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("/img/renewal/images/icon_accordion_plus_red.png");
	cursor: pointer;
	margin-left: 8px;
}
.acbtn4.active{
	background: url("/img/renewal/images/icon_accordion_minus_red.png");
}
.acbox4{
	display: none;
	overflow: hidden;
}

.noborder{
	border: none !important;
}
.border_bt1{
	border-bottom: 2px solid #acacac !important;
}
.linkneworderconfirm p,li,div{
	max-height: none;
}
.linkneworderconfirm .orderMain{
	background: none !important;
	padding: 0px 0 2px 0;
}
.linkneworderconfirm .content{
	font-size: 14px;
}
.linkneworderconfirm .orderDetailMain{
	margin: 0 0 40px 0;
}
.linkneworderconfirm .orderDetailMainListText{
	font-size: 11px;
}
.linkneworderconfirm .orderDetailMainListTitle{
	font-size: 16px;
}
.linkneworderconfirm .orderDetailMainListBottomLeft{
	font-size: 12px;
	width: 120px;
}
.linkneworderconfirm .orderDetailMainListPrice1{
	font-size: 12px;
}
.linkneworderconfirm .orderDetailMainListPrice2{
	font-size: 16px;
}
.linkneworderconfirm .orderDetailMainListSpanLeft{
	font-size: 12px;
}
.linkneworderconfirm .orderDetailMainListYen{
	font-size: 12px;
}
.linkneworderconfirm .orderDetailMainCheckFirstPrice{
	font-size: 22px;
	margin-right: 5px;
}
.linkneworderconfirm .orderDetailMainCheckFirstYen{
	font-size: 16px;
}
.linkneworderconfirm .orderDetailMainListTop{
	padding: 15px 10px;
}
.linkneworderconfirm .orderDetailMainListBottomRight{
	margin-left: 120px;
}
.linkneworderconfirm .orderDetailMainCheckFirstRight{
	font-size: 12px;
	padding-bottom: 15px;
	border-bottom: 2px solid #acacac;
}
.linkneworderconfirm .orderDetailMainCheck{
	margin: 20px 0 0 0;
	padding-top: 12px;
}
.linkneworderconfirm .orderDetailMainCheckFirst{
	padding: 10px 20px;
}
.linkneworderconfirm .orderDetailMainCheckThaadYen{
	font-size: 18px;
}
.linkneworderconfirm .orderDetailMainCheckSecond > ul > li{
	font-size: 14px;
	padding: 10px 0;
}
.linkneworderconfirm .orderDetailMainCheckFourth{
	padding: 15px 20px 0 20px;
}
.linkneworderconfirm .orderDetailMainCheckFourthLeft{
	padding-bottom: 15px;
	border-bottom: 2px solid #acacac;
}
.linkneworderconfirm .orderDetailMainCheckFourthRight{
	padding-bottom: 15px;
	border-bottom: 2px solid #acacac;
}
.linkneworderconfirm .orderDetailMainCheckFifth{
	padding: 15px 20px;
}
.linkneworderconfirm .orderDetailMainCheckFifthRight{
	font-size: 12px;
	padding: 10px 0 0 0;
}
.linkneworderconfirm .orderDetailMainCheckFifthPrice{
	font-size: 28px;
	margin-right: 5px;
}
.linkneworderconfirm .orderDetailMainCheckFifthYen{
	font-size: 18px;
}
.linkneworderconfirm .border_bt1{
	border-bottom: 1px solid #acacac !important;
}
.linkneworderconfirm .orderDetailMainCheckSecond > ul > li:last-child{
	border-bottom: 1px solid #acacac;
}
.linkneworderconfirm .orderDetailMainCheckFirstLeft{
	border-bottom: 2px solid #acacac;
	padding-bottom: 15px;
}
.linkneworderconfirm .orderDetailMainListBottom{
	padding: 10px;
}


/* スタッフレビュー用 */

/* スタッフレビュー共通 */
.CircleCut{
	border-radius: 50%;
}

/* スタッフレビューコーディネート一覧 */

#cordinateList{
	position: relative;
	margin-top: 40px;
}
#cordinateList .breadcrumb{
	padding: 15px 0 15px 0;
}
.cordinateListModalMain {
	display: none;
	width: 690px;
    height: 90%;
    max-height: 90%;
	background-color: #FFF;
	box-sizing: border-box;
	font-size: 28px;
	z-index: 1001;
	position: fixed;
	overflow-y:scroll;
	padding: 0;
	top: 5%;
}
.cordinateListModalMain p{
	font-size: 32px;
}
.cordinateListModalMain .cordinateListModalTitle{
	position: sticky;
	top: 0;
	z-index:1002;
	width: 690px;
	height: 100px;
	line-height: 100px;
	background: #fff;
}
.cordinateListModalMain .cordinateListModalTitle h2{
	font-size: 40px;
	text-align: center;
	margin: 0;
}
.cordinateListModalMain .cordinateListModalTitle .modalClose{
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 40px;
	text-align: center;
	width: 85px;
	height: 60px;
}
.cordinateListModalMain .cordinateListModalTitle .modalClose:before{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 2px;
    background: #3c4043;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.cordinateListModalMain .cordinateListModalTitle .modalClose::after{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 2px;
    background: #3c4043;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.cordinateListModalMain .cordinateListSortModal{
	margin: 20px 0 0 0;
	display: grid;
}
.cordinateListTitle{
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
}
.cordinateListTitle h1{
	text-align: center;
	font-size: 46px;
	margin-bottom: 18px;
}
.cordinateListTitle p{
	text-align: center;
	font-size: 28px;
}
.cordinateListTop{
	width: 690px;
	margin: 0 auto;
	padding: 25px 0 100px 0;
}
.cordinateListTopInner{
	border-top: 2px solid #e5e5e5;
    padding-top: 40px;
}
.cordinateListTopLeft{
	width: 690px;
	margin: 0 auto 70px auto;
}
.cordinateListContentLeft.staff, .cordinateListContentLeft.item {
	padding: 0;
	margin: 0 30px 0 30px;
	/*background-color: #E6E6E6;*/
	line-height: 0.6em;
}
.cordinateListContentLeft .cordinateSortbutton{
	width: 100%;
	height: 75px;
	line-height: 75px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 6px;
}
.cordinateListContentLeft .cordinateSortbutton a.modalOpen_staff{
	width: 100%;
    height: 100%;
    color: #fff;
    display: block;
}
.cordinateListContentLeft.item{
	margin-top: 25px;
	margin-bottom: 15px;
	clear: both;
}
.cordinateListContentLeft h2{
	color: #333;
    clear: both;
	margin: 0 auto 80px auto;
    font-size: 56px;
    font-weight: normal;
	text-align: center;
}
.cordinateListContentLeft h3{
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.cordinateListContentLeftAc{
	margin-left: 0;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	display: grid;
}
.cordinateListContentLeftAcTitle{
	font-size: 32px;
	line-height: 1;
	margin-bottom: 30px;
	padding-top: 20px;
	position: relative;
	font-weight: bold;
}
.cordinateListContentLeftAcTitle .cordinateAcbtn{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/img/renewal/common/icon_accordion_minus_gray.png);
	background-size: 40px;
	margin-left: 16px;
	position: absolute;
	top: 15px;
	right: 0;
}
.cordinateListContentLeftAcTitle.Close .cordinateAcbtn{
    background: url(/img/renewal/common/icon_accordion_plus_gray.png);
	background-size: 40px;
}
.cordinateListContentLeftAcTitle .Acarrow:after{
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: #3b4043;
    margin-top: -2px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 14px;
    width: 30px;
    height: 2px;
}
.cordinateListContentLeftAcContent{
	line-height: 1.2;
}
.cordinateListContentLeftAcContent ul{

}
.cordinateListContentLeftAcContent ul li{
	margin: 0 0 26px 0;
	width: 50%;
	float: left;
}
.cordinateListContentLeftAcContent .CheckAgeLabel,.cordinateListContentLeftAcContent .CheckSkinLabel,.cordinateListContentLeftAcContent .CheckColorLabel{
	cursor: pointer;
}
.cordinateListContentLeftAcContent .CheckAgeLabel input,.cordinateListContentLeftAcContent .CheckSkinLabel input,.cordinateListContentLeftAcContent .CheckColorLabel input{
	display: none;
}
.cordinateListContentLeftAcContent .CheckAgeText,.cordinateListContentLeftAcContent .CheckSkinText,.cordinateListContentLeftAcContent .CheckColorText{
	font-size: 30px;
	line-height: 1.4;
	position: relative;
	padding-left: 60px;
}
.cordinateListContentLeftAcContent .CheckAgeLabel input + .CheckAgeText:before,.cordinateListContentLeftAcContent .CheckSkinLabel input + .CheckSkinText:before,.cordinateListContentLeftAcContent .CheckColorLabel input + .CheckColorText:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	background: url(/img/renewal/common/icon_radio_gray_off.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	z-index: 1010;
}
.cordinateListContentLeftAcContent .CheckAgeLabel input:checked + .CheckAgeText:before,.cordinateListContentLeftAcContent .CheckSkinLabel input:checked + .CheckSkinText:before,.cordinateListContentLeftAcContent .CheckColorLabel input:checked + .CheckColorText:before{
	background: url(/img/renewal/common/icon_radio_red_on.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	z-index: 1010;
}
.cordinateListContentLeftAcContent .CheckOtherLabel{
	cursor: pointer;
	display: inline-block;
}
.cordinateListContentLeftAcContent .CheckOtherLabel input{
	display: none;
}
.cordinateListContentLeftAcContent .CheckOtherText{
	font-size: 30px;
	line-height: 1.4;
	position: relative;
	padding-left: 55px;
}
.cordinateListContentLeftAcContent .CheckOtherLabel input + .CheckOtherText:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	background: url(/img/renewal/common/icon_check_gray_off.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}
.cordinateListContentLeftAcContent .CheckOtherLabel input:checked + .CheckOtherText:before{
	background: url(/img/renewal/common/icon_check_red_on.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}
.cordinateListContentLeftAcContent ul li a{
	display: block;
    position: relative;
    width: 100%;
}
.cordinateListContentLeftAcContent ul li a:hover{
	color: #a50319;
}
.cordinateListContentLeftAcContent ul li a .cordinateRadio{
	/* background-color: #fff; */
	cursor: pointer;
	width: 36px;
	height: 36px;
	left: 0;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	background: url(/img/renewal/common/icon_radio_gray_off.png) no-repeat;
	background-size: 36px;
}
.cordinateListContentLeftAcContent ul li a .cordinateRadioOn{
	/* background-color: #fff; */
	cursor: pointer;
	width: 36px;
	height: 36px;
	left: 0;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	background: url(/img/renewal/common/icon_radio_red_on.png) no-repeat;
	background-size: 36px;
}
.cordinateListContentLeftAcContent ul li a .cordinateCheckbox{
	/* background-color: #fff; */
	cursor: pointer;
	width: 36px;
	height: 36px;
	left: 0;
	position: absolute;
	background: url(/img/renewal/common/icon_check_gray_off.png) no-repeat;
	background-size: 36px;
}
.cordinateListContentLeftAcContent ul li a .cordinateCheckboxOn{
	/* background-color: #fff; */
	cursor: pointer;
	width: 36px;
	height: 36px;
	left: 0;
	position: absolute;
	background: url(/img/renewal/common/icon_check_red_on.png) no-repeat;
	background-size: 36px;
}
.cordinateListContentLeftAcContent ul li a .cordinateLabel{
	display: block;
	padding-left: 2em;
	padding-right: 1em;
	font-size: 30px;
	line-height: 1.4;
}
.matchSkinCare{
	font-size: 30px;
    line-height: 1.4;
}
.cordinateListContentLeft.clear{
	position: sticky;
	z-index: 1002;
	bottom: 0;
	width: 690px;
	height: 240px;
	background:#fff;
	margin: 0;
	line-height: 0;
	border-top: 2px solid #D4D4D4;
}
.cordinateListContentLeftClear{
	margin-top: 28px;
	display: grid;
}
.cordinateListContentLeftClear a{
	display: block;
	position: relative;
	margin: 0 30px;
	padding: 45px 34px;
	border-radius: 6px;
	background: #e5e5e5;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.cordinateListContentLeftClear .cordinateModalSortButton{
	display: block;
	margin: 0 30px 10px 30px;
	width: 630px;
	padding: 19px 0;
	border-radius: 6px;
	font-size: 32px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
	background: #a50319;
	color: #fff;
	border: none;
}

.cordinateListContentLeftClear a:hover{
	opacity: 0.7;
}
.cordinateListContentLeftClear .IconClear{
	width: 40px;
	height: 40px;
	top: 25px;
	left: 155px;
	position: absolute;
	background: url(/img/renewal/common/icon_close.png) no-repeat;
	background-size: 40px;
}
.cordinateListContentLeftClear .IconClearText{
	padding-left: 50px;
}
.cordinateListContentLeftClear .IconSortText{
	padding: 0;
}











.cordinateListTopRight{
	width: 690px;
	margin: 0 auto;
	line-height: 0.6em;
}
.cordinateListContentRight{
	padding: 0;
	/*background-color: #E6E6E6;*/
	line-height: 0.6em;
}
.cordinateListContentRight h2{
	color: #333;
    clear: both;
	margin: 0 auto 40px auto;
    font-size: 28px;
    font-weight: normal;
	text-align: center;
}
.cordinateListContentRight h3{
	font-size: 32px;
	margin-bottom: 35px;
	font-weight: bold;
}
.cordinateListContentRight .staffDetailBottomList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-wrap: wrap;
	flex-direction: row
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:start;
    -moz-justify-content:start;
    justify-content:start;
	margin-bottom: 40px;
	}
.cordinateListContentRight .cordinateListBottomList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-wrap: wrap;
	flex-direction: row
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:start;
    -moz-justify-content:start;
    justify-content:start;
	margin-bottom: 20px;
}
.cordinateListContentRight .cordinateListBottomListInner{
	width: 320px;
	margin-right: 50px;
	margin-bottom: 80px;
}
.cordinateListContentRight .cordinateListBottomListInner:nth-child(2n){
	margin-right: 0;
}
.cordinateListContentRight .cordinateListBottomListInner a{
	display: block;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.cordinateListContentRight .cordinateListBottomListInner a:hover{
	opacity: 0.7;
}
.cordinateListContentRight .cordinateListBottomListInner img{
	width: 100%;
    height: 320px !important;
	object-fit: cover;
}
.cordinateListContentRight .cordinateListBottomListInner>a>p{
	height: 72px;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: .03em;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
	text-decoration: underline;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/**
.cordinateListContentRight .cordinateListBottomListInner>a>p:before{
	background: #ffffff;
    position: absolute;
    content: "...";
    top: 42px;
    right: 0;
    width: 1.5em;
}
.cordinateListContentRight .cordinateListBottomListInner>a>p:after {
    background: #ffffff;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
}**/
.cordinateListStaff{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 16px 0 0 0;
	font-size: 20px;
}
.cordinateListStaff .staffProfileLeft{
	height: 70px;
}
.cordinateListStaff .staffProfileLeft img{
	width: 70px;
    height: 70px !important;
    object-fit: cover;
}
.cordinateListStaff .staffProfileLeft .CircleCut{
	max-width: 70px;
	height: auto;
    object-fit: cover;
}
.cordinateListStaff .staffProfileRight{
	margin-left: 20px;
	width: 230px;
	height: 70px;
}
.cordinateListStaff .staffProfileRight .staffname{
	font-size: 24px;
	line-height: 1.5;
    letter-spacing: .045em;
	margin-top: 0 !important;
	margin-bottom: 15px !important;
	height: 32px;
	position: relative;
    overflow: hidden;
	color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/**
.cordinateListStaff .staffProfileRight .staffname:before{
	background: #ffffff;
    position: absolute;
    content: "...";
    top: 2px;
    right: 0;
    width: 1.5em;
}
.cordinateListStaff .staffProfileRight .staffname:after {
    background: #ffffff;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
}
**/
.cordinateListStaff .staffProfileRight .staffprofile{
	font-size: 24px;
    letter-spacing: .045em;
	color: #666;
}
.cordinateListTopRight .staffListPagerCenter{
	margin: 0 auto;
	text-align: center;
}

/* スタッフレビューコーディネート詳細 */
#cordinateDetail{
	position: relative;
	padding: 0 0 60px 0;
    box-sizing: border-box;
}
.cordinateDetailTop{
	padding: 0;
}
.cordinateDetailTopLeft{
	width: 690px;
	margin: 0 auto;
}
.cordinateDetailTopRight{
	line-height: 1.2em;
}
.cordinateDetailImg{
	width: 100%;
	margin: 0 0 32px 0;
	position: relative;
	height: auto;
    text-align: center;
    font-size: 1px;
    line-height: 0em;
}
.cordinateDetailImg .slick-prev{
	left: 0px;
	background: url(/img/icon_prev.png);
    background-size: 68px 68px;
    background-position: center center;
    background-repeat: no-repeat;
}
.cordinateDetailImg .slick-next{
	right: 0px;
	background: url(/img/icon_next.png);
    background-size: 68px 68px;
    background-position: center center;
    background-repeat: no-repeat;
}

.cordinateDetailImg .slick-prev:before{
	content: none;
}
.cordinateDetailImg .slick-next:before, [dir=rtl] .cordinateDetailImg .slick-prev:before{
	content: none;
}
.cordinateDetailImg .slick-next, .cordinateDetailImg .slick-prev{
	width: 68px;
	height: 68px;
	z-index:100;
}
/*.cordinateDetailImgList .slick-track{
	display: flex;
	justify-content: center;
	align-items: center;
}*/
.cordinateDetailImgListInner{
	position: relative;
	transition: opacity 0.2s ease-in;
	margin: 0 auto;
	outline: none;
}
.cordinateDetailImgListInner img{
	max-width: 600px;
	width: auto !important;
	max-height :600px;
	height: auto;
	border: 2px solid #F2F2F2;
	box-sizing: border-box;
	margin: 0 auto;
}
.cordinateDetailTopList{
	margin: 0;
}
.cordinateDetailTopList > ul > li{
	float: left;
    width: 16.8%;
    height: auto;
    margin: 0 2.5% 10px 0;
    font-size: 1px;
    line-height: 0;
	border: 4px solid #EAEAEA;
	display: flex;
    align-items: center;
    justify-content: center;
}
.cordinateDetailTopList > ul > li:nth-child(5n){
	margin: 0 0 10px 0;
}
.cordinateDetailTopList > ul > li img{
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
.cordinateDetailTopList > ul > lihover{
	border: 4px solid #A50419;
	cursor: pointer;
}
.cordinateDetailTopList > ul > li.current{
	border: 4px solid #A50419;
}
.cordinateDetailTopInfo{
	width: 690px;
	margin: 35px auto 50px auto;
	font-size: 40px;
	padding-bottom: 35px;
	border-bottom: 2px solid #e5e5e5;
}
.cordinateDetailTopInfo a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.cordinateDetailTopInfo .CircleCut{
	max-width: 100px;
	height: auto;
    object-fit: cover;
}
.cordinateDetailTopInfo a span{
	font-size: 28px;
	display: block;
	font-weight: bold;
    margin-left: 40px;
    letter-spacing: .09em;
}
.cordinateDetailTopInfo a .staff{
	font-size: 28px;
	display: block;
	font-weight: bold;
    margin-left: 30px;
    letter-spacing: .09em;
	text-decoration: underline;
}
.cordinateDetailTopInfo a .profile{
	font-weight: normal;
	font-size: 22px;
    color: #666;
    letter-spacing: .09em;
	margin-top: 15px;
	text-decoration: none;
	margin-left: 30px;
	display: block;
	line-height: 1.5;
}
.cordinateDetailTopContext{
	padding: 60px 0;
	margin: 40px auto;
	width: 690px;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
}
.cordinateDetailTopContextDate{
	font-size: 28px;
	color: #808080;
	margin-bottom: 30px;
}
.cordinateDetailTopContextDetail{
	font-size: 28px;
	line-height: 1.8;
}
.cordinateDetailTopTag{
	width: 690px;
	margin: 0 auto 60px auto;
	position: relative;
}
.cordinateDetailTopTag h3{
	font-size: 32px;
	margin-top: 60px;
    margin-bottom: 35px;
    font-weight: bold;
}
.cordinateDetailTopTag > ul > li{
	float: left;
	margin: 0 14px 20px 0;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.cordinateDetailTopTag > ul > li:hover{
	opacity: 0.7;
}
.cordinateDetailTopTag > ul > li:last-child{
	margin: 0;
}
.cordinateDetailTopTag > ul > li a{
	display: block;
    position: relative;
    padding: 16px 34px;
	border-radius: 40px;
    background-color: rgb(245, 245, 245);
	border: 2px solid #e3e3e3;
	font-size: 24px;
	letter-spacing: .03em;
	line-height: 1.4;
}
.acc-item{
	line-height: 89.3333px;
}
.acc-more{
	display: none;
	position: absolute;
    right: 0;
    top: 100px;
    font-size: 24px;
    left: auto;
}
.cordinateDetailTopTagClose{
	margin: 0 0 60px 0;
}
.cordinateDetailTopTagClose > ul > li{
	float: left;
	margin: 0 14px 14px 0;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.cordinateDetailTopTagClose > ul > li:hover{
	opacity: 0.7;
}
.cordinateDetailTopTagClose > ul > li:last-child{
	margin: 0;
}
.cordinateDetailTopTagClose > ul > li a{
	display: block;
    position: relative;
    padding: 16px 80px 16px 34px;
	border-radius: 40px;
	border: 2px solid #A50419;
    background-color: rgb(245, 245, 245);
	font-size: 24px;
	color: #A50419;
	letter-spacing: .03em;
	line-height: 1.4;
}
.cordinateDetailTopTagClose ul > li a:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 2px;
    background: #A50419;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.cordinateDetailTopTagClose ul > li a:after{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 2px;
    background: #A50419;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.cordinateDetailTopTagClose .cordinateDetailTopTagCloseMemo{
	font-size: 24px;
	margin-top: 25px;
	display: block;
}
.cordinateDetailTopProducts{
	padding: 55px 30px 105px 30px;
	background-color: #f5f5f5;
    line-height: 1.6em;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.cordinateDetailTopProducts:after{
	clear: both;
	content: "";
	display: block;
}
.cordinateDetailCount{
	margin-bottom: 32px;
}
.cordinateDetailCount p{
	font-size: 28px;
}
.cordinateDetailCount span{
	font-size: 36px;
}
.cordinateDetailCount .count_small{
	font-size: 24px;
}
.cordinateDetailTopProductsTitle{
	font-size: 32px;
	font-weight: bold;
}
.cordinateDetailTopProductsList{
	margin-top: 0;
}
.cordinateDetailTopProductsListInnerCategory{
	margin: 20px 0 0 0;
	text-align: left;
}
.cordinateDetailTopProductsListInnerCategory span {
	font-size: 22px;
    line-height: 42px;
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    border-radius: 20px;
    background-color: #222;
}
.cordinateDetailTopProductsListInner{
	outline: none;
	margin: 35px 25px 10px 25px;
	width: 325px;
	float: left;
	-webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
	text-align: center;
}
.cordinateDetailTopProductsListInner img{
	width: 240px;
	margin: 0 auto;
}
.cordinateDetailTopProductsListInner .cordinateDetailTopProductsListInnerTitle{
	margin-top: 10px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
}
.cordinateDetailTopProductsListInner .cordinateDetailTopProductsListInnerPrice{
	margin-top: 10px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
}
.cordinateDetailTopProductsListInner:hover .cordinateDetailTopProductsListInnerTitle{
	color: #a50319;
}
.cordinateDetailTopProductsListInner:hover .cordinateDetailTopProductsListInnerPrice{
	color: #a50319;
}
.cordinateDetailTopProductsListInner .cordinateDetailTopProductsListInnerPrice .SpecialPrice{
	color: #a50319;
	font-weight: bold;
}
.cordinateDetailTopProductsListInner .size-xsmall{
	font-size: 71.43% !important;
}
.cordinateDetailTopProducts .slick-dots{
	bottom: -55px;
}

.cordinateDetailBottom{
	width: 690px;
	margin: 0 auto;
	background-color: #fff;
	line-height: 1.6em;
}
.cordinateDetailBottom h2{
	color: #333;
    clear: both;
	margin: 0 auto;
    font-size: 40px;
    font-weight: bold;
	text-align: center;
	height: 185px;
    line-height: 185px;
}
.cordinateDetailBottom .cordinateDetailBottomList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-wrap: wrap;
	flex-direction: row
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:start;
    -moz-justify-content:start;
    justify-content:start;
	width: 690px;
	margin: 0 auto;

}
.cordinateDetailBottom .cordinateDetailBottomListInner{
	width: 320px;
	margin-right: 50px;
	margin-bottom: 80px;
}
.cordinateDetailBottom .cordinateDetailBottomListInner:nth-child(2n){
	margin-right: 0;
}
.cordinateDetailBottom .cordinateDetailBottomListInner a{
	display: block;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.cordinateDetailBottom .cordinateDetailBottomListInner a:hover{
	opacity: 0.7;
}
.cordinateDetailBottom .cordinateDetailBottomListInner img{
	width: 100%;
    height: 320px !important;
	object-fit: cover;
}
.cordinateDetailBottom .cordinateDetailBottomListInner p{
	height: 72px;
	font-size: 26px;
	line-height: 1.5;
    letter-spacing: .03em;
    position: relative;
	overflow: hidden;
	margin-top: 0;
	text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*
.cordinateDetailBottom .cordinateDetailBottomListInner p:after {
    background: #ffffff;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
}
.cordinateDetailBottom .cordinateDetailBottomListInner p:before{
	background: #fff;
    position: absolute;
    content: "...";
    top: 42px;
    right: 0;
    width: 1.5em;
}
*/
.cordinateDetailBtn{
	text-align: center;
}
.cordinateDetailBtn a{
	display: inline-block;
	width: 500px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	background-color: #333;
	border-radius: 6px;
	text-decoration: none;
}
.cordinateDetailBtn a:hover{
	background-color: #565656;
}

/*スタッフレビュースタッフ詳細*/

#staffDetail{
	position: relative;
	width: 690px;
	margin: 0 auto;
}
.staffDetailTop{
	padding: 60px 0 20px 0;
}
.staffDetailTopInner{
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 40px;
}
.staffDetailTopLeft{
	float: left;
	margin-right: 70px;
	max-width: 750px;
}
.staffDetailTopInfo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 0 0 40px 0;
	font-size: 40px;
}
.staffDetailTopInfo .staffProfileLeft .CircleCut{
	max-width: 160px;
	height: auto;
    object-fit: cover;
}
.staffDetailTopInfo .staffProfileRight{
	margin-left: 30px;
}
.staffDetailTopInfo .staffProfileRight .staffname{
	font-size: 36px;
	font-weight: bold;
	letter-spacing: .09em;
	margin-bottom: 10px;
}
.staffDetailTopInfo .staffProfileRight .staffprofile{
	font-size: 24px;
	color: #666;
	margin-top: 30px;
    letter-spacing: .09em;
}
.staffDetailTopRight{
	float: right;
	max-width: 750px;
}
.staffDetailTopRight p{
	margin-top: 16px;
	font-size: 30px;
	line-height: 1.6em;
}
.staffDetailBottom{
	padding: 60px 0;
	/*background-color: #E6E6E6;*/
	line-height: 1.2em;
}
.staffDetailBottom h2{
	color: #333;
    clear: both;
	margin: 0 auto 60px auto;
    font-size: 40px;
    font-weight: normal;
	text-align: left;
}
.staffDetailBottom h3{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
}
.staffDetailBottom .staffDetailBottomList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-wrap: wrap;
	flex-direction: row
    -webkit-box-pack: justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:start;
    -moz-justify-content:start;
    justify-content:start;
}
.staffDetailBottom .staffDetailBottomListInner{
	width: 320px;
	margin-right: 50px;
	margin-bottom: 80px;
}
.staffDetailBottom .staffDetailBottomListInner:nth-child(2n){
	margin-right: 0;
}
.staffDetailBottom .staffDetailBottomListInner a{
	display: block;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.staffDetailBottom .staffDetailBottomListInner a:hover{
	opacity: 0.7;
}
.staffDetailBottom .staffDetailBottomListInner img{
	width: 100%;
    height: 320px !important;
	object-fit: cover;
}
.staffDetailBottom .staffDetailBottomListInner p{
	height: 72px;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: .03em;
    position: relative;
    overflow: hidden;
    margin-top: 0;
	text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/**
.staffDetailBottom .staffDetailBottomListInner p:after {
    background: #ffffff;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
}
.staffDetailBottom .staffDetailBottomListInner p:before{
	background: #ffffff;
    position: absolute;
    content: "...";
    top: 42px;
    right: 0;
    width: 1.5em;
}
**/
.staffListPager{
	margin: 0 0 20px 0;
}
.staffListPager.Front{
	margin: 40px 0 80px 0;
}
.staffListPagerLeft{
	font-size: 40px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	margin: 0;
}
.staffListPagerLeft span{
	font-size: 26px;
	font-weight: normal;
}
.staffListPagerCenter{
	text-align: left;
	margin: 0 0 20px 0;
}
.staffListPagerCenter > ul{
	float: left;
	text-align: center;
	width: 66%;
}
.staffListPagerCenter div.staffListPagerBack{
	width: 17%;
	float: left;
}
.staffListPagerCenter div.staffListPagerForward{
	width: 17%;
	float: right;
	text-align: right;
}
.staffListPagerCenter div.staffListPagerBack a,
.staffListPagerCenter div.staffListPagerForward a{
	display: inline-block;
	width: 100%;
	min-width: 68px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-size: 26px;
}
.staffListPagerCenter > ul > li{
	display: inline-block;
	margin: 0;
}
.staffListPagerCenter > ul > li a{
	display: inline-block;
	max-width: 100%;
	min-width: 65px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-size: 26px;
}
.staffListPagerCenter > ul > li.current a{
	background-color: #A50419;
	color: #FFF;
}
.staffListPagerCenter div.staffListPagerBack.staffListPagerNolink span,
.staffListPagerCenter div.staffListPagerForward.staffListPagerNolink span{
	display: inline-block;
	width: 100%;
	height: 68px;
	line-height: 68px;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 4px;
	text-decoration: none;
	color: #CFCFCF;
	font-size: 26px;
}
.staffListPagerCenter div.staffListPagerBack a,
.staffListPagerCenter div.staffListPagerForward a{
	width: 100%;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}


/* --------------------------
 *  UI改修 historyDetail用（202201追加）
--------------------------- */
/* アコーディオン sp_purchase_flow.css踏襲 */
#historyDetail .accordion_label {
	position: relative;
	display: block;
	cursor: pointer;
}
#historyDetail .accordion_label:after {
	content: "+";
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	font-size: 18px;
	color: #fff;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	text-align: center;
	background-color: #a50319;
	border-radius: 50%;
}
#historyDetail .accordion_label.is-open:after {
	content: "-";
}
#historyDetail .accordion-btn {
	position: relative;
	vertical-align: bottom;
	width: 60px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: super;
}
#historyDetail .accordion-btn::before {
	position: absolute;
	content: "+";
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	right: 0;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 60px;
	color: #fff;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	text-align: center;
	background-color: #a50319;
	border-radius: 50%;
}
#historyDetail .accordion-btn.active::before {
	position: absolute;
	content: "−";
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	right: 0;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 60px;
	color: #fff;
	font-family: "Arial", sans-serif;
	font-weight: normal;
	text-align: center;
	background-color: #aaaaaa;
	border-radius: 50%;
}

#historyDetail .num {
	font-size: 2.25rem;
	font-weight: bold;
}
#historyDetail .tax {
	font-size: 1.13rem;
	font-weight: normal;
}
/* amount sp_purchase_flow.css踏襲 */
#historyDetail .amount {
	font-size: 24px;
	line-height: 1.4em;
	padding: 0 30px;
	background-color: #fff;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
#historyDetail .amount dt,
#historyDetail .amount dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
		justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
	-ms-flex-align: center;
		align-items: center;
}
#historyDetail .amount_item {
border-bottom: 1px solid #cbcbcb;
}
#historyDetail .amount_item-total .amount_heading {
font-weight: bold;
}
#historyDetail .amount_item-subtotal {
border-top: 1px solid #cbcbcb;
}
#historyDetail .amount_item-subtotal .amount_heading {
font-weight: bold;
}
#historyDetail .amount_item-detail .amount_price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
		justify-content: flex-end;
}

#historyDetail .amount_item-detail .amount_priceText {
-webkit-box-flex: 1;
-webkit-flex: 1;
	-ms-flex: 1;
		flex: 1;
}
#historyDetail .amount_item-detail .accordion-btn {
-webkit-flex-basis: 60px;
	-ms-flex-preferred-size: 60px;
		flex-basis: 60px;
}
#historyDetail .amount_item-shipping {
border-top: 1px solid #cbcbcb;
}
#historyDetail .amount_item-shipping .amount_heading {
font-weight: bold;
}
#historyDetail .amount_item-totalPayment {
font-weight: bold;
border-top: 1px solid #cbcbcb;
border-bottom: none;
}
#historyDetail .amount_item-totalPayment .amount_heading {
font-weight: bold;
font-size: 2.25rem;
}
#historyDetail .amount_heading {
-webkit-box-flex: 1;
-webkit-flex: 1;
	-ms-flex: 1;
		flex: 1;
padding: 30px 0;
}
#historyDetail .amount_price {
width: 50vw;
padding: 15px 0 15px 30px;
text-align: right;
}
#historyDetail .amount_price-em {
font-weight: bold;
}
#historyDetail .amount_message {
-webkit-box-flex: 1;
-webkit-flex: 1;
	-ms-flex: 1;
		flex: 1;
color: #a50319;
}
/* amount sp_purchase_flow2022.css 踏襲 */
#historyDetail .amount_item-totalPayment {
  border: none;
}
#historyDetail .amount_item-totalPayment .amount_heading {
  font-size: 24px;
}
#historyDetail .amount_item-totalPayment .amount_price {
  font-weight: bold;
}
#historyDetail .amount.-confirm {
  padding: 30px;
}
#historyDetail .amount.-confirm > * {
  border-bottom: none;
  padding: 0 30px;
}
#historyDetail .amount.-confirm .amount_heading {
  flex: 1;
}
#historyDetail .amount.-confirm .amount_price {
  width: auto;
}
#historyDetail .amount.-confirm .amount_item {
  border-bottom: 1px solid #cbcbcb;
}
#historyDetail .amount.-confirm .amount_item-total {
  border: none;
  background-color: #eaeaea;
}
#historyDetail .amount.-confirm .amount_item-total .amount_price {
  font-weight: bold;
}
#historyDetail .amount.-confirm .amount_item-subtotal {
  border-top: none;
}
#historyDetail .amount.-confirm .amount_item-subtotal .amount_price {
  font-weight: bold;
}
#historyDetail .amount.-confirm .amount_item-subtotal-bg-color {
  border: none;
  background-color: #d3d3d3;
}
#historyDetail .amount.-confirm .amount_item-shipping {
  border: none;
}
#historyDetail .amount.-confirm .amount_breakdown {
  border-bottom: 1px solid #cbcbcb;
}
#historyDetail .amount.-confirm .amount_item-totalPayment {
  margin-top: -1px;
  border-top: 2px solid #cbcbcb;
  border-bottom: none;
}
/* 20230306追加 アレルギー説明エリア */
.contents.itemlist{
	padding-bottom: 100px!important;
}
.box-annotation {
    margin-top: 30px!important;
}
.box-white {
    background: #ffffff;
    padding: 25px 27px;
    border: 2px solid #e3e3e3;
}
#annotation p{
	font-size: 28px!important;
}
#annotation .annotation_ttl {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 30px;
}

#annotation .annotation_list > li {
display: flex;
flex-wrap: nowrap;
}
#annotation .annotation_list > li .icon {
width: 17%;
}
#annotation .annotation_list > li .icon img {
width: 72px;
}
#annotation .annotation_list > li .right_inner {
width: 83%;
}
#annotation .annotation_list > li .right_inner.text-allergy {
width: 100%;
}
#annotation .annotation_list > li .right_inner .img-allergy {
margin: 0 5px -16px;
width: 64px;
height: 52px;
display: inline-block;
}
#annotation .annotation_list > li + li {
margin-top: 1.5em;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.historyListMainBottomBtn .historyListMainTopStatus {
	margin-top: 20px;
}

.historyListMainBottomBtn .historyListMainTopStatus a{
	display: inline-block !important;
	text-align: center !important;
	color: #FFF !important;
	font-size: 28px !important;
	background-color: #333 !important;
	max-width: 560px !important;
	width: 80% !important;
	padding: 0 20px !important;
	height: 88px !important;
	line-height: 88px!important;
	border-radius: 4px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

/* コレクションリニューアル 202503 */
.itemDetailSpec__text {
  font-size: 32px;
  font-weight: 300;
  color: #333333;
  line-height: 1.8;
}
.itemDetailSpec__text:last-child {
  margin-bottom: 0;
}

.itemDetailInfo__img {
  width: 100%;
}
.itemDetailInfo__heading {
  line-height: 1.5;
}
.itemDetailInfo__text {
  line-height: 1.8;
  color: #333333;
}
.itemDetailInfo .itemDetailInfo__banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}
.itemDetailInfo .itemDetailInfo__banner > a {
	width: 100%;
	margin: 0 auto;
}
.itemDetailInfo .itemDetailInfo__banner img {
	width: 100%;
	vertical-align: bottom;
}
.itemDetailInfo .itemDetailInfo__movie {
	text-align: center;
	margin: 20px auto;
	width: 640px;
}
.itemDetailInfo .itemDetailInfo__movie > iframe {
	width: 640px;
	height: 360px;
	vertical-align: bottom;
}
.itemDetailInfo .itemDetailInfo__suitableSizeLink {
  all: unset;
  display: inline-block;
  cursor: pointer;
  font-size: 28px;
  color: #a50419;
  text-decoration: underline;
  line-height: 1.8;
  margin-top: 30px;
}
.itemDetailInfo .itemDetailInfo__title2 {
  font-size: 36px;
  font-weight: 300;
  color: #333333;
  line-height: 1.3;
  margin-top: 80px;
  margin-bottom: 40px;
}
.itemDetailInfo .sizeExchangeAndReturnSystem {
  margin-top: 30px;
}
.itemDetailInfo .sizeExchangeAndReturnSystem__link {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.itemDetailInfo .sizeExchangeAndReturnSystem__img {
  width: 100%;
}

#itemDetail .itemDetailstaffStyling {
  width: 100vw;
  background-color: #fff;
  padding: 120px 0;
  margin-left: min(50% - 50vw, 0px);
  box-sizing: border-box;
}
#itemDetail .itemDetailstaffStyling__heading {
  font-size: 52px;
  font-weight: 500;
  color: #222222;
  line-height: 1.5;
  margin: 0;
  width: 100%;
  text-align: center;
}
#itemDetail .itemDetailstaffStyling__listWrap {
  --gap: 30px;
  display: flex;
  gap: var(--gap);
  margin-top: 80px;
  overflow-x: auto;
  scrollbar-width: none;
}
#itemDetail .itemDetailstaffStyling__listWrap::-webkit-scrollbar {
  display: none;
}
#itemDetail .itemDetailstaffStyling__listItem {
  width: 290px;
  flex-shrink: 0;
  flex-grow: 0;
}
#itemDetail .itemDetailstaffStyling__listItem:first-child {
  margin-left: 20px;
}
#itemDetail .itemDetailstaffStyling__listItem:last-child {
  margin-right: 20px;
}
#itemDetail .itemDetailstaffStyling + * {
  margin-top: 80px;
}
#itemDetail .itemDetailstaffStylingCard {
  width: 100%;
}
#itemDetail .itemDetailstaffStylingCard__imgWrap {
  width: 100%;
}
#itemDetail .itemDetailstaffStylingCard__img {
  width: 100%;
}
#itemDetail .itemDetailstaffStylingCard__heading {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 1.6;
  margin-top: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#itemDetail .itemDetailstaffStylingCard__staffWrap {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
#itemDetail .itemDetailstaffStylingCard__staffImgWrap {
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: clip;
  flex-shrink: 0;
}
#itemDetail .itemDetailstaffStylingCard__staffImg {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#itemDetail .itemDetailstaffStylingCard__staffContentWrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#itemDetail .itemDetailstaffStylingCard__staffName, #itemDetail .itemDetailstaffStylingCard__staffInfo {
  font-size: 18px;
  font-weight: 300;
  color: #666666;
  line-height: 1.3;
}
#itemDetail .itemDetailstaffStylingCard__staffName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#itemDetail .itemDetailstaffStyling__bottom {
  margin-top: 80px;
  padding-right: 40px;
  text-align: right;
}
#itemDetail .itemDetailstaffStyling__bottomText {
  color: #333;
  text-decoration: underline;
  font-size: 1.5rem;
}
#itemDetail .itemDetailNote {
  margin-bottom: 40px;
}
#itemDetail .itemDetailNote h2 {
  color: #333333;
}
#itemDetail .itemDetailNote__text {
  font-size: 32px;
  font-weight: 300;
  color: #333333;
  line-height: 1.8;
  margin: 0;
}
#itemDetail .itemDetailNote__text--red {
  color: #ff0000;
}
.orderFormBtnInfo .present_note{
  color: #ff0000;
  margin-bottom: 30px;
}

.reissueFormRequest .text_bold{
  font-weight: bold;
}
.reissueFormRequest .present_note{
  text-align: center;
  color: #ff0000;
  margin: 20px auto 0;
}
.reissueFormRequest img{
  margin:  0 auto;
  display: flex;
  justify-content: center;
  width: 540px;
}
.orderFormBoxRadioType3 > ul > li:nth-child(1) input[type="radio"] + span p.replace-text {
  height: 80px;
  top: -14px;
}

#itemDetail .collection-section--staffStyling{
  padding: 90px 0 110px;
}
#itemDetail .coretion-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

#itemDetail .collection-section__lead {
	font-size: 28px;
	font-weight: 300;
	color: rgb(51, 51, 51);
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

#itemDetail .collection-section__lead::before,
#itemDetail .collection-section__lead::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #999999;
}

#itemDetail .collection-section__heading {
	text-align: center;
	font-size: 48px;
	font-weight: 300;
	color: rgb(34, 34, 34);
	line-height: 1.5;
	margin-top: 10px;
}

.reissueFormNote {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.reissueFormNote ul {
  background: #fff;
  padding: 20px 20px 20px 40px;
  color: #fc0000;
  line-height: 1.5em;
  border: 4px solid #fc0000;
}
.reissueFormNote li {
  list-style: disc;
}

.header_s img{
	width: 234px !important;
	height: auto !important;
}

div[class^=osValidateOptimize] div.invalid{
	top: 130px !important;
}