@charset "utf-8";

/************************************************
 各ページコンテンツ
************************************************ */

/* ==============================================
▼共通
=============================================== */

#undercolumn,
#mypagecolumn {
	padding:0 5px;
	margin-bottom:15px;
}
@media only screen and (min-width: 460px) {
}
@media only screen and (min-width: 980px) {
#undercolumn,
#mypagecolumn {
	padding:0;
}
}

/* ==============================================
▼会員登録入力画面　form_personal_input.tpl
　会員登録なし購入のお客様情報入力
=============================================== */
#form_personal_input,
.nonmember_input {
	border:none;
	background-color:#fff;
}
#form_personal_input dl,
.nonmember_input dl {
	clear:both;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
#form_personal_input dt,
.nonmember_input dt {
	padding:1%;
	width:98%;
	font-weight:bold;
}
#form_personal_input dd,
.nonmember_input dd {
	padding:1%;
	width:98%;
	background-color:#fff;
	border:none;
}
#form_personal_input select,
.nonmember_input select {
	margin-bottom:5px;
	font-size:1rem;
}
#form_personal_input .sphone,
.nonmember_input .sphone {
	display:none;
}
#form_personal_input .box300,
.nonmember_input .box300 {
	width:96%;
}

@media only screen and (min-width: 460px) {
#form_personal_input,
.nonmember_input {
	border:#CCC 1px solid;
	border-top:none;
	background-color:#eee;
	width:98%;
}
#form_personal_input dl,
.nonmember_input dl {
	padding-bottom:0;
}
#form_personal_input dt,
.nonmember_input dt {
	float:left;
	padding:1%;
	width:28%;
	font-weight:normal;
}
#form_personal_input dd,
.nonmember_input dd {
	float:left;
	padding:1%;
	width:68%;
	background-color:#fff;
	border-top:1px solid #CCC;
}
#form_personal_input .sphone,
.nonmember_input .sphone {
	display: inline;
}
#form_personal_input .box300,
.nonmember_input .box300 {
	width:300px;
}
}
@media only screen and (min-width: 980px) {
#form_personal_input,
.nonmember_input {
	width:100%;
}
}

/* ==============================================
▼ガイド
=============================================== */

/* 当サイトについて
----------------------------------------------- */
#undercolumn_aboutus {
}
div#undercolumn_aboutus #text1 {
	margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
	margin-bottom:10px;
	padding:1em;
	background: #8ec231;
	color:#fff;
}
div#undercolumn_aboutus .controller #pointb {
	display:block;
	padding-top:5px;
}
div#undercolumn_aboutus .controller input{
	width:12em;
	margin-right:1em;
}
div#undercolumn_aboutus .container{
	border:1px solid #cccccc;
	background:url(../img/background/loading.gif) 200px 100px no-repeat;
}
div#undercolumn_aboutus #map{
	width:100%;
	height:300px;
}
div#undercolumn_aboutus #panel{
	display:block;
	width:98%;
	padding:0 1%;
	height:300px;
	overflow:auto;
	background: #8ec231;
	color:#FFF;
	margin-bottom:-20px;
}

div#undercolumn_aboutus #panel table {
	border:none;
}
#panel .adp-placemark{
	background: #eee;
	border:none;
	color:#000;
	font-weight:bold;
}
#panel .adp-summary{
	text-align:right;
}
#panel .adp-directions tr:hover{
	background: #666;
	color:#FFF;
}
#panel .adp-directions td{
	padding:0.5em 0;
	border:dotted #fff;
	border-width:1px 0;
}
#panel .adp-directions b{
	font-weight:normal;
	color: #FFC;
}
#panel .adp-directions .adp-distance{
	font-weight:bold;
}
#panel .adp-legal{
	text-align:right;
	color:#fff;
}

div#undercolumn_aboutus br.clear{
	clear:left;
	font-size:0;
}
div#undercolumn_aboutus #hyoji {
	padding:2px 5px 0 5px;
	background-color:#FFF;
	border:#333 1px solid;
	cursor:pointer;
	color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
	background-color: #F90;
}

@media only screen and (min-width: 460px) {
}
@media only screen and (min-width: 980px) {
div#undercolumn_aboutus .controller #pointb {
	display: inline;
	padding-top:0;
}
div#undercolumn_aboutus #map{
	float:left;
	width:75%;
	height:400px;
}
div#undercolumn_aboutus #panel{
	margin-left:75%;
	width:23%;
	height:400px;
}
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ（入力ページ）
----------------------------------------------- */
#undercolumn_contact p#comment {
	margin-bottom:20px;
}
#undercolumn_contact #input_area {
	border:none;
	background-color:#fff;
}
#undercolumn_contact #input_area dl {
	clear:both;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
#undercolumn_contact #input_area dt {
	padding:1%;
	width:98%;
	font-weight:bold;
}
#undercolumn_contact #input_area dd {
	padding:1%;
	width:98%;
	background-color:#fff;
	border:none;
}
#undercolumn_contact #input_area select {
	margin-bottom:5px;
}
#undercolumn_contact #input_area .sphone {
	display:none;
}
#undercolumn_contact #input_area .box380 {
	width:96%;
}

