@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
    margin-bottom: 10px;
    text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}
@media screen and (max-width: 1024px) {
	div#undercolumn_contact table th {
		min-width: 160px;
	}
}
.zipimg img {
    vertical-align: middle;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */

div#mypagecolumn {
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_area {
    width: 100%;
}
div#mycontents_area p{
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0 0 16px;
}
div#mynavi_area .mynavi_list {
    width: 100%;
	margin-bottom: 12px;
}
div#mynavi_area .mynavi_list li {
    width: 49%;
    float: left;
    font-size: 1.3rem;
    margin: 0 0 8px 2%;
    box-sizing: border-box;
}
div#mynavi_area .mynavi_list li:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
div#mynavi_area .mynavi_list li a{
    display: block;
    color: #0d87e5;
    padding: 8px 8px 8px 24px;
    border-radius: 2px;
    border: solid 2px #0d87e5;
    position: relative;
}
div#mynavi_area .mynavi_list li a:before{
    content: "▲";
    display: block;
    color: #f93f71;
    font-size: 1.2rem;
    position: absolute;
    top: 7px;
    left: 6px;
    transform: rotate(90deg);
}

div#mynavi_area div.point_announce {
    margin-bottom: 24px;
    padding: 10px 12px;
    background-color: #fff8c2;
}
div#mynavi_area div.point_announce p {
}
div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
	width: 100%;
    margin: 0 auto 20px;
    padding: 16px 12px;
    border: solid 1px #ccc;
    background: #f9f9f9;
    box-sizing: border-box;
}
div#mycontents_area div.mycondition_area p {
	float: none;
    margin: 0 0 12px !important;
}
div#mycontents_area div.mycondition_area .attention{
    float: none;
    text-align: left;
}
div#mycontents_area div.mycondition_area .btn {
	max-width: 320px;
    margin: 12px auto 0 !important;
}
div#mycontents_area div.mycondition_area .btn input{
	color: #ffffff;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding: 6px 20px;
    background: #ff9900;
    border: solid 2px #ff9900;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}
.add_address {
}
.add_address a{
    display: block;
    width: 280px;
    color: #ff9900;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    border: solid 2px #ff9900;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 20px auto;
    padding: 20px 12px 1px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry .kiyaku_merit {
    text-align: center;
    padding: 24px;
    margin: 24px auto 24px;
    border-radius: 2px;
    border: solid 2px #cccccc;
    box-sizing: border-box;
}
div#undercolumn_entry h1.title{
	color: #f93f71;
    display: inline-block;
    font-size: 1.7rem;
    text-align: center;
    padding: 0 8px;
    margin: -35px 0 16px;
    background: #ffffff;
}
div#undercolumn_entry .kiyaku_top {
    font-size: 0;
    text-align: center;
}
div#undercolumn_entry .kiyaku_top .box{
    display: inline-block;
    vertical-align: top;
    margin: 16px 0 0;
}
div#undercolumn_entry .kiyaku_top .box:first-child{
    margin-top: 0;
}
div#undercolumn_entry .kiyaku_top .box p.title{
    color: #ffb900;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 0;
}
div#undercolumn_entry .kiyaku_top .box figure{
    width: 100%;
    text-align: center;
    margin: 0 0 8px;
}
div#undercolumn_entry .kiyaku_top .box p.com{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.7;
    text-align: left;
    margin: 0;
}
div#undercolumn_entry .kiyaku_top .box p.com br{
	display: none;
}
div#undercolumn_entry .kiyaku_top .box .marker{
    font-weight: bold;
    padding: 0 4px;
    background: linear-gradient(transparent 60%, #ffdf7f 60%);
}
div#undercolumn_entry .kiyaku_text {
	width: 100%;
    height: 260px;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 auto 24px;
    padding: 12px;
    border: solid 1px #ccc;
    background: #fff;
    box-sizing: border-box;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_login .login_area {
    margin-bottom: 30px;
}
div#undercolumn_login .login_area .inputbox {
    margin: 0 auto 16px;
    padding: 16px 12px 8px;
    background: #f2f2f2;
    border-radius: 4px;
}
div#undercolumn_login .login_area .inputbox .btn_area {
    margin: 0;
}



/* ----- ログインページサンプル ----- */

#undercolumn_login .loginBox{
    width: 100%;
    padding: 20px 16px 92px;
    margin: 0 0 20px;
    position: relative;
    border: solid 3px #e5e5e5;
    box-sizing: border-box;
    border-radius: 6px;
    border-radius: 11px;
}
@media screen and (min-width: 667px){
	#login_door{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#undercolumn_login .loginBox.nologin,
	#undercolumn_login .loginBox.amazonPay{
		width: 49%;
		float: left;
		margin: 0 0 20px 2%;
	}
	#undercolumn_login .loginBox.nologin{
		clear: both;
		margin-left: 0;
	}
}
#undercolumn_login .loginBox h4{
	color: #f93f71 !important;
    font-size: 1.7rem !important;
    text-align: center;
    margin: 0 0 16px !important;
}
#undercolumn_login .loginBox .amapay{
	display: block;
    max-width: 260px;
    margin: -4px auto 8px;
}
#undercolumn_login .loginBox p,
#undercolumn_login .loginBox ul li{
    line-height: 1.8;
    margin: 0;
}
#undercolumn_login .loginBox ul{
	margin: 0 0 0 1.5em;
}
#undercolumn_login .loginBox ul li{
    list-style-type: disc;
    margin-top: 4px;
}
#undercolumn_login .loginBox ul li:first-child{
    margin-top: 0;
}
#undercolumn_login .loginBox .marker{
    font-weight: bold;
    padding: 0 4px;
    background: linear-gradient(transparent 60%, #ffdf7f 60%);
}
#undercolumn_login .loginBox .btn_area{
	width: 200px;
    margin: 0 -100px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    right: 50%;
}

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 16px 0 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */

