@charset "Shift_JIS";

/* ---------------------------------------
 イベント
---------------------------------------- */
div.event_ { margin-bottom: 10px;}

h1.event_name_,
h2.event_name_ { padding: 22px 10px 0; font-size: 15px; font-weight: bold; color: #CD0000;}
h1.event_name_img_,
h2.event_name_img_ { margin: 10px 0; text-align: center;}

div.event_ h2.event_banner_ { width: 100%; margin: 0 10px 10px; padding: 0; text-align: center;}
div.event_ h2.event_banner_ img { width: 100%;}
div.event_ h2.event_title_ { border-top: #CCC 1px solid; border-bottom: #CCC 1px solid; font-size: 16px; font-weight: bold; clear: both;}
div.event_ h2.event_title_ a { padding: 15px 25px 15px 15px; text-decoration: none; display: block; background: url(../../img/usr/link_event_title.png) right center no-repeat;}
div.event_ h2.event_title_ span.nolink_ { padding: 15px; display: block;}

/* ---------------------------------------
 カテゴリ
---------------------------------------- */
body.page-category { position: relative;}
body.page-category h1.category_name_ { padding: 0 16px; margin: 0 0 20px 0; font-size: 28px; font-weight: 400; line-height: 1.4; color: #333;}
body.page-category div.top_comment_ { margin: 0 16px 20px;}
body.page-category footer { margin-top: 30px;}

h2.category_name_ { padding-top: 22px; padding-bottom: 0; font-weight: bold; color: #CD0000; background: transparent;}
h2.category_name_img_ { margin: 10px 0; text-align: center;}

div.sub_category_ { margin-top: 10px;}
div.subcategory_ { padding: 25px 16px 0; margin: 20px 0 40px 0; border-top: #DDD 1px solid;}
div.subcategory_ h3 { margin: 0 0 15px; font-size: 18px;}
div.subcategory_ ul { display: flex; flex-wrap: wrap; align-items: flex-start;}
div.subcategory_ li { width: calc((100% - 40px) / 3); margin: 0 20px 10px 0; text-align: center;}
div.subcategory_ li:nth-child(3n) { margin-right: 0;}
div.subcategory_ li a { text-decoration: none; color: #333;}
div.subcategory_ li img { width: 100%; margin: 0 0 10px;}
div.subcategory_ li .comment_ { font-size: 12px;}
div.subcategory_ li.no_img_ { text-align: left;}
div.subcategory_ li.no_img_ a {
  height: 100%;
  padding: 10px 10px 9px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  background: #fffef4;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ddd;
}
div.subcategory_ li.no_img_ a p {
  padding: 0 0 0 12px;
  font-size: 14px;
  color: #1D3994;
  background: url(../../img/usr/common/arrow3.png) no-repeat left center;
}

nav.CategoryStyleG_ { border-top: #6396E2 5px solid; border-bottom: #6396E2 5px solid;}
nav.CategoryStyleG_ ul.layer0_ { padding-left: 0; background: #F0F0F0;}
nav.CategoryStyleG_ ul.layer1_ { background: #F0F0F0;}
nav.CategoryStyleG_ ul.layer2_ { background: #F0F0F0;}
nav.CategoryStyleG_ ul.layer3_ { background: #F0F0F0;}
nav.CategoryStyleG_ ul li { width: 100%; border-top: #CCC 1px solid; word-break: break-all;}
nav.CategoryStyleG_ ul.layer0_ li { background-color: #FFF;}
nav.CategoryStyleG_ ul.layer1_ li,
nav.CategoryStyleG_ ul.layer2_ li,
nav.CategoryStyleG_ ul.layer3_ li { background-color: transparent;}
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ { padding: 10px 10px 10px 0; text-decoration: none; vertical-align: top; display: table-cell;}
nav.CategoryStyleG_ ul li a .name_ { text-decoration: underline;}
nav.CategoryStyleG_ ul li a .comment_,
nav.CategoryStyleG_ ul li span.nolink_ .comment_ { font-size: 12px; text-decoration: none;}
nav.CategoryStyleG_ ul li p.parent_ {
  width: 40px;
  height: 40px;
  padding: 0;
  text-indent: -9999px;
  vertical-align: top;
  display: table-cell;
  background: url(../../img/usr/minus.png) right top no-repeat;
  overflow: hidden;
}
nav.CategoryStyleG_ ul li p.parent_.img_hidden_ { background: url(../../img/usr/plus.png) right top no-repeat;}
nav.CategoryStyleG_ ul.layer1_ li p.parent_ { padding-left: 30px;}
nav.CategoryStyleG_ ul.layer2_ li p.parent_ { padding-left: 60px;}
nav.CategoryStyleG_ ul.layer3_ li p.parent_ { padding-left: 90px;}
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .comment_ { padding-left: 40px;}
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ { padding-left: 70px;}
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .comment_ { padding-left: 100px;}
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .comment_ { padding-left: 130px;}

div.CategoryStyleL_ div.name_ { padding: 5px 10px; margin: 0 0 2px 0; border: #EAE5E3 1px solid; background: #FFF url(../../img/usr/sb/menu_arrow2.png) 50% right no-repeat;}
div.CategoryStyleL_ div.comment_ { padding: 2px 2px 4px 10px;}

.sp_category_slide { padding: 23px 0 14px; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; position: relative;}
.sp_category_slide ul li { line-height: 0;}
.sp_category_slide ul li img { width: 100%;}

/* ---------------------------------------
 ジャンル
---------------------------------------- */
body.page-genre { position: relative;}
body.page-genre h1.common_headline1_ { padding: 0 16px; margin: 0 0 20px 0; font-size: 28px; font-weight: 400; line-height: 1.4; color: #333;}
body.page-genre div.top_comment_ { margin: 0 16px 20px;}
body.page-genre footer { margin-top: 30px;}

h2.genre_name_ { margin: 10px; font-size: 18px; font-weight: bold; color: #00377F;}
h2.genre_name_img_ { margin: 10px 0; text-align: center;}

div.sub_genre_ { margin-top: 10px;}

nav.GenreStyle_ { border-top: #6396E2 5px solid; border-bottom: #6396E2 5px solid;}
nav.GenreStyle_ ul.layer0_ { padding-left: 0; background: #F0F0F0;}
nav.GenreStyle_ ul.layer1_ { background: #F0F0F0;}
nav.GenreStyle_ ul.layer2_ { background: #F0F0F0;}
nav.GenreStyle_ ul.layer3_ { background: #F0F0F0;}
nav.GenreStyle_ ul li { width: 100%; border-top: #CCC 1px solid; word-break: break-all;}
nav.GenreStyle_ ul.layer0_ li { background-color: #FFF;}
nav.GenreStyle_ ul.layer1_ li,
nav.GenreStyle_ ul.layer2_ li,
nav.GenreStyle_ ul.layer3_ li { background-color: transparent;}
nav.GenreStyle_ ul li span.nolink_ { padding: 10px 10px 10px 0; text-decoration: none; vertical-align: top; display: table-cell;}
nav.GenreStyle_ ul li a { padding: 10px 10px 10px 0; text-decoration: none; vertical-align: top; display: table-cell;}
nav.GenreStyle_ ul li a .name_ { text-decoration: underline;}
nav.GenreStyle_ ul li a .comment_,
nav.GenreStyle_ ul li span.nolink_ .comment_ { font-size: 12px; text-decoration: none;}
nav.GenreStyle_ ul li p.parent_ {
  width: 40px;
  height: 40px;
  padding: 0;
  text-indent: -9999px;
  vertical-align: top;
  display: table-cell;
  background: url(../../img/usr/minus.png) right top no-repeat;
  overflow: hidden;
}
nav.GenreStyle_ ul li p.parent_.img_hidden_ { background: url(../../img/usr/plus.png) right top no-repeat;}
nav.GenreStyle_ ul.layer1_ li p.parent_ { padding-left: 30px;}
nav.GenreStyle_ ul.layer2_ li p.parent_ { padding-left: 60px;}
nav.GenreStyle_ ul.layer3_ li p.parent_ { padding-left: 90px;}
nav.GenreStyle_ ul.layer0_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer0_ li.nochild_ .comment_ { padding-left: 40px;}
nav.GenreStyle_ ul.layer1_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer1_ li.nochild_ .comment_ { padding-left: 70px;}
nav.GenreStyle_ ul.layer2_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer2_ li.nochild_ .comment_ { padding-left: 100px;}
nav.GenreStyle_ ul.layer3_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer3_ li.nochild_ .comment_ { padding-left: 130px;}

/* 特集一覧 */
#speciallist { padding: 45px 20px; color: #333;}
#speciallist h1 { padding: 0 0 13px; margin: 0 0 25px; border-bottom: #333 2px solid; font-size: 20px; font-weight: bold;}
#speciallist h2 { margin: 0 0 15px; font-size: 16px; font-weight: bold;}
#speciallist .recommend { padding: 0 0 22px; margin: 0 0 32px; border-bottom: #DDD 1px solid;}
#speciallist .recommend ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#speciallist .recommend li { width: calc((100% - 15px) / 2); margin: 0 0 15px;}
#speciallist .recommend li:nth-child(n+5) { display: none;}
#speciallist .recommend li a { font-size: 12px; text-decoration: none; color: #333;}
#speciallist .recommend li img { width: 100%;}
#speciallist .recommend li span { font-size: 12px;}
#speciallist .recommend .btn-more { text-align: center; display: none;}
#speciallist .recommend .btn-more p { padding: 5px 25px 5px 10px; font-size: 14px; font-weight: bold; text-align: center; position: relative; display: inline-block;}
#speciallist .recommend .btn-more p:after {
  content: '';
  width: 6px;
  height: 6px;
  border-right: #666 1px solid;
  border-bottom: #666 1px solid;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 10px;
}
#speciallist .recommend .btn-more p.open:after { top: 13px; transform: rotate(-135deg);}
#speciallist .category-list ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#speciallist .category-list li { width: calc((100% - 15px) / 2); margin: 0 0 15px;}
#speciallist .category-list li a { font-size: 12px; text-decoration: none; color: #333;}
#speciallist .category-list li img { width: 100%;}
#speciallist .category-list li span { font-size: 12px;}
#speciallist .category-tab { padding: 0 0 15px; margin: 0 -20px 5px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#speciallist .category-tab::-webkit-scrollbar { display: none;}
#speciallist .category-tab ul { margin: 0 20px; border-bottom: #666 2px solid; line-height: 0; white-space: nowrap; display: inline-block;}
#speciallist .category-tab li { padding: 8px 10px; border-radius: 5px 5px 0 0; font-size: 11px; font-weight: bold; line-height: 1; color: #BBB; display: inline-block; background: #F2F2F2;}
#speciallist .category-tab li.current { color: #FFF; background: #666;}

/* ジャンル用MV設定 */
.dsgn_leadTextArea img { width: 100%; height: auto;}
.dsgn_leadTextArea .mainbx { width: 100%; min-width: 320px; padding: 0; margin: 0;}
.dsgn_leadTextArea h2 { width: 320px; max-width: 640px; text-align: center;}
.dsgn_leadTextArea h2 img { width: 100%; height: auto;}

/* ---------------------------------------
 商品一覧
---------------------------------------- */
div.goods_ { padding: 0 0 16px 16px; margin: 0; background: #FFF; overflow-x: scroll; clear: both;}
div.col1_ div.goods_ { padding: 0 0 16px 0;}

/* アイコン群 */
div.design_ico_wrap_ { line-height: 1.0; word-break: break-all; white-space: unset; display: flex; flex-wrap: wrap;}
div.design_ico_wrap_ img { min-height: 15px; margin: 0 2px 5px 0; vertical-align: top; display: block;}
div.design_ico_wrap_ span.design_icon_ { 
	min-width: 50px;
	height: 20px;
	padding: 0 5px;
	margin: 0 2px 5px 0;
	border: #333 1px solid;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 18px;
	word-break: keep-all;
	white-space: nowrap;
	display: inline-block;
	background: #FFF;
}
div.design_ico_wrap_ span.design_icon_[class*="medical_flg_"] { border-color: #707070; color: #FFF; background: #707070;}
div.design_ico_wrap_ span.design_icon_.auto_new_ { background: #333; color: #FFF;}
div.design_ico_wrap_ span.design_icon_.auto_sale_ { border-color: #CC0000; color: #FFF; background: #CC0000;}
div.design_ico_wrap_ span.design_icon_.auto_syahan_ { border-color: #707070; color: #FFF; background: #707070;}

ul.goods_p_ { white-space: nowrap; display: inline-block;}
ul.goods_p_ li { width: 120px; padding: 0; margin: 0 15px 0 0; vertical-align: top; display: inline-block; position: relative;}
ul.goods_p_ li a { padding: 0; font-size: 12px; font-weight: 400; text-decoration: none; color: #333;}
ul.goods_p_ li .img_ { width: 120px; height: 120px; margin: 0 0 10px 0; text-align: center; line-height: 0; position: relative;}
ul.goods_p_ li .img_ img { max-width: 120px; max-height: 120px; height: auto; margin: 0 0 10px 0;}
ul.goods_p_ li .img_:after { content: ''; width: 100%; height: 100%; color: #FFF; display: none; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;}
ul.goods_p_ li.before_sales .img_:after { content: '販売開始前'; display: flex; justify-content: center; align-items: center;}
ul.goods_p_ li.after_sales .img_:after  { content: '販売終了'; display: flex; justify-content: center; align-items: center;}
ul.goods_p_ li.no_stock .img_:after     { content: '在庫なし'; display: flex; justify-content: center; align-items: center;}
ul.goods_p_ li div.icon_new_ { position: absolute; left: 0; top: 0;}
ul.goods_p_ li div.icon_new_ img { width: 24px; height: 24px;}
ul.goods_p_ li div.desc_ { padding: 0; text-align: left;}
ul.goods_p_ li div.desc_ .name_ { min-height: calc(2em * 1.333); font-size: 12px; word-break: break-all; white-space: normal; line-height: 1.333; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
ul.goods_p_ li div.desc_ .name_ h2 { padding: 0; margin: 0; border: none; font-size: 12px; font-weight: 400;}
ul.goods_p_ li a div.desc_ .name_ { text-decoration: underline;}
ul.goods_p_ li div.desc_ .price_box span.price_ { font-size: 16px; font-weight: 500; text-align: left;}
ul.goods_p_ li div.desc_ .price_box span.default_price_ { font-size: 12px; text-decoration: line-through; color: #333; display: block;}
ul.goods_p_ li div.desc_ .price_box span.default_price_ span.yen_ { margin: 0 0 0 1px; font-size: 10px; font-weight: 700;}
ul.goods_p_ li div.desc_ .price_box span.default_price_ + .price_::before { content: '→'; font-size: 12px; font-weight: 400;}
ul.goods_p_ li div.desc_ .price_box span.net_price_ { display: none;}
ul.goods_p_ li div.desc_ .price_box span.yen_ { margin: 0; font-size: 12px; color: #333;}
ul.goods_p_ li div.desc_ .price_box span.tax_ { margin-top: 3px; font-size: 12px; font-weight: 500; text-align: left; color: #333; display: block;}
ul.goods_p_ li div.desc_ .price_box small { margin-top: 3px; font-size: 12px; font-weight: 500; text-align: left; color: #333; display: block;}
ul.goods_p_ li div.desc_ .point_ { margin-top: 5px;}
ul.goods_p_ li div.desc_ .point_ img { width: 100%; vertical-align: top;}
ul.goods_p_ li div.desc_ .icon_ { width: 100%; margin-bottom: 2px; line-height: 0; word-break: break-all; display: block;}
ul.goods_p_ li div.desc_ .icon_ img { height: 15px; margin: 0 3px 3px 0;}
ul.goods_p_ li .shipping_date_ { margin: 7px 0 0 0; font-size: 12px; font-weight: 500; white-space: nowrap; word-break: keep-all; display: flex; flex-wrap: wrap;}
ul.goods_p_ li .shipping_date_ dt { font-size: 12px; font-weight: 500;}
ul.goods_p_ li .shipping_date_ dt::after { content: '：';}
ul.goods_p_ li .shipping_date_ dd { font-size: 12px; font-weight: 500;}

/* R形式 */
ul.goods_r_ li { position: relative;}
ul.goods_r_ li a { padding: 0; font-size: 12px; font-weight: 400; text-decoration: none; color: #333;}
ul.goods_r_ li a .name_ { font-size: 12px; font-weight: 400; text-decoration: underline; color: #333;}
ul.goods_r_ li div.desc_ .price_box .price_ { font-size: 16px; font-weight: 500; text-align: left;}
ul.goods_r_ li div.desc_ .price_box .price_ span.default_price_ { display: none;}
ul.goods_r_ li div.desc_ .price_box .price_ span.net_price_ { display: none;}
ul.goods_r_ li div.desc_ .price_box .price_ span.yen_ { margin: 0; font-size: 12px; color: #333;}
ul.goods_r_ li div.desc_ .price_box .price_ span.tax_,
ul.goods_r_ li div.desc_ .price_box .price_ small { margin-top: 3px; font-size: 12px; font-weight: 400; text-align: left; color: #333; display: block;}

/* 商品検索 */
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li a {
	padding-left: 42px;
}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 54px;
}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 66px;
}

/* T形式 */
ul.goods_t_ li { width: 120px; padding: 0 0 42px 0; position: relative;}
ul.goods_t_ li a.desc_wrap_ { padding: 0; text-decoration: none; color: #333;}
ul.goods_t_ li .icon_new_ { position: absolute; top: 0; left: 0; z-index: 1;}
ul.goods_t_ li .img_ { width: 100%; height: 0; padding: 100% 0 0 0; margin: 0 0 7px 0; text-align: center; position: relative;}
ul.goods_t_ li .img_:after { content: ''; width: 100%; height: 100%; color: #FFF; display: none; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 3;}
ul.goods_t_ li.before_sales .img_:after { content: '販売開始前'; display: flex; justify-content: center; align-items: center;}
ul.goods_t_ li.after_sales .img_:after  { content: '販売終了'; display: flex; justify-content: center; align-items: center;}
ul.goods_t_ li.no_stock .img_:after     { content: '在庫なし'; display: flex; justify-content: center; align-items: center;}
ul.goods_t_ li .img_ .img_inner_ { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
ul.goods_t_ li .img_ .img_inner_ img { max-width: 100%; width: 100%; font-size: 0;}
ul.goods_t_ li .icon_ { padding: 0 0 2px; text-align: left;}
ul.goods_t_ li .icon_ img { height: 16px !important;}
ul.goods_t_ li .name_ { margin: 0 0 7px 0; font-size: 12px; font-weight: 500; text-decoration: underline; color: #333; word-break: break-all;}
ul.goods_t_ li .desc_ { width: calc(100% - 130px); padding: 0 5px;}
ul.goods_t_ li .pricebox_ { margin: 0 0 7px 0; color: #333;}
ul.goods_t_ li .pricebox_ .price_ { font-size: 16px; font-weight: 700;}
ul.goods_t_ li .pricebox_ span.yen_ { margin: 0 0 0 2px; font-size: 12px; font-weight: 700;}
ul.goods_t_ li .pricebox_ span.tax_ { margin: 3px 0 0; font-size: 12px; font-weight: 400; display: block;}
ul.goods_t_ li .pricebox_ .default_price_ { font-size: 12px; text-decoration: line-through; color: #333; display: block;}
ul.goods_t_ li .pricebox_ .default_price_ span.yen_ { margin: 0 0 0 1px; font-size: 10px; font-weight: 700;}
ul.goods_t_ li .pricebox_ .default_price_ + .price_::before { content: '→'; margin: 0 10px 0 0; font-size: 12px; font-weight: 400;}
ul.goods_t_ li .pricebox_.onsale .price_ { color: #333;}
ul.goods_t_ li .pricebox_.onsale .price_ span.yen_ { color: #333;}
ul.goods_t_ li .price_text_ { color: #333;}
ul.goods_t_ li .price_text_ + .price_ { margin-top: 3px; display: inline-block;}
ul.goods_t_ li .shipping_date_ { margin: 7px 0 0 0; font-size: 12px; font-weight: 500; white-space: nowrap; word-break: keep-all; display: flex; flex-wrap: wrap;}
ul.goods_t_ li .shipping_date_ dt { font-size: 12px; font-weight: 500;}
ul.goods_t_ li .shipping_date_ dt::after { content: '：';}
ul.goods_t_ li .shipping_date_ dd { font-size: 12px; font-weight: 500;}
ul.goods_t_ li .pointbox_ { margin: 7px 0 0 0; font-size: 12px; font-weight: 500;}
ul.goods_t_ li .pointbox_ span { font-size: 12px; font-weight: 500;}
ul.goods_t_ li .pointbox_ .points_ .plus_ { padding: 0 3px 0 0;}
ul.goods_t_ li .cart_button_wrap_ { width: 100%; height: 30px !important; max-height: 30px; padding: 0; margin: 0; display: flex; flex-wrap: nowrap; column-gap: 6px; position: absolute; left: 0; bottom: 0;}
ul.goods_t_ li .cart_button_wrap_ a {
	width: 100%;
	height: 30px !important;
	padding: 0 !important;
	border: #333 1px solid;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.0;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	transition: 0.2s;
}
ul.goods_t_ li .cart_button_wrap_ a:hover {
	border: #CC0000 1px solid;
	color: #FFF;
	background-color: #CC0000;
	opacity: 1.0;
}
ul.goods_t_ li .cart_button_wrap_ a.cart_button_ { 
	min-width: calc(100% - 50px);
	padding: 0 0 0 15px !important;
	background: #FFF url("../../img/usr/icon/icon_cart_black.png") calc(50% - 3.8em) center no-repeat;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
}
ul.goods_t_ li .cart_button_wrap_ a.cart_button_:hover { 
	background: #CC0000 url("../../img/usr/icon/icon_cart_white.png") calc(50% - 3.8em) center no-repeat;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
}

.goods_vertical { background: #FFF;}
.goods_vertical .common_headline1_ { padding: 0 0 0 10px;}
.goods_vertical div.goods_ { width: 100%; max-width: 100vw; padding: 10px 0; margin: 0 0 10px 0; overflow-x: scroll; overflow-y: auto;}
.goods_vertical ul.goods_p_ { width: 100%; padding: 0 10px 15px 10px; display: flex; -webkit-overflow-scrolling: touch; overflow: auto;}
.goods_vertical ul.goods_p_ li { width: 120px; padding: 0; margin-right: 0; border: none; display: table-cell; float: none;}
.goods_vertical ul.goods_p_ li:nth-of-type(n+4) { display: table-cell;}
.goods_vertical ul.goods_p_ li a { padding: 0; background: none; color: #333;}
.goods_vertical ul.goods_p_ li a .rank_ { text-align: center;}
.goods_vertical ul.goods_p_ li a .rank_ span { padding: 0 0 0 25px; font-size: 13px; font-weight: bold; text-align: center; color: #CC0000; background: url(../../img/usr/common/rank.png) no-repeat left 2px;}
.goods_vertical ul.goods_p_ li .img_ { padding: 0; margin: 0; overflow: hidden;}
.goods_vertical ul.goods_p_ li .img_ img { max-width: 145px; max-height: 145px; margin: 10px 0;}
.goods_vertical ul.goods_p_ li div.desc_ { padding: 0;}
.goods_vertical ul.goods_p_ li div.desc_ .price_box small { display: block;}
.goods_vertical ul.goods_p_ li .name_ {
  min-height: 30px;
  font-size: 12px;
  text-align: left;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.goods_vertical ul.goods_r_ { width: 100%; padding: 0 10px 15px 10px; display: flex; -webkit-overflow-scrolling: touch; box-sizing: border-box; overflow: auto;}
.goods_vertical ul.goods_r_ li a { padding: 0; text-decoration: none; display: block; background: none; overflow: hidden;}
.goods_vertical ul.goods_r_ li div.desc_ { padding: 0; white-space: normal;}
.keyword_ranking ul.goods_r_ { width: 100%; display: block; box-sizing: border-box;}
.keyword_ranking ul.goods_r_ li,
#mypagenav .goods_vertical ul.goods_p_ li  {
    width: 145px;
    padding: 10px;
    margin-right: 0;
    border: none;
	display: table-cell;
    vertical-align: top;
}
.keyword_ranking ul.goods_r_ li figure.img_ {
    width: 145px;
    height: 145px;
    padding: 0;
	margin: 0 0 10px 0;
    text-align: center;
    line-height: 0;
    box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.keyword_ranking  ul.goods_r_ li .img_ img { max-width: 145px; max-height: 145px; margin: 0; float: left; height: auto;}

.autopagerize_page_element_ div.goods_ { padding: 0 16px calc(12 * (100vw / 375)); margin-right: 0;}
.autopagerize_page_element_ ul.goods_p_ { padding: 10px 0 0; border-top: #EEE 1px solid; white-space: normal; display: block;}
.autopagerize_page_element_ ul.goods_p_ li { width: 100%; border-bottom: #EEE 1px solid; display: block;}
.autopagerize_page_element_ ul.goods_p_ li a { padding: 15px 10px; color: #333;}
.autopagerize_page_element_ ul.goods_p_ li a .price_ { font-weight: normal; text-align: left;}
.autopagerize_page_element_ ul.goods_p_ li .img_ { width: 110px; height: 110px; padding: 0 10px; margin: 0 10px 0 0; text-align: center; float: left;}
.autopagerize_page_element_ ul.goods_p_ li .img_ img { max-width: 90px; max-height: 90px; height: auto; float: left;}
.autopagerize_page_element_ ul.goods_p_ li div.desc_ { padding: 0 0 0 110px;}
.autopagerize_page_element_ ul.goods_p_ li div.desc_ .name_ { margin: 0 0 25px; font-size: 15px;}

.autopagerize_page_element_ ul.goods_t_ { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.autopagerize_page_element_ ul.goods_t_ > li { width: calc(50% - 7px); margin: 0 0 26px 0;}
.autopagerize_page_element_ ul.goods_t_ > li div.desc_ { width: 100%; padding: 0;}

.liquidize_goods_item_ { width: 100px; padding: 0 3px; margin: 10px 0 0 0; text-align: center; float: left;}
.liquidize_goods_item_ img { width: 100px;}

/* ---------------------------------------
 商品詳細検索
---------------------------------------- */
body.page-search h1.common_headline1_ { padding: 0 16px;}
body.page-search div.wrapper_ > div.contents_ > h2.common_headline1_ { padding: 0 0 0 16px;}
body.page-search div.goods_ { margin-right: 0;}
body.page-search ul.goods_t_ { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
body.page-search ul.goods_t_ > li { width: calc(50% - 7px); margin: 0 0 26px 0;}
body.page-search ul.goods_t_ > li a { padding: 0; display: flex; flex-direction: column;}
body.page-search ul.goods_t_ > li .desc_ { width: 100%; padding: 0;}

div.search_suggest_ { padding: 0 10px; margin: 0 0 20px; display: flex; justify-content: center;}
div.search_suggest_ ul { display: flex;}
div.search_suggest_ li { margin-left: 5px;}
div.search_suggest_ li a { color: #1A0DAB;}

div.suggest_btn_ { margin: 0 35px 50px;}
div.suggest_btn_ input { outline: none;}
div.suggest_btn_ #btn_change_keyword,
div.suggest_btn_ #goodssearch_sort {
  padding: 13px 0;
  margin: 0 0 20px;
  border: #DDD 1px solid;
  border-radius: 30px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #333;
  display: block;
}
div.suggest_btn_ #goodssearch_sort { margin: 0;}

div.goodsgoodssearch_ { padding: 15px 0; margin-bottom: 15px; line-height: 1; background: #FFFEF4;}
div.goodsgoodssearch_ .navistyle_ { border-top: #CCC 1px solid;}
div.goodsgoodssearch_ .icon_search {
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  background: url(../../img/usr/sp/icon_search.png) 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
  background-size: auto 20px, auto auto;
}
div.goodsgoodssearch_ .event_ { padding: 15px 10px 5px; border-top: #CCC 1px solid;}
div.goodsgoodssearch_ .event_ .event_title_ { margin-bottom: 10px; font-size: 13px; color: #333;}
div.goodsgoodssearch_ li { height: 30px; margin-bottom: 10px; border-radius: 9px; display: inline-block; background-color: #CC0000;}
div.goodsgoodssearch_ li a { padding: 8px 10px 9px; text-decoration: none; line-height: 1; font-size: 13px; color: #FFF; display: block;}

div.goodssearch_area .event_ { padding: 15px 10px 5px; border-top: #CCC 1px solid;}
div.goodssearch_area .event_ .event_title_ { margin-bottom: 10px; font-size: 13px; color: #333;}
div.goodssearch_area li { height: 30px; margin-bottom: 10px; border-radius: 9px; display: inline-block; background-color: #E18F00;}
div.goodssearch_area li a { padding: 8px 10px 9px; font-size: 13px; text-decoration: none; line-height: 1; color: #FFF; display: block;}

dl.goodssearch_ { margin: 0 10px;}
dl.goodssearch_ dt { margin-top: 4px; font-size: 13px; line-height: 40px; color: #333; float: left;}
dl.goodssearch_ dd { overflow: hidden;}
dl.goodssearch_ dd input[type="input"],
dl.goodssearch_ dd textarea,
dl.goodssearch_ dd select { max-width: 95%;}
dl.goodssearch_ input[name="keyword"] { width: 100%;}
dl.goodssearch_ input[type="text"] { border: #5F5F5F 2px solid; border-radius: 9px; font-size: 13px; line-height: 1.2; color: #333; box-shadow: inset 1.5px 2.598px 4px 0px rgba(0, 0, 0, 0.83);}
dl.goodssearch_ .tips { font-size: 12px; line-height: 1.333; color: #E18F00;}

/* 検索結果0件 */
p.message_.no_item_ { padding: 20px 16px; margin: 0 0 20px 0; font-size: 16px; text-align: center;}
p.message_.no_item_ strong { font-size: 16px; font-weight: 400;}
div.search_suggest_ { padding: 0 10px; margin: 0 0 20px; display: flex; justify-content: center;}
div.search_suggest_ ul { display: flex;}
div.search_suggest_ li { margin-left: 5px;}
div.search_suggest_ li a { color: #1A0DAB;}
div.suggest_btn_ { margin: 0 35px 50px;}
div.suggest_btn_ #btn_change_keyword,
div.suggest_btn_ #goodssearch_sort {
	height: 56px;
  padding: 0;
  margin: 0 0 20px 0;
  border: #333 1px solid;
  border-radius: 56px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #333;
  display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}
div.suggest_btn_ #goodssearch_sort { margin: 0;}
div.suggest_btn_ input { outline: none;}

/* ---------------------------------------
 問診チェック
---------------------------------------- */
.attention { text-align: center;}
.attention .headline { font-size: 14px; line-height: 1.143; color: #FF0101;}
.attention ul { margin: 10px 0; overflow: hidden;}
.attention ul li { width: 117px; height: 38px; padding-left: 24px; border-left-width: 5px; border-left-style: solid; display: table-cell; vertical-align: middle; position: relative;}
.attention ul li:first-child { border-left: none;}
.attention ul li.type1 { color: #FFF; background: #DE0000;}
.attention ul li.type1:before {
  content: url(../../img/usr/sp/icon_drugstore_type1.png);
  width: 22px;
  height: 24px;
  margin-top: -11px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: 0 0;
  transform: scale(0.5);
}
.attention p { margin-bottom: 5px;}
.attention p > img { height: 24px; vertical-align: middle;}

.question { width: 100%; height: auto; margin-bottom: 15px; border-bottom: #444 1px dotted; overflow: hidden;}

.check2,
.check3 { width: 95%; height: auto; padding: 0 9px; text-align: left;}
.check2_q { overflow: hidden;}
.check2_q_left { width: 10%; height: auto; float: left;}
.check2_q_center { width: 90%; height: auto; float: left;}
.check3 h3 { font-size: 14px; font-weight: bold;}
.check3 .check3_q { width: 100%; height: auto; margin-bottom: 5px; float: left;}
.check3 .check3_q .check3_q_center { width: 95%; height: auto; float: left;}
.check3 .check3_q2 { width: 100%; height: auto; margin-bottom: 5px; margin-top: 10px; float: left;}

#two_maincolumn_lf .check2 p { margin: 0 0 12px 0; font-size: 100%;}
#two_maincolumn_lf .check2 .answer { padding-bottom: 0; margin-top: 5px; margin-bottom: 8px; border: none; font-weight: bold; text-indent: 0; line-height: 22px; color: #FF0000;}
#two_maincolumn_lf .check2_q_center .center { width: auto; height: auto; margin: 0 auto;}
#two_maincolumn_lf .check2_q_center + div .check2_q_left p { padding: 5px 0; font-size: 0;}
#two_maincolumn_lf .check2_q_center + div .check2_q_center.ngmsg .left.answer { padding: 6px 0;}
#two_maincolumn_lf .check3 p { margin: 8px 0; font-size: 100%;}
#two_maincolumn_lf .check3 .attention { width: 100%; height: auto; margin: 0px 0 20px 0; text-align: center; float: left;}
#two_maincolumn_lf .attention { margin-bottom: 15px;}
#two_maincolumn_lf .attention .btn_next_disabled { padding: 15px 0; border-radius: 4px; text-align: center; font-size: 13px; color: #FFF;}
#two_maincolumn_lf .attention .btn_next_enabled a { padding: 15px 0; border-radius: 4px; text-align: center; text-decoration: none; font-size: 13px; color: #FFF; display: block; background: #F60;}
#two_maincolumn_lf .attention .btn_next_disabled { background: #CCC;}

img.radioGroup1.answer_no,
img.radioGroup1.answer_yes,
img.radioGroup1.answer_yes.selected { width: 100px; height: auto;}

p.attention.btn_next_disabled img,
p.attention.btn_next_enabled a img,
#consultation2 .attention form input[type="image"] { width: 100%; height: auto;}

/* ---------------------------------------
 ユーザーレビュー
---------------------------------------- */
/* レビュー情報 */
div.review_info_ { padding: 0 10px 10px;}
div.review_count_summary_ { padding: 6px; margin-bottom: 5px; border: #CCC 1px solid; background: #F8F8F8;}
div.review_count_summary_ dl dt,
div.review_count_summary_ dl dd { display: inline;}
div.review_count_summary_ dl.review_score_ dt { font-weight: bold;}
div.review_count_summary_ dl.review_count_ dt { font-weight: bold;}
div.review_count_summary_ dl.review_count_ dd { padding-left: 4px;}
div.review_desc_ .btn_review_ { text-align: right;}
.review_pagenav_ { padding: 5px; margin: 0 0 10px 0; border-bottom: #CCC 1px solid; background: #F0F0F0; clear: both;}

/* ページ切換 */
div#page_changer_top .pager_ref_ { margin: 2px 5px; font-weight: bold; text-decoration: underline; white-space: nowrap; color: #003780;}
div#page_changer_top .pager_now_ { margin: 2px 5px; font-weight: bold; white-space: nowrap; color: #CC0000;}

/* レビュー記事 */
div.review_line_summary_ dl dt,
div.review_line_summary_ dl dd { display: inline;}
div.review_line_summary_ dl.review_line_name_ dt { font-weight: bold;}
div.review_line_summary_ dl.review_line_name_ dd { padding-left: 4px;}
div.review_line_summary_ dl.review_line_score_ dt { font-weight: bold;}
.review_line_ { padding: 10px; border-bottom: #CCC 1px solid;}
.review_line_:first-child { border-top: #CCC 1px solid;}
.review_line_title_ { padding: 5px; border-radius: 5px; font-size: 16px; font-weight: bold; word-break: break-all; background: #F0F0F0;}
.review_line_body_ { padding: 5px;}
.review_line_comment_ { padding: 2px; word-break: break-all;}
.review_line_ .moderate_vote_ { padding: 5px 0 0; border-top: #CCC 1px dotted;}
.review_line_ .mode_lay_ { padding: 0; border: #FFCC33 1px solid; display: none; background-color: #FFF; position: absolute; z-index: 1;}
.review_line_ .mode_lay_ .mode_select_line_top_ { padding: 10px; text-align: right; background-color: #FFCC33;}
.review_line_ .mode_lay_ .mode_select_line_ { padding: 10px 20px; border-top: #FFCC33 1px solid;}
.review_line_ .moderate_info1_ { margin-top: 5px;}
.review_line_ .moderate_info2_ { margin-top: 5px;}
.review_line_ .moderate_info2_ span { text-decoration: underline !important;}
.review_line_ .moderate_other_ { display: none;}
.review_line_ .moderate_other_ dl { padding-left: 10px;}
.review_line_ .moderate_other_ dl dt { display: inline;}
.review_line_ .moderate_other_ dl dd { padding-left: 4px; display: inline;}
#review_form { margin: 0 10px 20px;}

/* 投稿画面 入力 */
div.review_ div.review_header_,
div.review_ div.review_middle_,
div.review_ div.review_footer_,
div.review_ div.review_complete_ { margin: 0 10px 10px;}
div.review_ input[type="text"],
div.review_ textarea { display: block;}
dl.review_list_ { margin: 0 10px 10px; border: #CCC 1px solid; border-bottom: none;}
dl.review_list_ dt { padding: 5px; background-color: #F0F0F0; white-space: nowrap; display: block;}
dl.review_list_ dd { padding: 5px 10px; border-bottom: #CCC 1px solid; white-space: nowrap; display: block;}

/* 確認画面 */
div.confirm_layer_frame_ { margin-top: 5px;}