@media only screen and (min-width: 460px) {
#undercolumn_contact #input_area {
	border:#CCC 1px solid;
	border-top:none;
	background-color:#eee;
	width:98%;
}
#undercolumn_contact #input_area dl {
	padding-bottom:0;
}
#undercolumn_contact #input_area dt {
	float:left;
	padding:1%;
	width:28%;
	font-weight:normal;
}
#undercolumn_contact #input_area dd {
	float:left;
	padding:1%;
	width:68%;
	background-color:#fff;
	border-top:1px solid #CCC;
}
#undercolumn_contact #input_area .sphone {
	display: inline;
}
#undercolumn_contact #input_area .box380 {
	width:300px;
}
}
@media only screen and (min-width: 980px) {
#undercolumn_contact #input_area {
	width:100%;
}
#undercolumn_contact #input_area .box380 {
	width:380px;
}
}

/* FAQ
----------------------------------------------- */
div#undercolumn_faq .category_title {
    font-size:140%;
    margin-bottom:10px;
	color:#333;
	background-color:#eee;
	padding:3px 10px;
}
div#undercolumn_faq .category_box {
	margin-bottom:20px;
}
div#undercolumn_faq table {
	margin:0;
	border:none;
}
div#undercolumn_faq table td {
	padding:0;
	border:none;
}
div#undercolumn_faq .faq_q,
div#undercolumn_faq .faq_a {
	width:20px;
	vertical-align:top;
	text-align:center;
	color:#FFF;
}
div#undercolumn_faq .faq_q span {
	padding:0 2px;
	color:#8ec231;
}
div#undercolumn_faq .faq_a span {
	padding:0 2px;
	background-color: #666;
}
div#undercolumn_faq .faq_question {
	margin-bottom:5px;
}
div#undercolumn_faq .faq_question .question {
	padding-left:5px;
	font-weight:bold;
	color:#8ec231;
}
div#undercolumn_faq .faq_answer {
	margin-bottom:15px;
}
div#undercolumn_faq .faq_answer .answer {
	padding:0 5px;
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
#mypagecolumn {
    width: 97%;
}
#mycontents_area {
    width: 100%;
}
#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}
#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}

@media only screen and (min-width: 460px) {
div#mypagecolumn {
    width: 100%;
}
}
@media only screen and (min-width: 980px) {
}

/* ナビ
----------------------------------------------- */
#mynavi_area {
    width: 100%;
}

#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
#mynavi_area .mynavi_list li {
    float: left;
	text-align:center;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width:50%;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:100%;
}
#mynavi_area .mynavi_list li.br {
	clear:both;
}
#mynavi_area .mynavi_list li a {
	display:block;
	padding:5px 15px;
	margin-right:1px;
	margin-bottom:1px;
	background-color:#f7f7f7;
}
#mynavi_area .mynavi_list li a:hover {
	background-color:#ddd;
}
#mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #eee;
}
#mynavi_area .point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left top ;
}

@media only screen and (min-width: 460px) {
#mynavi_area {
    width: 98%;
}
#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
    font-size: 120%;
	text-align:left;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width: auto;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:auto;
}
#mynavi_area .mynavi_list li.br {
	clear: none;
}
#mynavi_area .mynavi_list li a {
	display: inline;
	padding:0;
	margin-right:0;
	margin-bottom:0;
	background: none;
}
#mynavi_area .mynavi_list li a:hover {
	background: none;
}
}
@media only screen and (min-width: 980px) {
#mynavi_area {
    width: 100%;
}
}

/* MYページトップ
----------------------------------------------- */
#mycontents_area table.top {
	display:none;
}
#mycontents_area a.s_top,
#mycontents_area .s_top {
	display: block;
	padding:10px;
	margin-bottom:15px;
	color:#333;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#fff;
}
#mycontents_area a.s_top:hover {
	background-color:#f7f7f7;
}
#mycontents_area a.s_top .box {
	background:url(../img/button/gui-next.png) no-repeat center right;
}
#mycontents_area #coupon_area {
	margin-top:20px;
}
#mycontents_area #coupon_area p {
	margin-bottom:10px;
}

@media only screen and (min-width: 460px) {
#mycontents_area table.top {
	display: table;
}
*+#mycontents_area table.top {
	display: block;
}
#mycontents_area a.s_top,
#mycontents_area .s_top {
	display:none;
}
}
@media only screen and (min-width: 980px) {
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
#mycontents_area .mycondition_area {
    padding: 10px;
    border: solid 1px #ccc;
    background: #f9f9f9;
}
#mycontents_area table.ichiran td,
#mycontents_area table.ichiran th {
	width:25%;
}
#mycontents_area table.ichiran td.image img {
	max-width:100%;
}
#mycontents_area .mycondition_area p {
    float: left;
}
#mycontents_area .mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
#mycontents_area .tomail {
	padding:10px;
	margin-bottom:15px;
	color:#333;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#fff;
}