.page-count{
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 16px 5px 12px;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 12px 0;
}
form[name="page_navi_bottom"] .pagenumber_area {
    padding: 32px 0 0;
    border-top: solid 1px #e5e5e5;
}
.pagecond_area {
  display: flex;
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    text-align: center;
    margin: 12px 0;
}
.pagenumber_area .navi a,
.pagenumber_area .navi strong{
    font-size: 1.2rem;
    padding: 4px 10px;
    border: solid 1px #cccccc;
}
.pagenumber_area .navi strong{
	color: #ff3300;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
  display: flex;
  justify-content: flex-end;
	margin: 0 0 12px;
}
/*.pagenumber_area .change br{
	display: none;
}*/
.pagenumber_area .change a{
/*    display: inline-block;
    width: 22%;*/
    color: #39c;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    padding: 6px 14px;
    margin: 0 0 6px .5em;
    background: #fff;
    border: solid 1px #39c;
    border-radius: 2px;
    box-sizing: border-box;
}
/*.pagenumber_area .change a:hover{
    color: #39c;
    background: #ffffff;
}*/
.pagenumber_area .change strong.selected{
/*    color: #ffffff;
    display: inline-block;
    width: 22%;*/
    color: #ff3300;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    padding: 6px 14px;
    margin: 0 0 6px .5em;
    background: #fff;
    border: solid 1px #ff3300;
    border-radius: 2px;
    box-sizing: border-box;
}

/* レイアウト
----------------------------------------------- */
div.list_area {
    overflow: auto;
    border-top: solid 1px #e5e5e5;
    padding: 12px 0;
}
div.listphoto {
    width: 120px;
    float: left;
    margin: 0 12px 12px 0;
}
div.listphoto img{
	width: 100%;
	height: auto;
}


/* 商品情報 各種設定
----------------------------------------------- */


div.listrightbloc p.makername{
	font-size: 1.2rem !important;
    line-height: 1.4 !important;
    margin: 0 0 4px !important;
}
div.listrightbloc p.makername a{
}
div.listrightbloc h3.productName{
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 0 0 12px;
}
div.listrightbloc .main_comment{
    clear: both;
	margin: 0 0 1.6rem;
}
div.listrightbloc .main_comment dd{
    display: block;
    font-size: 1.3rem;
    line-height: 1.6;
	margin: 0 0 1.6rem;
}
div.listrightbloc .itemOutlineWrap{
/*
    width: 100%;
    max-height: 8.4em;
    margin: 0 0 16px;
    overflow: hidden;
*/
	margin: 0 auto 40px;
    position: relative;
}
div.listrightbloc .itemOutlineWrap .expand {
    padding: 0;
    max-height: 4em;
    overflow: hidden;
    position: relative;
    transition: 1s;
}
div.listrightbloc .itemOutlineWrap .expand::before {
	content: "";
    position: absolute;
    width: 100%;
    height: 45%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    transition: .5s;
}
div.listrightbloc .itemOutlineWrap input {
    width: 5em;
    visibility: hidden;
    position: absolute;
    bottom: -1.4em;
    right: 0;

}
div.listrightbloc .itemOutlineWrap label {
    display: block;
    font-size: 1.3rem;
    color: #0d87e5;
    text-transform: uppercase;
    z-index: 50;
    position: absolute;
    right: 0;
    bottom: -1.4em;
    cursor: pointer;
}
div.listrightbloc .itemOutlineWrap label:before {
  content: "続きを読む";
}
div.listrightbloc .itemOutlineWrap input:checked + label:before {
  content: "閉じる"
}
div.listrightbloc .itemOutlineWrap input[type=checkbox]:checked ~ .expand {
    max-height: inherit !important;
}
div.listrightbloc .itemOutlineWrap input[type=checkbox]:checked ~ .expand:before {
	opacity: 0;
}


div.listrightbloc span[style="white-space: pre;"]{
    display: block;
    white-space: pre-wrap !important;
    word-break: break-all;
    overflow-x: hidden;
    max-width: 100%;
}
div.listrightbloc .main_comment ul.detail-desc-list{
}
div.listrightbloc .main_comment ul.detail-desc-list li{
	position: relative;
    padding: 0 0 0 16px;
    margin: 2px 0 0;
}
div.listrightbloc .main_comment ul.detail-desc-list li:before{
    content: "●";
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0.4em;
    left: 0;
    transform: scale(0.7);
}
div.listrightbloc .main_comment ul.detail-desc-list li:first-child{
	margin-top: 0;
}
div.listrightbloc #specification{
	margin: 0 0 16px;
}
div.listrightbloc #specification dt,
div.listrightbloc #specification dd{
    font-size: 1.2rem;
}

