@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 {
    width: 100%;
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_area {
    width: 100%;
}
div#mycontents_area p{
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 24px;
}
div#mynavi_area .mynavi_list {
    width: 100%;
	margin-bottom: 24px;
}
div#mynavi_area .mynavi_list li {
    margin: 0 0 0 16px;
    float: left;
    /* background: url(../img/icon/ico_arrow_01.gif) no-repeat left; */
    font-size: 15px;
}
div#mynavi_area .mynavi_list li:first-child {
	margin-left: 0;
}
div#mynavi_area .mynavi_list li a{
    display: block;
    color: #0d87e5;
	padding: 8px 16px 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: 11px;
    position: absolute;
    top: 10px;
    left: 8px;
    transform: rotate(90deg);
}

div#mynavi_area div.point_announce {
    margin-bottom: 40px;
    padding: 16px 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 16px;
    border: solid 1px #ccc;
    background: #f9f9f9;
    box-sizing: border-box;
}
div#mycontents_area div.mycondition_area p {
    float: left;
	margin: 0 !important;
}
div#mycontents_area div.mycondition_area .btn {
    width: 280px;
    margin-top: 15px;
    float: right;
}
div#mycontents_area div.mycondition_area .btn input{
	color: #ffffff;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 8px 0;
    background: #ff9900;
    border: solid 2px #ff9900;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}
div#mycontents_area div.mycondition_area .btn input:hover{
	color: #ff9900;
	background: #ffffff;
}
.add_address {
}
.add_address a{
    display: block;
    width: 280px;
    color: #ff9900;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    border-radius: 4px;
    border: solid 2px #ff9900;
}
.add_address a:hover{
	color: #ffffff;
	background: #ff9900;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    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: 40px auto 40px;
    border-radius: 4px;
    border: solid 2px #cccccc;
    box-sizing: border-box;
}
div#undercolumn_entry h1.title{
	color: #f93f71;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    padding: 0 12px;
    margin: -44px 0 16px;
    background: #ffffff;
}
div#undercolumn_entry .kiyaku_top {
    max-width: 960px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}
div#undercolumn_entry .kiyaku_top .box{
    display: inline-block;
    width: 32%;
	vertical-align: top;
    margin: 0 0 0 2%;
}
div#undercolumn_entry .kiyaku_top .box:first-child{
    margin-left: 0;
}
div#undercolumn_entry .kiyaku_top .box p.title{
    color: #ffb900;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px;
}
div#undercolumn_entry .kiyaku_top .box figure{
    width: 100%;
    height: 160px;
    text-align: center;
    margin: 0 0 16px;
}
div#undercolumn_entry .kiyaku_top .box p.com{
    font-size: 16px;
	font-weight: bold;
    line-height: 1.7;
    text-align: center;
	margin: 0;
}
@media screen and (max-width: 959px){
	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%;
	font-size: 14px;
    line-height: 1.5;
    margin: 0 auto 24px;
    padding: 16px;
    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 14px;
    padding: 24px 20px;
    background: #f2f2f2;
    border-radius: 4px;
}

div#undercolumn_login .login_area .inputbox .btn_area {
    margin: 0;
}



/* ----- ログインページサンプル ----- */

#undercolumn_login{
	max-width: 960px;
    margin: 0 auto;
}
#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{
    padding: 24px 24px 92px;
    margin: 0 0 0 2%;
    position: relative;
    border: solid 4px #e5e5e5;
    box-sizing: border-box;
    border-radius: 12px;
}
#undercolumn_login .loginBox.nologin,
#undercolumn_login .loginBox.amazonPay,
#undercolumn_login .loginBox.nologin{
	width: 49%;
}
#undercolumn_login .loginBox.nologin,
#undercolumn_login .loginBox.amazonPay{
	float: left;
	margin: 0 0 20px 2%;
}
#undercolumn_login .loginBox.nologin{
	clear: both;
	margin-left: 0;
}
#undercolumn_login .loginBox.reg{
	margin: 0 auto 20px;
}
#undercolumn_login .loginBox h4{
	color: #f93f71 !important;
    font-size: 24px !important;
    text-align: center;
    margin: 0 0 20px !important;
}
#undercolumn_login .loginBox .amapay{
    display: block;
    margin: -12px auto 8px;
}
#undercolumn_login .loginBox p,
#undercolumn_login .loginBox ul li{
    line-height: 1.6;
    margin: 0;
}
#undercolumn_login .loginBox ul{
    max-width: 432px;
    margin: 0 auto;
}
#undercolumn_login .loginBox ul li{
    list-style-type: disc;
    margin-top: 8px;
}
#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{
	position: absolute;
    bottom: 0px;
	left: 0;
}