@media only screen and (min-width: 460px) {
}
@media only screen and (min-width: 980px) {
}

/* 会員登録内容変更/退会
----------------------------------------------- */
#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: left;
}

#mycontents_area .message_area p {
    margin-bottom: 20px;
}
@media only screen and (min-width: 460px) {
div#mycontents_area .message_area {
    text-align: center;
}
}
@media only screen and (min-width: 980px) {
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_login .login_area {
    margin-bottom: 30px;
}
div#undercolumn_login .login_area .inputbox {
    margin: 15px auto 15px auto;
    padding: 15px 5%;
    background: #f0f0f0;
}
div#undercolumn_login .inputbox .pass {
	margin-top:20px;
}
div#undercolumn_login input.txtbox {
	width:100%;
	font-size:1.2rem;
	line-height:22px;
}
div#undercolumn_login .inputbox .input_area_pass {
	margin-bottom:20px;
}
div#undercolumn_login .login_area .inputbox .btn_area {
    margin-top: 0;
}

@media only screen and (min-width: 460px) {
div#undercolumn_login .login_area .inputbox {
    padding: 15px 20%;
}
}
@media only screen and (min-width: 980px) {
div#undercolumn_login .login_area .inputbox {
    padding: 30px 25%;
}
}


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


/* ==============================================
▼商品一覧
=============================================== */

/* ページ送り
----------------------------------------------- */

/* 並び順・表示件数*/
.pagenumber_area {
    padding-bottom: 20px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 20px 0;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
	clear:both;
	position:relative;
	top:10px;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}
.pagenumber_area .change #box01,
.pagenumber_area .change #box02,
.pagenumber_area .change #box03,
.pagenumber_area .change #box04 {
	float:left;
	position:relative;
	z-index:100;
}
.pagenumber_area .change #box02 {
	z-index:101;
}
.pagenumber_area .change #box01,
.pagenumber_area .change #box03 {
	border:#333 1px solid;
	border-right:none;
	height:18px;
	padding:2px 4px 0 4px;
	margin-left:5px;
	background-color:#eee;
}
.pagenumber_area .change #box01,
.pagenumber_area .change #box02 {
	margin-bottom:10px;
}
.pagenumber_area .change #box03 {
	clear:both;
}
/* ペイジャー class/SC_PageNavi.php のclass要素*/
.page_now {
	border:#CCC 1px solid;
	color:#000;
	background-color:#eee;
	padding:0 4px;
	font-size:130%;
}
.page_number,
.page_next,
.page_before {
	border:#CCC 1px solid;
	background-color:#fff;
	padding:0 4px;
	font-size:130%;
}

@media only screen and (min-width: 460px) {
.pagenumber_area .change #box01,
.pagenumber_area .change #box02 {
	margin-bottom:0;
}
.pagenumber_area .change #box03 {
	clear: none;
}
}

@media only screen and (min-width: 980px) {
.pagenumber_area {
    padding-bottom: 10px;
}
.pagenumber_area .navi {
	clear:none;
	top:0;
}
.page_now,
.page_number,
.page_next,
.page_before {
	font-size:110%;
}
}


/* 商品説明/表示/非表示
----------------------------------------------- */
.list_comment_show {
	display:none;
}
@media only screen and (min-width: 460px) {
}

@media only screen and (min-width: 980px) {
.list_comment_show {
	display:block;
	font-size:130%;
	margin-bottom:15px;
	height:20px;
	line-height:1.8em;
	padding-left:30px;
	padding-bottom:5px;
	color:#fff;
	background: url(../img/button/select-icons.png) 0 -119px no-repeat #666;
	cursor:pointer;
}
.list_comment_show:hover {
	color: #FC3;
	background: url(../img/button/select-icons.png) 0 -170px no-repeat #666;
}
.list_comment_hide {
	color:#333;
	background: url(../img/button/select-icons.png) 0 -19px no-repeat #eee;
}
.list_comment_hide:hover {
	color: #999;
	background: url(../img/button/select-icons.png) 0 -69px no-repeat #eee;
}
}

/* 商品表示のレイアウト
----------------------------------------------- */
.list_area {
	margin-bottom:20px;
	padding-bottom:20px;
	width:100%;
	border-bottom:#eee 1px solid;
}
.listphoto {
	float: left;
	width:45%;
}
.listrightbloc {
	float: right;
	width:50%;
}

@media only screen and (min-width: 460px) {
.listphoto {
	float: left;
	width:27%;
}
.listrightbloc {
	float: right;
	width:70%;
}
}
@media only screen and (min-width: 980px) {
.list_area {
	width:23%;
	float:left;
	border:none;
	padding-bottom:0;
}
.list_area_left {
	margin-right:2.6%;
}
.listphoto,
.listrightbloc {
	float:none;
	width:100%;
}
}