div.listrightbloc dl.product_code{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 16px;
    border-bottom: solid 1px #cccccc;
}
div.listrightbloc dl.product_code dt,
div.listrightbloc dl.product_code dd{
    float: left;
    font-size: 1.3rem;
    line-height: 1.5;
    border-top: solid 1px #cccccc;
    box-sizing: border-box;
}
div.listrightbloc dl.product_code dt{
	clear: both;
    width: 35%;
    padding: 4px 6px;
    background: #f2f2f2;
}
div.listrightbloc dl.product_code dt small{
    font-size: 1.1rem;
    margin: 0 0 0 4px;
}
div.listrightbloc dl.product_code dd{
    width: 65%;
    padding: 4px 10px;
    background: #ffffff;
}
div.listrightbloc dl.product_code dd strong{
    font-size: 1.4rem;
    margin: 0 4px 0 0;
}
div.listrightbloc dl.product_code dd strong{
    font-size: 1.4rem;
    margin: 0 2px 0 0;
}
div.listrightbloc dl.product_code dd .asutsuku{
    color: #ff0000;
    font-size: 1.2rem;
    font-weight: bold;
}
div.listrightbloc dl.product_code dd .stockIn+.normal{
	display: none;
}
div.listrightbloc dl.product_code dd .normal+.asutsuku{
	display: block;
}
div.listrightbloc dl.product_code dd .stockIn+.normal+.asutsuku{
	display: none !important;
}


/* 商品詳細を見る */

div.listrightbloc .detail_btn a:hover{
	color: #ffffff;
	text-decoration: none;
	background: #ff9900;
}
div.listrightbloc .cart_area {
    margin: 0 auto;
}
div.listrightbloc .cartin{
    width: 100%;
    box-sizing: border-box;
    display: table;
}
div.listrightbloc .quantity{
    width: 50%;
    padding: 0 16px 0 0;
    display: table-cell;
    text-align: right;
}
div.listrightbloc .quantity input{
	width: 60px;
    font-size: 1.5rem;
    padding: 6px;
    margin: 0 0 0 6px;
    text-align: right;
}
div.listrightbloc .cartin_btn {
    width: 50%;
    text-align: left;
    display: table-cell;
}
div.listrightbloc .cartin_btn a,
div.listrightbloc .cartin_btn input{
    display: block;
    width: 180px;
    color: #000000;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 4px;
    background: #ffe400;
    border: none;
    cursor: pointer;
}
div.listrightbloc .cartin_btn input:before{
    content: "";
    background: url(../img/cart_black.png) no-repeat;
    background-size: contain;
}
div.listrightbloc .cartin_btn a:hover,
div.listrightbloc .cartin_btn input:hover{
	color: #ffffff;
	text-decoration: none;
	background: #f93f71;
}
div.listrightbloc .cartin_btn a .cart_white{
    content: "";
    display: inline-block;
    width: 32px;
    height: 30px;
    margin: 0 12px 0 0;
    vertical-align: text-bottom;
    background: url(../img/cart_white.png) no-repeat;
    background-size: contain;
}
div.listrightbloc .contact a:hover{
	color: #0d87e5;
	background: #ffffff;
}



@media screen and (max-width: 579px) {
	div.listrightbloc .detail_btn {
		max-width: 280px;
		text-align: center;
		margin: 0 auto 12px;
	}
	div.listrightbloc .detail_btn a{
		display: block;
		width: 280px;
		color: #ff9900;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 8px 0;
		margin: 0 0 10px;
		border-radius: 4px;
		border: solid 2px #ff9900;
		box-sizing: border-box;
	}
	div.listrightbloc .stopOrderBtn {
		max-width: 280px;
		text-align: center;
		margin: 0 auto 12px;
	}
	div.listrightbloc .stopOrderBtn button#stopOrder{
		display: block;
		width: 280px;
		color: #787878;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 8px 0;
		border-radius: 4px;
		border: solid 2px #cccccc;
		box-sizing: border-box;
	}
	div.listrightbloc .contact {
		max-width: 280px;
		text-align: center;
		margin: 0 auto 12px;
	}
	div.listrightbloc .contact a{
		display: block;
		color: #ffffff;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 8px 0;
		border-radius: 4px;
		background: #0d87e5;
		border: solid 2px #0d87e5;
	}
}
@media screen and (min-width: 580px){
	div.listrightbloc #btns_area {
	    text-align: center;
	}
	div.listrightbloc .detail_btn {
		width: 200px;
		display: inline-block;
		font-size: 0;
		vertical-align: top;
		margin: 0 10px 0 0;
	}
	div.listrightbloc .detail_btn a{
		display: block;
		width: 100%;
		color: #ff9900;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 8px 0;
		margin: 0 0 10px;
		border-radius: 4px;
		border: solid 2px #ff9900;
		box-sizing: border-box;
	}
	div.listrightbloc .stopOrderBtn {
		display: inline-block;
		width: 200px;
		font-size: 0;
		vertical-align: top;
		margin: 0 10px 0 0;
	}
	div.listrightbloc .stopOrderBtn button#stopOrder{
		display: block;
		width: 100%;
		color: #787878;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		padding: 8px 0;
		margin: 0 0 10px;
		border: solid 2px #cccccc;
		box-sizing: border-box;
		border-radius: 4px;
		box-sizing: border-box;
	}
	div.listrightbloc .cart_area{
	    display: inline-block;
	}
	div.listrightbloc .cartin{
		box-sizing: border-box;
		display: inline-block;
	}
	div.listrightbloc .contact {
		width: 200px;
	}
	div.listrightbloc .contact a{
		display: block;
		color: #ffffff;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 8px 0;
		border-radius: 4px;
		background: #0d87e5;
		border: solid 2px #0d87e5;
	}
}


/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea,
.sub_area {
    width: 100%;
    margin-bottom: 24px;
}

/* レイアウト
----------------------------------------------- */