/* ==============================================
▼エラー
=============================================== */
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: 120px 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */

.page-count{
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
	margin: 16px 0;
  float: left;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
  display: flex;
  justify-content: space-between;
    margin: 16px 0;
}
form[name="page_navi_bottom"] .pagenumber_area {
    padding: 32px 0 0;
    border-top: solid 1px #e5e5e5;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
	width: 50%;
/*    float: left;
    text-align: left;*/
    order: 0;
}
.pagenumber_area .navi a,
.pagenumber_area .navi strong{
    padding: 4px 8px;
    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;
    width: 50%;
    float: right;
/*    text-align: right;*/
    white-space: nowrap;
    order: 1;
}
.pagenumber_area .change a{
/*	display: inline-block;*/
    color: #39c;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    padding: 4px 12px 3px;
    margin: 0 0 0 .5em !important;
/*    margin: 0 0 8px 0;*/
    background: #fff;
    border: solid 1px #39c;
    border-radius: 2px;
}
.pagenumber_area .change a:hover{
    color: #fff;
    background: #39c;
}
.pagenumber_area .change strong.selected{
    color: #ff3300;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
	padding: 4px 12px 3px;
  margin: 0 0 0 .5em !important;
/*    background: #ff3300;*/
  background: #fff;
    border: solid 1px #ff3300;
    border-radius: 2px;
}
/*.pagenumber_area .change strong.selected:hover{
  color: #fff;
  background: #ff3300;
}*/

/* レイアウト
----------------------------------------------- */
div.list_area {
    width: 100%;
    min-width: 700px;
    overflow: auto;
    border-top: solid 1px #e5e5e5;
    padding: 20px 0;
}
div.listphoto {
    float: left;
    width: 17%;
    margin: 0 3% 0 0;
}
div.listphoto img{
	width: 100%;
	height: auto;
}
div.listphoto {
    float: left;
    width: 17%;
    margin: 0 3% 0 0;
}
div.listrightbloc {
    float: right;
    width: 80%;
}


/* 商品情報 各種設定
----------------------------------------------- */


div.listrightbloc p.makername{
	font-size: 15px;
    line-height: 1.4;
    margin: 0 0 4px !important;
}
div.listrightbloc p.makername a{
}
div.listrightbloc h3.productName{
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 16px;
}
div.listrightbloc .main_comment{
	margin-bottom: 1.6em;
}
div.listrightbloc .main_comment dd{
    display: block;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 1.6em;
}
div.listrightbloc .itemOutlineWrap{
/*
	max-height: 7.5em;
    overflow: hidden;
    margin: 0 0 16px;
*/
	margin: 0 auto 40px;
    position: relative;
}
div.listrightbloc .itemOutlineWrap .expand {
	padding: 0;
    max-height: 5em;
    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;
	left: 0;
}
div.listrightbloc .itemOutlineWrap label {
    display: block;
    font-size: 15px;
    color: #0d87e5;
    text-transform: uppercase;
    z-index: 999;
	position: absolute;
    left: 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;"]{
    white-space: pre-wrap !important;
}
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 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 24px;
    border-bottom: solid 1px #cccccc;
}
div.listrightbloc dl.product_code dt,
div.listrightbloc dl.product_code dd{
	float: left;
    font-size: 14px;
    line-height: 1.5;
    border-top: solid 1px #cccccc;
    box-sizing: border-box;
}
div.listrightbloc dl.product_code dt{
    clear: both;
    width: 25%;
    padding: 6px 8px;
    background: #f2f2f2;
}
div.listrightbloc dl.product_code dt small{
	font-size: 13px;
    margin: 0 0 0 4px;
}
div.listrightbloc dl.product_code dd{
    width: 75%;
    padding: 6px 10px;
    background: #ffffff;
}
div.listrightbloc dl.product_code dd strong{
    font-size: 15px;
    margin: 0 4px 0 0;
}