/* .listphoto
----------------------------------------------- */
.listphoto .photo {
	margin-bottom:5px;
	position:relative;
}
.listphoto .photo img.item {
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
	max-width:98%;
}
/* NEWアイコン自動表示 */
.listphoto .photo .new_icon {
	position:absolute;
	bottom:5%;
	right:4%;
}

/* .listrightbloc
----------------------------------------------- */
/* 商品名 */
.listrightbloc h3 {
	margin-bottom:10px;
	heigth:35px;
}
/* 商品ステータス */
.listrightbloc ul.status_icon li {
	float:left;
	margin-right:5px;
}
/* 価格 */
.listrightbloc .pricebox {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: row;
}
.listrightbloc .pricebox .title {
	color:#555;
	display:block;
}
.listrightbloc .pricebox .tit_member {
	color: #F44;
	font-weight:bold;
}
.listrightbloc .pricebox .price {
	display:block;
	text-align:right;
	font-family:"Arial Black", Gadget, sans-serif;
	/*border-top:#999 1px dotted;
	border-bottom:#999 1px dotted;
	padding:5px 0;*/
}
.listrightbloc .pricebox .non {
	text-align: center;
}
/* 商品詳細を見る（common.css） */
.listrightbloc .detail_btn {
    margin-bottom: 10px;
}
/* コメント */
.listrightbloc .listcomment_on,
.listrightbloc .listcomment {
	display:none;
}
.listcomment_sphone {
	display:block;
	clear:both;
}
/* 買い物かご */
.listrightbloc .cart_area {
	display:none;
}
/* 規格 */
.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
.listrightbloc dl {
    width: 100%;
}
.listrightbloc dd p.attention {
    margin-top: 5px;
}
/* 数量 */
.listrightbloc .cartin .quantity {
    text-align:center;
}
.listrightbloc .cartin .quantity .box {
    width: 50px;
}
/* カゴに入れる（common.css） */
.listrightbloc .cartin_btn {
	margin-top:10px;
}
/* 期間限定販売 */
.listrightbloc .arrival_endsell {
	display:none;
}
.arrival_endsell_sphone {
	display:block;
	background-color: #ddd;
	font-weight:bold;
    border: 1px solid #999;
	padding:5px;
    width: 94%;
	margin-top:5px;
}
.arrival_endsell_sphone span {
	color:#F00;
}

@media only screen and (min-width: 460px) {
/* コメント */
.listrightbloc .listcomment_on,
.listrightbloc .listcomment {
	display:block;
    margin: 0 0 10px 0;
    text-align: left;
}
.listcomment_sphone {
	display:none;
}
/* 期間限定販売 */
.listrightbloc .arrival_endsell {
	display:block;
	background-color: #ddd;
	font-weight:bold;
    border: 1px solid #999;
	padding:5px;
    width: 94%;
	margin-top:5px;
}
.listrightbloc .arrival_endsell span {
	color:#F00;
}
.arrival_endsell_sphone {
	display:none;
}
}

@media only screen and (min-width: 980px) {
/* コメント */
.listrightbloc .listcomment_on {
	display:none;
}
/* 買い物かご */
.listrightbloc .cart_area {
	display:block;
    padding: 5%;
    border: 1px solid #ccc;
    background-color:#f7f7f7;
    width: 90%;
}
/* 横並びコード */
.list_area_itembottom {
	border-bottom:#eee 1px solid;
	margin-bottom:20px;
}
}

/* ==============================================
▼商品詳細
=============================================== */

/* レイアウト
----------------------------------------------- */
#detailarea,
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}

/* 1カラム用 */
#one_main div#detailphotobloc {
    width: 100%;
	margin-bottom:15px;
}
#one_main #detailrightbloc {
    width: 100%;
	margin-bottom:15px;
}

/* 2カラム用 */
#two_main div#detailphotobloc {
    width: 100%;
	margin-bottom:15px;
}
#two_main #detailrightbloc {
    width: 100%;
	margin-bottom:15px;
}

@media only screen and (min-width: 460px) {
#one_main div#detailphotobloc {
    float: left;
    width: 48.5%;
}
#one_main #detailrightbloc {
    float: right;
    width: 48.5%;
}
#two_main div#detailphotobloc {
    float: left;
    width: 36.4%;
}
#two_main #detailrightbloc {
    float: right;
    width: 61%;
}
}

@media only screen and (min-width: 980px) {
}

/* パンくずリスト
----------------------------------------------- */
#detail_pankuzu {
	margin-bottom:10px;
}

#detail_pankuzu #name {
	display:block;
	font-size:130%;
	background-color:#f7f7f7;
	padding:3px 0;
	text-align:center;
}

@media only screen and (min-width: 460px) {
#detail_pankuzu #name {
	display: inline;
	font-size:100%;
	background:none;
	padding:0;
	text-align:left;
}
}

@media only screen and (min-width: 980px) {
}

/* タイトル（この商品に対するお客様の声、その他のオススメ商品）
----------------------------------------------- */
#customervoice_area h2,
#relation_area h2 {
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	background: url('../img/background/bg_info_title2.png') repeat-x left bottom #F7F7F7;
	font-size: 14px;
	line-height: 30px;
	border-top: #CCC 1px dotted;
}