/* 写真エリア */

#main_column div#detailphotobloc {
    max-width: 400px;
    margin: 0 auto 24px;
}
#main_column div#detailphotobloc .photo {
	margin: 0 0 16px;
}
#main_column div#detailphotobloc .photo a{
	display: block;
}
#main_column div#detailphotobloc .photo img{
	width: 100%;
	height: auto;
}
#main_column #sub_imgList {
    margin: 12px 0;
}
#main_column #sub_imgList li {
    float: left;
    width: 30.6%;
    margin: 0 0 12px 4%;
}
#main_column #sub_imgList li:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}
#main_column #sub_imgList li a{
	display: block;
}
#main_column #sub_imgList li img{
	width: 100%;
	height: auto;
}

#main_column #detailrightbloc {
}

/* 商品情報 各種設定
----------------------------------------------- */

#detailrightbloc p.makername{
    font-size: 1.3rem;
    line-height: 1.4;
    margin: 0 0 8px;
}
#detailrightbloc p.makername a{
}
#detailrightbloc h2.productName{
	font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 20px;
}

#productInfo_Left{
    padding: 0 1.5% 0 0;
    box-sizing: border-box;
}
#productInfo_Left #feature{
}
#productInfo_Left #specification{
}

.main_comment{
    margin-bottom: 20px;
}
.main_comment dt{
    color: #787878;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 12px;
    padding: 0 0 4px;
    border-bottom: solid 1px #cccccc;
}
.main_comment dd{
    display: block;
    font-size: 1.3rem;
    line-height: 1.8;
    margin: 0 0 0;
}
.main_comment ul.detail-desc-list{
}
.main_comment ul.detail-desc-list li{
	position: relative;
    padding: 0 0 0 16px;
    margin: 6px 0 0;
}
.main_comment ul.detail-desc-list li:before{
    content: "●";
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0.4em;
    left: 0;
    transform: scale(0.7);
}
.main_comment ul.detail-desc-list li:first-child{
	margin-top: 0;
}

#productInfo_Left #quantity{
}
#productInfo_Left #quantity dt,
#productInfo_Left #quantity dd{
    display: inline;
}
#productInfo_Left #quantity dt{
    font-size: 1.4rem;
    line-height: 1.6;
    border: none;
    padding: 0;
}

#productInfo_Right{
}
#productInfo_Right dl.product_code{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin: 0 0 12px;
	border-bottom: solid 1px #cccccc;
}
#productInfo_Right dl.product_code dt,
#productInfo_Right dl.product_code dd{
    float: left;
    font-size: 1.3rem;
    line-height: 1.5;
    border-top: solid 1px #cccccc;
    padding: 6px 10px;
    box-sizing: border-box;
}
#productInfo_Right dl.product_code dt{
    clear: both;
    width: 40%;
    padding: 6px 10px;
    background: #f2f2f2;
}
#productInfo_Right dl.product_code dt small{
	font-size: 1.1rem;
    margin: 0 0 0 4px;
}
#productInfo_Right dl.product_code dd{
    width: 60%;
    padding: 6px 10px;
    background: #ffffff;
}
#productInfo_Right dl.product_code dd strong{
    font-size: 1.4rem;
    margin: 0 2px 0 0;
}
#productInfo_Right dl.product_code dd .asutsuku{
    color: #ff0000;
    font-size: 1.2rem;
    font-weight: bold;
}
#productInfo_Right dl.product_code dd .stockIn+.normal{
	display: none;
}
#productInfo_Right dl.product_code dd .normal+.asutsuku{
	display: block;
}
#productInfo_Right dl.product_code dd .stockIn+.normal+.asutsuku{
	display: none !important;
}

dl.product_code dt.deliver{
}
dl.product_code dd.deliver{
}
dl.product_code dt.price{
}
dl.product_code dd.price{
}
dl.product_code dt.saleprice{
}
dl.product_code dd.saleprice{
}
dl.product_code dt.tax_price{
}
dl.product_code dd.tax_price{
}
dl.product_code dt.point{
}
dl.product_code dd.point{
}


/* 規格 */
#detailrightbloc div.classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
#detailrightbloc .classlist {
    margin-bottom: 5px;
}
/*
#detailrightbloc ul {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul li {
    vertical-align: top;
    float: left;
}
*/

/* 買い物カゴ */
#detailrightbloc .cart_area {
}
#detailrightbloc .quantity{
	text-align: center;
    margin: 24px 0 16px;
}
#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
    display: inline;
}
#detailrightbloc .cartin_btn {
    max-width: 320px;
    margin: 0 auto 24px;
}
#detailrightbloc .cartin_btn a{
    display: block;
    color: #000000;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 12px 0 16px;
    border-radius: 4px;
    background: #ffe400;
}
#detailrightbloc .cartin_btn a:hover{
	color: #ffffff;
	text-decoration: none;
	background: #f93f71;
}
#detailrightbloc .cartin_btn a .cart_white,
#detailrightbloc .cartin_btn a .cart_black{
    display: inline-block;
    width: 32px;
    height: 30px;
    margin: 0 12px 0 0;
    vertical-align: text-bottom;
}