div.listrightbloc dl.product_code dd .asutsuku{
    color: #ff0000;
    font-size: 14px;
    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 #btns_area {
	text-align: left;
}
div.listrightbloc .detail_btn{
	display: inline-block;
    float: left;
    margin: 0 12px 0 0;
}
div.listrightbloc .detail_btn a{
	display: inline-block;
    width: 200px;
    color: #ff9900;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    margin: 0 0 12px 0;
    border-radius: 4px;
    border: solid 2px #ff9900;
    box-sizing: border-box;
}
div.listrightbloc .detail_btn a:hover{
	color: #ffffff;
	text-decoration: none;
	background: #ff9900;
}
div.listrightbloc .stopOrderBtn{
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
}
div.listrightbloc .stopOrderBtn button#stopOrder{
    display: inline-block;
    width: 200px;
    color: #787878;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    border: solid 2px #cccccc;
}

div.listrightbloc .cart_area {
    width: 340px;
    float: left;
    margin: 0 auto 8px;
}
div.listrightbloc .cartin{
    width: 100%;
    box-sizing: border-box;
    display: table;
}
div.listrightbloc .quantity{
    width: 80%;
    padding: 7px 0;
    display: table-cell;
    text-align: right;
}
div.listrightbloc .quantity input{
    width: 80px;
    text-align: right;
}
div.listrightbloc .cartin_btn {
    width: 20%;
    display: table-cell;
    padding: 0 0 0 24px;
}
div.listrightbloc .cartin_btn a,
div.listrightbloc .cartin_btn input{
	display: block;
    width: 180px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    margin: 0 -3px 0 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 {
	width: 200px;
}
div.listrightbloc .contact a{
	display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 13px 0;
    border-radius: 4px;
    background: #0d87e5;
    border: solid 2px #0d87e5;
}
div.listrightbloc .contact a:hover{
	color: #0d87e5;
	background: #ffffff;
}


/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea,
.sub_area {
    width: 100%;
    margin-bottom: 40px;
}

/* レイアウト
----------------------------------------------- */

/* 写真エリア */

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#main_column div#detailphotobloc {
		width: 420px;
		margin: 0 auto 24px;
	}
}
@media screen and (min-width: 1025px){
	#main_column div#detailphotobloc {
		width: 420px;
		float: left;
		margin: 0 40px 0 0;
	}
}

#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;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#main_column #detailrightbloc {
	}
}
@media screen and (min-width: 1025px){
	#main_column #detailrightbloc {
		padding: 0 0 0 460px;
	}
}

/* 商品情報 各種設定
----------------------------------------------- */

#detailrightbloc p.makername{
    font-size: 17px;
    line-height: 1.4;
}
#detailrightbloc p.makername a{
}
#detailrightbloc h2.productName{
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 20px;
}

#productInfo_Left{
    width: 58.5%;
    float: left;
    padding: 0 1.5% 0 0;
    box-sizing: border-box;
}
#productInfo_Left #feature{
}
#productInfo_Left #specification{
}

.main_comment{
    margin-bottom: 28px;
}
.main_comment dt{
    color: #454545;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px;
}
.main_comment dd{
    display: block;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 16px;
}
.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: 16px;
    line-height: 1.6;

}