/* detailphotobloc
----------------------------------------------- */
#detailphotobloc .photo {
	position:relative;
	text-align: center;
}
/* NEWアイコン */
#detailphotobloc .photo .new_icon {
	position:absolute;
	bottom:1.5%;
	right:1.5%;
}
#detailphotobloc .photo .new_icon img.new {
	background:none;
	border:none;
}
/* メイン画像 */
#detailphotobloc ul li {
	width:100%;
	overflow:hidden;
}
#detailphotobloc .photo .photo_img img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:98%;
}
/* 画像を拡大する */
#detailphotobloc .kakudai {
	text-align:right;
	margin-bottom:10px;
}
/* YouTube */
#detailphotobloc .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom:10px;
}
#detailphotobloc .embed-container iframe,
#detailphotobloc .embed-container object,
#detailphotobloc .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Q-Rコード */
.qrcode_detail{
	display:none;
}
@media only screen and (min-width: 980px) {
.qrcode_detail {
	display:block;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
	width:80%;
	margin-right:20%;
}
.qrcode_detail .qrcode_box {
	overflow:hidden;
	border:1px solid #CCC;
	width:95px;
	height:95px;
	float:left;
	margin-right:5px;
}
.qrcode_detail .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
}

/* detailphotobloc
----------------------------------------------- */
/* 区切り線 */
#detailrightbloc .price_area,
#detailrightbloc .point,
#detailrightbloc .maker,
#detailrightbloc .relative_cat,
#detailrightbloc .stock {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
/* 商品ステータス */
#detailrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul.status_icon li {
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}
/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}
/* 商品名 */
#detailrightbloc h2 {
	padding-bottom:10px;
	margin-bottom:10px;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
    display: inline;
}
/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
    display: inline;
}
/* 販売価格（会員ログイン時） */
#detailrightbloc .sale_price_member dt,
#detailrightbloc .sale_price_member dd {
    display: inline;
}
/* 会員価格 */
#detailrightbloc .member_price dt,
#detailrightbloc .member_price dd {
    display: inline;
}
/* 価格 */
#detailrightbloc .price_on span {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:130%;
	color:#F00;
}
#detailrightbloc .price_on dt {
	font-weight:bold;
}
/* ポイント */
#detailrightbloc .point #point_default {
	color:#F00;
	font-weight:bold;
	font-size:120%;
}
/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}
#detailrightbloc .maker .url {
	word-break:break-all;
}
/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}
/* Googleマップボタン */
#detailrightbloc .detail_map_button {
	clear:both;
	line-height:2em;
	margin-bottom:10px;
}
/* 商品へのお問い合わせボタン */
#detailrightbloc .detail_contact_product {
	clear:both;
	line-height:2.2em;
	margin-bottom:10px;
}

/* 詳細-メインコメント
----------------------------------------------- */
.detail_main_comment {
	clear:both;
    margin-bottom: 20px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:3px #CCC double;
	border-bottom:3px #CCC double;
}

/*==== ▼CKeditor ====*/
.detail_main_comment img {
	clear:both;
	max-width:98%;
	margin:1%;
}
/*テーブル共通*/
.detail_main_comment table th,
.detail_main_comment table td {
	vertical-align:top;
}
.detail_main_comment table.no_border,
.detail_main_comment table.no_border th,
.detail_main_comment table.no_border td {
	border:none;
}
/*テーブルセルに画像を配置したとき*/
.detail_main_comment table.image {
	table-layout:fixed;
}
.detail_main_comment table.image th,
.detail_main_comment table.image td {
	display:block;
}
.detail_main_comment table.image img {
	clear: none;
	max-width:100%;
	margin:0;
}
@media only screen and (min-width: 460px) {
/*テーブルセルに画像を配置したとき*/
.detail_main_comment table.image th,
.detail_main_comment table.image td {
	display: table-cell;
}
}
/*テーブルのレスポンシブ*/
@media only screen and (max-width: 459px) {
.detail_main_comment table.responsive,
.detail_main_comment table.responsive tbody,
.detail_main_comment table.responsive tr {
	display:block;
}
.detail_main_comment table.responsive th,
.detail_main_comment table.responsive td {
	display:list-item;
}
}
/*==== ▲CKeditor ====*/

/* サブ情報
----------------------------------------------- */
.sub_area .subtext {
    width: 100%;
}
.sub_area .subphotoimg {
	width: 100%;
}
.sub_area h3 {
	background-color:#f7f7f7;
	font-size:120%;
	line-height:2em;
	padding-left:1em;
	margin-bottom:15px;
}
.sub_area .subphotoimg img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:98%
}

@media only screen and (min-width: 460px) {
.sub_area .subtext {
    width: 64%;
	float:left;
}
.sub_area .subphotoimg {
	width: 33%;
	float:right;
}
}
@media only screen and (min-width: 980px) {
}