#detailrightbloc .contact {
    clear: both;
    width: 260px;
    float: right;
    margin: 0 0 24px;
}
#detailrightbloc .contact a{
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 18px 0;
    border-radius: 4px;
    background: #0d87e5;
	border: solid 2px #0d87e5;
}
#detailrightbloc .contact a:hover{
	color: #0d87e5;
	background: #ffffff;
}
#detailrightbloc .stopOrderBtn {
    margin: 24px 0 20px;
}
#detailrightbloc .stopOrderBtn button#stopOrder{
	display: block;
    width: 200px;
    color: #787878;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    border: solid 2px #cccccc;
    box-sizing: border-box;
}
#detailrightbloc ul.shoppingInfo {
}
#detailrightbloc ul.shoppingInfo li{
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    position: relative;
}
#detailrightbloc ul.shoppingInfo li:before{
	content: "▲";
    color: #f93f71;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
    top: 0px;
    transform: rotate(90deg);
}
#detailrightbloc ul.shoppingInfo li a{
	color: #333333;
	text-decoration: underline;
}

#detailrightbloc ul.shoppingInfo li a.text_red{
    color: #ff0000;
}
#detailrightbloc .inquiry_btn{
  width: 320px;
  margin: .75em auto .5em;
}
#detailrightbloc .inquiry_btn a{
  display: block;
  color: #fff;
  padding: .5em 0;
  text-align: center;
  border-radius: 4px;
  background: #fb3d65;
}

#detailrightbloc .ideaBnr{
    max-width: 480px;
	margin: 16px auto;
    border-radius: 6px;
    border: solid 2px #e5e5e5;
    overflow: hidden;
}
#detailrightbloc .ideaBnr a{
    display: block;
    text-align: center;
}


/* 買い物カゴ 特別提供品*/
div#undercolumn.original #detailrightbloc .cartin_btn a{
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 12px 0 16px;
    border-radius: 4px;
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}
div#undercolumn.original #detailrightbloc .cartin_btn a:hover{
	color: #ffffff;
	text-decoration: none;
  background-color: #FBDA61;
  background-image: linear-gradient(220deg, #FBDA61 0%, #FF5ACD 52%, #6baaff 90%);
}
div#undercolumn.original #detailrightbloc .cartin_btn a .cart_white{
    display: inline-block;
    width: 32px;
    height: 30px;
    margin: 0 12px 0 0;
    vertical-align: text-bottom;
}


/* 購入履歴
----------------------------------------------- */

#history,
#categoryFooter{
    margin: 40px 0 40px;
/*
	padding: 24px;
    border: solid 1px #cccccc;
*/
    box-sizing: border-box;
}
#categoryFooter{
    margin: 32px 0 14px;
}
#history h3,
#categoryFooter h3{
    font-size: 1.6rem;
    color: #333333;
    letter-spacing: 0.05em;
    padding: 10px 4px 0;
    margin: 0 0 20px;
    border-top: solid 3px #0d87e5;
}
.productList{
    width: 100%;
    margin: 0;
}
.productList li{
    display: block;
    width: 32%;
    float: left;
    margin: 0 0 12px 2%;
    box-sizing: border-box;
}
.productList li:nth-child(3n+1){
	clear: both;
	margin-left: 0;
}
.productList li a{
	color: #333333;
}
.productList li .thumb{
    display: table-cell;
    width: 104px;
    height: 104px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto 12px;
    background: #ffffff;
    position: relative;
    border: solid 1px #cccccc;
}
.productList li p.ptitle{
	font-size: 1.3rem !important;
    font-weight: bold;
    line-height: 1.35 !important;
    margin: 8px 0 4px !important;
}
.productList li p.price{
	color: #ff3333;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: center;
}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: left;
    padding: 16px 16px;
    margin-bottom: 24px;
    background: #ffe400
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

.pdf_download{
	display: inline-block;
    margin: 0 0 20px;
}
.pdf_download input{
	color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.6;
    padding: 10px 12px 10px 32px;
    background: #ff9900 url(../img/icon/icon_pdf.png) no-repeat center left 12px;
    background-size: 18px auto;
    border: none;
    border-radius: 3px;
    display: inline-block;
}
.pdf_download.mitsumori input{
    background: #ff9900 url(../img/icon/icon_mitsumori.png) no-repeat center left 8px;
    background-size: 18px auto;
}
div#undercolumn_cart p {
    text-align: center;
	margin: 24px 0;
    background-color: white;
}

#undercolumn_cart table th,
#undercolumn_cart table td{
	display: table-cell;
	border-bottom: none;
}

div#undercolumn ul#quantity_level{
    display: inline-block;
}
div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    font-weight: bold;
    text-align: center;
}

div.form_area {
    margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

#flow_area {
    margin: 0 0 8px 0;
}
#flow_area ul.flowList li {
	float: left;
    margin: 0 14px 8px 0;
}
#flow_area ul.flowList li .step{
    display: inline-block;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.4;
    padding: 2px 8px 1px;
    margin: 0 0 8px;
    border-radius: 12px;
    background: #ababab;
    position: relative;
}
#flow_area ul.flowList li .step:before{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #ababab transparent transparent transparent;
    bottom: -6px;
    left: 22px;
    z-index: 10;
}
#flow_area ul.flowList li p{
	font-size: 1.1rem;
    font-weight: bold;
    padding: 6px 4px 5px 6px;
    margin: 0 !important;
    border: solid 1px #cccccc;
    border-right: none;
    position: relative;
}
#flow_area ul.flowList li p:before{
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 6px;
    border-color: transparent transparent transparent #cccccc;
    top: 0;
    right: -7px;
    z-index: 10;
}
#flow_area ul.flowList li p:after{
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 6px;
    border-color: transparent transparent transparent #ffffff;
    top: 0px;
    right: -6px;
    z-index: 50;
}
#flow_area ul.flowList li.current .step {
	background: #0d87e5;
}
#flow_area ul.flowList li.current .step:before{
	border-color: #0d87e5 transparent transparent transparent;
}
#flow_area ul.flowList li.current p{
	color: #f93f71;
    border: solid 1px #0d87e5;
}
#flow_area ul.flowList li.current p:before{
    border-color: transparent transparent transparent #0d87e5;
}
div#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area tbody td img{
    max-width: inherit;
    display: block;
    margin: 0 auto;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}