#productInfo_Right{
	width: 38.5%;
    float: left;
    padding: 0 0 0 1.5%;
    box-sizing: border-box;
}
#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 32px;
	border-bottom: solid 1px #cccccc;
}
#productInfo_Right dl.product_code dt,
#productInfo_Right dl.product_code dd{
    float: left;
    font-size: 15px;
    line-height: 1.5;
    border-top: solid 1px #cccccc;
    padding: 8px 12px;
    box-sizing: border-box;
}
#productInfo_Right dl.product_code dt{
	clear: both;
    width: 45%;
    padding: 8px 12px;
    background: #f2f2f2;
}
#productInfo_Right dl.product_code dt small{
	font-size: 13px;
    margin: 0 0 0 4px;
}
#productInfo_Right dl.product_code dd{
    width: 55%;
    padding: 8px 12px;
    background: #ffffff;
}
#productInfo_Right dl.product_code dd strong{
    font-size: 17px;
    margin: 0 4px 0 0;
}
#productInfo_Right dl.product_code dd .asutsuku{
    color: #ff0000;
    font-size: 14px;
    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 {
    width: 260px;
    margin: 0 auto;
}
#detailrightbloc .quantity{
    text-align: center;
    margin: 0 0 24px;
}
#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
    display: inline;
}
#detailrightbloc .cartin_btn {
    width: 260px;
    float: right;
    margin: 0 0 12px 24px;
}
#detailrightbloc .cartin_btn a{
    display: block;
    color: #000000;
    font-size: 18px;
    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: 0 0 24px;
}
#detailrightbloc .stopOrderBtn button#stopOrder{
    display: inline-block;
    width: 200px;
    color: #787878;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    border: solid 2px #cccccc;
}
#detailrightbloc ul.shoppingInfo {
	width: 260px;
    float: right;
}
#detailrightbloc ul.shoppingInfo li{
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 4px;
    padding: 0 0 0 20px;
	position: relative;
}
#detailrightbloc ul.shoppingInfo li a{
	color: #333333;
	text-decoration: underline;
}
#detailrightbloc ul.shoppingInfo li:before{
	content: "▲";
    color: #f93f71;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 3px;
    transform: rotate(90deg);
}
#detailrightbloc ul.shoppingInfo li a.text_red{
    color: #ff0000;
}
#detailrightbloc .inquiry_btn{
    width: 260px;
    margin: .75em auto .5em;
}
#detailrightbloc .inquiry_btn a{
    display: block;
    color: #fff;
    padding: .5em 0;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    background: #fb3d65;
}
#detailrightbloc .inquiry_btn a:hover{
    color: #000;
    background: #fae44c;
}

#detailrightbloc .ideaBnr{
    max-width: 480px;
	margin: 24px auto;
    border-radius: 12px;
    border: solid 3px #e5e5e5;
    overflow: hidden;
}
#detailrightbloc .ideaBnr a{
	display: block;
}
#detailrightbloc .ideaBnr a:hover{
	opacity: 0.5;
}