/* 買い物かご
----------------------------------------------- */
.detail_cart_area {
	clear:both;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
}
.detail_cart_area dl.quantity {
	margin-bottom:10px;
}
.detail_cart_area .quantity dt,
.detail_cart_area .quantity dd {
    display: inline;
}
.detail_cart_area .quantity dt {
	margin-left:40%;
}
.detail_cart_area .cartin {
    text-align: center;
}
.detail_cart_area .cartin_btn {
    text-align: center;
}
.detail_cart_area .favorite_btn {
    text-align: center;
    margin-top: 10px;
}
/* 規格 */
.detail_cart_area #detail_classtable {
	display:none;
}
.detail_cart_area div.classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
.detail_cart_area .classlist {
    margin-bottom: 5px;
}
.detail_cart_area .classlist ul {
    margin-bottom: 10px;
    width: 100%;
}
.detail_cart_area .classlist ul li {
    vertical-align: top;
    float: left;
}
.detail_cart_area #detail_classtable tr.two_1,
.detail_cart_area #detail_classtable tr.one_0 {
	display:none;
}
/* 期間限定販売 */
.detail_arrival_endsell {
	font-weight:bold;
	font-size:130%;
	line-height:1.6em;
}
.detail_arrival_endsell span {
	color:#F00;
}

@media only screen and (min-width: 460px) {
.detail_cart_area #detail_classtable {
	display: block;
}
.detail_cart_area #detail_classpulldown {
	display:none;
}
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area review_bloc .review_btn {
    float: right;
    width: 160px;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}

/* 関連商品
----------------------------------------------- */
/*レイアウト*/
#relation_area .product_item {
	width:100%;
	margin-bottom:20px;
}
#relation_area .productImage {
	float:left;
	width:40%;
}
#relation_area .productContents {
	float:right;
	width:55%;
}
#relation_area .productImage img {
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	max-width:100%;
}
#relation_area .productContents .sonota_price .title {
	display:block;
}
#relation_area .productContents .sonota_price .price {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:110%;
	color:#F00;
}
#relation_area .comment {
	clear:both;
}

@media only screen and (min-width: 460px) {
#relation_area .product_item {
	width:48%;
	margin-bottom:20px;
}
#relation_area .left {
	float:left;
}
#relation_area .right {
	float:right;
}
/* 横並びコード */
.relation_area_itembottom {
	border-bottom:#eee 1px solid;
	margin-bottom:20px;
}
}
@media only screen and (min-width: 980px) {
}

/* ***********************************************
▼カートの中
/*********************************************** */

/* 現在のカゴの中
----------------------------------------------- */
#undercolumn_cart .point_announce {
    padding: 10px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    background: #f9f9f9;
    font-size: 120%;
    text-align: left;
    line-height: 140%;
}
#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

#undercolumn_cart p {
    margin: 10px 5px;
}

#undercolumn_cart ul#quantity_level li {
    padding: 3px;
    display: inline;
}

#undercolumn_cart .empty {
    text-align: left;
}

#undercolumn_cart .form_area {
    margin-bottom: 30px;
}

#undercolumn_cart .box_item {
	border:#CCC 1px solid;
	clear:both;
	padding:5px;
	margin-bottom:5px;
}
#undercolumn_cart .box_item .box1 {
	float:left;
	width:24%;
	margin-right:1%;
}
#undercolumn_cart .box_item .box2 {
	float:left;
	width:75%;
}
#undercolumn_cart .box_item .box2 .image {
	float:left;
	width:25%;
}
#undercolumn_cart .box_item .box2 .txt {
	float:right;
	width:73%;
}
#undercolumn_cart .box_item .box1 a.del {
	display:block;
	background-color:#eee;
	padding:2px 0;
}
#undercolumn_cart .box_item .box2 img {
	max-width:100%;
}
#undercolumn_cart table#total th {
	width:70%;
}
#undercolumn_cart table#total td {
	width:30%;
}

/* ***********************************************
▼購入手続き
/*********************************************** */

/* ステップ
----------------------------------------------- */
#undercolumn_shopping #shopping_stage_step,
#undercolumn_customer #shopping_stage_step {
	color: #9A9A9A;
	margin-bottom:10px;
}
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	float:left;
	width:20%;
	margin-right:3%;
	padding-right:4%;
	background:url(../img/button/btn_arrow_on.png) no-repeat center right;
}
#undercolumn_shopping #shopping_stage_step .step_4,
#undercolumn_customer #shopping_stage_step .step_4 {
	float:left;
	width:19%;
}
#undercolumn_shopping #shopping_stage_step .active,
#undercolumn_customer #shopping_stage_step .active {
	color:#333;
	font-weight:bold;
}

@media only screen and (min-width: 460px) {
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	margin-right:5%;
	padding-right:2%;
}
}
@media only screen and (min-width: 980px) {
}