div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}

div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}


/* お届け先の指定
----------------------------------------------- */
#address_area {
    width: 100%;
}
#address_area .information {
}

#undercolumn_shopping .information {
    margin-bottom: 20px;
}
#undercolumn_shopping .information p:first-child{
    margin-bottom: 12px;
}

#address_area .add_multiple {
    color: #555;
    font-weight: bold;
    text-align: center;
    margin: 0 0 24px;
}
.multiple_btn a,
p.addbtn a{
    display: block;
    width: 280px;
    color: #ff9900;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
	background: #ffffff;
    border-radius: 4px;
    border: solid 2px #ff9900;
}
.multiple_btn a{
	margin: 0 auto;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}

#undercolumn_shopping table th,
#undercolumn_shopping table td{
	display: table-cell;
	border-bottom: none;
}
#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}


/* 注文確認画面 */

.confitm_attention{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #ffe400;
    z-index: 1000;
    box-sizing: border-box;
}
.confitm_attention p{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
.confitm_attention p .red{
	color: #ff3300;
}

@media screen and (max-width: 767px) {
.confitm_attention{
    padding: 12px 12px 62px;
}
}
@media screen and (min-width: 768px) {
.confitm_attention{
    padding: 12px 12px 62px;
}
}

/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ***********************************************
いまちゃす特別提供品
/*********************************************** */
div#undercolumn.original{
  background: #fffcef;
}
#main_column div#undercolumn.original div#detailphotobloc {
    width: 100%;
    float: none;
    margin: 0 auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    max-width: 100%;
}
#main_column div#undercolumn.original div#detailphotobloc .special_offer_main{
    width: 100%;
    margin: 0 0 0 0;
}
div#undercolumn.original div#detailphotobloc .special_offer_logo{
  width: 100%;
}
div#undercolumn.original div#detailphotobloc .photo>a{
  box-sizing: border-box;