/* 買い物カゴ 特別提供品*/
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: 18px;
    color: #333333;
    letter-spacing: 0.05em;
    padding: 12px 8px 0;
    margin: 0 0 20px;
    border-top: solid 5px #0d87e5;
}
#history .productList,
#categoryFooter .productList{
    display: table;
    width: 100%;
	min-width: 800px;
    margin: 0;
}
#history .productList li,
#categoryFooter .productList li{
    display: table-cell;
    width: 16.66%;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.productList li a{
	color: #333333;
}
.productList li .thumb{
    max-width: 150px;
    margin: 0 auto 12px;
    background: #ffffff;
    position: relative;
}
.productList li .thumb:before{
	display: block;
    content: '';
    padding-top: 100%;
}
.productList li .thumb .centerBox{
    width: 100%;
    height: 100%;
	position: absolute;
    top: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.productList li .thumb .tableCell{
    width: 100%;
    height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.productList li .thumb .tableCell img{
	width: 100%;
    height: auto;
}
.productList li p.ptitle{
    font-size: 15px;
    line-height: 1.35;
    font-weight: bold;
    margin: 0 0 4px;
}
.productList li p.price{
	color: #ff3333;
    font-size: 16px;
    line-height: 1.4;
    text-align: right;
}
.productList li p.price small{
}
.productList li p.price b{
}
.productList li p.price b small{
}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding: 16px 24px;
    margin-bottom: 24px;
    background: #ffe400;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

.pdf_download{
    display: inline-block;
    margin: 0 8px 0 0;
}
.pdf_download input{
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.6;
    padding: 10px 22px 10px 56px;
    background: #ff9900 url(../img/icon/icon_pdf.png) no-repeat center left 17px;
    background-size: 32px auto;
    border: none;
    border-radius: 3px;
}
.pdf_download input:hover{
	cursor: pointer;
    background: #ff3300 url(../img/icon/icon_pdf.png) no-repeat center left 17px;
    background-size: 32px auto;
}

.pdf_download.mitsumori input{
    background: #ff9900 url(../img/icon/icon_mitsumori.png) no-repeat center left 17px;
    background-size: 28px auto;
}
.pdf_download.mitsumori input:hover{
    background: #ff3300 url(../img/icon/icon_mitsumori.png) no-repeat center left 17px;
    background-size: 28px auto;
}


div#undercolumn_cart p {
    margin: 24px 0;
}

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 20px 0;
}
#flow_area ul.flowList {
}
#flow_area ul.flowList li {
	float: left;
    margin: 0 0 0 28px;
}
#flow_area ul.flowList li:first-child {
    margin-left: 0;
}
#flow_area ul.flowList li .step{
    display: inline-block;
    color: #ffffff;
	font-size: 13px;
    line-height: 1.4;
    padding: 2px 12px;
    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: 8px 4px 0 4px;
	border-color: #ababab transparent transparent transparent;
    bottom: -8px;
    left: 29px;
	z-index: 10;
}
#flow_area ul.flowList li p{
    font-size: 16px;
    font-weight: bold;
    padding: 12px 20px;
	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: 25px 0 25px 20px;
    border-color: transparent transparent transparent #cccccc;
    top: -1px;
    right: -20px;
	z-index: 10;
}
#flow_area ul.flowList li p:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 19px;
    border-color: transparent transparent transparent #ffffff;
    top: 0;
    right: -19px;
	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;
    width: auto;
    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 {
    max-width: 600px;
    color: #555;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    margin: 0 0 24px;
    background: #fff8c2;
}
.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;
}
.multiple_btn a:hover,
p.addbtn a:hover{
	color: #ffffff;
	background: #ff9900;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}

#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}

/* 注文確認画面 */

.confitm_attention{
    width: 100%;
    padding: 24px 0;
    position: fixed;
    bottom: 0;
	background: #ffe400;
    border-top: solid 2px #f2cd00;
    z-index: 1000;
}
.confitm_attention p{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.confitm_attention p .red{
	color: #ff3300;
}

/* ==============================================
▼検索結果
=============================================== */
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: 60%;
    float: none;
    margin: 0 auto 1.5% auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1280px;
}
#main_column div#undercolumn.original #detailrightbloc {
    padding: 0 0 0 0;
    margin: 0 auto;
    max-width: 1680px;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  #main_column div#undercolumn.original div#detailphotobloc {
      width: 96%;
      margin: 0 auto 2.5% auto;
      transition: .3s;
  }
}
#main_column div#undercolumn.original div#detailphotobloc .special_offer_main{
    width: 47.5%;
    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: 10px solid #fff7af;*/
  margin: 3% 0;
}
#main_column div#undercolumn.original #sub_imgList {
    margin: 6.4% 0 0 0;
    width: 49%;
}
#main_column div#undercolumn.original #sub_imgList li {
    float: left;
    width: 30.6%;
    margin: 0 0 2% 2.5%;
}
#main_column div#undercolumn.original #productInfo_Left {
    width: 58.5%;
    float: left;
    padding: 0 0 0 0;
    box-sizing: border-box;
}
#main_column div#undercolumn.original #productInfo_Right {
    width: 38.5%;
    float: right;
    padding: 0 0 0 1.5%;
    box-sizing: border-box;
}
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 0 18px 24px;
}
/* いまちゃす特別提供品とは？ Detail ボタン */
div#undercolumn.original .about_special{
  position: relative;
}
div#undercolumn.original .about_spe{
  margin: 0 0 5%;
}
div#undercolumn.original .about_spe_content{
  display: none;
  position: absolute;
  bottom: 0;
  left: -306px;
  width: 300px;
  padding: 1em .75em;
  box-sizing: border-box;
  border: 3px solid #c21500;
  border-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
  border-image-slice: 1;
  background: #fff;
  z-index: 2;
}
div#undercolumn.original .about_spe:hover .about_spe_content{
}
div#undercolumn.original .about_spe_content .chasmaru{
  float: left;
  width: 18%;
  margin: 0 0 0;
}
div#undercolumn.original .about_spe_content .text{
  float: left;
  width: 72%;
  margin: 0 0 0;
  padding-left: 8%;
}
div#undercolumn.original .about_spe_content .note{
  display: block;
  font-size: 13px;
}
/* いまちゃす特別提供品とは？ List 表記 */
div#undercolumn.original .list_about_spe_content{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64%;
  margin: 0 auto;
  line-height: 1;
  padding: .5em .5em 0;
  box-sizing: border-box;
  border: 1px dashed #c7bf9c;
  border-radius: 10px;
  background: #fffef9;
}
@media screen and (max-width: 1240px){
  div#undercolumn.original .list_about_spe_content{
    width: 90%;
  }
}