/* お届け先の指定
----------------------------------------------- */
#undercolumn_shopping #address_area {
    margin-bottom: 10px;
    width: 100%;
}
#undercolumn_shopping #address_area .information {
    width: 100%;
    margin-bottom: 15px;
}
#undercolumn_shopping #address_area .add_multiple {
    padding: 4%;
    border: none;
    width: 92%;
    color: #555;
    background: #f7f7f7;
    text-align: left;
    font-weight: bold;
}
#undercolumn_shopping #address_area .add_multiple p {
    margin-bottom: 10px;
}
#undercolumn_shopping #address_area .add_multiple span {
	display:none;
}
#undercolumn_shopping #address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}
#undercolumn_shopping .delivpage {
	/*margin-left:-50px;*/
}
#undercolumn_shopping .delivpage .b_back {
	width:100px;
}

/*お届け先の複数指定*/
#undercolumn_shopping .multi {
	margin:15px 0;
	border-bottom:#999 1px dotted;
	padding-bottom:10px;
}
#undercolumn_shopping .multi .image {
	float:left;
	width:25%;
}
#undercolumn_shopping .multi .image img {
	max-width:100%
}
#undercolumn_shopping .multi .txt_area {
	float:right;
	width:73%;
}
#undercolumn_shopping .multi .name {
	width:100%;
}
#undercolumn_shopping .multi .kosu {
	width:100%;
	text-align:left;
	margin-bottom:5px;
}
#undercolumn_shopping .multi .address {
	width:100%;
}
#undercolumn_shopping .multi .address select {
	width:100%;
}

@media only screen and (min-width: 460px) {
#undercolumn_shopping #address_area .information {
    width: 65%;
    float: left;
    margin-bottom: 15px;
}
#undercolumn_shopping #address_area .add_multiple {
    padding: 15px 10px;
    border: 1px solid #ccc;
    float: right;
    width: 30%;
    color: #555;
    background: #f7f7f7;
    text-align: center;
    font-weight: bold;
}
#undercolumn_shopping .delivpage {
	margin-left:0;
}
#undercolumn_shopping .delivpage .b_back {
	width:100px;
}

/*お届け先の複数指定*/
#undercolumn_shopping .multi .image {
	float:left;
	width:15%;
}
#undercolumn_shopping .multi .image img {
	max-width:100%
}
#undercolumn_shopping .multi .txt_area {
	float:none;
	width:auto;
}
#undercolumn_shopping .multi .name {
	float:left;
	width:38%;
	padding-left:2%;
}
#undercolumn_shopping .multi .kosu {
	float:left;
	width:14%;
	text-align:right;
	padding-right:1%;
	margin-bottom:0;
}
#undercolumn_shopping .multi .address {
	float:left;
	width:30%;
}

}
@media only screen and (min-width: 980px) {
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
#undercolumn_shopping table#haiso a  {
	padding:2px 15px;
	border:#ccc 1px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#f7f7f7;
}
#undercolumn_shopping table#haiso span {
	display:block;
	margin-top:5px;
}
#undercolumn_shopping table#haiso a.cbox_postage {
	display:none;
}
#undercolumn_shopping table#haiso a.popupwindow {
	display:inline;
}
#undercolumn_shopping table#payment .image_payment {
	display:none;
}
#undercolumn_shopping table#payment .click_payment {
	display: block;
	white-space: nowrap;
}
#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}
#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}
#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}
#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}
#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}
/* 送料を見る→ポップアップ画面はpopup.css */

@media only screen and (min-width: 980px) {
#undercolumn_shopping table#haiso span {
	display: inline;
	margin-top:0;
}
#undercolumn_shopping table#haiso a.cbox_postage {
	display:inline;
}
#undercolumn_shopping table#haiso a.popupwindow {
	display:none;
}
#undercolumn_shopping table#payment .image_payment {
	display: block;
}
#undercolumn_shopping table#payment .click_payment {
	display:none;
}
}

/* 入力内容確認ページ
----------------------------------------------- */
#undercolumn_shopping .confpage {
	/*margin-left:-30px;*/
	/*margin-bottom:20px;
	padding-bottom:10px;*/
	border-bottom:#CCC 1px solid;
}
#undercolumn_shopping .confpage .b_back {
	width:100px;
}
#undercolumn_shopping .conf_item {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#999 1px dotted;
}
#undercolumn_shopping .conf_item .image {
	float:left;
	width:28%;
	margin-right:2%;
}
#undercolumn_shopping .conf_item .txt {
	float:left;
	width:69%;
	margin-right:1%;
}
#undercolumn_shopping .conf_item .image img {
	max-width:100%;
}
#undercolumn_shopping table#total_area th {
	width:65%;
}
#undercolumn_shopping table#total_area td {
	width:35%;
}

@media only screen and (min-width: 460px) {
#undercolumn_shopping .confpage {
	margin-left:0;
}
#undercolumn_shopping .confpage .b_back {
	width:100px;
}
#undercolumn_shopping .conf_item .image {
	width:18%;
	margin-right:2%;
}
#undercolumn_shopping .conf_item .txt {
	width:79%;
	margin-right:1%;
}
#undercolumn_shopping table#total_area th {
	width:80%;
}
#undercolumn_shopping table#total_area td {
	width:20%;
}
}