/*  border: 8px solid #fff7af;*/
  margin: 3% 0;
}
div#undercolumn.original img.picture{
    box-sizing: border-box;
}
div#undercolumn.original div.list_area img.picture{
  margin-top: 3%;
}
div#undercolumn.original #category{
  background: #0f5691;
}
div#undercolumn.original #detailarea{
  margin-bottom: 0;
}
div#undercolumn.original div.listrightbloc .itemOutlineWrap .expand::before {
    background-image: linear-gradient(rgba(255, 252, 239, 0), #fffcef);
}
div#undercolumn.original div.listrightbloc .detail_btn a{
	background: #fff;
}
div#undercolumn.original div.listrightbloc .detail_btn a:hover{
	background: #ff9900;
}
div#undercolumn.original #detailrightbloc .cartin_btn{
  margin: 0 auto 18px;
}
/* いまちゃす特別提供品とは？ Detail ボタン */
div#undercolumn.original .about_special{
}
div#undercolumn.original .about_spe{
  width: 90%;
  margin: 0 auto 5%;
}
div#undercolumn.original .about_spe_content{
  display: none;
  width: 100%;
  padding: 1em .6em 0;
  box-sizing: border-box;
  border: 3px solid #ba6898;
  background: #fff;
}
div#undercolumn.original .about_spe_content .chasmaru{
  float: left;
  width: 18%;
  padding-left: 1%;
}
div#undercolumn.original .about_spe_content .text{
  float: left;
  width: 72%;
  padding-left: 8%;
}
div#undercolumn.original .about_spe_content .note{
  display: block;
  font-size: 1.4rem;
}
/* いまちゃす特別提供品とは？ List 表記 */
div#undercolumn.original .list_about_spe_content{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  padding: .5em 1em 0;
  box-sizing: border-box;
  border: 1px dashed #c7bf9c;
  border-radius: 8px;
  background: #fffef9;
}
div#undercolumn.original .list_about_spe_content .chasmaru{
  width: 16%;
}
div#undercolumn.original .list_about_spe_content .pic{
  width: 70%;
  margin: 0 0 .5em;
  max-width: 220px;
  padding: 0 1em;
  box-sizing: border-box;
}
div#undercolumn.original .list_about_spe_content .text{
  width: 100%;
}
div#undercolumn.original .list_about_spe_content .note{
  display: block;
  font-size: 1.4rem;
}
/* カテゴリー Bar */
.ctgbar{
  overflow: hidden;
  background: #1a4b8b;
  margin-top: 1.5em;
  width: 100%;
}
.ctgbar a{
  float: left;
  display: block;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.ctgbar a:hover,
.ctgbar a:active{
  color: #fff;
}
.subnav{
  border-bottom: 1px solid #fffcef;
}
.subnav .subnavbtn{
  font-size: 1.3rem;
  border: none;
  outline: none;
  color: #fff;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.subnav_content{
  display: none;
  background: #2264b9;
  width: 100%;
}
.subnav_content a{
  float: left;
  color: #fff;
  text-decoration: none;
}
.subnav:hover .subnav_content{
  display: block;
}


/*  商品詳細 ルミテスター No.2-8524-21
--------------------------------------*/
#lumitester-02852421{
white-space: normal;
width: 100%;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Yu Gothic", 游ゴシック, メイリオ, sans-serif;
}
#lumitester-02852421 h2.tit{
font-size: 1.9rem;
text-align: center;
padding: .5em 0;
margin: 0 0 .8em;
background: #cdebfd;
font-weight: 600;
}
#lumitester-02852421 .box-outside{
width: 94%;
margin: .8em auto;
}
#lumitester-02852421 p.lead{
line-height: 1.7;
}
#lumitester-02852421 strong{
font-weight: 600;
}
#lumitester-02852421 h3{
font-size: 1.7rem;
padding: .3em 0;
margin: 1em 0;
border-bottom: 1px dashed #ccc;
font-weight: 600;
}
#lumitester-02852421 .box1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#lumitester-02852421 .box1 p{
width: 100%;
}
#lumitester-02852421 .box1 ul{
width: 100%;
}
#lumitester-02852421 .box1 ul li{
line-height: 1.5em;
font-size: 1.3rem;
}
#lumitester-02852421 .box2{
padding: 1.5em 0 0;
}
#lumitester-02852421 .box2 ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#lumitester-02852421 .box2 ul li{
position: relative;
width: 49%;
text-align: center;
padding: 2.25em 1em 1.25em;
margin: 0 0 2.5em;
box-sizing: border-box;
background: #f4f5f6;
font-size: 1.4rem;
font-weight: 600;
border: 1px solid #26a3f0;
}
#lumitester-02852421 .box2 ul li span{
display: block;
position: absolute;
top: -20px;
left: calc((100% - 70%)/2);
width: 70%;
text-align: center;
padding: .25em .75em .55em;
box-sizing: border-box;
background: #26a3f0;
color: #fff;
border-radius: 8px;
}
#lumitester-02852421 .box2 strong{
font-size: 1.7rem;
}
#lumitester-02852421 .box3 h3{
margin: 0 0 .25em;
font-size: 1.6rem;
line-height: 1.2;
font-weight: 600;
text-align: center;
background: #fff;
border-bottom: none;
color: #26a3f0;
}
#lumitester-02852421 .box3 .line-box{
width: 100%;
border-bottom: 1px dashed #ccc;
margin: 0 0 .5em;
}
#lumitester-02852421 .text1{
line-height: 1.7;
}
#lumitester-02852421 h4{
font-size: 1.6rem;
padding: .75em 0;
margin: 1.5em 0 .75em;
font-weight: 600;
background: #fcebb6;
letter-spacing: .07em;
text-align: center;
border-radius: 25px;
}
#lumitester-02852421 .box4 ul{
display: flex;
flex-wrap: wrap;
margin: 0 0 1.5em;
}
#lumitester-02852421 .box4 ul li{
display: flex;
align-items: center;
width: 100%;
padding: 1em;
margin: .5em 0 0;
box-sizing: border-box;
line-height: 1.7;
background: #fefaed;
border: 1px solid #9a937e;
}
#lumitester-02852421 .box4 ul li span,
#lumitester-02852421 .box4 ul li a{
display: block;
width: 100%;
text-align: center;
opacity: 1;
transition: .3s;
color: #333;
}
#lumitester-02852421 .box4 ul li a:hover{
opacity: .7;
transition: .3s;
color: #f93f71;
}
#lumitester-02852421 .box1 ul li.nocheck{
line-height: 1.5em;
padding: 1em 0 0;
font-size: 13px;
}
#lumitester-02852421 .box1 ul li.nocheck:before{
content: '';
margin:0 0 0 0;
}
#lumitester-02852421 h5{
font-size: 1.6rem;
letter-spacing: .02em;
padding: .5em 1em;
margin: 1em 0;
box-sizing: border-box;
color: #fff;
font-weight: 600;
background: #266bc6;
}
#lumitester-02852421 .text-s{
display: block;
line-height: 1.25em;
padding: 1em 0 0;
font-size: 1.2rem;
}
#lumitester-02852421 .box4.ancr ul{
flex-wrap: wrap;
justify-content: space-between;
}
#lumitester-02852421 .box4.ancr ul li{
width: 49%;
}
#lumitester-02852421 .movie_area{
width: 100%;
margin: 0 auto 2em;
}
#lumitester-02852421 .movie_area h3{
margin: .5em 0 .5em;
}
#lumitester-02852421 .movie_area iframe{
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
#lumitester-02852421 .pc_br{
display: inline !important;
}
#lumitester-02852421 .pcOnly{
display: none;
}
#lumitester-02852421 .spOnly{
display: block;
}