div#undercolumn.original .list_about_spe_content .chasmaru{
  width: 8%;
  max-width: 55px;
}
div#undercolumn.original .list_about_spe_content .pic{
  width: 24%;
  margin: 0 0 .5em;
  max-width: 220px;
  padding: 0 1em;
  box-sizing: border-box;
}
div#undercolumn.original .list_about_spe_content .text{
  width: 65%;
  padding: .9em 0 0;
}
div#undercolumn.original .list_about_spe_content .note{
  display: block;
  font-size: 13px;
}
/* カテゴリー Bar */
.ctgbar{
  overflow: hidden;
  background: #1a4b8b;
  margin-top: 1.5em;
  width: 100%;
}
.ctgbar a{
  float: left;
  display: block;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
}
.subnav{
  float: left;
  overflow: hidden;
}
.subnav .subnavbtn{
  font-size: 13px;
  border: none;
  outline: none;
  color: #fff;
  padding: 10px 12px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.subnav a.subnavbtn{
  padding: 14px 15px;
}
.ctgbar a:hover, .subnav:hover .subnavbtn{
  color: #fff;
  background: #2264b9;
}
.subnav_content{
  display: none;
  position: absolute;
  left: 1.5em;
  background: #2264b9;
  width: calc(100% - 3em);
  box-sizing: border-box;
  z-index: 1;
}
.subnav_content a{
  float: left;
  color: #fff;
  text-decoration: none;
}
.subnav_content a:hover{
  color: #fff;
  background: #7eabe3;
}
.subnav:hover .subnav_content{
  display: block;
}

/*
div#undercolumn.original .spe_category{
  width: 100%;
  padding: 1em 0;
  margin: 1em 0 0;
  background: #e4eff9;
}
div#undercolumn.original .spe_category .inner{
  width: 65%;
  max-width: 980px;
  margin: 1em auto;
}
div#undercolumn.original .spe_category .inner ul{
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
}
div#undercolumn.original .spe_category .inner ul li{
}
div#undercolumn.original .spe_category .inner ul li > a{
  display: block;
  width: auto;
  min-width: 110px;
  height: auto;
  color: #fff;
  padding: .75em 1.5em;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  box-sizing: border-box;
  background: #065ca7;
  opacity: 1;
}
div#undercolumn.original .spe_category .inner ul li.sub > a::after{
  content: '▼';
  display: inline-block;
}
div#undercolumn.original .spe_category .inner ul li a:hover{
  background: #eee;
  color: #000;
}
div#undercolumn.original .spe_category .inner ul li.sub{
  position: relative;
  width: 100%;
}

div#undercolumn.original .spe_category .inner ul li.sub .subNav{
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  background: #eee;
  z-index: 1;
}
div#undercolumn.original .spe_category .inner ul li.sub a:hover .subNav{
  display: block;
}
div#undercolumn.original .spe_category .inner ul li.sub .subNav a{
  display: inline-block;
  width: 100%;
  color: #000;
}
div#undercolumn.original .spe_category .inner ul li.sub .subNav a:hover{
  color: #fff;
  padding: .75em 1.5em;
  background: #065ca7;
}
*/



/*  商品詳細 ルミテスター 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: 24px;
text-align: center;
padding: .5em 0;
margin: 0 0 .8em;
background: #cdebfd;
font-weight: 700;
}
#lumitester-02852421 .box-outside{
width: 94%;
margin: .8em auto;
}
#lumitester-02852421 p.lead{
line-height: 1.7;
}
#lumitester-02852421 strong{
font-weight: 700;
}
#lumitester-02852421 h3{
font-size: 22px;
padding: .3em 0;
margin: 1em 0;
border-bottom: 1px dashed #ccc;
font-weight: 700;
}
#lumitester-02852421 .box1{
display: flex;
justify-content: space-between;
}
#lumitester-02852421 .box1 p{
width: 48%;
}
#lumitester-02852421 .box1 ul{
width: 49%;
padding: 1em 0 0;
}
#lumitester-02852421 .box1 ul li{
line-height: 2em;
}
#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.75em 1em 2em;
margin: 0 0 2.5em;
box-sizing: border-box;
background: #f4f5f6;
font-size: 18px;
font-weight: 700;
border: 1px solid #26a3f0;
}
#lumitester-02852421 .box2 ul li span{
display: block;
position: absolute;
top: -20px;
left: 20px;
width: 45%;
text-align: center;
padding: .5em .75em .75em;
box-sizing: border-box;
background: #26a3f0;
color: #fff;
border-radius: 8px;
}
#lumitester-02852421 .box2 strong{
font-size: 24px;
}
#lumitester-02852421 .box3{
position: relative;
}
#lumitester-02852421 .box3 h3{
position: absolute;
top: -10px;
font-size: 22px;
padding: .3em 2em;
font-weight: 700;
text-align: center;
background: #fff;
border-bottom: none;
color: #26a3f0;
z-index: 2;
}
#lumitester-02852421 .box3 h3.ct1{
left: calc((100% - 20em)/2);
width: 16em;
}
#lumitester-02852421 .box3 h3.ct2{
left: calc((100% - 12em)/2);
width: 8em;
}
#lumitester-02852421 .box3 h3.ct3{
left: calc((100% - 25em)/2);
width: 21em;
}
#lumitester-02852421 .box3 h3.ct4{
left: calc((100% - 16em)/2);
width: 12em;
}
#lumitester-02852421 .box3 .line-box{
position: absolute;
top: 35px;
left: 0;
width: 100%;
border-bottom: 1px dashed #ccc;
z-index: 1;
}
#lumitester-02852421 .text1{
padding: 5em 0 0;
line-height: 1.7;
}
#lumitester-02852421 h4{
font-size: 22px;
padding: 1em 0;
margin: 3em 0 1em;
font-weight: 700;
background: #fcebb6;
letter-spacing: .07em;
text-align: center;
border-radius: 25px;
}
#lumitester-02852421 .box4 ul{
display: flex;
justify-content: space-between;
align-items: stretch;
margin: .5em 0 2em;
}
#lumitester-02852421 .box4 ul li{
display: flex;
align-items: center;
width: 24%;
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: 2em 0 0;
font-size: 13px;
}
#lumitester-02852421 .box1 ul li.nocheck:before{
content: '';
margin:0 0 0 0;
}
#lumitester-02852421 h5{
font-size: 21px;
letter-spacing: .07em;
padding: .5em 1em;
margin: 1em 0;
box-sizing: border-box;
color: #fff;
font-weight: 700;
background: #266bc6;
}
#lumitester-02852421 .text-s{
display: block;
line-height: 1.5em;
padding: 2em 0 0;
font-size: 13px;
}
#lumitester-02852421 .box4.ancr ul{
flex-wrap: wrap;
justify-content: center;
}
#lumitester-02852421 .box4.ancr ul li{
width: 30%;
}
#lumitester-02852421 .box4.ancr ul li:nth-child(2),
#lumitester-02852421 .box4.ancr ul li:nth-child(5){
margin: .5em 1% 0;
}
#lumitester-02852421 .movie_area{
width: 80%;
margin: 0 auto 4em;
}
#lumitester-02852421 .movie_area ul li{
margin: 0 0 2em;
}
#lumitester-02852421 .movie_area iframe{
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
#lumitester-02852421 .pcOnly{
display: block;
}
#lumitester-02852421 .spOnly{
display: none;
}

/* 4 banner Contents - for Special Member*/
#bnr_contents{
  max-width: 980px;
  min-width: 680px;
  margin: 0 auto;
  font-size: 21px;
  line-height: 1.8;
  letter-spacing: .15em;
  color: #3a3a3a;
}
#bnr_contents ._pc{
  display: block;
}
#bnr_contents ._sp{
  display: none;
}
#bnr_contents .pc_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: 20px;
}
#bnr_contents .fs26{
  font-size: 26px;
}
#bnr_contents .fs50{
  font-size: 50px;
}
#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{
  margin-top: 4em;
  font-size: 16px;
  letter-spacing: .05em;
}
#bnr_contents .note p{
  margin: 0;
  color: #fff;
  width: 16.5%;
  text-align: center;
  background: #00c5fb;
  border-radius: 5px 5px 0 0;
}
.border-frame{
  margin: 0;
  padding: 1.25em 2.75em;
  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: 7px;
  height: 7px;
  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 .left{
  width: 22%;
  margin: 0;
}
#bnr_contents.prime .inner .right{
  width: 74%;
}
#bnr_contents.prime .note{
  width: 74%;
  margin: 0 0 0 26%;
  font-size: 16px;
  letter-spacing: .05em;
}
/* こんな商品あったらいいな */
#bnr_contents.iina{
  max-width: 1220px;
  background: url(../img/special/iina_img05.png) no-repeat top left;
  background-size: contain;
}
#bnr_contents.iina .note{
  width: 94%;
  margin: 1em auto 2.5em;
}
#bnr_contents.iina h2{
  width: 70%;
  margin: 0 auto;
  padding: 2.25em 0 0;
}
#bnr_contents.iina .last_line{
  margin: 0 auto 2em;
}
#bnr_contents.iina .inner{
  width: 940px;
  margin: 2em auto 0;
}
#bnr_contents.iina .inner .main1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
#bnr_contents.iina .inner .main1 p:nth-child(1){
  width: 15%;
}
#bnr_contents.iina .inner .main1 p:nth-child(2){
  width: 67%;
  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: 100%;
}
#bnr_contents.iina .inner .main3{
  width: 100%;
  margin: 1em 0 0;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
}
/* コンシェルジュデスク */
#bnr_contents.desk{
  position: relative;
  margin: 0 auto 7em;
  padding: 0 0 5em;
  background: #f4f4f4;
  border-bottom: 2px solid #414d91;
}
#bnr_contents.desk .deco{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#bnr_contents.desk .chasmaru{
  position: absolute;
  bottom: -5.5em;
  left: calc((100% - 17%)/2);
  width: 17%;
}
#bnr_contents.desk h2{
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  font-family: serif;
  font-weight: normal;
  padding: 2.5em 0 1.5em;
}
#bnr_contents.desk h2 .img1{
  width: 20%;
  margin: 0 auto;
  vertical-align: middle;
}
#bnr_contents.desk h2 .sub{
  display: block;
  font-size: 15px;
  color: #414d91;
  margin: 0 0 1.5em;
}
#bnr_contents.desk .inner p{
  width: 100%;
  text-align: center;
  margin: 0 0 1.5em;
}
/* 法人様の登録 */
#bnr_contents.toroku{
  font-size: 17px;
  margin: 2.5em auto 0;
}
#bnr_contents.toroku .inner{
  padding: 0 0 2.5em;
  background: #fff5fc;
}
#bnr_contents.toroku h2{
  display: flex;
  align-items: center;
  width: 70%;
  margin: 2em auto 1em;
  color: #ea5ebb;
}
#bnr_contents.toroku h2 .img1{
  width: 12%;
  margin: 0 auto;
  color: #ea5ebb;
  padding: 0 .5em 0 1.5em;
}
#bnr_contents.toroku h2 .tit{
  font-size: 45px;
  font-weight: 500;
  line-height: 1.8;
}
#bnr_contents.toroku h3{
  color: #fff;
  width: auto;
  margin: 1em auto 0;
  font-size: 20px;
  font-weight: 500;
  border-radius: 4px;
  padding: .2em 2em;
  background: #ea5ebb;
}
#bnr_contents.toroku h3::after{
  content: none;
}
#bnr_contents.toroku p.text{
  width: auto;
  margin: 0 auto;
  padding: 1.75em 2em;
}
#bnr_contents.toroku .circle{
  width: 65%;
  margin: 2em 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: 190px;
  min-width: 190px;
  height: 190px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .05em;
}
#bnr_contents.toroku .note{
  width: 76%;
  margin: 2.5em auto 3em;
}