/* 会員登録をしないで購入
----------------------------------------------- */
#undercolumn_customer .information {
	margin-bottom:20px;
}
#undercolumn_customer .question {
	margin-top:20px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

.hidden_pc{display:none;}
.hidden_sp{display:block;}
.mb_top{
position: absolute;
top:0px;
display:none;
}

.banner_banktransfer{
	text-align: center;
}

@media (max-width: 767px){
.banner_banktransfer{
	width:95%; 
	margin:0pt auto;
	margin-top: -10px;
    margin-bottom: -10px;
}
/*
input {
    border-radius: 0;
}
input {
    -webkit-appearance: none;
}*/
.detail_cart_area, .btn_area {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    /*padding-left: 10px;
    padding-right: 41px;*/
    background-color: #8ec231 !important;
    z-index: 5;
    box-shadow: 0 0 10px 0 #8ec231 !important;
	height:80px;
}
.detail_cart_area .cartin{width:50%; float:right;}
.detail_cart_area dl.quantity{width:50%; float:left;margin-bottom:0px;font-size: 1.1rem; font-weight: 600; color:#fff;}
.detail_cart_area .quantity dt{margin-left:25%}
#cartbtn_default .b_cartin{/*padding: 7px 0px;*/line-height:40px;font-size: 1.1rem; font-weight: 600;}
.b_onlysend,.b_top,.b_mypage_entry,.b_login,.b_entry,.b_back,.b_shopping,.b_choise,.b_next,.b_confirm,.b_cmplpage,.b_deliv_add,.b_refusal{
border-radius:3px !important;line-height: 50px !important;margin-top: 10px !important;min-width: 60% !important;padding:0px !important;
}
.b_top,.b_mypage_entry,.b_login,.b_entry,.b_shopping,.b_choise,.b_next,.b_confirm,.b_cmplpage,.b_deliv_add,.b_refusal,.b_yes_entry{
background-color:#F60;
}
.b_top,.b_mypage_entry,.b_login,.b_shopping,.b_choise,.b_next,.b_confirm,.b_cmplpage,.b_deliv_add,.b_refusal,.b_yes_entry{
color:#fff !important;
font-size: 1rem;
font-weight: 600;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
width: auto;
min-width:70%;
padding:0px 5px !important;
}
.b_confirm{height:auto;}
.b_no_entry,.b_yes_entry{
border-radius:3px !important;line-height: 50px !important;margin-top: 10px !important; width:80% !important;font-size:.8rem !important;
padding:0px;}
.detail_cart_area .favorite_btn{width:100%;}
.b_favorite{padding:5px 10px;line-height:30px; display: block;position: absolute;/*left: 30%;*/bottom: 1px;font-size:1rem;}
.b_back{padding:0px;}
#undercolumn_order table {width:100%;}
#undercolumn_order table th{min-width:80px;}
.mean-container a.meanmenu-reveal{font-size:30px !important;}
.mean-container .mean-nav ul li{font-size:1rem;}
.hidden_pc{display:block;}
.hidden_sp{display:none;}
table{width:100% !important;table-layout:fixed !important;}
#mynavi_area .mynavi_list{font-size:0.9rem;font-weight: 600;}
.detail_cart_area .quantity dt{margin-left:0px;}

.btn_area .next{width:47%;margin-right:10px;position: absolute; right: 0px;}
.btn_area .back{width:47%;margin-left:10px;position: absolute; left: 0px;}

.header_nav_btn {position: fixed;top: 10px;right: 10px;z-index: 10000; }
.mean-container .mean-bar{min-height: 45px !important;}
#footer_menu{display:none;}
#footer_wrap{padding-bottom: 20px;padding-top: 20px;}
.amazingslider-nav-0{display:none !important;}
#container .block_outer{ margin-bottom: 20px !important; }
.frame_outer{overflow-x:hidden;}
.mb_top{
position: fixed;
right: 20px;
bottom: 120px;
display:none;
top: unset;
}

.b_shopping,.b_login,.b_choise,.b_next,.b_cmplpage,.b_yes_entry,.b_confirm {font-size:1.2rem;position:absolute;right:0px;}
.b_back {width:auto;font-size:1.2rem;float:left;}
.b_entry {width:auto;font-size:1rem;color:#fff !important;padding:0px;}
.b_favorite{position:absolute;left:5px;bottom:10px;width:30%;}

}

.btn_area2 {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

input[type=button], input[type=submit]{
    -webkit-appearance: none;
}

.small_top_banner{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 224px;
}
.small_top_banner img { max-height: 224px;}
.top_img_banner img { border: 1px solid #ccc; }
.top_img_banner { margin-bottom: 15px; }
.top_img_banner li:first-child { padding-top: 0px;}
.top_img_banner li { padding-top: 15px;}

@media (min-width: 767px){
	.small_top_banner{ 
		height: 150px; 
		margin-bottom: 20px;
		margin-top: -10px;
	}
	.top_img_banner{ 
		margin-bottom: 15px;
		margin-top: -10px;
	}
}