/* 4 banner Contents - for Special Member*/
#bnr_contents{
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: .15em;
  color: #3a3a3a;
}
#bnr_contents ._pc{
  display: none;
}
#bnr_contents ._sp{
  display: block;
}
#bnr_contents .pc_br{
  display: inline;
}
#bnr_contents .sp_br{
  display: block;
}
#bnr_contents img{
  width: 100%;
}
#bnr_contents h2{
  width: 100%;
}
#bnr_contents .black{
  color: #000;
}
#bnr_contents .green{
  color: #18b74e;
  font-weight: bold;
}
#bnr_contents .red{
  color: #e50e38;
}
#bnr_contents .block{
  display: block;
}
#bnr_contents .fs20{
  font-size: 1.6rem;
}
#bnr_contents .fs26{
  font-size: 1.6rem;
}
#bnr_contents .fs50{
  font-size: 2.4rem;
}
#bnr_contents .t-bold{
  font-weight: bold;
}
#bnr_contents .last_line{
  display: block;
  padding-top: .4em;
  letter-spacing: .125em;
}
#bnr_contents .marker{
  background: linear-gradient(transparent 60%, #ff6 60%);
}
#bnr_contents .inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2em auto 0;
}
#bnr_contents .note{
  width: 94%;
  margin: 1em auto 0;
  font-size: 1.2rem;
  letter-spacing: .05em;
}
#bnr_contents .note p{
  margin: 0;
  color: #fff;
  width: 23%;
  padding: .25em 0 0;
  text-align: center;
  background: #00c5fb;
  border-radius: 5px 5px 0 0;
}
.border-frame{
  margin: 0;
  padding: 1.25em 1em;
  border: 3px solid #00c5fb;
  border-image: linear-gradient(to right, #79aafa 0%, #ff90f9 25%, #00dbe9 50%, #00fd94 75%, #00c5fb 100%);
  border-image-slice: 1;
}
.border-frame li{
  list-style: none;
  line-height: 1.7;
}
.border-frame li::before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: .1em;
  margin: 0 .6em 0 0;
  border-radius: 50%;
  background: #00c5fb;
}

/* Imachas プライムとは？ */
#bnr_contents.prime{
  margin: 2em auto 2.5em;
}
#bnr_contents.prime .inner{
  padding: 0 1em;
}
#bnr_contents.prime .inner .left{
  width: 24%;
}
#bnr_contents.prime .inner .right{
  width: 72%;
}

/* こんな商品あったらいいな */
#bnr_contents.iina{
  width: 100%;
  background: url(../img/special/iina_img05.png) no-repeat top left;
  background-size: contain;
}
#bnr_contents.iina h2{
  width: 80%;
  margin: 0 auto;
  padding: 2.25em 0 0;
}
#bnr_contents.iina .last_line{
  margin: 0 13% 0;
}
#bnr_contents.iina .inner{
  width: 100%;
  margin: 2em auto 0;
}
#bnr_contents.iina .inner .main1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
#bnr_contents.iina .inner .main1 p:nth-child(1){
  width: 15%;
}
#bnr_contents.iina .inner .main1 p:nth-child(2){
  width: 70%;
  text-align: center;
}
#bnr_contents.iina .inner .main1 p:nth-child(3){
  width: 15%;
  margin-left: -1em;
}
#bnr_contents.iina .inner .main1 p:nth-child(4){
  width: 100%;
  margin: 0;
  padding: 0 0 2em;
  text-align: center;
}
#bnr_contents.iina .inner .main2{
  width: 90%;
  margin: 0 auto;
}
#bnr_contents.iina .inner .main3{
  width: 100%;
  margin: .5em 0 0;
  text-align: center;
  letter-spacing: 0;
}
#bnr_contents.iina .note{
  margin: 1em auto 2.5em;
}
/* コンシェルジュデスク */
#bnr_contents.desk{
  position: relative;
  margin: 2.5em auto 6em;
  padding: 0 0 5em;
  background: #f4f4f4;
  border-bottom: 1px solid #414d91;
}
#bnr_contents.desk .deco{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#bnr_contents.desk h2{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: serif;
  font-weight: normal;
  padding: 1.5em 0;
}
#bnr_contents.desk h2 .img1{
  width: 28%;
  margin: 1.5em auto .5em;
}
#bnr_contents.desk h2 .sub{
  display: block;
  font-size: 1.2rem;
  color: #414d91;
  margin: 0 0 .75em;
}
#bnr_contents.desk .inner p{
  width: 100%;
  text-align: center;
  margin: 0 0 1.5em;
}
#bnr_contents.desk .chasmaru{
  position: absolute;
  bottom: -9em;
  left: calc((100% - 27%)/2);
  width: 25%;
}
@media screen and (max-width: 480px){
  #bnr_contents.desk .chasmaru{
  bottom: -4.5em;
  }
}
/* 法人様の登録 */
#bnr_contents.toroku{
}
#bnr_contents.toroku .inner{
  width: 100%;
  padding: 0 0 1.5em;
  background: #fff5fc;
}
#bnr_contents.toroku h2{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 2em auto 1em;
  color: #ea5ebb;
}
#bnr_contents.toroku h2 .img1{
  width: 12%;
  color: #ea5ebb;
  padding: 0 1em 0 0;
}
#bnr_contents.toroku h2 .tit{
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  padding-top: .5em;
  line-height: 1.35;
}
#bnr_contents.toroku h3{
  color: #fff;
  width: 94%;
  margin: .5em auto 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: .4em 2.5em;
  background: #ea5ebb;
  box-sizing: border-box;
}
#bnr_contents.toroku h3::after{
  content: none;
}
#bnr_contents.toroku p.text{
  width: 100%;
  margin: 0 auto;
  padding: 1.25em 1em;
}
#bnr_contents.toroku .circle{
  width: 94%;
  margin: 1.25em auto 0;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
#bnr_contents.toroku .circle li{
  list-style: none;
  background: #fff;
  padding: 1em;
  border: 3.7px solid #f4bae4;
  border-radius: 50%;
  width: 115px;
  min-width: 115px;
  height: 115px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bnr_contents.toroku .circle li span{
  font-size: 1.2rem;
  letter-spacing: 0;
}
#bnr_contents.toroku .note{
  margin: 2.5em auto 3em;
}
