@charset "utf-8";
/* CSS Document */


/* base.css
------------------------------------------------------- */

/* ヘッダー
------------------------------------------------------- */

#header-tit {
	font-size: 10px;
	color: #fff;
	background-color: #F90;
	text-align: center;
	display: block;
	padding: 3px 0px;
	width: 100%;
}

#header-area {
	padding: 3px 0px;
	width: 100%;
}

#mainlogo {text-align: center; margin:9px 0px;}
#mainlogo img{width: 86px; height: 30px;}

#header-login {
	font-size:13px;
	line-height:120%;
	text-align:right;
	padding:5px 10px 0px 0px;
	float:right;
}

#mainnav-area {
	text-align:center;
	background-image: url(../images/common/bg_nav.png);
	background-repeat: repeat-x;
	display: block;
}

#mainnav {
	width:320px;
	display:block;
	margin:0px auto;
}

#mainnav li {float:left
}


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
/*-- a:hover {text-decoration:underline;}- */
a:active {text-decoration:none;}
/*a:hover img{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}*/



/* コンテンツ
------------------------------------------------------- */
.flex{
    display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	display:-webkit-flex;
}
.flex_center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex_between{
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

/* ************************************************************** */
/* flex layout */
/* ************************************************************** */

.flex_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/* flex-direction */

.flex_row {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex_column {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex_row-reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex_column-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


/* flex-wrap */

.flex_nowrap {
    -webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.advanced_flex_wrap,
.flex_wrap {
    -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}


/* justify-content */

.flex_j_start {
   -webkit-box-pack: start;
      -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.flex_j_end {
   -webkit-box-pack: end;
      -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.flex_j_center {
   -webkit-box-pack: center;
      -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex_j_between {
   -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex_j_around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}


/* align-items */

.flex_a_start {
      -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex_a_end {
      -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex_a_center {
      -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex_a_baseline {
      -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flex_a_stretch {
      -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}


/* align-content */

.flex_c_start {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.flex_c_end {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.flex_c_center {
    -webkit-align-content: center;
    align-content: center;
}

.flex_c_between {
    -webkit-align-content: space-between;
    align-content: space-between;
}

.flex_c_around {
    -webkit-align-content: space-around;
    align-content: space-around;
}


/* align-self */

.flex_s_start {
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

.flex_s_end {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.flex_s_center {
    -webkit-align-self: center;
    align-self: center;
}

.flex_s_baseline {
    -webkit-align-self: baseline;
    align-self: baseline;
}

.flex_s_stretch {
    -webkit-align-self: stretch;
    align-self: stretch;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}



@use autoprefixer {
  remove: false;
  grid: true;
  browsers: "> 1%, firefox 32";
};

html, body {
  height: 100%;
}

#contents > ol.breadcrumb:first-child{margin-top: 10px;}

.breadcrumb {
	padding: 0;
	list-style: none;
	line-height: 1;
	margin: 4px;
}

.breadcrumb li {
	display: inline-block;
	list-style: none;
	font-weight: normal;
	color: #666;
	font-size: 10px;
    white-space: nowrap;
}

.breadcrumb li:after {
	content: '>';
	padding: 0 .3em;
}

.breadcrumb li:last-child:after {
	content: '';
	padding: 0;
}
.breadcrumb li.on{color: #f90; font-weight: bold;}
.breadcrumb li.on::after {
	content: '>';
	padding: 0 .3em;
    color: #666;
    font-weight: normal;
}

/* tit */
.tit_yellow{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #FC0;
    padding: 10px 10px 8px 45px;
}
.tit_yellow_normal{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #FC0;
    padding: 10px;
}
.tit_green{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #3AA603;
    padding: 10px;
}
.tit_red{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #f00;
    text-align: center;
    padding: 10px 10px 8px 10px;
}
.tit_gray{
    color: #666;
    font-size: 12px;
    line-height: 1.2;
    font-weight: normal;
    background-color: #eee;
    padding: 9px 10px;
    border: solid #ccc;
    border-width:1px 0 1px 0;
}
.border-none{
	border-width:0 !important;
}
.border-top-none{
	border-width:0 0 1px 0 !important;
}
.border-bottom-none{
	border-width:1px 0 0 0 !important;
}
.border-top-gray{
	border-top:1px solid #ccc !important;
}
.border-bottom-gray{
	border-bottom:1px solid #ccc !important;
}
.tit_beginners{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #92C624;
    padding: 10px 10px 8px 45px;
}

.tit_feature_article{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #D08FF2;
    padding: 10px 10px 8px 45px;
}

.tit_web_magazine{
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    background-color: #85C1FC;
    padding: 10px 10px 8px 45px;
}

.tit_newadress{
	color: #666;
	font-size: 12px;
    line-height: 1.2;
	font-weight: bold;
    background-color: #FFE57E;
	padding: 5px 3vw 4px 45px;
    border: solid #ccc;
    border-width:1px 0 1px 0;
}
.tit_newadress::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/common/icon_address.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.tit_conveni{
	color: #06F;
	font-size: 12px;
    line-height: 1.2;
	font-weight: bold;
    background-color: #97cbff;
	padding: 5px 3vw 4px 42px;
    border: solid #ccc;
    border-width:1px 0 1px 0;
}
.tit_conveni::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/common/icon_convenience_store_s.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 0;
}

.tit_poffice{
	color: #F00;
	font-size: 12px;
    line-height: 1.2;
	font-weight: bold;
    background-color: #FFbbbc;
	padding: 5px 3vw 4px 42px;
    border: solid #ccc;
    border-width:1px 0 1px 0;
}
.tit_poffice::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/common/icon_post_office_s.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 8px;
    margin-top: 6px;
    margin-bottom: -4px;
}

.tit_ymt{
	color: #30a139;
	font-size: 12px;
    line-height: 1.2;
	font-weight: bold;
    background-color: #bde8bb;
	padding: 5px 3vw 4px 42px;
    border: solid #ccc;
    border-width:1px 0 1px 0;
}
.tit_ymt::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/common/icon_yamato_s.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 8px;
    margin-top: 5px;
    margin-bottom: 0;
}

.RankingItems {
	padding:0px;
}

.RankingItems p {
	font-size: 14px;
	line-height: 1.5;
	padding: 0 15px 10px;
	color: #444;
}

.RankingItems p.explanatory {
	font-size: 12px;
	line-height: 1.5;
	padding: 0 15px 15px;
	color: #444;
}


.RankingItems .singles {
	float:left;
	width:65px;
	line-height:1;
}

.RankingItems .singles h3 {
 	font-size:16px;
 	font-weight:bold;
 	color:red;
 	margin-bottom:2px;
}	

/*.RankingItems .singles img {
 	width:60px;
 	height:60px;
 	margin-bottom:2px;
}	*/

.RankingItems .singles img {
    width: 100%;
	height: auto;
    margin-bottom: 2px;
}

.RankingItems .singles .name {
 	font-size:10px;
	height:30px;
 	line-height:140%;
 	text-align:center;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}	

/*.RankingItems .singles .rank50Price {
	color:red;
	font-weight:bold;
	font-size:12px;
	line-height:140%;
}*/

.RankingItems .singles .rank50Price {
font-size: 16px;
font-weight: bold !important;
color: #F00;
}

.RankingItems .singles strong {
	font-weight: normal;
}


.KuchikomiItems {
	padding:10px 10px;
}

.KuchikomiItems .singles {
	float:left;
	width:120px;
	font-size:10px;
	line-height:1;
}

.KuchikomiItems .singles img {
 	width:120px;
 	height:120px;
 	margin-bottom:5px;
}	

.KuchikomiItems .singles .name {
 	font-size:12px;
 	line-height:140%;
 	margin-bottom:5px;
 	text-align:center;
}	

.KuchikomiItems .singles .rank50Price {
	color:red;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}

.KuchikomiItems .singles strong {
	font-weight: normal;
}


.kuchikomi-star {
    color: #F00;
    font-size: 12px;
    margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.txt-kuchikomi {
    color: #666;
    font-size: 12px;
	width:90%;
	margin-left: 12px;
}

.box-green {
    color: #FFF;
    font-size: 10px;
    background-color: #096;
    padding: 2px;
    border-radius: 2px;
    margin-right: 5px;
}


/* 写真レイアウトフォーマット
-------------------------------- */

/*-----L画像4つ----- */
.itembox-4 {
	margin-bottom:10px;
}

.itembox-4 ul {
	margin:0px auto;
	width:293px;
}

.itembox-4 li {
	float:left;
}

.itembox-4 li+li {
	margin-left:15px;
}

.itembox-4 a img {
	border: 1px solid #F90;
}


.itemwrap ul {
	display:table;
	width:100%;
}

.item-wrap ul li {
	width:50%;
	display:table-cell;
	padding-left: 0px;
}

.item-wrap ul li.top {
	border-bottom: 1px solid #ccc;
}

.item-wrap ul li+li {
	border-left: 1px solid #ccc;
}

.newitem {
	display:inline-block;
	min-width: 132px;
	padding:10px 10px 10px;
	font-size:12px;
	line-height:140%;
	vertical-align:top;

}

.newitem dt,dl{
	font-size:12px;
	line-height:140%;
}

a.itemtitle {
    color: #930;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -0.02em;
}


/* --背景白・罫グレー--*/

.item-wrap-white-gray{
	background:#fff;
}
.item-wrap-white-gray ul li.top {
	border-bottom: 1px solid #f00;
}
.item-wrap-white-gray ul li+li {
	border-left: 1px solid #f00;
}

/* --背景グレー・罫黒--*/

.item-wrap-gray-black{
	background:#eee;
}
.item-wrap-gray-black ul li.top {
	border-bottom: 1px solid #000;
}
.item-wrap-gray-black ul li+li {
	border-left: 1px solid #000;
}

/* --背景画像・罫グレー--*/

.item-wrap-img1-gray{
	background:url(../images/top/bg_body.gif) repeat;
}
.item-wrap-img1-gray ul li.top {
	border-bottom: 1px solid #999;
}
.item-wrap-img1-gray ul li+li {
	border-left: 1px solid #999;
}







/* ページャー
-------------------------------- */
ul.pager {
	margin: 20px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
ul.pager li {
	margin-right: 10px;
	border: 1px #2fa139 solid;
	font-weight: bold;
}
ul.pager li:last-child {
	margin-right: 0;
}
ul.pager li.prev,
ul.pager li.next {
	border: none;
}
ul.pager li a {
	position: relative;
	display: block;
	padding: 5px 10px;
	color: #2fa139;
}
ul.pager li a:link,
ul.pager li a:visited {
	text-decoration: none;
}

ul.pager li em {
	display: block;
	padding: 5px 10px;
	background: #2fa139;
	color: #fff;
}

/* 一覧ページ
------------------------------------------------------- */
/*#sortmenu {
	padding:10px 0px;
	margin-bottom:15px;
	font-size: 14px;
	line-height:130%;
	background-color:#ffc;
	display:block;
	text-align:center;
}*/
/*#sortmenu select{font-size:14px; padding:5px; background:#fff; color:#000; border:1px solid #666; border-radius: 5px;}*/

.sortmenu {
	padding:5px 10px;
	margin-bottom:10px;
	font-size: 16px;
	line-height:1.5;
	background-color: #FFF;
	display:block;
	text-align:right;
	color: #666;
	position: relative;
}
.sortmenu select{font-size:14px; padding:5px; background:#fff; color:#666; border:1px solid #ccc; border-radius: 5px; -webkit-appearance: none; appearance: none;}

.sortmenu::after {
	content: '';
	position: absolute;
	border-top: 1.5px solid #666;
	border-right: 1.5px solid #666;
	width: 5px;
	height: 5px;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	display: block;
	margin-top: -5px;
}
#sortmenu02 {
	padding:5px 0px;
	margin-bottom:10px;
	font-size: 14px;
	line-height:130%;
	background-color:#FFF;
	display:block;
	text-align:center;
	position:relative;
}
#sortmenu02 select{font-size:14px; padding:5px 20px 5px 5px; background:#fff; color:#666; border:1px solid #ccc; border-radius: 5px; -webkit-appearance: none; appearance: none;}

#sortmenu02::after {
	content: '';
	position: absolute;
	border-top: 1.5px solid #666;
	border-right: 1.5px solid #666;
	width: 5px;
	height: 5px;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	display: block;
	margin-top: -5px;
}

#sortmenu03 {
	padding:10px 0 0;
	margin-bottom:15px;
	font-size: 14px;
	line-height:130%;
	background-color:#ffc;
	display:block;
	text-align:left;
}
#sortmenu03 select{font-size:14px; padding:5px; background:#fff; color:#000; border:1px solid #666; border-radius: 5px;}
#sortmenu03 div {
	width: 94%;
	margin:0 auto;
	padding-bottom: 10px;
}

.sort_checkbox .sort_checkbox_label input[type="checkbox"]{display: none;}
.sort_checkbox input {margin: 0;-webkit-appearance: none; border-radius: 0;}
.sort_checkbox .sort_checkbox_label::after, .sort_checkbox .sort_checkbox_label::before {
    position: absolute;
    content: "";
    display: block;
}
.sort_checkbox input[type="checkbox"]:checked + label::before {
  background-color: #2fa139 !important;
}

.sort_checkbox .sort_checkbox_label{
    position: relative;
    padding: 0 0 0 30px;
    line-height: 1.2;
    top: 25%;
}
.sort_checkbox .sort_checkbox_label::before {
    left: 3px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    top: 25%;
}
.sort_checkbox .sort_checkbox_label::after {
    left: 10px;
    width: 4px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    top:1px;
}

.ProductVoice > .plist-item {
    padding: 15px 5vw 0 !important;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
}

.plist-item h3{
 	font-size:16px;
 	font-weight:bold;
 	color:red;
 	margin:2px 0;
	text-align: center;
}

.plist-item:first-of-type{
	padding-top: 0;
}

.plist-item dd:last-of-type{
	margin-bottom: 0;
}

.plist-item dd {
	margin-bottom:8px;
	display: block;
	line-height: 1;
}

.plist-item dd span {
	display: inline-block;
}

.plist-item dd p {
	line-height: 1.2;
}

.plist-item dd.itemtitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    color: #ec6e19;
    margin-bottom: 7px;
}

.ProductVoice > .plist-item .plist-item-img {
	flex:0 0 37%;
	margin-right:15px;
}

.plist-item-img img {
	display:block;
	margin:0 auto;
	width:100%;
	height: auto;
	border: none;
}

.ProductVoice .plist-item-img img {
	border: 1px solid #ccc !important;
    box-sizing: border-box;
}

.ProductVoice > .plist-item .title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	line-height: 1.2;
    margin: 0 0 5px;
}

.plist-item .title {
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
	line-height: 1.2;
}
.newitem-container .plist-item .title {
	height: 3.5em;
    overflow: hidden;
    word-break: break-all;
}

.plist-item .price {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#F00;
}
.newitem-container .plist-item .price {
	margin-bottom:0;
}

.products_price_txt1{display: inline !important;}

.txt-sale {color: #090;}

.item_layout{display: flex; justify-content: space-between; flex-wrap: wrap; margin:20px 15px; padding: 0;}

.item_layout li{flex: 0 1 30%; text-align: center; margin-top: 0;}
.item_layout li:nth-child(n+4){margin-top:20px;}
.item_layout li p{font-size:14px; margin-top:5px; line-height: 1.3em; height:2.6em; overflow: hidden; word-break: break-all;}
.item_layout li img{width: 100%; height: auto;}
.item_layout li a{display: block;}
.item_layout .price{font-size:14px;	font-weight:bold; margin-top:5px; color:#F00; display: block;}







/* 商品詳細ページ
------------------------------------------------------- */

#mainImages {
	width:320px;
	margin:0px auto;
}

.product-cart {
	background: #fff;
	display: block;
	margin: 10px auto;
	padding: 10px;
	width: 280px;
	border-radius: 10px;
	border:1px solid #ccc;
}

.product-cart .henpinFuka_7S5neWha{
    margin:0px 0px 10px 0px;
}
.product-cart .henpinFuka_7S5neWha h3{
    background-color:#d00;
    color:#fff;
    text-align:center;
    padding:10px 0px 10px 0px;
}
.product-cart .henpinFuka_7S5neWha span{
    font-size:10px;
}
.product-cart .henpinFuka_7S5neWha p{
    display:none;
    border:1px solid #d00;
    padding:5px;
    background-color:#fff;
}

.product-cart-info dt {
	margin-bottom:5px;
}

.product-cart-info dd {
	margin-bottom:5px;
	margin-top: 10px;
}

.product-cart-info .point {
	color:#000;
}

.select-pd01 {
	width:100%;
	height:35px;
	font-size:15px;
	padding-top:5px;
}

.select-pd02 {
	width:60px;
	height:35px;
	font-size:15px;
	padding-top:5px;
}

#product-review {
	width:300px;
	margin:0px auto;
	line-height:130%;
}

.icon-review {
	background: url(../images/common/icon_system.png) no-repeat 0px 0px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:10px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

#product-review .catch {
	font-size:14px;
	font-weight:bold;
	color:#f60;
	margin-bottom:10px;
}

.icon-kutikomi {
	background: url(../images/common/icon_system.png) no-repeat 0px -20px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:10px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

.icon-kanren {
	background: url(../images/common/icon_system.png) no-repeat 0px -40px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:10px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

.icon-osusume {
	background: url(../images/common/icon_system.png) no-repeat 0px -80px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:10px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

.icon-morepro {
	background: url(../images/common/icon_system.png) no-repeat 0px -100px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:10px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

.link-pos-right {
	text-align: right;
}

.txt_mail_sale {
	display: inline-block;
	font-size:12px !important;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff8c17;
    color: #fff !important;
    border-radius: 15px;
}


/* 検索
------------------------------------------------------- */
.serch-area {
	background-color:#ffc;
	padding:10px 0px;
	text-align:center !important;
	font-size: 14px;
	font-weight: bold;
	margin: 20px;
}

.serch-area-foot {
	background-color:#ffc;
	padding:10px 0px;
	text-align:center;
	border-top:2px solid #f90;
}

.serch-box {
	width:300px;
	margin:0px auto;
}

.serch-tit {
	background: url(../images/common/icon_system.png) no-repeat 0px -60px;
	text-indent: 20px;
	display: block;
	font-size:14px;
	margin-bottom:5px;
	color:#690004;
	font-weight:bold;
	height:16px;
	padding-top:2px;
}

.serch-box input[type="text"] {
	font-size:140%;
	width:100%;
	margin-bottom:5px;
	display:block;
	box-sizing:border-box;
}

.serch-select {
	width:240px;
	height:35px;
	font-size:15px;
	padding-top:5px;
	float:left;
}

.serch-btn {
	width:50px;
	float:right;
}


/* リンク表示
------------------------------------------------------- */

.right-link-posi {
	margin-top:10px;
	text-align: right;
	font-size: 16px;
	margin-bottom: 10px;
}



/* リスト
------------------------------------------------------- */

.list-menu00 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
	width:100%;
}

.list-menu00 li {
    display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	border-bottom: 1px solid #ccc;
	-ms-flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	position: relative;
	height: 50px;
	box-sizing: border-box;
}

.list-menu00 li a {
    width: 100%;
    min-height: 39px;
	max-height: 100%;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    padding: 0 20px 0 0;
    position: relative;
    line-height: 120%;
	-ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 100%;
}

.list-menu00 li a:after {
	content:"";
	display:block;
	position:absolute;
	top:45%;
	right:10px;
	width:5px;
	height:5px;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.list-menu00 li:nth-child(odd) {
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.list-menu00 li a dl,.list-menu02 li a dl{display: flex; justify-content: flex-start; align-items: center;}
.list-menu00 li a dt,.list-menu02 li a dt{/*flex:0 0 30%; */padding-right: 5px;}
.list-menu00 li a dt img,.list-menu02 li a dt img{max-height: 48px; max-width: 38px;}
.list-menu02 li a dt img{outline: 1px solid #fff; outline-offset: -1px;}
.list-menu00 li a dd,.list-menu02 li a dd{/*flex:0 1 70%;*/ line-height: 1.2;}
.list-menu00 li a dd span,.list-menu02 li a dd span{
    display: block;
    color: #999;
    font-size: 10px;
    font-weight: normal;
}

.list-menu01 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
	width:100%;
}

.list-menu01 li {
    display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	/* vertical-align:middle; */
	border-bottom: 1px solid #ccc;
	-ms-flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	position: relative;
}

.list-menu01 li a {
    width: 100%;
    min-height: 39px;
	max-height: 100%;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    padding: 6px 20px 4px 10px;
    position: relative;
    line-height: 120%;
	-ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 100%;
    box-sizing: border-box;
}
.list-menu01 li a img {
    padding: 5px 0;
    width: 100%;
    height: auto;
}
.list-menu01 li a:after {
	content:"";
	display:block;
	position:absolute;
	top:45%;
	right:10px;
	width:5px;
	height:5px;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.list-menu01 li:nth-child(odd) {
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.list-menu01 li.arrow_none a {
	padding:5px;
}
.list-menu01 li.arrow_none a img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.list-menu01 li.arrow_none a:after {
	display:none;
}

.list-menu02 ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
	width:100%;
}

.list-menu02 li {
    display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
      -webkit-box-align: start;
    -webkit-align-items: flex-start;
	border-bottom: 1px solid #ccc;
	-ms-flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
	position: relative;
    height: 50px;
    align-items: center;
    box-sizing: border-box;
}

.list-menu02 li a {
    width: 100%;
    min-height: 39px;
	max-height: 100%;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0 20px 0 0;
    position: relative;
	-ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 13px;
	line-height: 1.2;
}

.list-menu02 li a:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:6px;
	width:5px;
	height:5px;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.list-menu02 li:nth-child(odd) {
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.icon_denmma_orange{width: 90%; font-size: 11px; color: #fff; background-color: #f8931f; padding: 5px; text-align: center; border-radius: 5px; display: block;}
.icon_attachment_pink{width: 90%; font-size: 11px; color: #fff; background-color: #ee5aae; padding: 5px; text-align: center; border-radius: 5px; display: block;}



/*-----------------------------------------------------------------------------
　アイコン
-----------------------------------------------------------------------------*/
.icon_new{position: relative; padding-right: 110px !important; margin-bottom: 10px;}

.icon_new::before{
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url("../images/common/icon_new.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -40px;
    margin-right: 4px;
    margin-top: -5px;
    margin-bottom: -4px;
}
.icon_new > .day{
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 24px;
    padding: 1px 12px 0 5px;
    font-size: 14px;
    line-height: 24px;
    background: #F90;
    color: #fff;
    box-sizing: border-box;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    margin-left: -0.2em;
}
.icon_new > .day::after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 12px 6px 12px 0px;
    border-color: transparent #FC0 transparent transparent;
    border-style: solid;
}

.icon_info::before{
    content: '';
    display: inline-block;
    width: 19px;
    height: 21px;
    background: url("../images/common/icon_info.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 3px;
}

.icon_ranking::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 25px;
    background: url("../images/common/icon_ranking.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -34px;
    margin-right: 8px;
    margin-top: -4px;
    margin-bottom: 3px;
}

.icon_classic::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 31px;
    background: url("../images/common/icon_classic.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: -5px;
    margin-bottom: -2px;
}

.icon_boom::before{
    content: '';
    display: inline-block;
    width: 29px;
    height: 20px;
    background: url("../images/common/icon_boom.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -38px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 4px;
}

.icon_category::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 23px;
    background: url("../images/common/icon_category.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_review::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../images/common/icon_review.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 7px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_recommend::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 27px;
    background: url("../images/common/icon_recommend.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 10px;
    margin-top: -5px;
    margin-bottom: 2px;
}

.icon_feature_article::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 22px;
    background: url("../images/common/icon_feature_article.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 2px;
}

.icon_beginners::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 27px;
    background: url("../images/common/icon_beginners.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: -3px;
    margin-bottom: 0;
}

.icon_feature_article02::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 22px;
    background: url("../images/common/icon_feature_article.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 2px;
}

.icon_web_magazine::before{
    content: '';
    display: inline-block;
    width: 27px;
    height: 19px;
    background: url("../images/common/icon_web_magazine.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -34px;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 3px;
}

.icon_nls_pickup::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url("../images/common/icon_nls_pickup.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 6px;
    margin-top: -4px;
    margin-bottom: -2px;
}

.icon_order::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 17px;
    background: url("../images/common/icon_order.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -35px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 4px;
}

.icon_delivery::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 17px;
    background: url("../images/common/icon_delivery.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -35px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 4px;
}

.icon_order_details::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url("../images/common/icon_order_details.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.icon_w_infomation::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("../images/common/icon_w_infomation.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 0;
}

.icon_payment::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 25px;
    background: url("../images/common/icon_payment.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 1px;
}

.icon_completion::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 25px;
    background: url("../images/common/icon_completion.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 0;
}

.icon_inquiry::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 23px;
    background: url("../images/common/icon_inquiry.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_inquiry::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 23px;
    background: url("../images/common/icon_inquiry.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_company_profile::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url("../images/common/icon_company_profile.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_account::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url("../images/common/icon_account.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_point::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/common/icon_point.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: -2px;
    margin-bottom: 1px;
}

.icon_order_history::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 19px;
    background: url("../images/common/icon_order_history.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: 1px;
    margin-bottom: 4px;
}

.icon_favorite::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 19px;
    background: url("../images/common/icon_favorite.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 10px;
    margin-top: 1px;
    margin-bottom: 4px;
}

.icon_checked_product::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../images/common/icon_checked_product.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 8px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_browsing_history::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url("../images/common/icon_browsing_history.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_point_details::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url("../images/common/icon_point_details.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_rank::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 24px;
    background: url("../images/common/icon_rank.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_address::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/common/icon_address.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.icon_mail_password::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 18px;
    background: url("../images/common/icon_mail_password.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -33px;
    margin-right: 8px;
    margin-top: 1px;
    margin-bottom: 5px;
}

.icon_two_factor::before{
    content: '';
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url("../images/common/icon_two_factor.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 9px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_mail_magazine::before{
    content: '';
    display: inline-block;
    width: 22px;
    height: 18px;
    background: url("../images/common/icon_mail_magazine.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 4px;
}

.icon_nls_questionnaire::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 24px;
    background: url("../images/common/icon_nls_questionnaire.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

.icon_membership_terms::before{
    content: '';
    display: inline-block;
    width: 17px;
    height: 21px;
    background: url("../images/common/icon_membership_terms.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 3px;
}

.icon_withdrawal::before{
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/common/icon_withdrawal.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -28px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 2px;
}

.icon_convenience_store_s,.icon_post_office_s,.icon_yamato_s{
    position: relative;
    padding-left:33px;
    font-size: 16px;
    line-height: 1.4;
}
.icon_convenience_store_s span,.icon_post_office_s span,.icon_yamato_s span{
    font-size: 10px;
    display: block;
}

.icon_convenience_store_s::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/common/icon_convenience_store_s.png") no-repeat left center;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.icon_post_office_s::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/common/icon_post_office_s.png") no-repeat left center;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.icon_yamato_s::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/common/icon_yamato_s.png") no-repeat left center;
    background-size: contain;
    vertical-align: middle;
    margin-left: -31px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.icon_about_nls::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/common/icon_about_nls.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: -3px;
    margin-bottom: 0;
}

.icon_packing::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/common/icon_packing.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: -3px;
    margin-bottom: 0;
}

.icon_returns::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/common/icon_returns.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

.icon_privacy_policy::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/common/icon_privacy_policy.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: -3px;
    margin-bottom: 0;
}

.icon_other::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/common/icon_other.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 12px;
    margin-top: -3px;
    margin-bottom: 0;
}


/*------　黄色ベース　------*/

.icon_o_browsing_history::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("../images/common/icon_o_browsing_history.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 3px;
}

.icon_o_user_guide::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/common/icon_o_user_guide.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 1px;
}

.icon_o_beginners::before{
    content: '';
    display: inline-block;
    width: 13px;
    height: 17px;
    background: url("../images/common/icon_o_beginners.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -22px;
    margin-right: 11px;
    margin-top: 0;
    margin-bottom: 2px;
}

.icon_o_question::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("../images/common/icon_o_question.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 3px;
}

.icon_o_questionnaire::before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 21px;
    background: url("../images/common/icon_o_questionnaire.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -22px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.icon_o_inquiry::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url("../images/common/icon_o_inquiry.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: -2px;
    margin-bottom: 2px;
}

.icon_o_feature_article::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 17px;
    background: url("../images/common/icon_o_feature_article.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 2px;
}

.icon_o_web_magazine::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url("../images/common/icon_o_web_magazine.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -24px;
    margin-right: 9px;
    margin-top: 2px;
    margin-bottom: 4px;
}

.icon_o_company_profile::before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url("../images/common/icon_o_company_profile.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -22px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_o_recruit::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url("../images/common/icon_o_recruit.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 8px;
    margin-top: -2px;
    margin-bottom: 0;
}

.icon_o_company_profile::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 19px;
    background: url("../images/common/icon_o_company_profile.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 9px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_o_af::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 19px;
    background: url("../images/common/icon_o_af.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 9px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_o_transactions::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 18px;
    background: url("../images/common/icon_o_transactions.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -29px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 1px;
}

.icon_o_rank::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 24px;
    background: url("../images/common/icon_o_rank.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -24px;
    margin-right: 7px;
    margin-top: -4px;
    margin-bottom: -1px;
}

.icon_o_order_history::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 19px;
    background: url("../images/common/icon_o_order_history.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.icon_o_review::before{
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../images/common/icon_o_review.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 7px;
    margin-top: 0;
    margin-bottom: 1px;
}

.icon_o_purpose::before{
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../images/common/icon_o_purpose.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 7px;
    margin-top: 0;
    margin-bottom: 1px;
}

.icon_o_address::before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/common/icon_o_address.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -27px;
    margin-right: 7px;
    margin-top: -3px;
    margin-bottom: 1px;
}

.icon_o_mail_password::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 19px;
    background: url("../images/common/icon_o_mail_password.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_o_two_factor::before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 19px;
    background: url("../images/common/icon_o_two_factor.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 7px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_o_mail_magazine::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url("../images/common/icon_o_mail_magazine.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 7px;
    margin-top: 3px;
    margin-bottom: 4px;
}

.icon_o_nls_questionnaire::before{
    content: '';
    display: inline-block;
    width: 13px;
    height: 20px;
    background: url("../images/common/icon_o_nls_questionnaire.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 11px;
    margin-top: -2px;
    margin-bottom: 1px;
}

.icon_o_logout::before{
    content: '';
    display: inline-block;
    width: 19px;
    height: 15px;
    background: url("../images/common/icon_o_logout.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 7px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.icon_o_membership_terms::before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 19px;
    background: url("../images/common/icon_o_membership_terms.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -24px;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.icon_o_withdrawal::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/common/icon_o_withdrawal.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -23px;
    margin-right: 7px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_o_keyword{
    color: #666;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    padding-left: 35px;
    margin-bottom: 10px;
}

.icon_o_keyword::before{
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    background: url("../images/common/icon_o_keyword.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 9px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.icon_o_facet::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url("../images/common/icon_o_facet.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 7px;
    margin-top: 2px;
    margin-bottom: 3px;
}

.icon_o_search_history{
    padding: 15px 30px 15px 35px;
    text-decoration: none;
    color: #666;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}

.icon_o_search_history::before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/common/icon_o_search_history.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -25px;
    margin-right: 7px;
    margin-top: -1px;
    margin-bottom: 2px;
}

button.btn_delete{
    border: none;
    background: none;
    position: absolute;
    padding: 0;
}

button.btn_delete img{
    width: 16px;
    height: 17px;
    margin-left: 10px;
}

.icon_o_search_history button.btn_delete{
    top: 30%;
    right: 15px;
}

.txt_search_history{
    color: #666;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    padding: 15px 15px 0 35px;
}


.icon_ca_new::before{
    content: '';
    display: inline-block;
    width: 43px;
    height: 42px;
    background: url("../content/images/icon_ca_new.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 13px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_nls::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_nls.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_hole::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_hole.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_electrichole::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_electrichole.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_rotor::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_rotor.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_vibe::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_vibe.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_nipple::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_nipple.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_anal::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_anal.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_sm::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_sm.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_dilde::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_dilde.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_denma::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_denma.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_lotion::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_lotion.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_condom::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_condom.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_supplement::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_supplement.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_strong::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_strong.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_ladys::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_ladys.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_lovedoll::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_lovedoll.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_lingerie::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_lingerie.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_costume::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_costume.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_mainte::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_mainte.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_other::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_other.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_import::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_import.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}
.icon_ca_blandchoice::before{
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../content/images/icon_ca_blandchoice.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -55px;
    margin-right: 12px;
    margin-top: -10px;
    margin-bottom: -9px;
}



/*-----------------------------------------------------------------------------
　ラブサプリ　注意事項　
-----------------------------------------------------------------------------*/
.note01{
	display: flex;
	align-items: center;
	border:3px solid #ffbf00;
	box-sizing: border-box;
	background:#fff7e0;
	padding:10px;
	margin: 15px;
}

.note01 img{flex: 0 0 27px; margin-right:10px;}
.note01 p{flex:0 1 100%;font-size:13px;line-height:1.3em;padding: 0;color: #444;}



/* もっと見るボタン、閉じるボタン
------------------------------------------------------- */
.load-more-ca-btn,.hide-ca-btn{
    font-size: 16px;
    height: 50px !important;
    line-height: 50px !important;
}
.load-more-ca-btn span::after {
    margin-left: -100px;
    position: absolute;
    top: 55%;
    content: '';
    width: 7px;
    height: 7px;
    margin-top: -8px;
	border-top: 1px solid #4d4e4f;
	border-right: 1px solid #4d4e4f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.hide-ca-btn span::after {
    margin-left: -70px;
    position: absolute;
    top: 60%;
    content: '';
    width: 7px;
    height: 7px;
    margin-top: -8px;
}


/* フッター
------------------------------------------------------- */
#footer-link {
	font-size:12px;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}

#footer-link ul {
	position:relative;
	left:50%;
	float:left;
}

#footer-link li {
	position:relative;
	left:-50%;
	float:left;
}

#footer-link li+li {
	margin-left:10px;
	padding-left:10px;
	border-left: 1px solid #000;
}

#footer-end {
	font-size: 10px;
	color: #fff;
	background-color: #f90;
	text-align: center;
	display: block;
	padding: 5px 0px;
	width: 100%;
}

#footer-end a {
	font-size: 10px;
	color: #fff;
	text-decoration:none;
}

#twitter-container {
	background-color:#6CF;
	padding:15px !important;
    margin: 20px auto 0 !important;
}
#twitter-container blockquote{margin: 0 1em;}

.twitter-timeline{margin:0 auto;}

/* SPトップページ改修時に旧ファイルより移管、不要かも */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:30;
}
#kuchikomitxt{
 width : 300px; /*テキストエリアの幅*/
 height : 3.6em; /*高さ*/
 overflow : hidden; /*スクロールバーを隠す*/
}

.ca-see-more-able {
	overflow: hidden;
	position: relative;
}

/*.load-more-ca-btn span::after {
	margin-left: -75px;
	position: absolute;
	top: 55%;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -8px;
	border-top: 1px solid #4d4e4f;
	border-right: 1px solid #4d4e4f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.hide-ca-btn span::after {
	margin-left: -50px;
	margin-top: 5px;
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 1px solid #4d4e4f;
	border-right: 1px solid #4d4e4f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/

.hide-ca-btn, .load-more-ca-btn {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.hide-ca-btn {
	position: relative;
}

.load-more-ca-btn {
	background-color: white;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.height-270 {
	height: 290px !important;	/* デフォルト270px */
}

.height-190 {
	height: 190px !important;
}

.hide-btn {
	display: none;
}


/* common.css
------------------------------------------------------- */

/* リセット
------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, img,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{
    position:relative;
    overflow-x:hidden;
}
body {
    line-height:1;
    font-size: 13px;
	line-height:130%;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Noto Sans JP"; 
	-webkit-text-size-adjust: none;
    position:relative;
    overflow-x:hidden;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
img {
	vertical-align: middle;
}
ul,ol {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: underline;
}

a:active {
	/*opacity: .6;*/
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 1%;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* テキストを省略せずに表示する */
.ui-header .ui-title,.ui-footer .ui-title,.ui-btn-inner,.ui-li-heading,.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-desc {
overflow: visible;
white-space: normal;
}

/*
input[type="text"],input[type="password"] {
	font-size:140%;
	width:100%;
	display:block;
	box-sizing:border-box;
	margin-bottom:5px;
}
select.pulldown {
	font-size:140%;
	display:block;
	box-sizing:border-box;
	margin-bottom:5px;
}
*/

input[type="text"],input[type="password"] {
	font-size:100%;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #eee;
    color: #666;
    height: 40px;
    padding: 0.7em;
}
select.pulldown {
	font-size:14px;
	display:block;
    border: 1px solid #ccc;
    border-radius: 5px;
	box-sizing:border-box;
	margin-bottom:5px;
    background: #eee;
    color: #666;
}



/* 汎用
------------------------------------------------------- */
img{max-width:100%;}

/*-----フロート(回り込み)----- */
.f-left {float: left;}
.f-right {float: right;}

/*-----フロート解除----- */
.clear {clear: both;}


.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}



/* タイトル
------------------------------------------------------- */
h2.title-01 {
	color:#666;
	font-size: 18px;
	font-weight: bold;
	border-left: 8px solid #F90;
	display:block;
	padding:5px;
	margin:10px;
    line-height: 120%;
}

.title-01 {
	color:#666;
	font-size: 18px;
	font-weight: bold;
	border-left: 8px solid #F90;
	display:block;
	padding:5px;
	margin:10px;
    line-height: 120%;
}

.title-02 {
	/*width:100%;*/
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	/*text-indent:10px;*/
	background-color:#fc0;
	display:block;
	padding:10px;
	position:relative;
	line-height: 1.2;
}

.title-02 h2.sankaku{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.title-02 h2.sankaku:before {
	content: '';
	position: absolute;
	top: 25%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
}

.title-02-top {
	/*width:100%;*/
	color:#fff;
	font-size: 22px;
	font-weight: bold;
	/*text-indent:10px;*/
	background-color:#fc0;
	display:block;
	padding:10px;
	position:relative;
	line-height: 1.2;
}

.title-02-green {
	/*width:100%;*/
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	/*text-indent:10px;*/
	background-color:#390;
	display:block;
	padding:10px;
	line-height: 1.2;
}

.title-03 {
	/*width:100%;*/
	color:#f90;
	/*text-indent:10px;*/
	background-color:#ffc;
	display:block;
	padding:5px;
	line-height: 1.2;
}

.title-03-green {
	/*width:100%;*/
	color:#090;
	text-indent:10px;
	background-color:#EEFFD2;
	display:block;
	padding:5px;
	line-height: 1.2;
}

.title-04 {
	/*width:100%;*/
	color:#333;
	/*text-indent:10px;*/
	background-color:#EAF3FE;
	display:block;
	padding:5px;
	line-height: 1.2;
}

.title-05 {
	width:100%;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	text-indent:10px;
	background-color:#70e59f;
	display:block;
	padding:5px 0px;
	position:relative;
	/*line-height: 1.2;*/
}

.title-05 h2.sankaku{
	position: relative;
	display: inline-block;
	padding-left: 5px;
}

.title-05 h2.sankaku:before {
	content: '';
	position: absolute;
	top: 25%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
}

.title-red {
	/*width:100%;*/
	color:#f00;
	text-indent:10px;
	background-color:#FEEAEA;
	display:block;
	padding:5px;
	line-height: 1.2;
}

.title-rank {
	/*width:100%;*/
	display:block;
}


.bg_rank_red{
    color: #fff;
	font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
    background: #db0000 url("../content/images/bg_rank_red.png") no-repeat center center;
    background-size: 100%;
}

.bg_pale_red {
	color: #F00;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
	position: relative;
	background-color: #FFEFE9;
}
.bg_pale_red > .txt_ranking{position: absolute; top: 38%; right: 10px; font-size: 12px; font-weight: normal;line-height: 1; color: #666; margin-left: -0.2em; text-align: right;}

.bg_pale_yellow {
	color: #FF9000;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
	position: relative;
	background-color: #FFFED4;
}

.bg_rank_gold{
    color: #fff;
	font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
    background: #dfbc60 url("../content/images/bg_rank_gold.png") no-repeat center center;
    background-size: 100%;
}

.bg_rank_silver{
    color: #fff;
	font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
    background: #c6c6c6 url("../content/images/bg_rank_silver.png") no-repeat center center;
    background-size: 100%;
}

.bg_rank_bronze{
    color: #fff;
	font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
	padding: 10px 10px 8px 45px;
    background: #cb9b52 url("../content/images/bg_rank_bronze.png") no-repeat center center;
    background-size: 100%;
}


/* スペース
------------------------------------------------------- */
.caution {
	background-color:#FEEAEA;
	display:block;
	padding:5px 0px 5px 10px;
}

.bn-space {
	text-align:center;
	padding: 0 5px;
}

.bn-space-c1 {
	text-align:center;
	margin:auto;
	width: 320px;	
}


.bn-space-c2 {
	text-align:center;
	width: 150px;
	margin: 0px 5px 10px 5px;
	float: left;
	
}


/* リスト
------------------------------------------------------- */
.listbox-1 {
	padding: 0px 10px;
	width: 300px;
	margin:0px auto;
	font-size:16px;
}

.listbox-1 li {
	margin-bottom:5px;
}

.listbox-menu {
	font-size:14px;
}

.listbox-menu li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top:1px solid #ccc;
	padding: 10px 3.2vw;
}
.listbox-menu li:first-child{border-top:none;}

/* ライン
-------------------------------- */
.b-top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F90;
}

/* ボタン
-------------------------------- */
a:hover {
    filter:alpha(opacity=80);
    opacity:0.7;
}

.btn-bg01 {
	background:#FFC;
	padding:10px;
	text-align:center;
}

.btn-gray {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(white,#dfe0e0);
	display: block;
	padding: 12px 0px 0px;
	height: 40px;
	margin: 0 auto;
	box-sizing:border-box;
	border: 1px solid #999;
	border-radius: 10px;
}

.btn-gray a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	color:#039;
}

/*.btn-green {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(#0DBA1C,#2F8639);
	display: block;
	padding: 12px 0px 0px;
	height: 40px;
	margin: 0 auto;
	box-sizing:border-box;
	border: 1px solid #217329;
	border-radius: 10px;
}*/

.btn_green a {
	display:block;
    padding:14px 10px;
    border-style: none;
    background-color:#3AA603;
    border-radius: 10px;
    color:#fff;
	font-size:18px;
    line-height: 1;
	font-weight:bold;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
	text-align:center;
    margin:20px 15px;
	white-space:nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

.btn_default a {
    display: block;
    padding:13px 13px 13px 10px;
    position: relative;
    background-color: #FFFED4;
    border-radius: 10px;
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
    text-align: center;
    border: solid 1px #ccc;
    box-sizing: border-box;
    margin:20px 15px;
	white-space:wrap;
    cursor: pointer;
}

.menuHeader .btn_default a {
    width: 70% !important;
    padding:10px;
    margin: 17px auto 16px;
    font-weight: normal;
}


.btn_default a::after {
    position: absolute;
    content: "";
    line-height: 1.5rem;
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    top: 40%;
    right: 10px;
}



.btn-green2 {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(#0DBA1C,#2F8639);
	display: block;
	padding: 9px 0px 0px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #217329;
	border-radius: 10px;
}

.btn-green2 a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	color:#fff;
}

/*.btn_green {
	padding:0 10px;
}*/




.btn-orange {
	padding:0 5vw;
}

.btn-orange a{
    display:block;
    padding:13px 0;
    border-style: none;
    background: -moz-linear-gradient(to bottom, #fa0, #db8300);
    background: -webkit-linear-gradient(top, #fa0, #db8300);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    color:#fff;
	font-size:25px;
	font-weight:bold;
	letter-spacing: 2px;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    width:100%;
    margin:10px auto 5px;
    border:1px solid #d17228;
    text-align:center;
}

/*
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
	font-size: 14px;
    padding: 5px;
    background-color: #efefef;
    border-radius: 5px;
	color: #000;
    border: 1px solid #666;
	font-weight: normal;
}
*/

input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
	font-size: 14px;
    padding: 5px;
    background-color: #ccc;
    border-radius: 5px;
	color: #fff;
    border: 1px solid #ccc;
	font-weight: normal;
}

.btn-cart-ora {
	width: 300px;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FA3), to(#F80));	
	background: -moz-linear-gradient(bottom, #F80, #FA3);	
	border: 2px #F27300 solid;
	font-size:22px;
	font-weight:bold;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 2px #333;
}

.btn-share-line a{
    display:block;
	width:300px;
	font-size: 20px;
	font-weight: bold;
	background: url(../images/common/btn_bg_gray.png) no-repeat;
	display: block;
	height: 40px;
    margin:0px auto 10px auto;
	box-sizing:border-box;
    text-decoration: none;
    text-shadow: #999 1px 1px 2px;
    color: #039;
    line-height:40px;
}
.btn-share-line a img{
    width:27px;
    height:27px;
    margin:0px 45px 0px 15px;
}
.btn-share-fb {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: url(../images/common/btn_share_fb.png) no-repeat;
	display: block;
	padding: 12px 0px 0px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
}

.btn-share-fb a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	color:#039;
}

.btn-share-tw {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: url(../images/common/btn_share_tw.png) no-repeat;
	display: block;
	padding: 12px 0px 0px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
}

.btn-share-tw a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	color:#039;
}

.btn-share-mail {
	width:300px;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	background: url(../images/common/btn_share_mail.png) no-repeat;
	display: block;
	padding: 12px 0px 0px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	box-sizing:border-box;
}

.btn-share-mail a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-shadow:#999 1px 1px 2px;
	color:#039;
}

.bg-color01 {
	width:100%;
	background-color:#ffc;
	display:block;
	padding:10px 0px;
}


.btn-class-gray {
	width:300px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #dcdcdc;
	padding:15px 0px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#666;
	display:inline-block;
	text-shadow:1px 1px 0px #fff;
 	-webkit-box-shadow:inset 1px 1px 0px -13px #fff;
 	-moz-box-shadow:inset 1px 1px 0px -13px #fff;
 	box-shadow:inset 1px 1px 0px -13px #fff;
	margin-right:auto;
	margin-left:auto;
}

.btn-class-gray a {
	text-decoration:none;
}

.btn-class-gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}

.btn-class-gray:active {
	position:relative;
	top:1px;
}



/* カラー色指定
-------------------------------- */
.red{color:red !important;}
.aqua{color:aqua;}
.black{color:black;}
.blue{color:blue !important;}
.fuchsia{color:fuchsia;}
.gray{color:gray;}
.green{color:green;}
.lime{color:lime;}
.maroon{color:maroon;}
.navy{color:navy;}
.olive{color:olive;}
.purple{color:purple;}
.silver{color:silver;}
.teal{color:teal;}
.white{color:white;}
.yellow{color:yellow;}
.orange{color:#F90;}
.green2{color:#0C3;}
.Quercus{color:#963}
.lotionblue{color:#39C}


/*swiper-side*/
.swiper-container--side .swiper-slide, .swiper-container--side-small .swiper-slide {
   text-align: center;
   padding-top: 5px;
}
.swiper-scrollbar--side {
    height: 5px;
    padding-top:5px;
}

.btn_lgreen {
    display:block;
    position: relative;
    margin: 0 2%;
    padding: .7em 2em .6em;
    border-style: none;
    letter-spacing: 2px;
    background:#fff;
    border:2px solid #2fa139;
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color:#2fa139;
    font-size:20px;
    white-space:nowrap;
    text-decoration: none;
    font-weight:bold;
    text-align:center;
}

a:hover.btn_lgreen{
    background:#2fa139;
    border:none;
    color:#fff;
    border:2px solid #2fa139;
}

.p-detail-tit {
	font-size: 16px;
	line-height: 1.5;
}
.p-detail-text {
	padding: 10px 5vw 20px;
}
.p-detail-text h4{
	color: #F90;
    margin: 0px 0 5px;
    font-size: 16px;
}
.p-detail-text p {
	font-size: 16px !important;
    line-height: 1.5 !important;
}
.p-detail-text h4 img{margin: 0 0 5px 5px; height: 20px;}

/*.voicearea{padding-bottom: 20px;}*/
.voicearea:last-of-type{padding-bottom: 10px !important;}

.btn_sankou{text-align:right; margin-top: 10px;}
/*.btn_sankou input{
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #767676;
	border-radius: 5px;
}*/
.btn_sankou input{
    display: block;
    padding: 13px 10px;
    background-color: #FFFED4;
    border-radius: 10px;
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
    text-align: center;
    border: solid 1px #ccc;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    margin-top: 15px;
    height: 44px;
}

.upper-col2 img, .osusume-col2 img{
	vertical-align:text-bottom;
}
.upper-col2 span{
	vertical-align:middle;
}

.p-nowrap {
	white-space: nowrap;
}
.ws-normal{white-space: normal !important;}

.p-swiper {
	text-align: center;
	line-height: 1;
}
.p-swiper h3 {
	font-size: 12px;
	font-weight: bold;
	color: red;
	margin-bottom: 2px;
}
.p-swiper .name {
	font-size: 10px;
	height: 30px;
	line-height: 140%;
	text-align: center;
	margin-left: 1em;
	background-color: #fff;
	position: relative;
	padding-right: 1em;
	overflow: hidden;
}
.p-swiper .name::before {
	content: "...";
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 1em;
}
.p-swiper .name::after {
	content: "";
	position: relative;
	right: -1em;
	margin-left: -1em;
	float: right;
	width: 1em;
	height: 100%;
	background-color: inherit;
}
.p-swiper .rank50Price {
	color: red;
	font-weight: normal;
	font-size: 12px;
	line-height: 140%;
}

/*Container*/
.sp-container-plr__5vw {padding-left:5vw;padding-right:5vw;}


/*Button*/
.sp-bt-default {
	position:relative;
	display:inline-block;
	border-radius:5px;
	padding-right:1rem;
	box-sizing:border-box;
}
.sp-bt-default:after {
	width:7px;
	height:7px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	position:absolute;
	content:"";
	top:0.6rem;
	right:0.4rem;
	line-height:1.5rem;
	transform:rotate(45deg);
}
.sp-bt-default-inner {
	display:inline-block;
	vertical-align:middle;
}
.sp-atag-bt-wrap {
	display: block;
	width: 100%;
	height: 100%;
}
.sp-atag-bt-wrap div p {
	color:#666;
}
.sp-bt-main {
	display: block;
    padding: 13px 10px;
    position: relative;
    background-color: #FFFED4;
    border-radius: 10px;
    color: #666;
    font-size: 18px;
    line-height: 1;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
    text-align: center;
    border: solid 1px #ccc;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
}
.sp-bt-main-off {
	background:linear-gradient(#888888,#888888);
	color: #666 !important;
}
.sp-bt-main::after {
	position:absolute;
	content:"";
	line-height:1.5rem;
	transform:rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    top: 40%;
    right: 20px;
}

.sp-btn-sns::after {
	top:1.6rem;
}

.sp-bt-main.sp-btn-sns p{
	line-height: 40px;
}

.sp-bt-main.sp-btn-sns p img{
	width: 40px;
	height: 40px;
	position: relative;
	float: left;
	left: 10px;
}

.sp-bt-main-green {
	display:block;
    padding:13px 10px;
    border-style: none;
    background-color:#3AA603;
    border-radius: 10px;
    color:#fff;
	font-size:18px;
    line-height: 1;
	font-weight:bold;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
	text-align:center;
	white-space:nowrap;
    cursor: pointer;
    width: 100%;
}

/*---------------クチコミ商品詳細　グレーボタン------------------*/

.btn-gray2 {
    color: #039;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    background: linear-gradient(white,#dfe0e0);
    text-align: center;
    border: solid 1px #999;
    font-size: 18px;
    font-weight: bold;
    padding: 11.5px 5vw;
    width: 100%;
    box-sizing: border-box;
}

.btn-gray2 a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#039;
}



.deliv_seq {
    color:#d00;
    font-weight:bold;
}

.plist-item-info .deliv_seq {
    color:#d00;
    font-weight:bold;
}

.plist-item-info .__sale {
	max-height: 18px;
	margin-right: 5px;
}

.deliv_seq_area .deliv_seq {
    color:#d00;
    font-size:large;
    font-weight:bold;
}


/* txt.css
------------------------------------------------------- */

/* フォントの種類*/
.ff-ss{font-family:"ＭＳ ゴシック",sans-serif;}/* ゴシック系 */
.ff-s{font-family:"ＭＳ ゴシック",sans-serif;}/* 明朝系 */
.ff-cu{font-family:cursive;}/* 明朝系 */
.ff-f{font-family:fantasy;}/* 装飾 */
.ff-m{font-family:monospace;}/* 等幅 */

/* サイズpx*/
.ts9{font-size: 9px;}
.ts10{font-size: 10px !important;}
.ts11{font-size: 11px;}
.ts12{font-size: 12px !important;}
.ts13{font-size: 13px;}
.ts14{font-size: 14px !important;}
.ts15{font-size: 15px;}
.ts16{font-size: 16px !important;}
.ts18{font-size: 18px !important;}
.ts20{font-size: 20px !important;}
.ts22{font-size: 22px;}
.ts24{font-size: 24px;}
.ts26{font-size: 26px;}
.ts28{font-size: 28px;}
.ts30{font-size: 30px;}
.ts32{font-size: 32px;}
.ts40{font-size: 40px;}
.ts50{font-size: 50px;}

/* サイズ%*/
.fs80{font-size: 80%;}
.fs85{font-size: 85%;}
.fs90{font-size: 90%;}
.fs95{font-size: 95%;}
.fs96{font-size: 96%;}
.fs97{font-size: 97%;}
.fs98{font-size: 98%;}
.fs99{font-size: 99%;}
.fs100{font-size: 100%;}
.fs105{font-size: 105%;}
.fs110{font-size: 110%;}
.fs115{font-size: 115%;}
.fs120{font-size: 120%;}
.fs125{font-size: 125%;}
.fs130{font-size: 130%;}
.fs135{font-size: 135%;}
.fs140{font-size: 140%;}
.fs145{font-size: 145%;}
.fs150{font-size: 150%;}
.fs160{font-size: 160%;}
.fs170{font-size: 170%;}
.fs180{font-size: 180%;}
.fs190{font-size: 190%;}
.fs200{font-size: 200%;}

/* サイズ%-px*/
.fs10{font-size: 84%;}
.fs11{font-size: 92%;}
.fs12{font-size: 100%;}
.fs13{font-size: 109%;}
.fs14{font-size: 117%;}
.fs15{font-size: 125%;}
.fs16{font-size: 134%;}
.fs17{font-size: 142%;}
.fs18{font-size: 150%;}
.fs19{font-size: 159%;}
.fs20{font-size: 167%;}
.fs21{font-size: 175%;}
.fs22{font-size: 184%;}
.fs23{font-size: 192%;}
.fs24{font-size: 200%;}
.fs25{font-size: 209%;}
.fs26{font-size: 217%;}


.fs-xxs {font-size: xx-small;}
.fs-xs {font-size: x-small;}
.fs-s {font-size: small;}
.fs-m {font-size: medium;}
.fs-l {font-size: large;}
.fs-xl {font-size: x-large;}
.fs-xxl {font-size: xx-large;}


/* フォントの太さ
-------------------------------- */
.fw-n{font-weight: normal;}/* 標準 */
.fw-b{font-weight: bold;}/* 太字 */
.fw-l{font-weight: lighter;}/* 一段階細く*/
.fw-br{font-weight: bolder;}/* 一段階太く*/



/* 行間
-------------------------------- */
.lh100{line-height:100%;}
.lh105{line-height:105%;}
.lh110{line-height:110%;}
.lh115{line-height:115%;}
.lh120{line-height:120% !important;}
.lh125{line-height:125%;}
.lh130{line-height:130%;}
.lh135{line-height:135%;}
.lh140{line-height:140% !important;}
.lh145{line-height:145%;}
.lh150{line-height:150%;}
.lh155{line-height:155%;}
.lh160{line-height:160%;}
.lh165{line-height:165%;}
.lh170{line-height:170%;}
.lh175{line-height:175%;}
.lh180{line-height:180%;}
.lh185{line-height:185%;}
.lh190{line-height:190%;}
.lh195{line-height:195%;}
.lh200{line-height:200%;}



/* 文字の間隔
-------------------------------- */
.lsp-01{letter-spacing: -0.1px;}
.lsp01{letter-spacing: 0.1px;}
.lsp02{letter-spacing: 0.2px;}
.lsp03{letter-spacing: 0.3px;}
.lsp04{letter-spacing: 0.4px;}
.lsp05{letter-spacing: 0.5px;}
.lsp06{letter-spacing: 0.6px;}
.lsp07{letter-spacing: 0.7px;}
.lsp08{letter-spacing: 0.8px;}
.lsp09{letter-spacing: 0.9px;}
.lsp1{letter-spacing: 1px;}
.lsp15{letter-spacing: 1.5px;}
.lsp2{letter-spacing: 2px;}
.lsp25{letter-spacing: 2.5px;}
.lsp3{letter-spacing: 3px;}


/* インデント
-------------------------------- */
.indent8{text-indent:-8px;}
.indent9{text-indent:-9px;}
.indent10{text-indent:-10px;}
.indent11{text-indent:-11px;}
.indent12{text-indent:-12px;}
.indent13{text-indent:-13px;}
.indent14{text-indent:-14px;}
.indent15{text-indent:-15px;}
.indent16{text-indent:-16px;}
.indent18{text-indent:-18px;}
.indent20{text-indent:-20px;}
.indent21{text-indent:-21px;}
.indent22{text-indent:-22px;}
.indent23{text-indent:-23px;}
.indent24{text-indent:-24px;}


.indent-10{text-indent:10px;}
.indent-12{text-indent:12px;}
.indent-14{text-indent:14px;}
.indent-16{text-indent:16px;}
.indent-18{text-indent:18px;}


/* space.css
------------------------------------------------------- */

/* margin
---------------------------------------------------- */
.m-all0{margin: 0 !important;}
.m-t-0 {margin-top: 0 !important;}
.m-t-1 {margin-top: -1px;}
.m-t-2 {margin-top: -2px;}
.m-t-3 {margin-top: -3px;}
.m-t-4 {margin-top: -4px;}
.m-t-5 {margin-top: -5px;}
.m-t-6 {margin-top: -6px;}
.m-t-7 {margin-top: -7px;}
.m-t-8 {margin-top: -8px;}
.m-t-9 {margin-top: -9px;}
.m-t-10 {margin-top: -10px !important;}
.m-t-15 {margin-top: -15px !important;}
.m-t-20 {margin-top: -20px !important;}
.m-t-25 {margin-top: -25px !important;}
.m-t-30 {margin-top: -30px !important;}
.m-tb-10 {margin: -10px 0;}
.m-t-all10 {margin: -10px;}
.m-t5 {margin-top: 5px;}
.m-t10 {margin-top: 10px !important;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px !important;}
.m-t25 {margin-top: 25px;}
.m-t30 {margin-top: 30px;}
.m-t35 {margin-top: 35px;}
.m-t40 {margin-top: 40px;}
.m-t45 {margin-top: 45px;}
.m-t50 {margin-top: 50px;}
.m-t55 {margin-top: 55px;}
.m-t5r5 {margin-top: 5px; margin-right: 5px;}
.m-t10r10 {margin-top: 10px; margin-right: 10px;}
.m-t10b20 {margin-top: 10px; margin-bottom: 20px;}
.m-t20b10 {margin-top: 20px; margin-bottom: 10px;}
.m-t20b15 {margin-top: 20px; margin-bottom: 15px;}

.m-b2 {margin-bottom: 2px;}
.m-b3 {margin-bottom: 3px;}
.m-b5 {margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px !important;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px !important;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b35 {margin-bottom: 35px;}
.m-b40 {margin-bottom: 40px;}
.m-b45 {margin-bottom: 45px;}
.m-b50 {margin-bottom: 50px;}
.m-b-0 {margin-bottom: 0 !important;}
.m-b-1 {margin-bottom: -1px !important;}
.m-b-2 {margin-bottom: -2px !important;}
.m-b-5 {margin-bottom: -5px !important;}
.m-b-10 {margin-bottom: -10px !important;}
.m-b-15 {margin-bottom: -15px !important;}
.m-b-20 {margin-bottom: -20px !important;}
.m-b-25 {margin-bottom: -25px !important;}
.m-b-30 {margin-bottom: -30px !important;}
.m-tb2  {margin:2px 0px;}
.m-tb3  {margin:3px 0px;}
.m-tb5  {margin:5px 0px;}
.m-tb10  {margin:10px 0px;}
.m-tb15  {margin:15px 0px;}
.m-tb20  {margin:20px 0px;}
.m-tb25  {margin:25px 0px;}
.m-tb30  {margin:30px 0px;}
.m-tb35  {margin:35px 0px;}

.m-r5 {margin-right: 5px;}
.m-r10 {margin-right: 10px;}
.m-r15 {margin-right: 15px;}
.m-r20 {margin-right: 20px;}
.m-r25 {margin-right: 25px;}
.m-r30 {margin-right: 30px;}
.m-r35 {margin-right: 35px;}
.m-r3-2vw {margin-right: 3.2vw;}

.m-l2 {margin-left: 2px;}
.m-l5 {margin-left: 5px;}
.m-l10 {margin-left: 10px;}
.m-l15 {margin-left: 15px;}
.m-l20 {margin-left: 20px;}
.m-l25 {margin-left: 25px;}
.m-l30 {margin-left: 30px;}
.m-l35 {margin-left: 35px;}
.m-l3-2vw {margin-left: 3.2vw;}
.m-l-10 {margin-left: -10px !important;}

.m-lr5 {margin-left:5px; margin-right: 5px;}
.m-lr10 {margin-left:10px; margin-right: 10px;}
.m-lr15 {margin-left:15px; margin-right: 15px;}
.m-lr20  {margin-left:20px; margin-right: 20px;}
.m-lr25  {margin-left:25px; margin-right: 25px;}
.m-lr30  {margin-left:30px; margin-right: 30px;}
.m-lr35  {margin-left:35px; margin-right: 35px;}
.m-lr3-2vw {margin: 0px 3.2vw 0px;}
.m-lrauto {margin:0px auto;}
.m-lr-0 {margin-left: 0 !important; margin-right: 0 !important;}
.m-lr-5 {margin-left: -5px !important; margin-right: -5px !important;}
.m-lr-10 {margin-left: -10px !important; margin-right: -10px !important;}

.m-all5 {margin:5px !important;}
.m-all10 {margin:10px !important;}
.m-all15 {margin:15px !important;}
.m-all20 {margin:20px !important;}
.m-all25 {margin:25px !important;}
.m-all30 {margin:30px !important;}
.m-all35 {margin:35px !important;}



/* padding
---------------------------------------------------- */
.p-all0{padding: 0 !important;}
.p-t-0{padding-top: 0 !important;}
.p-t5 {padding-top: 5px;}
.p-t10 {padding-top: 10px;}
.p-t15 {padding-top: 15px;}
.p-t20 {padding-top: 20px;}
.p-t25 {padding-top: 25px;}
.p-t30 {padding-top: 30px;}
.p-t35 {padding-top: 35px;}
.p-t40 {padding-top: 40px;}
.p-t45 {padding-top: 45px;}
.p-t50 {padding-top: 50px;}

.p-b5 {padding-bottom: 5px;}
.p-b10 {padding-bottom: 10px;}
.p-b15 {padding-bottom: 15px;}
.p-b20 {padding-bottom: 20px;}
.p-b25 {padding-bottom: 25px;}
.p-b30 {padding-bottom: 30px;}
.p-b35 {padding-bottom: 35px;}
.p-b40 {padding-bottom: 40px;}
.p-b45 {padding-bottom: 45px;}
.p-b50 {padding-bottom: 50px;}
.p-b55 {padding-bottom: 55px;}
.p-b60 {padding-bottom: 60px;}
.p-b65 {padding-bottom: 65px;}
.p-b70 {padding-bottom: 70px;}
.p-b75 {padding-bottom: 75px;}
.p-b80 {padding-bottom: 80px;}
.p-b85 {padding-bottom: 85px;}

.p-tb5  {padding:5px 0px;}
.p-tb10  {padding:10px 0px;}
.p-tb15  {padding:15px 0px;}
.p-tb20  {padding:20px 0px;}
.p-tb25  {padding:25px 0px;}
.p-tb30  {padding:30px 0px;}
.p-tb35  {padding:35px 0px;}

.p-r5 {padding-right: 5px;}
.p-r10 {padding-right: 10px;}
.p-r15 {padding-right: 15px;}
.p-r20 {padding-right: 20px;}
.p-r25 {padding-right: 25px;}
.p-r30 {padding-right: 30px;}
.p-r35 {padding-right: 35px;}

.p-l5 {padding-left: 5px;}
.p-l10 {padding-left: 10px;}
.p-l15 {padding-left: 15px;}
.p-l20 {padding-left: 20px;}
.p-l25 {padding-left: 25px;}
.p-l30 {padding-left: 30px;}
.p-l35 {padding-left: 35px;}

.p-lr5 {padding:0px 5px;}
.p-lr10 {padding:0px 10px;}
.p-lr15 {padding:0px 15px;}
.p-lr20 {padding:0px 20px;}
.p-lr25 {padding:0px 25px;}
.p-lr30 {padding:0px 30px;}
.p-lr35 {padding:0px 35px;}
.p-lr3-2vw {padding: 0px 3.2vw 0px;}

.p-all5 {padding:5px;}
.p-all10 {padding:10px;}
.p-all15 {padding:15px;}
.p-all20 {padding:20px;}
.p-all25 {padding:25px;}
.p-all30 {padding:30px;}
.p-all35 {padding:35px;}


/* header.css
------------------------------------------------------- */

.clear{
    display:block;
}
/*　アンカートップ用　*/
#Header_v2 #head-belt{
   background-color:#FF9000; 
   font-size:85%;
   padding:3px 4px 2px;
   color:#fff;
   font-weight: normal;
   display: flex;
   justify-content: space-between;
}
#Header_v2 #head-belt h1{line-height: 1; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
#Header_v2 #head-belt dl{line-height: 1; white-space: nowrap; margin-left: 5px;}
#Header_v2 #head-belt dl dt,
#Header_v2 #head-belt dl dd{
    display:inline-block;
}
#Header_v2 #head-belt dl dd{
    margin-left:-3px;
    color:#FFF800;
}

.menu1_v2{
    background-color: #FFF;
    border-bottom: 2px solid #3AA603;
    box-sizing: border-box;
}

.single_tit{
    width:100%;
    padding: 0;
    margin:0;
    height:46px;
    background-color:#fff;
/*    position: fixed;*/
/*    top: 0;*/
/*    z-index: 20;*/
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.single_tit h2{font-size: 16px; color: #666; font-weight: bold; display: block; line-height: 120%; margin-top: 4px;}

.single_tit li button{
    flex: 0 0 auto;
    position: relative;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 999px;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
.btn_prev::before{
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 45%;
    left: 15px;
    transform: rotate(45deg);
}
.btn_next::after{
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 40%;
    right: 15px;
    transform: rotate(-45deg);
}

.single_tit li button.btn_close{width: 46px; height: 46px;}
.btn_close::before,.btn_close::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    height: 2px;
    background-color: #666;
}
.btn_close::before {
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
          transform: translate(-50%, -50%) rotateZ(45deg);
}
.btn_close::after {
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
          transform: translate(-50%, -50%) rotateZ(-45deg);
}

.grovalMenu_v2{
    width:100%;
    margin:0px;
    height:60px;
    background-color:#fff;
    position: fixed;
    bottom: 0;
    z-index: 20;
    filter: drop-shadow(0px -2px 4px rgba(0,0,0,0.2));
/*    right: 0;
    left: 0;*/
}
.grovalMenu_v2 li{
    width:20%;
    font-size:85%;
    /*font-weight: bold;*/
    display:block;
    text-align:center;
    background-position:left top;
    background-repeat:repeat-y;
    background-size:1px 2px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.grovalMenu_v2 li a{
    color:#666;
    text-decoration:none;
    display:block;
    line-height:86px;
    width:100%;
    height:60px;
    background-repeat:no-repeat;
    font-size:90%;
}
.grovalMenu_v2 li a.on{
    color:#FF9000;
}
/*.grovalMenu_v2 li:nth-of-type(2),
.grovalMenu_v2 li:nth-of-type(3),
.grovalMenu_v2 li:nth-of-type(4),
.grovalMenu_v2 li:nth-of-type(5){
	background-image: linear-gradient(to bottom, #999, #999 1px, transparent 1px, transparent 4px);
    background-size: 1px 2px;
    background-position: left;
    background-repeat: repeat-y;
}*/

.grovalMenu_v2 li:nth-of-type(1) a{/*カート*/
    background-image:url(../images/common/icon_g_home.png);
    background-size: 22px 22px;
    background-position:left 50% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(2) a{/*閲覧履歴*/
    background-image:url(../images/common/icon_g_category.png);
    background-size: 22px 21px;
    background-position: left 50% bottom 65%;
}
.grovalMenu_v2 li:nth-of-type(3) a{/*お気に入り*/
    background-image:url(../images/common/icon_g_cart.png);
    background-size: 27px 20px;
    background-position: left 48% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(4) a{/*ランキング*/
    background-image:url(../images/common/icon_g_favorite.png);
    background-size: 22px 20px;
    background-position:left 50% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(5) a{/*メニュー*/
    background-image:url(../images/common/icon_g_account.png);
    background-size: 24px 24px;
    background-position: left 50% bottom 75%;
}
.grovalMenu_v2 li:nth-of-type(1) a.on{/*カート*/
    background-image:url("../images/common/icon_g_home_on.png");
    background-size: 22px 22px;
    background-position:left 50% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(2) a.on{/*閲覧履歴*/
    background-image:url("../images/common/icon_g_category_on.png");
    background-size: 22px 21px;
    background-position: left 50% bottom 75%;
}
.grovalMenu_v2 li:nth-of-type(3) a.on{/*お気に入り*/
    background-image:url("../images/common/icon_g_cart_on.png");
    background-size: 27px 20px;
    background-position: left 45% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(4) a.on{/*ランキング*/
    background-image:url("../images/common/icon_g_favorite_on.png");
    background-size: 22px 20px;
    background-position:left 50% bottom 68%;
}
.grovalMenu_v2 li:nth-of-type(5) a.on{/*メニュー*/
    background-image:url("../images/common/icon_g_account_on.png");
    background-size: 24px 24px;
    background-position: left 50% bottom 75%;
}

.searchBox_v2{
    position:relative;
    width:100%;
    padding:10px 0px 5px;
    background-size:100% 3px;
    background-color:#fff;
	border-top: 0px solid #999;
	border-bottom: 0px solid #999;
}
.searchBox_v2 .selectCat{
    border-right:0;
    border-left:1px solid #ffa200;
    border-top:1px solid #ffa200;
    border-bottom:1px solid #ffa200;
    background-color:#ffffff;
    padding:0px 0px 0px 5px;
    height:30px;
    width:25%;
    line-height:30px;
    font-size:10px;
    font-weight:bold;
	color:#767676;
	box-sizing:border-box;
}
.searchBox_v2 .keywordText_v2{
    background-color:#fff;
    width:100px;
    display:block;
    border:1px solid #ffa200;
    width:60%;
    height:30px;
    line-height:30px;
    font-size:10px;
	position:relative;
	color:#767676;
	box-sizing:border-box;
}
.searchBox_v2 .keywordText_v2 span{
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    font-weight:bold;
    color:#000;
    font-size:18px;
    width:30px;
    height:30px;
    text-align:center;
}
.searchBox_v2 form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:95%;
    margin:0px auto 10px auto;
    position:relative;
}
.searchBox_v2 input[type="text"]{
    position:absolute;
    top:0px;
    left:0px;
    border:none;
    background-color:transparent;
    height:30px;
    padding:0px 0px 0px 5px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.searchBox_v2 input[type="submit"]{
    display:block;
    border-right:1px solid #ffa200;
    border-top:1px solid #ffa200;
    border-bottom:1px solid #ffa200;
    border-left:0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-color:#ffe7bc;
    width:15%;
    height:30px;
    line-height:30px;
    color:#767676;
    font-weight:bold;
    margin:0;
    text-align:center;
    padding:0;
    position:relative;
	box-sizing:border-box;
}
.searchBox_v2 form ul{
    position:absolute;
    top:35px;
    left:0px;
    background-color:#fff;
    border:1px solid #ccc;
    -webkit-overflow-scrolling: touch;
    overflow-x:hidden;
    overflow-y:scroll;
    height:170px;
    width:200px;
    display:none;
}
.searchBox_v2 form ul li{
    display:block;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #ccc;
    padding:0px 0px 0px 10px;
    font-size:12px;
    font-weight:bold;
    color:#666;
}
.searchBox_v2 .selTit{
    display:inline-block;
    font-size:9px;
    position:absolute;
    top:0px;
    left:60px;
}
.searchBox_v2 .placeholder{
    position:absolute;
    top:1px;
    left:5px;
    height:30px;
    line-height:30px;
}
.searchBox_v2 .SecBoxClose{
    background-color:#fff;
    border:1px solid #ccc;
    position:absolute;
    top:204px;
    left:0px;
    height:30px;
    width:200px;
    display:none;
}
.searchBox_v2 .SecBoxClose > div{
    height:30px;
    position:relative;
}
.searchBox_v2 .SecBoxClose > div > div{
    background-color:#ffe7bc;
	border:1px solid #ffa200;
    position:absolute;
    top:3px;
    right:3px;
    font-weight:bold;
    color:#767676;
    text-align:center;
    height:23px;
    padding:0px 5px 0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
}
.searchBox_v2 .SecBoxClose > div > div > span:nth-of-type(1){
    display:block;
    margin-left:3px;
    margin-right:2px;
    margin-top:3px;
    font-size:18px !important;
}
.searchBox_v2 .SecBoxClose > div > div > span:nth-of-type(2){
    display:block;
    font-size:12px;
    margin-top:4px;
	font-weight: bold;
}
.modalBg{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    cursor:pointer;
}
.searchBox_v2 > ul{
    display:block;
    margin:0 auto;
    width:96%;
    position:relative;
    padding-top:5px;
    
}

.searchBox_v2 > ul li{
    display:inline-block;
    margin-bottom: 5px;
	}
.searchBox_v2 > ul li.black a{
    display:inline-block;
    background-color:#4F4F4F;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > ul li.black a:hover{
    background-color:#fff;
    color:#000;
}

.searchBox_v2 > ul li.l_black a{
    display:inline-block;
	border:#000 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > ul li.l_black a:hover{
    background-color:#4F4F4F;
    color:#fff;
}

.searchBox_v2 > ul li.l_purple a{
    display:inline-block;
	border:#c44dab solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#c44dab;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > ul li.l_purple a:hover{
    background-color:#c44dab;
    color:#fff;
}

.searchBox_v2 > ul li.l_navy a{
    display:inline-block;
	border:#2e3192 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#2e3192;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > ul li.l_navy a:hover{
    background-color:#2e3192;
    color:#fff;
}


.searchBox_v2 > div.keyword {
    display:block;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:0px;
    width:96%;
    position:relative;
}

.searchBox_v2 > input {
  display: none;
}
.searchBox_v2 > label {
  cursor: pointer;
  display: inline-block;
  padding: 5px 17px 5px 8px;
  font-size:11px;
  font-weight:bold;
  border-radius: 4px;
  background: #f7931e;
  color: #FFF;
  position:absolute;

  top: 50px;
  min-width:30px;
  right: 2%;
  white-space:nowrap;
  text-align:center;
  -webkit-transition:.1s ease;
  -moz-transition:.1s ease;
  -ms-transition:.1s ease;
  -o-transition:.1s ease;
  transition:.1s ease;
}

.searchBox_v2 > label::after {
	position: absolute;
	top: 60%;
	right: 8%;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.searchBox_v2 > label.js-searchBoxLabelOpened {
  background: #FC0;
}


.searchBox_v2 > label.js-searchBoxLabelOpened::after {
	margin-top: -5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.searchBox_v2 > .panel {
  -webkit-transition: .3s ease;
  -moz-transition:.3s ease;
  -ms-transition:.3s ease;
  -o-transition:.3s ease;
  transition:.3s ease;
  height: 35px;
  overflow: hidden;
  padding: 0;
  margin-bottom:-5px;
}

.searchBox_v2 > .panel > ul{
    display:block;
    margin:0 auto;
    width:96%;
    position:relative;
    padding-top:5px;
}

.searchBox_v2 > .panel > ul li{
    display:inline-block;
    margin-bottom:5px;
    }
.searchBox_v2 > .panel > ul li.black a{
    display:inline-block;
    background-color:#4F4F4F;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > .panel > ul li.black a:hover{
    background-color:#fff;
    color:#000;
}

.searchBox_v2 > .panel > ul li.l_black a{
    display:inline-block;
    border:#000 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > .panel > ul li.l_black a:hover{
    background-color:#4F4F4F;
    color:#fff;
}

.searchBox_v2 > .panel > ul li.l_purple a{
    display:inline-block;
    border:#c44dab solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#c44dab;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > .panel > ul li.l_purple a:hover{
    background-color:#c44dab;
    color:#fff;
}

.searchBox_v2 > .panel > ul li.l_navy a{
    display:inline-block;
    border:#2e3192 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;

    -moz-border-radius:5px;
    border-radius:5px;
    color:#2e3192;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > .panel > ul li.l_navy a:hover{
    background-color:#2e3192;
    color:#fff;
}

.searchBox_v2 > input:checked + .panel {
  height: auto;
  margin: 0 auto;
}


.searchBox_v2 > input:checked + .panel ul{
    display:block;
    margin: 0 auto;
    width:96%;
    padding-top:5px;
    position:relative;
      -webkit-transition: .3s ease;
  -moz-transition:.3s ease;
  -ms-transition:.3s ease;
  -o-transition:.3s ease;
  transition:.3s ease;
}

.searchBox_v2 > input:checked + .panel ul li{
    display:inline-block;
}
.searchBox_v2 > input:checked + .panel ul li.black a{
    display:inline-block;
    background-color:#4F4F4F;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > input:checked + .panel ul li.black a:hover{
    background-color:#fff;
    color:#000;
}

.searchBox_v2 > input:checked + .panel ul li.l_black a{
    display:inline-block;
	border:#000 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > input:checked + .panel ul li.l_black a:hover{
    background-color:#4F4F4F;
    color:#fff;
}

.searchBox_v2 > input:checked + .panel ul li.l_purple a{
    display:inline-block;
	border:#c44dab solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#c44dab;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > input:checked + .panel ul li.l_purple a:hover{
    background-color:#c44dab;
    color:#fff;
}

.searchBox_v2 > input:checked + .panel ul li.l_navy a{
    display:inline-block;
	border:#2e3192 solid 1px;
    background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#2e3192;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:5px;
    min-width:30px;
    text-align:center;
}

.searchBox_v2 > input:checked + .panel ul li.l_navy a:hover{
    background-color:#2e3192;
    color:#fff;
}

/*-----新検索-----*/
.searchBox_v3 input,
.v3_detailSearch input {
  -webkit-appearance: none;
  border-radius: 0;
}

.searchBox_v3 input:focus {
	outline: solid 2px #EEA34A !important;
	outline-offset: -2px;
}

ul.pager {
        margin: 0 10px 20px !important;
}

.searchBox_v3 {
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.searchBox_v3 .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend {
    margin-right: -1px;
}
.searchBox_v3 .input-group-append {
    margin-left: -1px;
}
.searchBox_v3 .input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.searchBox_v3 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.searchBox_v3 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.searchBox_v3 .input-group > .input-group-append:not(:last-child) > .btn,
.searchBox_v3 .input-group > .input-group-append:not(:last-child) > .input-group-text,
.searchBox_v3 .input-group > .input-group-prepend > .btn,
.searchBox_v3 .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.searchBox_v3 .input-group > .input-group-append > .btn,
.searchBox_v3 .input-group > .input-group-append > .input-group-text,
.searchBox_v3 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.searchBox_v3 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.searchBox_v3 .input-group > .input-group-prepend:not(:first-child) > .btn,
.searchBox_v3 .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.searchBox_v3 *,
.searchBox_v3 *::after,
.searchBox_v3 *::before {
    box-sizing: border-box;
}
/*
.searchBox_v3 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.searchBox_v3 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
*/
.searchBox_v3 .input-group button.btn {
    position: relative;
    z-index: 2;
    font-size: 14px;
}

.searchBox_v3 button.all-category-list {
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.searchBox_v3 button.all-category-list.-short {
    width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    content: none;
}
.searchBox_v3 button.all-category-list.-short span {
    display: none;
}

.searchBox_v3 [type="button"]:not(:disabled),
.searchBox_v3 [type="reset"]:not(:disabled),
.searchBox_v3 [type="submit"]:not(:disabled),
.searchBox_v3 button:not(:disabled) {
    cursor: pointer;
}
.searchBox_v3 .dropdown-toggle {
    white-space: nowrap;
}

.searchBox_v3 button.btn {
    display: inline-block;
    /*font-weight: bold;*/
    line-height: 1.5;
    color: #666;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f4f4f4));
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem 1.75rem;
    font-size: 1rem;
    border-radius: .25rem;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 38px;
}

.searchBox_v3 button.all-category-list {
    padding-left: 8px;
    text-align: left;
}

.searchBox_v3 button.btn-outline-secondary {
    color: #666;
    border-color: #ccc;
}

/*.searchBox_v3 button.btn-check:active + button.btn-outline-secondary,
.searchBox_v3 button.btn-check:checked + button.btn-outline-secondary,
.searchBox_v3 button.btn-outline-secondary.active,
.searchBox_v3 button.btn-outline-secondary.dropdown-toggle.show,
.searchBox_v3 button.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    background: -webkit-gradient(linear, left top, left bottom, from(#6c757d), to(#6c757d));
}*/


.searchBox_v3 [type="button"],
.searchBox_v3 [type="reset"],
.searchBox_v3 [type="submit"],
.searchBox_v3 button {
    -webkit-appearance: button;
}
.searchBox_v3 button,
.searchBox_v3 select {
    text-transform: none;
}
.searchBox_v3 button,
.searchBox_v3 input,
.searchBox_v3 optgroup,
.searchBox_v3 select,
.searchBox_v3 textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.searchBox_v3 button {
    border-radius: 0;
}

.searchBox_v3 .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
/*    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;*/
    position: absolute;
    top: 18px;
    right: 8px;
}

.searchBox_v3 .dropdown-toggle.-short::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
/*    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;*/
    position: absolute;
    top: 18px;
    right: 16px;
}

.searchBox_v3 .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .0rem 0;
    margin: 0;
    font-size: 1rem;
    color: #666;
    text-align: left;
    list-style: none;
    background-color: rgba(244, 244, 244, 0.95);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    max-height: 50vh;
    overflow-y: scroll;
}

.searchBox_v3 .dropdown-menu.show {
    display: block;
}

.searchBox_v3 dl,
.searchBox_v3 ol,
.searchBox_v3 ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.searchBox_v3 ol,
.searchBox_v3 ul {
    padding-left: 2rem;
}

.searchBox_v3 .dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 0.5rem .5rem calc(0.5rem + 25px);
    clear: both;
    font-weight: 400;
    color: #666;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    word-break: break-all;
    position: relative;
    border-bottom: 1px solid #fff;
}
.searchBox_v3 .dropdown-item:last-child {
    border-bottom: 0;
}

.searchBox_v3 .keyword_suggest .dropdown-item {
    padding: .5rem 0.5rem .5rem;
}


.searchBox_v3 .dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: #999;
}

.searchBox_v3 .dropdown-item:before,
.searchBox_v3 .dropdown-item:after {
    position: absolute;
    content: "";
    display: block;
}
.searchBox_v3 .dropdown-item:before {
    left: 3px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    top:50%;
}

.searchBox_v3 .dropdown-item.active:before {
    left: 14px;
    margin-top: -8px;
    width: 4px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg); 
}
.searchBox_v3 .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bbb;
}

.searchBox_v3 .dropdown-header {
    display: block;
    padding: .5rem 0.5rem .5rem calc(0.5rem + 25px);
    margin-bottom: 0;
    font-size: .875rem;
    color: #666;
    font-weight: bold;
    font-style: italic;
}
.searchBox_v3 .dropdown-item.group1,
.searchBox_v3 .dropdown-header.group1 {
    padding-left: calc(1rem + 25px);
}
.searchBox_v3 .dropdown-item.group2,
.searchBox_v3 .dropdown-header.group2 {
    padding-left: calc(1.5rem + 25px);
}
.searchBox_v3 .dropdown-item.group3,
.searchBox_v3 .dropdown-header.group3 {
    padding-left: calc(2rem + 25px);
}


/*
.searchBox_v3 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
*/
.searchBox_v3 .input-group > .form-control,
.searchBox_v3 .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.searchBox_v3 .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    background-color: #eee;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.searchBox_v3 .form-control::placeholder{color: #999; font-size: 13px;}
.searchBox_v3 .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.searchBox_v3 hr:not([size]) {
    height: 1px;
}

.searchBox_v3 .dropdown-divider {
    height: 0;
    margin: 0rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15);
}

.searchBox_v3 hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

.searchBox_v3 hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

.searchBox_v3 .dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem;
}

.searchBox_v3 .visually-hidden,
.searchBox_v3 .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.searchBox_v3 .keyword_suggest {
    display: none;
    position: absolute;
    z-index: 1001;
    inset: 0px auto auto 0px;
    margin: 0;
    transform: translate3d(0px, 40px, 0px);
    width: calc(100% - 42px);
    padding: 0rem 0;
    font-size: 1rem;
    color: #666;
    text-align: left;
    list-style: none;
    background-color: rgba(244, 244, 244, 0.95);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    max-height: 50vh;
    overflow-y: scroll;
    left: 40px;
}
.searchBox_v3 .keyword_suggest .suggest_word {
}
.searchBox_v3 .keyword_suggest .suggest_word .bold {
    font-weight: bold;
}
.searchBox_v3 .keyword_suggest .suggest_mark {
    font-size: 9px;
    display: inline-block;
    margin-left: 5px;
}
.searchBox_v3 .keyword_suggest .suggest_type {
    font-size: 9px;
    color: #f90;
    font-style: italic;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
}
.searchBox_v3 .keyword_suggest .hidden {
    display: none;
}

.searchBox_v3 .keyword_suggest .suggest_word,
.searchBox_v3 .keyword_suggest .suggest_mark,
.searchBox_v3 .keyword_suggest .suggest_type,
.searchBox_v3 .v3_keyword_suggest_submit_dummy {
    pointer-events: none;
}
.searchBox_v3 .keyword_suggest .suggest_hisory_del {
    margin-left: 5px;
    font-weight: bold;
}

.searchBox_v3 .v3_keyword {
    padding-right: 35px;
}
.searchBox_v3 .v3_keyword::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.searchBox_v3 .v3_keyword_search {
    padding-left: 30px;
}

.searchBox_v3 button.v3_keyword_clear {
    display: none;
    position: absolute;
    border: 0px;
    width: 26px;
    height: 26px;
    content: "";
    top: 6px;
    right: 35px;
    background: initial;
    background-color: #eee;
    background-image: url( "../images/common/icon_cancel.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 9px top 5px !important;
    background-size: 16px 16px !important;
    overflow: hidden;
    padding: 0 !important;
}

.searchBox_v3 button.v3_keyword_clear.show,.searchBox_v3 button.v3_keyword_clear_search.show {
    display: inline-block;
}

.searchBox_v3 button.v3_keyword_clear_search {
    display: none;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    top: 6px;
    left: 26px;
    background: initial;
    background-color: #fff;
    background-image: url( "../images/common/icon_cancel.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 9px top 6px !important;
    background-size: 12px 12px !important;
    overflow: hidden;
    padding: 0 !important;
}

.searchBox_v3 button.v3_keyword_suggest_submit {
    display: inline-block;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    top: 6px;
    right: 2px;
    background: initial;
    background-color: transparent;
    background-image: url( "../images/common/icon_g_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px top 5px !important;
    background-size: 15px 15px !important;
    overflow: hidden;
    padding: 0 !important;
}
.searchBox_v3 button.v3_keyword_suggest_submit_search {
    display: inline-block;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    top: 6px;
    left: 2px;
    background: initial;
    background-color: transparent;
    background-image: url("../images/common/icon_g_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 9px top 5px !important;
    background-size: 15px 15px !important;
    overflow: hidden;
    padding: 0 !important;
}
.v3_detailSearch .search_list input.form_icon_search {
}

.v3_resultZero {
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 130%;
}
.v3_resultZero .orange{
    color: #f90;
}

.v3_detail_cnt {
    color: #fff;
    background-color: #f00;
    border: 4px solid #f00;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    line-height: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-left: 5px;
}

.v3_search_btn {
  display: grid;
  grid-template-columns: 50% 50%;
  margin: 20px 10px;
}
.v3_relatedWords_btn,
.v3_detail_search_btn {
    background-color: #f4f4f4;
    border: 0;
    border-radius: 4px;
    color: #666;
    padding: 10px 0;
    width: 100%;
    height: 40px;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
}

button.v3_relatedWords_btn::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 15px;
    background-image: url( "../images/common/icon_g_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 7px bottom 0 !important;
    background-size: 16px 15px !important;
    margin-bottom: -2px;
}
.v3_detail_search_btn::before{
    content: "";
    display: inline-block;
    width: 28px;
    height: 15px;
    background-image: url( "../images/common/icon_g_facet.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 7px bottom 0 !important;
    background-size: 20px 15px !important;
    margin-bottom: -2px;
}

.v3_detail_search_btn.active{border: 2px solid #f90; box-sizing: border-box;}

.v3_relatedWords.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .0rem 0;
    margin: 0;
    font-size: 1rem;
    color: #666;
    text-align: left;
    list-style: none;
    background-color: rgba(244, 244, 244, 0.95);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    max-height: 50vh;
    overflow-y: scroll;
    width: calc(100% - 22px);
}

.v3_relatedWords.dropdown-menu.show {
    display: block;
}

.v3_relatedWords .dropdown-item {
    display: block;
    padding: .5rem 0.5rem .5rem;
    clear: both;
    font-weight: 400;
    color: #666;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    word-break: break-all;
    position: relative;
    border-bottom: 1px solid #fff;
}
.v3_relatedWords .dropdown-item:last-child {
    border-bottom: 0;
}


.v3_displayNo_sort {
  display: grid;
  grid-template-columns: 20% 80%;
  align-items: center;
  color: #666;
}

.v3_displayNo_sort select{font-size:12px; padding:3px; background:#fff; color:#666; border:1px solid #ccc; border-radius: 5px; width: 100px;}

.v3_displayBtn {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    padding: 0px;
    background-color: #fff;
    color: #666;
    line-height: 24px;
    top: -1px;
    background-repeat: no-repeat;
    background-position: top 5px left 4px;
    width: 22px;
}
a.v3_displayBtn:visited {
    color: #666;
}
a.v3_displayBtn:hover {
    text-decoration: none !important;
}
.v3_displayBtn.active {
    background-color: #3AA603;
    border: none;
}

.v3_listBtn {
    background-image: url("../images/common/icon_list_off.png");
}
.v3_listBtn.active {
    background-image: url("../images/common/icon_list_on.png");
}
.v3_tileBtn {
    background-image: url("../images/common/icon_tile_off.png");
}
.v3_tileBtn.active {
    background-image: url("../images/common/icon_tile_on.png");
}

.v3_displaySaveBtn {
    position: relative;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    display: inline-block;
    padding: 0px 5px;
    background-color: #999;
    color: #fff;
    line-height: 24px;
    top: -1px;
    font-size: 12px;
}
a.v3_displaySaveBtn:hover{text-decoration:none; background-color: #bbb;}






/* 注目のキーワード */
.v3_FeaturedKeywordArea .FeaturedKeywordPanel{
    /*height: 30px;*/
    height: 63px;
    overflow: hidden;
    transition: height 1s ease-in;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel.open{
    height: auto;
    transition: height 1s ease-in;
}
.v3_FeaturedKeywordArea ul.FeaturedKeyword {
}
.v3_FeaturedKeywordArea ul.FeaturedKeyword li {
    display: inline-block;
    border: 1px solid;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    flex-direction: row;
    margin-bottom: 5px;
}
.v3_FeaturedKeywordArea ul.FeaturedKeyword li a {
    color: inherit;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel .v3_l_more {
    display: inline-block;
    float: right;
    border: 1px solid #fc0;
    background-color: #fc0;
    border-radius: 5px;
    padding: 5px;
    width: 16px;
    position: relative;
    cursor: pointer;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel .v3_l_more:after {
    content: '';
    position: absolute;
    padding: 4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    top: 6px;
    right: 8px;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel.open .v3_l_more:after {
    transform: rotate(-135deg);
    top: 10px;
}

.v3_FeaturedKeywordArea .FeaturedKeyword .l_blue  {color: #09c; border-color: #09c;}
.v3_FeaturedKeywordArea .FeaturedKeyword .l_red   {color: #c09; border-color: #c09;}
.v3_FeaturedKeywordArea .FeaturedKeyword .l_green {color: #390; border-color: #390;}

.v3_FeaturedKeywordArea .FeaturedKeywordPanel .btn_lgreen {
    margin: 0px;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel .nav {
    display: flex;
    gap: 5px 5px;
    margin: 0px;
    flex: 0 0 auto;
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel .nav li {
    display: flex;
    flex-basis: 50%; 
}
.v3_FeaturedKeywordArea .FeaturedKeywordPanel .nav li a {
    width: 100%;
}
/* ---------- 詳細検索 ---------- */
.v3_detailSearch {
}

.v3_detailSearch .wrap_search{border-top: 1px solid #ccc; color: #666; padding-bottom: 120px;}

.v3_detailSearch_L2 {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    background-color: #fff;
    width: 100vw;
}

.v3_detailSearch_L2.show {
}

/* ---------  第一階層  --------- */
.v3_detailSearch .search_list{
    padding: 10px;
    height: auto;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    color: #666 !important;
    min-height: 41px;
}

.v3_detailSearch .search_list.flex_wrap {
    flex-wrap: wrap;
}

button.v3_dtl_keyword_clear {
    display: none;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    margin-top: -2px;
    right: 36px;
    background: initial;
    background-color: #fff;
    background-image: url( "../images/common/icon_cancel.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px top 5px !important;
    background-size: 15px 15px !important;
    overflow: hidden;
    padding: 0 !important;
}

button.v3_dtl_keyword_clear.show {
    display: inline-block;
}

.v3_detailSearch .searchBox_v3 {
    position: relative;
    width: 100%;
    top: -38px;
    margin: 0px;
}


.v3_detailSearch .searchBox_v3 .keyword_suggest {
}

.v3_detailSearch .search_list input[type="search"] {
	display: inline;
	width: 100%;
	height: 40px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 5px;
	color: #666;
	position: relative;
    background-color: #fff;
}
.v3_detailSearch input::placeholder,.v3_detailSearch select::placeholder{color: #999 !important; font-size: 14px !important;}

.v3_detailSearch .search_list input.form_icon_search {
    background-image: url( "../images/common/icon_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center!important;
    background-size: 15px 15px !important;
    padding-right: 22px !important;
}
.v3_detailSearch .search_list input.form_icon_search::placeholder {
    color: #666;
    font-size: 12px;
}

.v3_detailSearch .search_list select{
	-webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.7em 0.7em;
    color: #666;
    background-color: #eee;
    position: relative;
    display: block;
}

.v3_detailSearch .search_list select option{background-color: #f4f4f4; border-bottom: 1px solid #fff; border-radius: 5px;}
.v3_detailSearch .search_list select option:focus{background-color: #666 !important; color: #fff !important;}

.v3_detailSearch .search_navi{text-align: right; display: inline-block; position: relative; padding: 0 1.5rem 0 0; color: #ccc; min-height: 2em;}
.v3_detailSearch .search_navi::after{
    content: '';
    position: absolute;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    width: 8px;
    height: 8px;
    top: 30%;
    right: 5px;
    transform: rotate(-45deg);
}
.v3_detailSearch .search_navi ul{line-height: 2;}
.v3_detailSearch .search_navi li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.v3_detailSearch .search_navi span{color: #666;}
.v3_detailSearch .search_navi span.selected_category1{color: #ccc; position: relative; padding-right: 1em;}
.v3_detailSearch .search_navi span.selected_category1::after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 8px;
    height: 8px;
    top: 5px;
    right: 5px;
    transform: rotate(-45deg);
}

.v3_detailSearch .search_navi02{text-align: right; display: inline-block; position: relative; padding: 0 1.5rem 0 0; color: #666; min-height: 1em;}
.v3_detailSearch .search_navi02 .sub_category_btn{
    content: '';
    position: absolute;
    border-top: 0;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    border-left: 0;
    background-color: #fff;
    width: 0px;
    height: 0px;
    padding: 4px;
    top: 30%;
    right: 5px;
    transform: rotate(45deg);
}
.v3_detailSearch .search_navi02 .sub_category_btn.hidden{
    display: none !important;
}
/* ---------  アコーディオン表示時  --------- */
.v3_detailSearch .search_navi02 .sub_category_btn.opened{
    top: 40%;
    transform: rotate(225deg);
}

.v3_detailSearch button.btn_3dot{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.v3_detailSearch .search_price{display: flex; align-items: center;}
.v3_detailSearch .search_price .form-control{flex: 1 1 auto; padding: 0 !important; position: relative;}

.v3_pricecustom {
    appearance: none !important;
}
.v3_detailSearch ::-webkit-search-cancel-button {
    appearance: none;
}

button.v3_price_clear {
    display: none;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    top: 6px;
    right: 2px;
    background: initial;
    background-color: #fff;
    background-image: url(../images/common/icon_cancel.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 9px top 5px !important;
    background-size: 15px 15px !important;
    overflow: hidden;
    padding: 0 !important;
}
button.v3_price_clear.show {
    display: inline-block;
}

.v3_detailSearch .search_tit{display: flex; align-items: center; position: relative;}

.v3_detailSearch .search_close {
  flex: 0 0 auto;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.v3_detailSearch .search_close:hover {
  background-color: #f4f4f4;
}

.v3_detailSearch .search_close:focus {
  border: none;
  outline: none;
}
.v3_detailSearch .search_close::before, .search_close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% / 3 * 2);
  height: 2px;
  background-color: #999;
  content: "";
}

.v3_detailSearch .search_close::before {
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
          transform: translate(-50%, -50%) rotateZ(45deg);
}

.v3_detailSearch .search_close::after {
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
          transform: translate(-50%, -50%) rotateZ(-45deg);
}

/* ---------  エラー時  --------- */
.v3_detailSearch .search_list input[type="text"].bgred,
.v3_detailSearch .search_list input[type="search"].bgred {
	background-color: #ffdada;
	border-style: none;
	border: 1px solid #ccc;
}

/* ---------  入力時  --------- */
.v3_detailSearch .search_list input:focus[type=search],
.v3_detailSearch .search_list input:focus[type=text],
.v3_detailSearch .search_list select:focus {
    color:#666;
    background-color:#fff;
    border-color:#f90;
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(254,153,3,.25);
    box-shadow:0 0 0 .2rem rgba(254,153,3,.25)
}


/* ---------  第二階層  --------- */
.v3_detailSearch .category_content{position: relative;}
.v3_detailSearch .category_list{
    padding: 10px 10px 10px 0;
    height: auto;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    color: #666 !important;
    min-height: 41px;
}
.v3_detailSearch .category_list.disabled{
    background-color: #eee;
}
.v3_detailSearch .category_list.disabled .sub_category_btn{
    background-color: #eee;
}

.v3_detailSearch .sub_category_list{
    display: none;
}
.v3_detailSearch .sub_category_list.show{
    display: block;
}
.v3_detailSearch .category_list02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px;
    box-sizing: border-box;
    background-color: #ccc;
    border-bottom: 1px solid #ccc;
}
.v3_detailSearch .category_list02 li{font-size: 14px; flex: 0 1 calc(50% - 0.5px); display: flex; align-items: center; min-height: 61px; max-height: 4em; position: relative; box-sizing: border-box; max-width: 50%;}
.v3_detailSearch .category_list02 li.disabled{
    background-color: #eee;
}
/*
.v3_detailSearch .category_list02 li:nth-child(odd){border-right:1px solid #ccc;}
.v3_detailSearch .category_list02 li:nth-child(2n + 1):nth-last-child(-n + 2){border-bottom: none;}
.v3_detailSearch .category_list02 li:last-child{border-bottom: none;}
*/
.v3_detailSearch .category_list02 li {
    background-color: #fff;
}

.v3_detailSearch .border_top{border-top: 1px solid #ccc;}

.v3_detailSearch .category_list02 li.search_h3_tit{font-size: 12px; flex: 0 1 100%; min-height: 30px; max-height: 4em;  display: flex;  line-height: 1; font-weight:normal; background-color: #ececec; padding: 8px; color: #666; box-sizing: border-box; max-width: 100%;}


.v3_detailSearch .category_list_item{padding: 10px;}
.v3_detailSearch .category_list_item input[type="checkbox"],
.v3_detailSearch .category_list_item input[type="radio"]  {
	display: none;
}

.v3_detailSearch .category_list_item_label {
	position: relative;
	padding: 0 0 0 30px;
	display: flex;
    line-height: 1.2;
    align-items: center;
}
.v3_detailSearch .category_list_item_label:after,
.v3_detailSearch .category_list_item_label:before {
	position: absolute;
	content: "";
	display: block;
}
.v3_detailSearch .category_list_item_label:before {
	left: 3px;
	margin-top: -12px; 
	width: 20px;
	height: 20px;
    border-radius: 50%;
    background-color: #ccc;
	top:50%;
}

.v3_detailSearch .category_list_item_label:after {
	left: 10px;
	margin-top: -8px;
	width: 4px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg); 
}

.v3_detailSearch .category_list_item input[type="checkbox"]:checked + label::before,
.v3_detailSearch .category_list_item input[type="radio"]:checked + label::before {
  background-color: #2fa139;
}

.v3_detailSearch .category_list_item_label_check:before {
	left: 3px;
	margin-top: -12px; 
	width: 20px;
	height: 20px;
    border-radius: 50%;
    background-color: #2fa139;
	top:50%;
}

.v3_detailSearch .category_list_item_label_check:after {
	left: 10px;
	margin-top: -8px;
	width: 4px;
	height: 10px;
    border-right: 2px solid #fff;
	border-bottom: none;
	transform: rotate(90deg); 
}



.v3_detailSearch .search_btn_box {
	position:fixed; z-index:1001; left:0; right:0; bottom:0; margin-top:0; margin-bottom:0; padding:14px 10px; background:#fff;
	-webkit-box-shadow:0 10px 10px 10px rgba(136, 136, 136, 0.25);
	box-shadow:0 10px 10px 10px rgba(136, 136, 136, 0.25);
	display: none;
}
.v3_detailSearch .delete_btn_box {
	position:fixed; z-index:1001; left:0; right:0; bottom:74px; margin-top:0; margin-bottom:0; padding:8px 10px 8px 12px; background:#fff;
	-webkit-box-shadow:0 10px 10px 10px rgba(136, 136, 136, 0.25);
	box-shadow:0 10px 10px 10px rgba(136, 136, 136, 0.25);
	display: none;
}
.v3_detailSearch .search_btn_box.show,.v3_detailSearch .delete_btn_box.show {
    display: block;
}
.v3_detailSearch .search_btn,.v3_detailSearch .delete_btn{display: flex; justify-content: space-between;}

.v3_detailSearch .btn_clear{
    width: 100%;
    min-height: 46px;
    font-weight: bold !important;
    line-height: 1.357142857;
    display: inline-block;
    outline: 0;
    position: relative;
    border: none !important;
    height: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.v3_detailSearch .btn_reset{background-color: #f4f4f4 !important; border-radius: 5px; color:#666 !important; font-size: 14px;}
.v3_detailSearch .btn_search,.v3_detailSearch .btn_cart{background-color: #3AA603 !important; border-radius: 10px; color: #fff !important; font-size: 18px;}
.v3_detailSearch .btn_cart::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/common/icon_w_cart.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 6px;
    margin-bottom: 2px;
}

.btn_cart_submit {
	position: relative;
}
.btn_cart_submit::after {
	content: '';
	position: absolute;
    width: 25px;
    height: 25px;
    background: url(../images/common/icon_w_cart.png) no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    left: calc(50% - 84px);
    top: 25%;
}



/* ---------  横幅  --------- */
.v3_detailSearch .col-1 { width:8.333333333%; }
.v3_detailSearch .col-2 { width:16.666666667%; }
.v3_detailSearch .col-3 { width:25%; }
.v3_detailSearch .col-4 { width:33.333333333%; }
.v3_detailSearch .col-5 { width:41.666666667%; }
.v3_detailSearch .col-6 { width:50%; }
.v3_detailSearch .col-7 { width:58.333333333%; }
.v3_detailSearch .col-8 { width:66.666666667%; }
.v3_detailSearch .col-9 { width:75%; }
.v3_detailSearch .col-10 { width:83.333333333%; }
.v3_detailSearch .col-11 { width:91.666666667%; }
.v3_detailSearch .col-12 { width:100%; }

.modalBgMenu{z-index:30;}
.modalBg{
    z-index:30;
}

.modalBgMenu{
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:67px;
}
.datailMenuV2{
    display:none;
    position:absolute;
    width:100%;
    top:140px;
    left:0px;
    background-color:#313234;
    z-index:100;
    padding-bottom:10px;
}
.datailMenuV2 > div{
    background-color:#cecece;
    padding:2px;
    margin:4px 4px 4px 4px;
}
.datailMenuV2 > div > div{
    background-color:#fff !important;
    border:2px solid #b8b8b8;
    padding:0px 0px 4px 0px;
}
.datailMenuV2 .kaiinMenu_v2{
    display:table;
    border-collapse: separate;
    border-spacing: 4px 0;
    width:100%;
}
.datailMenuV2 .kaiinMenu_v2 a{
    display:table-cell;
    background-image:url(../images/common/top_menu_slice_03.png);
    background-position:right center; 
    background-repeat:no-repeat;
    background-size:16px 10px;
    text-align:center;
    width:49.5%;
    height:44px;
    line-height:44px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}
.datailMenuV2 .signup_v2{
    background-color:#FF5A00;
}
.datailMenuV2 .login_v2{
    background-color:#FF9000;
}
.datailMenuV2 > div > div > div{
    color:#fff;
    margin-top:4px;
}
.datailMenuV2 > div > div > div h2{
    margin:0px 0px 0px 4px;
}
.datailMenuV2 > div > div > div li{
    display:block;
}
.datailMenuV2 > div > div > div a{
    background-color:#30A139;
    display:block;
    color:#fff;
    text-decoration:none;
}
.datailMenuV2 .searchItemMenu_v2{
    background-color:#207927;
    padding:4px 0px 4px 0px;
    margin:4px 4px 0px 4px;
}
.datailMenuV2 .searchItemMenu_v2 ul{
    display:table;
    border-collapse: separate;
    border-spacing: 4px 0;
    width:100%;
}
.datailMenuV2 .searchItemMenu_v2 li{
    display:table-cell;
    width:20%;
}
.datailMenuV2 .searchItemMenu_v2 a{
    background-position:center 6px; 
    background-repeat:no-repeat;
    background-size:32px 32px;
    width:100%;
    height:58px;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    line-height:100px;
}
.datailMenuV2 .searchItemMenu_v2 li:nth-of-type(1) a{
    background-image:url(../images/common/top_menu_slice_07.png);
}
.datailMenuV2 .searchItemMenu_v2 li:nth-of-type(2) a{
    background-image:url(../images/common/top_menu_slice_15.png);
}
.datailMenuV2 .searchItemMenu_v2 li:nth-of-type(3) a{
    background-image:url(../images/common/top_menu_slice_16.png);
}
.datailMenuV2 .searchItemMenu_v2 li:nth-of-type(4) a{
    background-image:url(../images/common/top_menu_slice_11.png);
}
.datailMenuV2 .searchItemMenu_v2 li:nth-of-type(4){
    margin-right:0px !important;
}
.datailMenuV2 .twoColumnMenu_v2{
    display:table;
    border-collapse: separate;
    border-spacing: 4px 0;
    width:100%;
}
.datailMenuV2 .twoColumnMenu_v2 > div{
    display:table-cell;
    width:50%;
    background-color:#207927;
    padding:4px 0px 2px 0px;
}
.datailMenuV2 .twoColumnMenu_v2 li a{
    display:block;
    height:40px;
    line-height:40px;
    margin:0px 4px 2px 4px;
    padding:0px 0px 0px 4px;
    background-image:url(../images/common/top_menu_slice_03.png);
    background-position:right center; 
    background-repeat:no-repeat;
    background-size:16px 10px;
}
.datailMenuV2 .twoColumnMenu_v2 div:nth-of-type(2) li:nth-of-type(4) a{
    font-size:10px;
}
.datailMenuV2 .infoMenu_v2{
    padding:4px 1px 4px 2px;
    background-color:#207927;
    margin:4px 4px 0px 4px;
}
.datailMenuV2 .infoMenu_v2 ul{
    width:100%;
    display:table;
    border-collapse: separate;
    border-spacing: 2px 1px;
}
.datailMenuV2 .infoMenu_v2 li{
    display:table-cell;
    width:50%;
}
.datailMenuV2 .infoMenu_v2 li a{
    padding:0px 0px 0px 5px;
    display:block;
    height:40px;
    line-height:40px;
    background-image:url(../images/common/top_menu_slice_03.png);
    background-position:right center; 
    background-repeat:no-repeat;
    background-size:16px 10px;
}

.datailMenuV2 .cateMenu_v2{
    padding:4px 1px 4px 2px;
    background-color:#207927;
    margin:4px 4px 0px 4px;
}
.datailMenuV2 .cateMenu_v2 ul{
    width:100%;
    display:table;
    border-collapse: separate;
    border-spacing: 2px 1px;
}
.datailMenuV2 .cateMenu_v2 li{
    display:table-cell;
    width:50%;
}
.datailMenuV2 .cateMenu_v2 li a{
    padding:0px 0px 0px 5px;
    display:block;
    height:40px;
    line-height:40px;
    background-image:url(../images/common/top_menu_slice_03.png);
    background-position:right center; 
    background-repeat:no-repeat;
    background-size:16px 10px;
}

.hanyoButton_v2{
    width:90%;
    margin:10px auto 0px auto !important;
}
.hanyoButton_v2 div{
    height:30px;
    line-height:34px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}
.currentCursol{
    display:none;
    position:absolute;
    bottom:-6px;
    right:45%;
}
.menu_v2{
    position:relative;
}
.menu_v2 a{
    display: block;
    padding: 9px 15px;
}
.menu_search_icon{
    position:relative;
}
.menu_search_icon a {
    display: block;
    padding: 9px 15px;
}


.searchBox_v2 div.panel ul.nav li a {
    text-decoration: none;
    background:#2fa139;
    padding: .5em .5em .4em;
    letter-spacing: -0.8px;
    display: block !important;
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;   
}
.searchBox_v2 div.panel ul.nav li {
    vertical-align: middle;
    width: 48.3%;
    text-align: center;
    white-space: nowrap;
}
.searchBox_v2 div.panel ul.nav li a img {
    display:inline-block;
    vertical-align:middle;
    margin:0 2px 5px 0;
}
/*Slide Menu*/
.detailMenuV3 {
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    display: block;
    transition: 0.3s;
    z-index: -1;
}
/* Modal Bg Black */
.modalBgBlack {
    position: absolute;
    display: block;
    background-color: black;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 10;    
}
.detailMenuV3 .menuLayout {
    position: absolute;
    right: -100vw;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s;
    z-index: 10;
}
.detailMenuV3 .menuLayout .menuContent {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.detailMenuV3 .menuLayout .menuContent .menuHeader {/* Header */
    padding: 20px 15px 10px;
    color: #666;
    position: relative;
/*    font-weight: bold;*/
    font-size: 16px;
    text-align: center;
}
.detailMenuV3 .menuLayout .menuContent .menuHeader a.user_login{color: #666; text-decoration: underline;}
.myaccount_on{display: flex; align-items: flex-start; text-align: left; margin-top: 20px;}
.myaccount_on p{font-weight:normal; line-height: 1.2;}
/*.myaccount_on .red{font-weight:bold;}*/
.myaccount_on dt{display: block; flex:0 0 36px; margin-right: 10px;}
.myaccount_on dd{flex: 0 1 100%;}

.myaccount_point{display: flex; justify-content: flex-start; font-size: 12px; line-height: 1.2;}
.myaccount_point dt{flex: 0 1 43%; margin-top: 2px;}
.myaccount_point dd{flex: 0 1 57%;}

.myaccount_point2{display: flex; justify-content: flex-start; font-size: 14px; line-height: 1.2;}
.myaccount_point2 dt{flex: 0 1 65%; margin-right: 0!important;}
.myaccount_point2 dd{flex: 0 1 35%;}

.myaccount_point3{display: flex; justify-content: center; font-size: 14px; line-height: 1.4; align-items: center;}
.myaccount_point3 dt{flex: 0 1 30%; margin-left: 20% !important;}
.myaccount_point3 dd{flex: 0 1 65%;}

.menuIcon{display: flex; justify-content: space-around; margin: 15px -2% 0;}
.menuIcon a{flex: 0 1 75px; text-align: center; color: #666;}
.menuIcon .menu_item_name{font-size: 11px; font-weight: bold; margin-top: 5px;}

.detailMenuV3 .menuLayout .menuContent .menuHeader .closeIcon {/* Close Icon */
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
.detailMenuV3 .menuLayout .menuContent .menuHeader .closeIcon span {
    display: block;
    width: 100%;
    height: 100%;
}
.detailMenuV3 .menuLayout .menuContent .menuHeader .closeIcon span::before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    width: 40%;
    top: 24px;
    right: 15px;
    transform: rotate(45deg);
}
.detailMenuV3 .menuLayout .menuContent .menuHeader .closeIcon span::after {
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    width: 40%;
    top: 24px;
    right: 15px;
    transform: rotate(-45deg);
}
.detailMenuV3 .menuLayout .menuContent .menuHeadline {/* Headline */
    background: #FC0;
    padding: 9px 10px;
    color: #FFF;
    font-size: 12px;
}
.detailMenuV3 .menuLayout .menuContent .menuHeadline img {
    height: 1rem;
}
.detailMenuV3 .menuLayout .menuContent .menuHeadline i {
    font-size: 1rem;
}
.detailMenuV3 .menuLayout .menuContent .menuHeadline span {
    line-height: 1px;
}
ul.menuLists {/* List Wrapper */
    padding: 0;
    display: block;
    margin-top: 0;
}
ul.menuLists li {
    border-top: 1px solid #ccc;
    list-style: none;
    display: block;
    color: #666;
}
ul.menuLists li:last-child {
    border-bottom: 1px solid #ccc;
}
ul.menuLists li a {
    padding: 15px 30px 15px 35px;
    text-decoration: none;
    color: #666;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}
ul.menuLists li a::after{
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 41%;
    right: 15px;
    transform: rotate(-45deg);
}


ul.categoryLists {
    padding: 0;
    display: block;
    margin-top: 0;
}
ul.categoryLists li {
    border-top: 1px solid #ccc;
    list-style: none;
    color: #666;
}
ul.categoryLists li:last-child {
    border-bottom: 1px solid #ccc;
}
ul.categoryLists li a {
    padding: 15px 100px 15px 65px;
    text-decoration: none;
    color: #666;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}
ul.categoryLists li a::after{
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 41%;
    right: 15px;
    transform: rotate(-45deg);
}

ul.categoryLists li a .result_number{
    display: inline-block;
    position: absolute;
    top: 31%;
    right: 30px;
    white-space: nowrap;
}


/* body 固定 class */
.bodyLock {
    overflow: hidden;
    width: 100vW;
    position: fixed;
    z-index: -9999;
}

/* サブメニュー戻る */
.detailMenuV3 .menuLayout .menuContent .menuHeader.__sub p {
    transform: translate(1rem);
    font-size: 12px;
    
}
.detailMenuV3 .menuLayout .menuContent .menuHeader.__sub p::before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #F2F2F2;
    border-right: 2px solid #F2F2F2;
    width: 8px;
    height: 8px;
    top: 3px;
    left: -1rem;
    transform: rotate(135deg);
}
.detailMenuV3 .menuLayout .menuContent .menuHeader.__sub p + span {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 80%;
}
.badge {
  position: relative;
  top: -80px;
  left: 56%;
  font-size: 10px;
  line-height: 18px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #f00; 
  color: #fff;
  text-align: center;
  display: block;
}


/* footer.css
------------------------------------------------------- */

.footer_border_top {
    border-top:2px solid #ccc;
}

#footer{
    background-color:#eee;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    /*position:relative;*/
}
#footer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    padding: 10px 10px 0;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
#footer ul li{
    flex: 1 0 48%;
/*    padding: 10px 0 0;*/
	text-align: center;
}
#footer ul li:nth-child(odd){padding-right:10px;}
#footer ul li:nth-of-type(1){
}
#footer ul li:nth-of-type(2){
}
#footer ul li a{
    position: relative;
    display:block;
    height:45px;
    line-height:45px;
    background-color:#fff;
    text-decoration:none;
    padding: 0 12px 0 0;
    color: #666;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#footer ul li a::after{
    position:absolute;
    right: 10px;
    top: 40%;
    width: 6px;
    height: 6px;
    display: block;
    content: '';
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*#footer ul li a span{
    display: inline-block;
	line-height: 1.2em;
}*/

#footer ul li a span.notation{
	font-size: 11px;
	padding-top: 10px;
}

#footer .tokushoHo_v3{
	padding: 10px;
}
#footer .tokushoHo_v3 a{
  display: block;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  padding:5px 10px 5px 5px;
  color: #FF9000;
  border: 1px solid #FF9000;
  box-sizing: border-box;
  border-radius:10px;
  background-color: #FFFED4;
}
a #footer .tokushoHo_v3 a:hover{
  text-decoration:none;
  cursor: pointer;
}

#footer .tokushoHo_v3 a::before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 22px;
    background-image: url("../images/common/icon_pc_switching.png");
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}





footer .copyRight_v2{
    text-decoration:none;
    display:block;
    text-align:center;
    font-size:10px;
    background-color:#FF9000;
    color:#fff;
    padding:3px;
}
footer .goPagetop_v2{
    display:block;
    padding:5px;
    background-color:#38A700;
    color:#fff;
    text-decoration:none;
    position:fixed;
    bottom:-250px;
    right:10px;
    font-size:18px;
    z-index:50;
    box-shadow:1px 1px 1px rgba(0,0,0,.4);
    transition:.4s;
}

/* productpage.css
------------------------------------------------------- */

/*.datailImg_v2{
    background-color:#FFF;
    border-top:1px solid #000;
	margin-bottom: 15px;
}
.datailImg_v2 h2{
    border-left:3px solid #FF6D00;
    padding:5px 0px 5px 5px;
    margin:8px 0px 8px 8px;
    font-size:18px;
}*/
.datailImg_v2 .datailMiddleImages_v2{
    width:100%;
    position:relative;
}
.datailImg_v2 .datailMiddleImages_v2 > span{
    position:absolute;
    top:0px;
    display:block;
	width:30px;
    height:100%;
    z-index: 21;
}
.datailImg_v2 .datailMiddleImages_v2 > span > div{
    position:absolute;
    top:45%;
    display:block;
    width:30px;
    height:30px;
}
.datailImg_v2 .datailMiddleImages_v2 > span > span{
    position:absolute;
    top:45%;
    display:block;
    width:30px;
    height:30px;
    background-color:rgba(102,102,102,0.3);
    background-position:center;
    background-repeat:no-repeat;
    background-size:8px 12px;
    border-radius: 30px;
}
.datailImg_v2 .datailMiddleImages_v2 .nextDatailImg_v2{
    right:5px;
}
.datailImg_v2 .datailMiddleImages_v2 .backDatailImg_v2{
    left:5px;
}
.datailImg_v2 .datailMiddleImages_v2 .nextDatailImg_v2 > span{
    right:0px;
    background-image:url(../images/common/bt_arrow_right.png);
    background-position-x: 12px;
}
.datailImg_v2 .datailMiddleImages_v2 .nextDatailImg_v2 div{
    right:0px;
}
.datailImg_v2 .datailMiddleImages_v2 .backDatailImg_v2 > span{
    left:0px;
    background-image:url(../images/common/bt_arrow_left.png);
    background-position-x: 9px;
}
.datailImg_v2 .datailMiddleImages_v2 .backDatailImg_v2 div{
    left:0px;
}
.datailImg_v2 .overflowImagesBox_v2{
    height: calc(100vw - 60px - 20px);
    max-height: 300;
    overflow:hidden;
}
.datailImg_v2 .datailMiddleImages_v2 .sliedeBox_v2{
    position:relative;
    height: calc(100vw - 60px - 20px);
    max-height: 300;
}
.datailImg_v2 .overflowImagesBox_v2 div{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:  calc(100vw - 60px - 20px - 2px);	/* 画面幅 - (サイドボタン幅 * 2) - (画像間マージン) - (画像枠幅*2) */
    height: calc(100vw - 60px - 20px - 2px);
    border:1px solid #ccc;
    float:left;
    background-color:#fff;
    overflow:hidden;
    margin-right:20px;
}
.datailImg_v2 .datailThumbImages_v2 div img,
.datailImg_v2 .overflowImagesBox_v2 div img{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

.datailImg_v2 .overflowImagesBox_v2 div p{
    display:none;
}
.datailImg_v2 .overflowImagesBox_v2 div span.imgDescButton_v2{
    display:block;
    width:99px;
    height:30px;
    padding:0px 0px 0px 0px;
    position:absolute;
    bottom:5px;
    left:0px;
    background-position:5px center;
    background-color:rgba(255,108,0,0.9);
    background-image:url(../images/common/item_slice_17.png);
    background-repeat:no-repeat;
    background-size:12px 12px;
    line-height:33px;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    z-index:20;
}
.datailImg_v2 .overflowImagesBox_v2 div a.imageExpanding_v2{
    display:block;
    width:35px;
    height:35px;
    position:absolute;
    bottom:0px;
    right:0px;
    background-image:url(../images/common/item_slice_63.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:35px 35px;
    text-indent:-9999px;
    overflow:hidden;
    z-index: 20;
}
.datailImg_v2 .overflowImagesBox_v2 div span.imgDescButtonBg_v2{
    display:block;
    width:99px;
    height:50px;
    position:absolute;
    bottom:0px;
    left:0px;
    cursor:pointer;
    z-index:20;
}

.datailImg_v2 .datailThumbImages_v2{
    margin-top:10px;
    margin-top:5px;
    padding:0px 0px 0px 5px;
    text-align:center;
    font-size:0px;
}
.datailImg_v2 .datailThumbImages_v2 div{
    position:relative;
    display:inline-block;
    width:56px;
    height:56px;
    background-color:#fff;
    overflow:hidden;
    margin:0px 4px 4px 0px;
    border:1px solid #000;
    vertical-align:top;
}
.datailImg_v2 .datailThumbImages_v2 div img{
    width:58px;
}
.datailImg_v2 .datailThumbImages_v2 div span{
    position:absolute;
    bottom:0;
    left:0;
    width:58px;
    height:58px;
}


.datailImg_v2 .datailThumbImages_v3{
    margin: 5px 0 15px;
    padding: 0 0 0 5px;
    text-align: center;
    font-size: 0px;
    margin: 5px 0 15px;
}
.datailImg_v2 .datailThumbImages_v3 div {
  position:relative;
  display:inline-block;

  width: 8px;
  height: 8px;

  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;

  margin:5px;
}
/*
.datailImg_v2 .datailThumbImages_v3 div{
    position:relative;
    display:inline-block;
    
    width:8px;
    height:8px;

    background-color:#fff;
    overflow:hidden;
    margin:0px 4px 4px 0px;
    border:1px solid #000;
    vertical-align:top;
}
*/
.datailImg_v2 .datailThumbImages_v3 div.datailThumbImages_v3-bullet-active {
  opacity: 1;
  background: #FFCC00;
}
.datailImg_v2 .datailThumbImages_v2 div span{
    position:absolute;
    bottom:0;
    left:0;
    width:58px;
    height:58px;
    display:none;
}




.datailImg_v2 .itemDescText_v2{
    display:none;
    width:280px;
    top:195px;
    left:0;
    right:0;
    margin:auto;
    position:absolute;
    z-index:100;
    background-image:
        url("../images/common/item_slice_50.png"),
        url("../images/common/item_slice_55.png")
    ;
    background-repeat:
        no-repeat,
        no-repeat
    ;
    background-position:
        top center,
        bottom center
    ;
    background-size: 100%, 100%;
    padding: 10px 0px 10px 0px;
}
.datailImg_v2 .itemDescText_v2 p{
    background-image:url(../images/common/item_slice_52.png);
    background-position:center;
    background-repeat:repeat-y;
    background-size:280px 1px;
    width:260px;
    min-height:1em;
    margin:0 auto;
    padding:0px 10px 0px 10px;
    font-size:14px;
}
.datailImg_v2 .itemDescText_v2 p .datailTextClose_v2{
    display:block;
    position:absolute;
    top:-27px;
    right:-23px;
    padding:10px;
}
.datailImg_v2 .itemDescText_v2 p .datailTextClose_v2 img{
    width:33px;
}
.itemDescText_v3 p {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
.product-cart_v2-thumbs{width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.product-cart_v2-thumbs img{box-sizing: border-box; border: 1px solid #000;}
.product-cart_v2-thumbs div{flex:0 1 18.4%; margin-right: 2%; margin-bottom: 5px;}
.product-cart_v2-thumbs div:nth-child(5n) {margin-right: 0;}
.product-cart_v2-thumbs p{font-size: 12px; line-height: 1.2; color: #000; margin-top: 5px; text-align: center; letter-spacing: -0.04em;}
.product-cart_v2-thumbs .thumbs-active img{box-sizing: border-box; border: 2px solid #ff6c00 !important;}
.product-cart_v2-thumbs .thumbs-active p{color: #ff6c00;}

.product-cart_v2-thumbs2{width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.product-cart_v2-thumbs2 div{padding: 2px 3px 2px; box-sizing: border-box; border: 1px solid #000; margin-right: 2%; margin-bottom: 5px; background-color: #fff;}
.product-cart_v2-thumbs2 div:last-child {margin-right: 0;}
.product-cart_v2-thumbs2 div.thumbs-active {box-sizing: border-box; border: 2px solid #ff6c00 !important; color: #ff6c00;}
*/

video{
	display:block;
	width:calc(100% - 30px);
	margin: 0 auto;
	height: auto;
	box-sizing: border-box;
	border: 1px solid #eee;
}

.video{
	width:calc(100% - 30px);
	padding-bottom: calc(56.25% - 15px);
	position: relative;
	margin: 10px auto;
}

.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow : hidden;
	outline : none;
}

.product-cart_v2{
	box-sizing: border-box;
    border:1px solid #ccc;
    border-radius: 10px;
    margin:20px 15px;
	padding:0;
    line-height:1.5;
    background-color:#fff;
}
.product-cart_v2.used{
	box-sizing: border-box;
    border:3px solid #f7931e;
    margin:20px 15px;
	padding:0;
    line-height:1.5;
    background-color:#ebebeb;
}

.product-cart_v2 .product-cart_v2-inner{
    padding:20px 15px 15px;
}
.product-cart_v2-used-title {
    background-color: #f7931e;
    padding: 5px 0px;
    text-align: center;
    letter-spacing: 0.2em;
    line-height:1.5;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

h3.txt-cart01{
    font-weight:normal;
    display:inline-block;
    font-size:14px;
}
.txt-cart01-name{
    font-size: 18px;
    line-height: 1.2;
}
.product-cart_v2 h2{
    font-size:16px;
    line-height:1.2;
}
.product-cart_v2 .otoriyoseIcon_v2{
    background-color:#65B304 !important;
}
.product-cart_v2 .teika_v2 > span{
    display:inline-block;
    margin:0px 0px 0px 5px;
}
.product-cart_v2 .baika_v2{
/*    font-weight:bold;*/
    line-height:1;
    display: flex;
    align-items: center;
}
.product-cart_v2 .baika_v2 span.d_price_notax{
    display:inline-block;
    margin:0;
    color:#F00;
    font-weight:bold;
    font-size:24px;
}
.product-cart_v2 .teika_v2 > span > .en_v2,
.product-cart_v2 .baika_v2 > span > .en_v2{
    font-size:16px;
}
.product-cart_v2 .saleKikan_v2{
   /* margin-top:3px;*/
   display: flex;
   align-items: center;
   font-weight: bold;
   color: #f00 !important;
}
.product-cart_v2 .redIcon_v2{
    display:inline-block;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background-color:#F00;
    font-size:11px;
    padding:2px 4px;
    border-radius: 5px;
}
.product-cart_v2 .orangeIcon_v2{
    display:inline-block;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background-color:#F90;
    font-size:11px;
    padding:2px 4px;
    border-radius: 5px;
}
/*.product-cart_v2 .catSelectBoxStyle_v2{
    position:relative;
    border: 1px solid #3B3B3B;
    height:33px;
    display:inline-block;
    width:100%;
    background-color:#fff;
}*/
/*
.product-cart_v2 .catImgButtonStyle_v2{
    position:relative;
    width:100%;
}
.product-cart_v2 .catImgButtonStyle_v2 .catImgButton{
    position:relative;
    display:inline-block;
    text-align:center;
    font-size: 90%;
    color: #F00;
    cursor: pointer;
}
.product-cart_v2 .catImgButtonStyle_v2 .catImgButton .sel_frame{
    border: 1px solid #3B3B3B;
}
.product-cart_v2 .catImgButtonStyle_v2 .catImgButton .sel_frame img{
    width:60px;
    height:60px;
}
.product-cart_v2 .catImgButtonStyle_v2 .catImgButton .sel_frame .txt_pictm_s{
    padding: 3px 10px;
}
*/
/*.product-cart_v2 select{
    position:relative;
    display:block;
    overflow:hidden;
    border:0;
    width:100%;
    height:33px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    margin:0;
    padding:0px 0px 0px 0px;
}
.product-cart_v2 .openButton_v2{
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    width:20px;
    background-color:#545454;
    background-image:url(../images/common/item_slice_26.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:8px 7px;
    z-index:1;
}
.product-cart_v2 .catSelectBoxStyle_v2.kosu_v2{
	flex: 0 1 30%;
}*/

.product-cart_v2 .item50{
	flex: 0 1 48%;
    width: 100%;
    margin-right: 10px;
}
.product-cart_v2 .catSelectBoxStyle_v2.todohuken_v2{
    width:80px;
/*    height:21px;*/
    vertical-align:middle;
    margin: 0 5px;
}
/*.product-cart_v2 input[type="submit"]{
    display:block;
    padding: 0.1em 0 0;
    border-style: none;
	letter-spacing: .1em;
    background-color: #3AA603 !important;
	font-size:22px;
    border-radius: 0;
	font-weight:bold;
    width:100%;
    height:47px;
    margin:0 auto;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    border:2px solid #2a7d00;
	box-shadow:rgb(92, 162, 6) 0px 0px 0px 2px inset;
    -webkit-box-shadow:rgb(92, 162, 6) 0px 0px 0px 2px inset;
    -moz-box-shadow:rgb(92, 162, 6) 0px 0px 0px 2px inset;
}*/
.product-cart_v2 input[type="submit"]{
    width: 100%;
    min-height: 46px;
    font-weight: bold !important;
    line-height: 1.357142857;
    display: inline-block;
    outline: 0;
    position: relative;
    border: none !important;
    height: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #3AA603 !important;
    border-radius: 10px;
    color: #fff !important;
    font-size: 18px;
    padding-left: 30px;
}

/*
.product-cart_v2.used input[type="submit"]{
    width: 100%;
    min-height: 46px;
    font-weight: bold !important;
    line-height: 1.357142857;
    display: inline-block;
    outline: 0;
    position: relative;
    border: none !important;
    height: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #3AA603 !important;
    border-radius: 10px;
    color: #fff !important;
    font-size: 18px;
    padding-left: 30px;
}
*/

.product-cart_v2 .cart_zaiko1{
    display:inline-block;
}
.product-cart_v2 .confirm_flg_v2{
    background-color:#FFFED4;
    padding: 5px 3vw !important;
    margin-top: 10px;
    border:1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
}
.product-cart_v2 .confirm_flg_v2 p{
    margin-top:3px;
}
.product-cart_v2 .pointKangen_v2{
/*    font-size:12px;*/
/*    margin:3px 0px 10px 0px;*/
}
.bonus_pt_only{font-size: 12px !important; margin-top: 5px;}
.pointKangen_v2 img{
    width:21px;
    margin-top: 2px;
    height: auto;
}
.pointKangen_v2 strong{
    color:#F90;
    margin-left: 5px;
}
.product-cart_v2 .pointKangen_v2 .plusBornusPoint_v2{
    padding-left:15px;
    font-size: 12px !important;
}
.product-cart_v2 .straiko_v2{
    margin-top:5px;
}
.product-cart_v2 #leftarea{
    font-size:14px;
}
/*.product-cart_v2 .leftarea{
    font-size:14px;
}*/
.product-cart_v2 .dayMon_v2{
    font-size:18px;
    font-weight:bold;
    color:#F90;
    vertical-align:middle;
}

.product-cart_v2 .henpinFuka_7S5neWha{
    margin:5px 10px 10px 10px;
}
.product-cart_v2 .henpinFuka_7S5neWha h3{
    background-color:#d00;
    display:block;
    color:#fff;
    text-align:center;
    padding:10px 0px 10px 0px;
}
.product-cart_v2 .henpinFuka_7S5neWha span{
    font-size:10px;
}
.product-cart_v2 .henpinFuka_7S5neWha p{
    display:none;
    border:1px solid #d00;
    padding:5px;
    background-color:#fff;
}

.placechoice{
    display:block;
}
.placechoice p[align="center"]{
    display:none;
}
.placechoice div[style="text-align: left;"]{
    display:none;
}
.placechoice p[class="p-b10"]{
    display:none;
}
.placechoice p[style="margin-bottom:7px;"]{
    display:none;
}
#delivery-open{
    display:none;
}

/* #delivery-window */
#delivery-window{
    border:2px solid #CECECE;
    padding:10px;
    margin-top:10px;
    background-color:#fff;
}
#delivery-window p{
    font-size:10px;
}
#delivery-window .kuwashiku_v2{
    text-align:right;
    font-size:14px;
    margin-top: 10px;
}
#delivery-window .tadaima_v2{
    vertical-align:middle;
}
/* .delivery-window */
.delivery-window{
    font-size: 14px;
    line-height: 1.4;
    margin: 15px -10px 0;
    padding: 7px 10px 0;
    border-top: 1px solid #ccc;
}
.delivery-window p{
    font-size:10px;
}
.delivery-window .kuwashiku_v2{
    text-align:right;
    font-size:14px;
    margin-top: 10px;
}
.delivery-window .tadaima_v2{
    vertical-align:middle;
}

#delive_pref{
/*    width:59px !important;
    height:19px !important;
    width:150px;
    font-size:13px;
    padding:1px 1px 1px 1px;
    line-heght:100%;*/
}
.deliverylayout{display: flex; align-items: center; flex-wrap: wrap;}
/*.delive_pref{
    width:59px !important;
    height:19px !important;
    width:150px;
    font-size:13px;
    padding:1px 1px 1px 1px;
    line-heght:100%;
}*/
/*.product-cart_v2 .shareButton_v2{
    display:flex;
	margin-top: 10px;
    font-size: 14px;
    justify-content: space-between;
}
.product-cart_v2 .shareButton_v2 div{
    flex: 0 0 49%;
}
.product-cart_v2 .shareButton_v2 a{
    display:block;
    text-align:center;
    background-color:#fff;
    color:#343434;
    font-weight:bold;
    text-decoration:none;
	box-sizing: border-box;
    border:2px solid rgb(206, 206, 206);
    box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    -webkit-box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    -moz-box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    padding: 10px 10px 10px 5px;
}
.product-cart_v2 .shareButton_v2 a img{
    margin-right: 3px;
	margin-top: -2px;
}

.product-cart_v2 .deliv_seq {
    margin-left:5px;
    color:#d00;
    font-weight:bold;
}*/

.product-cart_v2-thumbs{width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.product-cart_v2-thumbs img{box-sizing: border-box; border: 2px solid rgb(204, 204, 204);}
.product-cart_v2-thumbs div{flex:0 1 18.4%; margin-right: 2%; margin-bottom: 5px;}
.product-cart_v2-thumbs div:nth-child(5n) {margin-right: 0;}
.product-cart_v2-thumbs p{font-size: 12px !important; line-height: 1.2 !important; color: #666; margin-top: 5px; text-align: center; letter-spacing: -0.04em;}
.product-cart_v2-thumbs .thumbs-active img{box-sizing: border-box; border: 2px solid #F90 !important;}
.product-cart_v2-thumbs .thumbs-active p{color: #F90 !important;}

.product-cart_v2-thumbs2{width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.product-cart_v2-thumbs2 div{padding: 2px 3px 2px; box-sizing: border-box; border: 1px solid rgb(0, 167, 59); margin-right: 2%; margin-bottom: 5px; background-color: #fff;}
.product-cart_v2-thumbs2 div:last-child {margin-right: 0;}
.product-cart_v2-thumbs2 div.thumbs-active {box-sizing: border-box; border: 2px solid #F90 !important; color: #F90;}


.product-review_v2 p,.product-kuchikomi_v2 p{font-size: 16px !important; line-height: 1.5!important;}

.product-review_v2{
    position:relative;
/*    line-height:1.5;*/
/*    font-size:16px;*/
    padding:0px 20px;
    margin:20px 0px 0px 0px;
    overflow:hidden;
}
.product-review_v2 h3{
    background-image:url(../images/common/icon_o_recommend.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:18px 21px;
    padding: 0.2em 0.2em 0.2em 1.5em;
    margin:0px -10px 10px;
    border-bottom:1px dotted #999;
    font-size: 16px;
}
.product-review_v2 h4{
    color:#F90;
    margin-bottom: 10px;
}
.product-feature{
    position:relative;
    line-height:1.5;
    font-size:16px;
    padding:0px 15px;
    margin:20px 0px 0px 0px;
    overflow:hidden;
}
.product-feature img{
    position:relative;
	width: 100%;
	height: 100%;
}

.product-feature h3{
    color:#FF9000;
    background-image:url(../images/common/icon_o_feature_article.png);
    background-position:0.2em center;
    background-repeat:no-repeat;
    background-size:18px 15px;
    padding: 0.2em 0.2em 0.2em 1.5em;
    margin:0px -10px 10px;
    border-bottom:1px dotted #999;
    font-size: 16px;
}
.product-feature-list{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.product-feature-list li{
	margin-bottom: 10px;
	width: 100%;
}
.product-feature-list li:last-child{margin-bottom: 0 !important;}

.tsuzukiyomu_v2{
    padding:0px 20px;
    margin:10px 0px;
}
.tsuzukiyomu_v2 span{
    display:block;
    text-align:center;
    background-color:#fff;
    color:#666;
    text-decoration:none;
    border:1px solid rgb(204, 204, 204);
    width:100%;
    height:54px;
    line-height:50px;
    font-size:14px;
    cursor:pointer;
    box-sizing: border-box;
    position: relative;
}
.tsuzukiyomu_v2 span::after{
    position: absolute;
    content: "";
    line-height: 1.5rem;
    transform: rotate(137deg);
    width: 8px;
    height: 8px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    top: 35%;
    right: 15px;
}

.product-comment__detail-footer {
    max-width: 100%;
    padding: 5px 20px 5px 20px;
}


/*-----クチコミ----- */
.product-kuchikomi_v2{
/*	line-height:1.5;*/
/*    font-size:16px;*/
    padding:0px 20px;
}
.product-kuchikomi_v2 h2{
    background-image:url(../images/common/icon_o_review.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:18px 17px;
    padding: 0.2em 0.2em 0.2em 1.5em;
    margin:0px -10px 10px;
    border-bottom:1px dotted #999;
    font-size: 16px;
}
.product-kuchikomi_v2 p{
    padding:0px;
}
.product-kuchikomi_v2 h2 .hoshi_v2{
    color:#F90;
}
.tit-kutikomi-v2 {
	border:#fc3 solid 1px;
	padding:10px;
	background-color:#fdffe5;
	margin:0px 20px 10px 20px;
}
.brown {color: rgb(102, 51, 0);}
.fsmini{font-size:0.8em;}
.txt_star {
	font-size: 20px;
	color: #F90;
}
.txt_star2 {
	font-size: 16px;
	color: #e60;
}
.table {
    display:table;
    background-color: #FFF;
	width: 100%;
	font-size: 14px;
    margin:0px 20px 5px 20px;
}
.tablecell01 {
    display: table-cell;
	width:3em;
	text-align:center;
	vertical-align:middle;
}
.graph {
    position: relative; /* IE is dumb */
    width: 100%;
	background-color:#f6f6f6;
}
.graph .bar {
    display: block;
    position: relative;
    background: #fc3;
    text-align: center;
    color: #f0ffff;
    height: 1em;
    line-height: 1em;
}
.tablecell03 {
    display: table-cell;
	width:3em;
	text-align:right;
	vertical-align:middle;
}
ul.voicearea{border:1px solid #ebdb8b; border-bottom:none; background:#fdefc8; box-sizing: border-box; margin: 0 20px;}
ul.voicearea:last-of-type{padding-bottom: 0 !important;}
ul.voicearea .intoro{padding: 5px 10px; border-bottom: 1px solid #ebdb8b;}
ul.voicearea .p-detail-tit{font-size:12px; font-weight: normal; display: flex; flex-wrap: wrap; align-items: center;}
ul.voicearea .p-detail-tit span{margin-right: 5px;}
ul.voicearea .txt_star2{line-height: 1; letter-spacing: -0.2em;}

/*.new_button_v2{
    display:block;
    text-align:center;
    background-color:#fff;
    color:#343434;
    font-weight:bold;
    text-decoration:none;
    border:2px solid rgb(206, 206, 206);
    box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    -webkit-box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    -moz-box-shadow:rgb(185, 185, 185) 0px 0px 0px 2px inset;
    height:50px;
    line-height:53px;
    font-size:16px;
    font-weight:bold;
    margin:10px 20px 0px 20px;
}*/
.postProductImage_v2{
    padding:0px 15px;
    font-size:12px;
}
.postProductImage_v2 div{
    position:relative;
	box-sizing: border-box;
    border:1px solid #000;
    margin:15px 0;
}
.no-border{border: none !important;}

.postProductImage_v2 p {
	margin-top: 5px;
}
.postProductImage_v2.postProductImage_v2--fullwidth {
    border: none;
    margin: 0;
    max-width: 100%;
}
.postProductImage_v2.postProductImage_v2--fullwidth div {
    border: none;
}
.postProductImage_v2.postProductImage_v2--fullwidth div>a>img {
    width: 100%;
}
.postProductImage_v2.postProductImage_v2--fullwidth div .kakudaisuru_v2{
    display:block;
    width:30px;
    height:30px;
    position:absolute;
	bottom:0px;
    right:0px;
    background-image:url(../images/common/item_slice_63.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:30px 30px;
    text-indent:-9999px;
    overflow:hidden;
    z-index: 20;
}

.postProductImage_v2 div .kakudaisuru_v2{
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    bottom:0px;
    right:0px;
    background-image:url(../images/common/item_slice_63.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:30px 30px;
    text-indent:-9999px;
    overflow:hidden;
    z-index: 20;
}
.postProductImage_v2 img{
    width:100%;
}
.postProductImage_v2 p{
    font-size:16px;
    line-height:1.2;
}


/* productpage.css
------------------------------------------------------- */
.protectImage {
	position: relative;
}
.protectImageLayer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	border: none;
	margin: 0;
	padding: 0;
	display: 'block';
}

.productBannerSpace {
    max-width: 100%;
    padding: 5px 20px 5px 20px;
}

.btn_gray input[type="submit"]{
	margin:10px auto 20px;
}
.btn_gray {
	padding:0 10px;
}

.btn_gray input[type="submit"]{
	display:block;
	position: relative;
	padding:10px 20px;
	border-style: none;
	background: -moz-linear-gradient(to bottom, white, #e6e6e6);
	background: -webkit-linear-gradient(top, white, #e6e6e6);
	border:2px solid rgb(206, 206, 206);
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#666;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 2px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif,Osaka,"ＭＳ Ｐゴシック","MS PGothic";
	width:100%;
	margin:20px auto 20px;
	white-space:nowrap;
		box-shadow:rgb(255, 255, 255) 0px 0px 0px 2px inset;
		-webkit-box-shadow:rgb(255, 255, 255) 0px 0px 0px 2px inset;
		-moz-box-shadow:rgb(255, 255, 255) 0px 0px 0px 2px inset;
}


.btn_gray input:hover{
	background: -moz-linear-gradient(to bottom, #e6e6e6, white);
	background: -webkit-linear-gradient(top, #e6e6e6, white);
}

.ProductImage_bg{
    background-color:#FFF;
/*    border-top:1px solid #000;*/
}
.ProductImage_bg h2{
    color: #666;
    font-size: 18px;
    font-weight: bold;
    border-left:8px solid #F90;
    display: block;
    padding:5px;
    margin: 20px 10px 10px;
    line-height: 120%;
}

.ProductImage {
	overflow: hidden;
	width: 100%;
}


/* fontello.css
------------------------------------------------------- */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?86383236');
  src: url('../font/fontello.eot?86383236#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?86383236') format('woff2'),
       url('../font/fontello.woff?86383236') format('woff'),
       url('../font/fontello.ttf?86383236') format('truetype'),
       url('../font/fontello.svg?86383236#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?86383236#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-user:before {content: '\e800';} /* '?' */
.icon-search:before {content: '\e801';} /* '?' */
.icon-info-circled:before {content: '\e802';} /* '?' */
.icon-bell-alt:before {content: '\f0f3';} /* '?' */
.icon-doc-text:before {content: '\f0f6';} /* '?' */

/* ----------------------------------------------------- */
/* osusume_v2 */
/* ----------------------------------------------------- */
/* osusume_v2 itmes frame */
.u-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
         flex-flow: row wrap;
  -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
         justify-content: space-around;
  -webkit-align-content: space-around;
     -ms-flex-line-pack: distribute;
         align-content: space-around;
  -webkit-align-items: center;
     -ms-flex-align: center;
         align-items: center; }
.u-flex--nowrap {
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
           flex-flow: row nowrap; }
.u-flex--between {
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between; }
.u-flex--center {
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center; }
.u-flex--flex-start {
   -webkit-justify-content: flex-start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -webkit-align-items: flex-start;
       -ms-flex-align: start;
           align-items: flex-start; }
.u-flex__items {
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1; }

/**
 * PageComponents
 */
.p-4items {
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    z-index: 1;
	padding: 0 1%;
}
.p-4items::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: -1;
    border-left: 1px solid #ccc;
}
.p-4items__item {
    -webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
    flex: 0 1 50%;
    position: relative;
	padding: 9.5px 6.75px;
    width: 49%;
    display: inline-block;
	border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.p-4items__item:nth-last-of-type(2),.p-4items__item:last-of-type {
	border: none;
	padding-bottom: 0;
}
.p-4items__item:nth-child(2),.p-4items__item:first-child {
	padding-top:0;
}
.p-4items__item input[type="text"], .p-4items__item input[type="submit"] {
	height: 40px;
}

/* plist-item */

.osusume_v2 .plist-item-img {
	width: 100%;
	margin-right: auto;
	float: none;
}

.osusume_v2 .plist-item-info {
	width: 100%;
	float: none;
}

.osusume_v2 .plist-item:first-of-type{
	padding-top: 0;
}

.osusume_v2 .plist-item dd:last-of-type{
	margin-bottom: 0;
}

.osusume_v2 .plist-item dd {
	margin-bottom:8px;
	display: block;
	line-height: 1;
}

.osusume_v2 .plist-item dd span {
	display: inline-block;
}

.osusume_v2 .plist-item dd p {
	line-height: 1.2;
}
.osusume_v2 .plist-item-img img {
	display:block;
	margin:0 auto;
	width:100%;
	height: auto;
	border: none;
}
.osusume_v2 .ProductVoice > .plist-item .title {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	line-height: 1.2;
}
.osusume_v2 .plist-item .title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	line-height: 1.2;
}
.osusume_v2 .plist-item .price {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#F00;
}

.osusume_v2 .products_price_txt1{display: inline !important;}




/* cart-item (step1.php) */
.cart-item {
	width:320px;
	margin:0px auto;
}

.cart-item dd {
	margin-bottom:10px;
}

.cart-item .m-t5 {
	margin-top:-5px;
}

.cart-item .m-t0 {
	margin-top:-10px;
}


.cart-item-img {
	width:120px;
	margin-right:15px;
	float:left;
}

.cart-item-info {
	width:185px;
	float:left;
}

.cart-item .title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.cart-item .price {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#F00;
}









/* sp_component.css
------------------------------------------------------- */

/**
 * components
 */
/*c-heading*/
.c-heading--bar {
  border-left: 1px solid #BD0227;
  margin: 20px 0 20px;
  margin: 2rem 0 2rem;
  padding: 0;
  padding-left: 20px;
  padding-left: 2rem;
  color: #666;
  font-weight: bold;}

.c-heading--highlight {
  margin: 0 0 10px;
  margin: 0 0 1rem;
  padding: 3px 10px;
  padding: 0.3rem 1rem;
  border-radius: 2px;}

.c-heading--lead {
  padding: .75em 1em;
  position: relative;
  color: #666;
  text-shadow: -1px 1px 0 white;}
  .c-heading--lead:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 white;}
  .c-heading--lead:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 white;}
.c-border-bottom {
    padding: 0 0 15px;
    position: relative;
  }
    .c-border-bottom:after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      width: 100%;
      height: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 0 white; 
    }
.c-heading--center-horizon {
  margin: 20px 0 20px;
  margin: 2rem 0 2rem;
  width: 100%;
  color: #666;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
  align-items: center;}
  .c-heading--center-horizon:before, .c-heading--center-horizon:after {
    content: "";
    -webkit-flex-grow: 1;
-ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;}
  .c-heading--center-horizon:before {
    margin-right: .4em;
    background: linear-gradient(-90deg, #888, transparent);}
  .c-heading--center-horizon:after {
    margin-left: .4em;
    background: linear-gradient(90deg, #888, transparent);}

.c-heading--highlight-bar {
  position: relative;
  width: 100%;
  padding: 10px 10px;
  padding: 1rem 1rem;
  margin: 13px auto 23px;
  margin: 1.3rem auto 2.3rem;
  font-size: 18px;
  font-size: 1.8rem;}
  .c-heading--highlight-bar:before {
    display: block;
    content: "";
    position: absolute;
    top: -3px;
    top: -0.3rem;
    left: 0;
    background: inherit;
    width: 100%;
    height: 1px;}
  .c-heading--highlight-bar:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -3px;
    bottom: -0.3rem;
    left: 0;
    background: inherit;
    width: 100%;
    height: 1px;}
  .c-heading--highlight-bar .fa {
    font-size: 1.4em;
    vertical-align: bottom;
    margin-right: 5px;
    margin-right: 0.5rem;}

/*c-card*/
.c-card {
  border-radius: 4px;
  overflow: hidden;
  background: white;}
  .c-card__img {
    border-radius: 4px 4px 0 0;
    max-width: 100%;
    height: auto;}
  .c-card__head {
    padding: 20px;
    padding: 2rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #666;}
  .c-card__body {
    padding: 10px;
    padding: 1rem;
    padding-top: 0;
    color: #666;}
  .c-card__foot {
    padding: 10px;
    padding: 1rem;
    border-top: 1px solid #eee;
    text-align: center;}
    .c-card__foot > a {
      color: #215BA3;
      margin: 0 20px;
      margin: 0 2rem;}
  .c-card--min {
    margin: 0;
    box-shadow: none;}
    .c-card--min img {
      border-radius: 4px;}

/*c-circle*/
.c-circle {
  display: table-cell;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  color: white;}
  .c-circle--small {
    width: 85px;
    height: 85px;}
    .c-circle--small i.fa {
      font-size: 25px;
      font-size: 2.5rem;}
  .c-circle--large {
    width: 250px;
    height: 250px;}
    .c-circle--large i.fa {
      font-size: 40px;
      font-size: 4rem;}

/*c-letter*/
.c-first-letter:first-letter {
  font-size: 1.5em;}

/*c-wrapper*/
.c-wrapper {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  padding-bottom: 506px;}

@media screen and (max-width: 460px) {
  .c-wrapper {
    padding-bottom: 81px;} }

.c-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;}

/*c-table*/
.c-table {
  border-collapse: collapse;
  width: 100%;}
  .c-table__top--gray {
    border-top: #666 4px solid;}
  .c-table__top--blue {
    border-top: #3285D9 4px solid;}
  .c-table__top--red {
    border-top: #D93131 4px solid;}
  .c-table__top--yellow {
    border-top: #F8B752 4px solid;}
  .c-table th, .c-table td {
    text-align: inherit;
    padding: 20px;
    padding: 2rem;}
  .c-table tr {
    border-bottom: #ccc 1px dashed;}
  .c-table tr:last-child {
    border-bottom: none;}

.c-table.c-table--min tr {
  border-bottom: none;}
  .c-table.c-table--min tr th, .c-table.c-table--min tr td {
    padding: 10px;
    padding: 1rem;}

/*c-bq*/
.c-bq {
  color: #666;
  padding-left: 10px;
  border-left: 2px solid #999;
  font-size: .9em;
}


/*c-pre*/
.c-pre {
  border: 1px solid #ddd;
  padding: 10px;
  padding: 1rem;
  margin: 20px auto;
  margin: 2rem auto;
  width: 100%;}

/*c-label*/
.c-label {
  display: inline-block;
  padding: 0.5rem 0.6rem 0.5rem;
  text-indent: 2px;
  letter-spacing: 2px;
  background: #eee;
  border: 1px solid #bbb;
  text-align: center;
  font-size: 0.8em;}
  .c-label--primary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #cedff5 0%, #4f8ddb 5%, #215BA3 95%, black 100%);}
  .c-label--secondary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #fec0cc 0%, #fd2852 5%, #BD0227 95%, black 100%);}
  .c-label--tertiary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #b3e8fe 0%, #1cb9fc 5%, #027CB0 95%, black 100%);}
  .c-label--aqua {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #e5f6fc 0%, #87e0fd 5%, #53cbf1 40%, #05abe0 95%, #047293 100%);}
  .c-label--blue {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #80CCE6 0%, #80CCE6 5%, #09C 5%, #069 95%, #069 95%, #00293D 100%);}
  .c-label--navy {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #e1e5ef 0%, #96a8d3 8%, #6879a0 95%, #3a4663 100%);}
  .c-label--orange {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #ffecd1 0%, #ffb76b 5%, #ffa73d 50%, #ff7c00 51%, #ff7f04 95%, #b25503 100%);}
  .c-label--red {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #ffa199 0%, #ff6051 5%, #ce3b06 95%, #990303 100%);}
  .c-label--maroon {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #f2c4c4 0%, #cc4f4f 5%, #cc0000 95%, #cc0000 95%, #890606 100%);}
  .c-label--pink {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #fce0e0 0%, #febbbb 5%, #fe9090 45%, #ff5c5c 95%, #bf4646 100%);}
  .c-label--purple {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #f9d9f2 0%, #cb60b3 5%, #c146a1 50%, #c146a1 50%, #a80077 50%, #db36a4 95%, #992672 100%);}
  .c-label--lime {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #9dd53a 0%, #d5eaad 5%, #bde878 50%, #abd36b 52%, #7cbc0a 95%, #537c07 100%);}
  .c-label--green {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #e1efe3 0%, #8db58f 7%, #61a865 96%, #417043 100%);}
  .c-label--yellow {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #ffe2b2 0%, #f9c667 5%, #f79621 95%, #bf7e07 100%);}
  .c-label--bronze {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #f7ecd9 0%, #ead9c0 5%, #c19e67 50%, #b68d4c 51%, #e9d4b3 95%, #b7a68d 100%);}
  .c-label--gold {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #f4e3b7 0%, #f9d068 5%, #fccd4d 36%, #f8b500 57%, #f9d068 95%, #c4a452 100%);}
  .c-label--black {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #e8e8e8 0%, #aebcbf 5%, #aebcbf 5%, #6e7774 50%, #383637 50%, #383637 95%, #000000 100%);}
  .c-label--silver {
    color: white;
    text-shadow: 1px 1px 1px #000;
    background: linear-gradient(to bottom, #fcfff4 0%, #d2d2d0 10%, #e5e5e5 50%, #d3d3d3 50%, #d3d3d3 50%, #d3d3d3 55%, #d0d3cb 96%, #7b8277 100%);}
  .c-label--begginer {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: linear-gradient(to bottom, #f6f9ac 0%, #ffe735 5%, #ffe735 49%, #accc10 51%, #73880a 95%, #59680f 100%);}

/*c-list*/
.c-list li {
  position: relative;
  list-style-type: none;
  padding-left: 20px;
  padding-left: 2rem;
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;}
  .c-list li:before {
    position: absolute;
    display: block;
    content: "\25cf";
    top: 3px;
    top: 0.3rem;
    left: 3px;
    left: 0.3rem;
    font-size: 10px;
    font-size: 1rem;}

ul.c-list {
  margin: 20px 0;
  margin: 2rem 0;}

/*c-dlis*/
ul.c-dlist {
    display:table;
    table-layout:fixed;
    width:100%;
}

ul.c-dlist li {
    display:table-cell;
}


/*c-mlist*/
.c-mlist {
  width: 100%;}
  .c-mlist__media {
    float: left;
    width: 100px;
    height: 100px;}
    .c-mlist__media img {
      width: 100%;
      height: 100%;}
  .c-mlist__text {
    margin-left: 100px;
    padding-left: 20px;
    padding-left: 2rem;}
    .c-mlist__text:after {
      content: "";
      display: block;
      clear: both;}
  .c-mlist--half .c-mlist__media {
    width: 50%;
    height: auto;}
  .c-mlist--half .c-mlist__text {
    margin-left: 50%;}

/*c-tag*/
.c-tag {
  display: inline-block;
  padding: 5px 0;
  padding: 0.5rem 0;
  margin: 10px auto;
  margin: 1rem auto;
  width: 125px;
  border-radius: 5%;
  text-align: center;}

/*c-txt*/
.c-txt p {
  margin: 10px auto;
  margin: 1rem auto;}
  .c-txt p:after {
    content: '';
    display: block;
    clear: both;}
  .c-txt p img {
    float: left;
    height: auto;
    width: auto;
    max-width: 50%;
    padding: 10px 10px 10px 0px;
    padding: 1rem 1rem 1rem 0rem;}

.c-txt hr {
  border: none;
  border-top: 1px dotted #ccc;
  margin: 30px auto;
  margin: 3rem auto;
  padding: 0px;
  width: 85%;
  height: 0;}

.c-txt h1, .c-txt h2, .c-txt h3, .c-txt h4, .c-txt h5, .c-txt h6 {
  margin: 20px auto 10px;
  margin: 2rem auto 1rem;}

.c-txt h1 {
  font-size: 20px;
  font-size: 2rem;
  text-decoration: underline;}

.c-txt h2 {
  font-size: 18px;
  font-size: 1.8rem;}

.c-txt h3 {
  font-size: 16px;
  font-size: 1.6rem;}

.c-txt h4 {
  font-size: 14px;
  font-size: 1.4rem;}

.c-txt ul, .c-txt ol, .c-txt li, .c-txt blockquote, .c-txt dl, .c-txt dt, .c-txt dd {
  all: initial;}

/*c-paper*/
.c-paper {
  padding: 20px;
  padding: 2rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset;
  background-color: #FAFAFC;}

/*c-nav*/
.c-nav > * {
  display: block;
  padding: 0.6em 0;
  box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid rgba(253, 40, 82, 0.3);
  transition: .3s;
  text-align: center;}
  .c-nav > *:last-child {
    border-right: none;}
  .c-nav > *:hover {
    border-bottom-color: rgba(253, 40, 82, 0.9);}

/*c-btn*/
.c-btn {
  display: block;
  width: auto;
  padding: 0;
  margin: 0 auto;
  letter-spacing: 3px;
  letter-spacing: 0.3rem;
  text-indent: 3px;
  text-indent: 0.3rem;
  text-align: center;
  border-radius: 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);}
  .c-btn:hover {
    border-bottom-width: 3px;
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);}
  .c-btn--primary {
    width: 300px;
    width: 30rem;}
  .c-btn--secondary {
    width: 200px;
    width: 20rem;}
  .c-btn--tertiary {
    width: 150px;
    width: 15rem;}
  .c-btn--disable {
    color: #999;
    background: #ccc;}
  .c-btn--disable:hover {
    border-bottom-width: 5px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}

@media all and (max-width: 460px) {
  .c-btn--primary, .c-btn--secondary, .c-btn--tertiary {
    width: 100%;} }

/*c-bookmark*/
.c-bookmark {
  position: absolute;
  top: -10px;
  top: -1rem;
  right: -10px;
  right: -1rem;
  z-index: 1000 !important;}

/*c-breadcrumbs*/
.c-breadcrumbs {
  position: relative;
  z-index: 3;
  background: #ddd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;}
  .c-breadcrumbs--minimal {
    color: #666;
    border: none;
    background: none;}
  .c-breadcrumbs__list {
    float: left;
    padding-right: 5px;
    padding-right: 0.5rem;}
    .c-breadcrumbs__list:before {
      content: "/";
      padding-right: 5px;
      padding-right: 0.5rem;}
    .c-breadcrumbs__list:nth-child(1):before {
      content: "";}

/*c-visual*/
.c-visual {
  position: relative;
  text-shadow: 1px 1px 2px #333;}
  .c-visual__heading {
    letter-spacing: 6px;
    color: white;
    position: absolute;
    right: 2%;
    left: 2%;
    top: 50%;
    margin: auto;
    -webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
    .c-visual__heading span {
      display: block;
      position: absolute;
      bottom: -10px;
      bottom: -1rem;
      left: 0;
      right: 0;
      margin: auto;}

/**
 * layout components
 */
/*c-section*/
.c-section {
  padding-top: 90px;
  padding-top: 9rem;
  padding-bottom: 90px;
  padding-bottom: 9rem;}
  @media screen and (max-width: 460px) {
    .c-section {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem;} }

/*c-flex*/
.c-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-align-items: center;
      -ms-flex-align: center;
  align-items: center;}
  .c-flex--nowrap {
    -webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
    flex-flow: row nowrap;}
  .c-flex--between {
    -webkit-justify-content: space-between;
-ms-flex-pack: justify;
    justify-content: space-between;}
  .c-flex--center {
    -webkit-justify-content: center;
-ms-flex-pack: center;
    justify-content: center;}
  .c-flex--start {
    -webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
    align-items: flex-start;}
  .c-flex__items {
    -webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
    flex: 0 1 auto;}
  .c-flex__items--max {
    -webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
    flex: 1 1 auto;}
  .c-flex__grid1 {
    -webkit-flex: 0 1 6.5%;
-ms-flex: 0 1 6.5%;
    flex: 0 1 6.5%;
    max-width: 6.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid2 {
    -webkit-flex: 0 1 15%;
-ms-flex: 0 1 15%;
    flex: 0 1 15%;
    max-width: 15%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid3 {
    -webkit-flex: 0 1 23.5%;
-ms-flex: 0 1 23.5%;
    flex: 0 1 23.5%;
    max-width: 23.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid4 {
    -webkit-flex: 0 1 32%;
-ms-flex: 0 1 32%;
    flex: 0 1 32%;
    max-width: 32%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid5 {
    -webkit-flex: 0 1 40.5%;
-ms-flex: 0 1 40.5%;
    flex: 0 1 40.5%;
    max-width: 40.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid6 {
    -webkit-flex: 0 1 49%;
-ms-flex: 0 1 49%;
    flex: 0 1 49%;
    max-width: 49%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid7 {
    -webkit-flex: 0 1 57.5%;
-ms-flex: 0 1 57.5%;
    flex: 0 1 57.5%;
    max-width: 57.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid8 {
    -webkit-flex: 0 1 66%;
-ms-flex: 0 1 66%;
    flex: 0 1 66%;
    max-width: 66%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid9 {
    -webkit-flex: 0 1 74.5%;
-ms-flex: 0 1 74.5%;
    flex: 0 1 74.5%;
    max-width: 74.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid10 {
    -webkit-flex: 0 1 83%;
-ms-flex: 0 1 83%;
    flex: 0 1 83%;
    max-width: 83%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid11 {
    -webkit-flex: 0 1 91.5%;
-ms-flex: 0 1 91.5%;
    flex: 0 1 91.5%;
    max-width: 91.5%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}
  .c-flex__grid12 {
    -webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;}

@media all and (max-width: 460px) {
  .c-flex--wrap [class*='c-flex__grid'] {
    min-width: 100%;
    padding: 0;
    margin: 2rem auto 0;}
  .c-flex--wrap [class*='c-grid__']:first-child {
    margin: 0 auto 0;} }

/*c-grid*/
.c-grid {
  margin: 0 0 20px 0;
  margin: 0 0 2rem 0;
  text-align: left;}
  .c-grid:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;}
  .c-grid__1 {
    width: 6.5%;}
  .c-grid__2 {
    width: 15%;}
  .c-grid__3 {
    width: 23.5%;}
  .c-grid__4 {
    width: 32%;}
  .c-grid__5 {
    width: 40.5%;}
  .c-grid__6 {
    width: 49%;}
  .c-grid__7 {
    width: 57.5%;}
  .c-grid__8 {
    width: 66%;}
  .c-grid__9 {
    width: 74.5%;}
  .c-grid__10 {
    width: 83%;}
  .c-grid__11 {
    width: 91.5%;}
  .c-grid__12 {
    width: 100%;}
  .c-grid__1, .c-grid__2, .c-grid__3, .c-grid__4, .c-grid__5, .c-grid__6, .c-grid__7, .c-grid__8, .c-grid__9, .c-grid__10, .c-grid__11 {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 2% 0 0;}
  .c-grid__1:nth-last-child(2), .c-grid__2:nth-last-child(2), .c-grid__3:nth-last-child(2), .c-grid__4:nth-last-child(2), .c-grid__5:nth-last-child(2), .c-grid__6:nth-last-child(2), .c-grid__7:nth-last-child(2), .c-grid__8:nth-last-child(2), .c-grid__9:nth-last-child(2), .c-grid__10:nth-last-child(2), .c-grid__11:nth-last-child(2) {
    margin: 0;}
  .c-grid__1:last-child, .c-grid__2:last-child, .c-grid__3:last-child, .c-grid__4:last-child, .c-grid__5:last-child, .c-grid__6:last-child, .c-grid__7:last-child, .c-grid__8:last-child, .c-grid__9:last-child, .c-grid__10:last-child, .c-grid__11:last-child {
    float: right;
    margin: 0;}

@media all and (max-width: 460px) {
  .c-grid [class*='c-grid__'] {
    width: 100%;
    padding: 0;
    margin: 2rem auto 0;}
  .c-grid [class*='c-grid__']:first-child {
    margin: 0 auto 0;}
  .c-grid [class*='c-grid__']:last-child {
    float: left;} }

/**
 * animation components
 */
.c-trans--bg-color {
  transition: 0.3s;}
  .c-trans--bg-color:hover {
    background-color: #fd2852;}

.c-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9999;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);}
  .c-loading .c-loading__wave {
    position: relative;
    margin: 25% auto;
    width: 70px;
    width: 7rem;
    height: 70px;
    height: 7rem;}
    .c-loading .c-loading__wave:before, .c-loading .c-loading__wave:after {
      content: "";}
    .c-loading .c-loading__wave span, .c-loading .c-loading__wave:before, .c-loading .c-loading__wave:after {
      position: absolute;
      display: block;
      border-radius: 5px;
      width: 12px;
      width: 1.2rem;
      height: 100%;
      transition: 0.2s;
      background: #027CB0;}
    .c-loading .c-loading__wave:before {
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-animation: wave 0.9s linear infinite;
      animation: wave 0.9s linear infinite;}
    .c-loading .c-loading__wave:after {
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-animation: wave 0.9s linear infinite 0.6s;
      animation: wave 0.9s linear infinite 0.6s;}
    .c-loading .c-loading__wave span {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-animation: wave 0.9s linear infinite 0.3s;
      animation: wave 0.9s linear infinite 0.3s;}

@-webkit-keyframes wave {
  0% {
    height: 100%;
    background-color: #35c1fd;}
  40% {
    height: 10%;
    background-color: #b3e8fe;}
  80% {
    height: 100%;
    background-color: #35c1fd;}
  100% {
    height: 100%;
    background-color: #027cb0;} }

@keyframes wave {
  0% {
    height: 100%;
    background-color: #35c1fd;}
  40% {
    height: 10%;
    background-color: #b3e8fe;}
  80% {
    height: 100%;
    background-color: #35c1fd;}
  100% {
    height: 100%;
    background-color: #027cb0;} }



/**
 * layouts
 * [promise]: browser-width > 320px
 */
  .l-maxwidth {
    max-width: 100%;
    margin: 0 auto; 
  }
  .l-maxwidth--main {
    max-width: 70%;
    margin: 0 auto; 
  }
  .l-maxwidth--sub {
    max-width: 30%;
    margin: 0 auto; 
  }
  .l-maxwidth--half {
    max-width: 50%;
    margin: 0 auto; 
  }
  .l-fullwidth {
    width: 100%;
    margin: 0 auto; 
  }
  .l-container {
    max-width: 630px;
    padding: 0 5px;
    margin: 0 auto; 
  }
  .l-margin-auto {
    display: block;
    margin: 0 auto;
  }
  .l-padding {
    padding: 10px;
  }
  .l-mb {
    margin-bottom:15px;
  }
  .l-mt {
    margin-top:15px;
  }
  .l-mb2 {
    margin-bottom:30px;
  }
  .l-mt2 {
    margin-top:30px;
  }


/**
* components
*/
  .c-dlist {
    width: 100%; 
  }
  .c-dlist dt {
    width: 20%;
    height: 100%;
    padding: 10px;
    float: left;
    clear: left;
    overflow: visible;
    font-weight: bold; 
  }
  .c-dlist dd {
    padding: 10px;
    margin: 0 0 0 25%; 
  }
  .c-list li {
    position: relative;
    list-style-type: none;
    padding-left: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .c-list li:before {
    position: absolute;
    display: block;
    content: "\25cf";
    top: -0.5px;
    left: 5px;
    font-size: 10px;
  }
  ul.c-list {
    margin: 20px 0;
  }
  .c-mlist {
    width: 100%; 
  }
  .c-mlist__media {
    float: left;
    width: 140px;
    height: 140px;
    overflow: visible;
  }
  .c-mlist__media img {
    width: 100%;
    height: 100%; 
    border: none;
  }
  .c-mlist__text {
    margin: 0 0 20px 140px;
    padding-left: 10px;
  }
  .c-mlist__text:after {
    content: "";
    display: block;
    clear: both; 
  }
  .c-heading {
    color: #666;
    border-left: 7px solid #FF970B;
    padding: 5px 0 3px 5px;
    font-size: 18px;
  }
  .c-bnr {
    max-width: 100%;
  }
  .c-tag {
    width: 100%;
    margin: 10px auto;
    padding: 6px 0 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .c-btn {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 12px;
  }
  .c-btn::after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .c-method-list {
  }
  .c-method-list__txt {
      display: table-cell;
      width: 100%;
      color: green;
  }
  .c-method-list__txt::first-letter {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      font-size: 36px;
      font-weight: bold;
      line-height: 1;
  }
  .c-method-list__txt::after {
      content: '';
      display: block;
      clear: both;
  }
  .c-method-list__img {
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 15px;
  }


/**
* Utilities
*/
  .u-hr {
    border: none;
    border-top: 1px dashed #ccc;
    margin: 40px auto;
    padding: 0;
    width: 85%;
    height: 0;}
  .u-red {
    color: red;
  }
  .u-no-decoration {
    text-decoration: none;
  }
  .u-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
 flex-flow: row wrap;
  -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
 justify-content: space-around;
  -webkit-align-content: space-around;
     -ms-flex-line-pack: distribute;
 align-content: space-around;
  -webkit-align-items: center;
     -ms-flex-align: center;
 align-items: center;}
  .u-flex--nowrap {
   -webkit-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;}
  .u-flex--between {
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
   justify-content: space-between;}
  .u-flex--center {
   -webkit-justify-content: center;
       -ms-flex-pack: center;
   justify-content: center;}
  .u-flex--flex-start {
   -webkit-justify-content: flex-start;
       -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-align-items: flex-start;
       -ms-flex-align: start;
   align-items: flex-start;}
  .u-flex__items {
   -webkit-flex: 1;
       -ms-flex: 1;
   flex: 1;}
  .u-bold {
    font-weight: bold;}
    .u-bold--normal {
      font-weight: normal;}
  .u-text-align--left {
    text-align: left;}

  .u-text-align--right {
    text-align: right;}

  .u-text-align--center {
    text-align: center;}
  .u-cf {
    *zoom: 1; 
    overflow: hidden;}
  .u-cf:before, .u-cf:after {
    display: table;
    content: '';}
  .u-cf:after {
    clear: both;}
  .u-float--left {
    float: left;}
  .u-float--right {
    float: right;}
  .u-float-wrapper {
    *zoom: 1;
    width: 100%;
    float: left;}
  .u-float-wrapper:before, .u-float-wrapper:after {
    display: table;
    content: '';}
  .u-float-wrapper:after {
    clear: both;}


/**
 * override
 */

/**
 * PageComponents
 */
.p-4items {
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    z-index: 1;
	padding: 0 1%;
}
.p-4items::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: -1;
    border-left: 1px solid #ccc;
}
.p-4items__item {
    -webkit-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
    flex: 0 1 50%;
}
.p-4items__item:nth-last-of-type(2),.p-4items__item:last-of-type {
	border: none;
	padding-bottom: 0;
}
.p-4items__item:last-of-type {
    border: none !important;
    padding-bottom: 0;
}
.p-4items__item:nth-child(2),.p-4items__item:first-child {
	padding-top:0;
}
.p-4items__item:nth-child(even) {
	border-bottom: 1px solid #ccc;
}


/**
 * plist_t
 */
.plist_t .u-flex{display: block;}

.plist_t .p-4items__item{
    -webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
    flex: 0 1 100%;
    position: relative;
	padding: 1em 6.75px;
    width: 100%;
	display: flex;
    align-items: flex-start;
}

.plist_t .p-4items__item:first-child{
	border-top: 1px solid #ccc !important;
}

.plist_t .plist-item .plist-item-img {
	flex:0 0 20%;
	margin-right:15px;
}
.plist_t .plist-item .plist-item-info{flex:0 1 100%;}
.plist_t .plist-item .plist-item-info .item-45{flex:1 0 45%;}
.plist_t .p-4items::after {
    border-left: none;
}
.plist_t .p-4items__item:nth-last-of-type(2),.plist_t .p-4items__item:last-of-type {
	border-bottom: 1px solid #ccc !important;
}
.plist_t .border_bottom_none:first-child,.plist_t .border_bottom_none:nth-last-of-type(2),.plist_t .border_bottom_none:last-of-type{border-bottom:none !important; padding-bottom: 0 !important;}

.plist_t .border_all_none{border:none !important;}

.plist-item-img {
	position: relative;
}
.plist-item-img::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.plist-item-img a, .plist-item-img div.nolink {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.plist_item_image {
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

/*.plist-item-img div.nolink {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}*/

#content.cart-step1 .plist_t .p-4items__item.plist-item {
	border: none;
}
#content.kuchi-top .plist_t .p-4items__item.plist-item {
	border: none;
	justify-content: center;
}

 
/*-----------------------------------------------------------------------------
　シングルサインオン
-----------------------------------------------------------------------------*/
ul.other_login_menu{width: 100%; background: #fff; border-radius: 6px; border:1px solid #ddd;}

ul.other_login_menu li {
	box-sizing: border-box;
	display:block;
	height:50px;
	padding:0px;
	border-bottom: 1px solid #ddd;
}
ul.other_login_menu li:last-child {
	border-bottom: none;
}
ul.other_login_menu li div a{
	display: block;
	position: relative;
	width:100%;
	height:100%;
	padding-left: 60px;
	box-sizing:border-box;
	line-height:50px;
	font-size: 16px;
	color: #444;
}
ul.other_login_menu li div a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 10px;
    height: 10px;
    margin: -7px 0 0 0;
    border-top: solid 4px #ddd;
    border-right: solid 4px #ddd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.other_login_menu li:hover{background-color: #E8F0FE !important; border-bottom: 1px solid #ddd;}
ul.other_login_menu li:first-child:hover{border-top-left-radius: 6px; border-top-right-radius: 6px;}
ul.other_login_menu li:last-child:hover{border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom:none;}

ul.other_login_menu li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

ul.other_login_menu li div a {text-decoration:none;}
ul.other_login_menu li div a:link, ul.other_login_menu li div a:visited{ color:#444; text-decoration:none; }
ul.other_login_menu li div a:active, ul.other_login_menu li div a:hover{ color:#444; text-decoration:none; }



ul.other_login_menu li div a#btn_login_google{
	background: url("../images/common/sso/logo-google.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 10px 8px;
	background-size: 33px 33px;
}
ul.other_login_menu li div a#btn_login_twitter{
	background: url("../images/common/sso/logo-twitter.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 10px 8px;
	background-size: 33px 33px;
}
ul.other_login_menu li div a#btn_login_facebook{
	background: url("../images/common/sso/logo-facebook.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 10px 8px;
	background-size: 33px 33px;
}

ul.other_login_Lists {
    padding: 0;
    display: block;
    margin-top: 0;
}
ul.other_login_Lists li {
    border-bottom: 1px solid #ccc;
    list-style: none;
    display: block;
    color: #666;
}
ul.other_login_Lists li a {
    padding: 15px 100px 15px 65px;
    text-decoration: none;
    color: #666;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}
ul.other_login_Lists li a::after{
    content: '';
    position: absolute;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 41%;
    right: 15px;
    transform: rotate(-45deg);
}
#btn_login_google::before{
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url("../images/common/logo-google.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -52px;
    margin-right: 13px;
    margin-top: -8px;
    margin-bottom: -6px;
}
#btn_login_twitter::before{
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url("../images/common/logo-twitter.png") no-repeat left top;
    background-size: contain;
    vertical-align: middle;
    margin-left: -52px;
    margin-right: 13px;
    margin-top: -8px;
    margin-bottom: -6px;
}



/*-----------------------------------------------------------------------------
　カテゴリメニュー
-----------------------------------------------------------------------------*/
.category-menu {
  position: relative;
  margin-bottom: 30px;
  height: auto;
}
.category-menu .under-category{
  height: 40px;
  overflow: hidden;
}
.category-menu .btn_show_more{
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 25px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 30%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}
.category-menu .show_more_active {
  background: none;
  bottom: -30px;
  padding-top: 0px;
}


/*-----------------------------------------------------------------------------
　種類から選ぶ　カテゴリ部分　装飾追加　20211013追加
-----------------------------------------------------------------------------*/

.plist_t .under-category,.plist_p .under-category{border: 1px solid #e0c031; padding: 5px 10px; margin: 0 10px; line-height: 1.5;}


/*-----------------------------------------------------------------------------
　2022年6月改正商取引法対応 20220530追加
-----------------------------------------------------------------------------*/
.transaction-number{font-size: 14px; line-height: 1.4; color: #666;}
.transaction-number ul li{margin-right: 5px; padding: 0.2em 0; position: relative; margin-left: 10px; }
.transaction-number ul li::before{content: "\30FB"; position: absolute; top:5px; margin-left: -10px; font-size: 2px;}
.transaction-number ul li span{font-weight: normal;}


/*-----------------------------------------------------------------------------
　ローションカテゴリ内部　ローションの基礎知識追加　20220620追加
-----------------------------------------------------------------------------*/
.classification p{color: #444;}
.recommendplay {
    color: #fff;
    font-size: 18px;
    background-color: #82bee0;
    padding: 7px 7px 7px 10px;
}

.recommendplay h2.icon_drop_black {
    position: relative;
    display: inline-block;
    padding-left: 20px;	
    line-height: 1.5;
}
.recommendplay h2.icon_drop_black::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/sp/images/top/icon_drop_black.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 3px;
    left: 0;
}

.classification h3{
    font-size: 18px;
	color: #006696;
	background-color: #efefef;
	border-left: 10px solid #006696;
    border-bottom: 2px solid #006696;
    padding: 10px;
}

.classification table,.classification dl {
	margin-left: 10px;
	margin-right: 10px;
}

.classification table,.classification td,.classification th {
	border: 1px solid #bdbdbd;
	border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}
.classification td,.classification th {padding: 5px;}
.classification td{color: #444;}

/* 左の見出し */
.lotion-th_tit{ 
	width: 25%;
	color: #fff !important;
	background: #656565;
	font-weight: normal;
}
/* 商品例 */
.lotion-td_tit {
    text-align: left !important;
    padding: 10px 5px !important;
    vertical-align: text-bottom !important;
}

.lotion-td_tit li{
	position: relative;
	padding-left: 12px;
	color: #187ab2;
    list-style: none;
}
.lotion-td_tit li:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

.lotion-td_tit li a{
	text-decoration: underline;
	color: #187ab2;
}

/* 水溶性
-------------------- */
.info_table_posi-01{
	width:100%;
	text-align:center;
}
	
#table-info01 table,#table-info01 td{
	border:#bdbdbd 1px solid;
	border-left: none;
	}
#table-info01 th{
	border-top:#bdbdbd 1px solid;
	border-bottom:#bdbdbd 1px solid;
	border-left: none;
	border-right: none;
	border-collapse: separate;
}	

.scroll th{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
	border-left: none;
	border-right: none;
	border-collapse: separate;
}
.scroll th:first-child::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #bdbdbd;
	border-left : 1px solid #bdbdbd;
	box-sizing: border-box;
}
.scroll{
	overflow: auto !important;
	margin-left: 10px;
}
.scroll::-webkit-scrollbar{ height: 5px;}
.scroll::-webkit-scrollbar-track{ background-color:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background-color:#BCBCBC;}

#table-info01 {
	width: 440px; /*668px;*/
    margin-left: 0;
    table-layout: fixed;
}

#table-info01 th {
	width: 78px;
}

/* 水溶性見出し */
.lotion-suiyousei01{
	color: #fff !important;
	background-color: #56c3f6;
}
/* 水溶性 系統 見出し */
.lotion-suiyousei02{
	color: #006696 !important;
	background-color: #8ce3ff;
}

/* 水溶性 主成分 見出し */
.lotion-suiyousei03{
	width: 25%;
	color: #006696 !important;
	background-color: #c5f6ff;
    vertical-align: top !important;
    word-wrap: break-word;
}

/* オイル
-------------------- */
/* オイル見出し */
.lotion-oil01{
	color: #fff !important;
	background-color: #f9c62c;
}
/* オイル 系統 見出し */
.lotion-oil02{
	color: #903e13 !important;
	background-color: #ffe57f;
}
/* オイル 主成分 見出し */
.lotion-oil03{
	width: 25% !important;
	color: #903e13 !important;
	background-color: #ffffb7;
}

/* table背景薄グレー */
.lotion-td_bg{background-color: #f3f4f8;}
.lotiontxtcolor{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 16px;
	vertical-align: middle;
}
 /* ◎ */
 .lotiontxtcolor01{	color:#ff2ddc;}
/* 〇 */
.lotiontxtcolor02{ color:#ff7f31;} 
/* △ */
.lotiontxtcolor03{ color:#0da254;}
/* × */
.lotiontxtcolor04{ 
	color:#4a37bb;
	font-size: 18px;
} 


/* ローションのおもな添加物 
-------------------- */
.classification dl,.classification dd{border-top: solid 2px #fff;}
.classification dt{
    font-size: 16px;
    text-align: center;
    padding: 10px;
    line-height: 1;
}
.classification dd{
	color: #444;
	padding: 10px;
}

.substitution01{
	color: #187ab2 !important;
	background-color: #bfe3fe;
}
.substitution01_txt{background-color: #edfaff;}
.substitution02{
	color: #c642b3 !important;
	background-color: #f9d0f3;
}
.substitution02_txt{background-color: #fff2fd;}

/* 〇〇エキスの「〇〇」箇所 */
.substitution01 span{font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

input[type=radio]:checked + .radio-list-item-label:before {
    opacity: 1;
}
.radio-list-item-label {
    position: relative;
    padding: 0 0 0 40px;
    display: block;
}
.radio-list-item-label:before {
    left: 17px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: #00a800;
    border-radius: 50%;
    opacity: 0;
}
.radio-list-item-label:after, .radio-list-item-label:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
}
.radio-list-item-label:after {
    left: 10px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
}

.input_display_none {
	display: none;
}

/*お申し込みフォーム
-----------------------------------------------------------------------------*/
#wrap_af_entry .h2_tit{font-size: 18px;}
#wrap_af_entry .h3_tit{
    font-size: 100%;
    position: relative;
}
#wrap_af_entry .h4_tit{font-size: 100%;}
#wrap_af_entry.wrap_af{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;}
#wrap_af_entry.wrap_af,#wrap_af_entry.wrap_af p{
    font-size: 14px;
    line-height: 150%;
    color: #444;
}

#wrap_af_entry .h2_tit,.h3_tit,.h4_tit{
    font-weight: bold;
    color: #666;
}

#wrap_af_entry .m-t40{margin-top: 40px;}


/*-----------------------------------------------------------------------------
お申し込みフォーム ボタン
-----------------------------------------------------------------------------*/
.btn-area,.login_box,.entry_btn{
    text-align: center;
}
.btn-area li {
    width: 48%;
    box-sizing: border-box;
    border-radius: 5px;
    line-height: 100%;
    margin-top: 10px;
    border: solid 2px #38A700;
}

.btn-area a {
    display: block;
    background: #38A700;
    text-decoration: none;
}
.btn-area a:hover,.login_btn a:hover,.entry_btn a:hover{
    color: #fff;
    opacity: .7;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.btn-area a span {
    color: #fff;
    padding: 10px 0;
    display: block;
    border-radius: 5px;
}
.btn-area .af_top_btn{font-feature-settings: "palt";}

.btn-area .selected {
    border: solid 2px #38A700;
    background: #fff;
}
.btn-area .selected a{
    background: #fff;
    border-radius: 5px;
}
.btn-area .selected a span {color: #38A700;}

/* お申し込みフォームのbtn */
.btn-area li.af_entry_btn{ 
    width: 100%;
    border: solid 2px #FF9900;
}
.btn-area li.af_entry_btn a span {padding: 14px 0;}

.btn-area .af_entry_btn a,#wrap_af_flow .entry_btn a{background: #FF9900;}


/*お申し込みフォーム
-----------------------------------------------------------------------------*/
#wrap_af_entry .h2_tit{font-size: 18px;}
#wrap_af_entry .h3_tit{
    font-size: 100%;
    position: relative;
}

#wrap_af_entry .h3_tit{
    background: #FFFDE4;
    color: #FF9900;
    padding: 5px 10px;
}

#wrap_af_entry input[type="text"] {
    display: inline;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #685D51;
    border-radius: 5px;
    background: #fff;
    padding: 0.7em;
    color: #000000;
    ime-mode: auto;
}

/* 郵便番号ハイフン */
.post_number {
    padding: 10px 5px;
    font-weight: bold;
    font-size: 16px;
}

/* 郵便番号から住所を検索 */
#wrap_af_entry input[type="submit"] {
    -webkit-appearance: none;
    font-size: 14px;
    padding: 5px;
    background-color: #efefef;
    border-radius: 5px;
    color: #000;
    border: 1px solid #666;
    font-weight: normal;
    width: 70%;
    margin-left: 5px;
    height: 40px;
}

/* 都道府県入力 */
#wrap_af_entry #add1,#wrap_af_entry #bank1,#wrap_af_entry #bank2 {
    height: 40px;
    font-size: 14px;
    border-radius: 5px;
    padding-left: 5px;
}
#wrap_af_entry #bank1{margin-left: 5px;}
#wrap_af_entry #bank2{
    width: 50%;
    display: block;
}



/* 利用規約 
--------------------------*/
#kiyaku {
    background: white;
    resize: auto;
    width: 80%;
    height: 270px;
    overflow: scroll;
    border: solid 1px #767685;
    padding: 20px;
    color: #6D4922;
    margin: 20px auto;
}

#kiyaku p{color:#6D4922;}

#kiyaku .h3_tit,#kiyaku .h4_tit {
    color: #6D4922;
    border-bottom: none;
    background: none;
    padding: 0;
    line-height: 130%;
}
#kiyaku .h3_tit{font-size: 20px;}
#kiyaku .h4_tit{font-size: 18px;}

/* 第00条 */
#kiyaku .af_list_number_03 li,#kiyaku .af_list_number_05 li,#kiyaku .af_list_number_07 li, #kiyaku .af_list_number_09 li{
    position: relative;
    padding-left: 30px;
}
#kiyaku .af_list_number_10 li,#kiyaku .af_list_number_13 li,#kiyaku .af_list_number_14 li,#kiyaku .af_list_number_15 li,#kiyaku .af_list_number_18 li,#kiyaku .af_list_number_20 li,#kiyaku .af_list_number_21 li,#kiyaku .af_list_number_22 li{
    position: relative;
    padding-left: 40px;
}

#kiyaku .af_list_number_03,#kiyaku .af_list_number_05,#kiyaku .af_list_number_07, #kiyaku .af_list_number_09,#kiyaku .af_list_number_10,#kiyaku .af_list_number_13,#kiyaku .af_list_number_14,#kiyaku .af_list_number_15,#kiyaku .af_list_number_18,#kiyaku .af_list_number_20,#kiyaku .af_list_number_21,#kiyaku .af_list_number_22{
    counter-reset: number 0;
}
#kiyaku .af_list_number_03 li::before,#kiyaku .af_list_number_05 li::before,#kiyaku .af_list_number_07 li::before, #kiyaku .af_list_number_09 li::before,#kiyaku .af_list_number_10 li::before,#kiyaku .af_list_number_13 li::before,#kiyaku .af_list_number_14 li::before,#kiyaku .af_list_number_15 li::before,#kiyaku .af_list_number_18 li::before,#kiyaku .af_list_number_20 li::before,#kiyaku .af_list_number_21 li::before,#kiyaku .af_list_number_22 li::before {
    counter-increment: number 1;
    content:"3-"counter(number)".";
    position: absolute;
    top: 0;
    left: 0;
}
#kiyaku .af_list_number_05 li::before {content:"5-"counter(number)".";}
#kiyaku .af_list_number_07 li::before {content:"7-"counter(number)".";}
#kiyaku .af_list_number_09 li::before {content:"9-"counter(number)".";}
#kiyaku .af_list_number_10 li::before {content:"10-"counter(number)".";}
#kiyaku .af_list_number_13 li::before {content:"13-"counter(number)".";}
#kiyaku .af_list_number_14 li::before {content:"14-"counter(number)".";}
#kiyaku .af_list_number_15 li::before {content:"15-"counter(number)".";}
#kiyaku .af_list_number_18 li::before {content:"18-"counter(number)".";}
#kiyaku .af_list_number_20 li::before {content:"20-"counter(number)".";}
#kiyaku .af_list_number_21 li::before {content:"21-"counter(number)".";}
#kiyaku .af_list_number_22 li::before {content:"22-"counter(number)".";}

/* 第10条（禁止行為）10-10、10-11、10-12 */
#kiyaku .af_list_number_10 li:nth-child(10),#kiyaku .af_list_number_10 li:nth-child(11),#kiyaku .af_list_number_10 li:nth-child(12){padding-left: 50px;}

/* 各利用規約リストNo. */
#kiyaku .use_af_list {
    counter-reset: number 0;
    padding-left: 20px;
    }
#kiyaku .use_af_list li,#kiyaku .use_af_list_dot li {position: relative;}
#kiyaku .use_af_list li{padding-left: 15px;}
#kiyaku .af_list_number_21 li .use_af_list,#kiyaku .af_list_number_22 li .use_af_list {padding-left: 15px;}
#kiyaku .af_list_number_21 li .use_af_list li,#kiyaku .af_list_number_22 li .use_af_list li {padding-left: 15px;}
#kiyaku .use_af_list li::before {
    counter-increment: number 1;
    content: counter(number) " ） ";
    position: absolute;
    top: 0;
    left: -15px;
}
#kiyaku .use_af_list li:nth-child(10)::before,#kiyaku .use_af_list li:nth-child(11)::before { left: -25px;}
#kiyaku .use_af_list_dot{padding-left: 15px;}
#kiyaku .use_af_list_dot li{padding-left:0;}
#kiyaku .use_af_list_dot li::before {
    content: "・";
}





/* 規約に同意します */
.atentiontxt{
    padding:3px;
    font-weight:bolder;
    background:#ffffcc;
    color:#dc2b2b;
}


#kiyaku_af_agreement > #kiyaku{
    background:white;
    resize: none;
    max-width: 100%;
    max-height: 100%;
    min-width: auto;
    min-height: 100%;
    width:auto;
    height:100%;
    overflow:auto;
    border: none;
    padding: 15px 20px;
    color: #6D4922;
}

.syodaku{text-align: center;}
#syodaku{
    width: 40px;
    height: 40px;
}

/* 送信ボタン */
#wrap_af_entry .submit_btn{
    background-color: #FF9900 !important;
    color: #fff !important;
    border: #FF9900 !important;
    font-size: 20px !important;
}

/* 送信クリアbtn */
#wrap_af_entry .clear_btn {
    display: block;
    background: #efefef;
    padding: 8px 10px;
    width: 40%;
    text-align: center;
    border-radius: 5px;
    color: #000;
    border: 1px solid #666;
    font-size: 20px !important;
}



#categoryMenu {
    width: 100vw;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
/*	display: none;*/
	transition: 0.3s;
	background-color: #fff;
}


.ctg_opened {
	display: block;
	z-index: 100;
}

.ctg_closed {
	display: none;
	z-index: -1;
}

.ctg_num_loading {
	visibility: hidden;
}

#categoryHeader button {
	-webkit-appearance:none;
	background:none;
	align-items:center;
	color:unset;
	padding:0;
	font:inherit;
	border:unset;
	display:block;
}

.user_login_box input[type='text']:focus, .user_login_box input[type='password']:focus {
    background-color: #eee !important;
}


/*-----------------------------------------------------------------------------
　カテゴリ部分　カテゴリトップ追加　20250919追加
-----------------------------------------------------------------------------*/
.title-cate{
    font-size: 36px;
    border-bottom: 1px solid #F90;
    border-left:none;
    text-align: center;
}

.title-06{
    font-size: 18px;
    line-height: 1.4;
    color: #ff7200;
    padding: 15px;    
}

.cate_anc_btn {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 15px;
    margin: 10px 0 20px 0;
}

.sp_cate_anc_btn{
    flex: 0 1 48%;
    display: block;
    padding: 10px;
    position: relative;
    background-color: #FFFED4;
    border-radius: 100px;
    color: #666;
    font-size: 16px;
    line-height: 1;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-align: center;
    border: solid 1px #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.sp_cate_anc_btn:nth-child(n + 3){margin-top: 10px;}


.title-02 h3.sankaku{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.title-02 h3.sankaku:before {
	content: '';
	position: absolute;
	top: 25%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
}



/*-----------------------------------------------------------------------------
　カテゴリ部分　よくある質問　20250919追加
-----------------------------------------------------------------------------*/
.quest_ans_cate .subcate-row{
    display: block;
    font-family: initial;
}
.qa-block {
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;
}

.subcate-row .qa-block:first-child{padding-top: 0;} 
.subcate-row .qa-block:last-child{
    padding-bottom: 0;
    border-bottom: none;
} 

.qa-label {
  font-size: 16px;
  font-weight: bold;
  color: #ff0014;
}

.answer-label {color: #0001fc;}

.qa-question {
  font-size: 16px;
  color: #2ea13a;
  font-weight: bold;
}
.qa-answer {padding: 0 !important;}



/* ハッシュタグ */
.zeta_hash_links ul {
    padding: 0px 20px;
    margin: 20px 0px 5px 0px;
    overflow: hidden;
}
.zeta_hash_links li {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	padding: 5px;
	font-size: 12px;
	border: #fc3 solid 1px;
	border-radius: 3px;
}
.zeta_hash_links li a {
	color: #888;
}
.zeta_hash_links .noticeHashtag {
    margin: 5px 20px;
    font-size: 13px;
}

/* タグ入力欄 */
.v3_tagSearch input {
  -webkit-appearance: none;
  border-radius: 0;
}

.v3_tagSearch input:focus {
	outline: solid 2px #EEA34A !important;
	outline-offset: -2px;
}

.v3_tagSearch {
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.v3_tagSearch .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.v3_tagSearch *,
.v3_tagSearch *::after,
.v3_tagSearch *::before {
    box-sizing: border-box;
}

.v3_tagSearch [type="button"]:not(:disabled),
.v3_tagSearch [type="reset"]:not(:disabled),
.v3_tagSearch [type="submit"]:not(:disabled),
.v3_tagSearch button:not(:disabled) {
    cursor: pointer;
}

.v3_tagSearch [type="button"],
.v3_tagSearch [type="reset"],
.v3_tagSearch [type="submit"],
.v3_tagSearch button {
    -webkit-appearance: button;
}
.v3_tagSearch button,
.v3_tagSearch select {
    text-transform: none;
}
.v3_tagSearch button,
.v3_tagSearch input,
.v3_tagSearch optgroup,
.v3_tagSearch select,
.v3_tagSearch textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.v3_tagSearch button {
    border-radius: 0;
}

.v3_tagSearch .input-group > .form-control,
.v3_tagSearch .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.v3_tagSearch .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    background-color: #eee;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.v3_tagSearch .form-control::placeholder{color: #999; font-size: 13px;}
.v3_tagSearch .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.v3_tagSearch .v3_keyword {
    padding-right: 35px;
}
.v3_tagSearch .v3_keyword::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.v3_tagSearch button.v3_keyword_clear {
    display: none;
    position: absolute;
    border: 0px;
    width: 26px;
    height: 26px;
    content: "";
    top: 6px;
    right: 35px;
    background: initial;
    background-color: #eee;
    background-image: url( "../images/common/icon_cancel.png") !important;
    background-repeat: no-repeat !important;
    background-position: left 9px top 5px !important;
    background-size: 16px 16px !important;
    overflow: hidden;
    padding: 0 !important;
}

.v3_tagSearch button.v3_keyword_clear.show {
    display: inline-block;
}

.v3_tagSearch button.v3_keyword_suggest_submit {
    display: inline-block;
    position: absolute;
    border: 0px;
    width: 24px;
    height: 24px;
    content: "";
    top: 6px;
    right: 2px;
    background: initial;
    background-color: transparent;
    background-image: url( "../images/common/icon_g_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px top 5px !important;
    background-size: 15px 15px !important;
    overflow: hidden;
    padding: 0 !important;
}

.v3_featuredTags_title {
    border: 0;
    border-radius: 4px;
    color: #666;
    padding: 10px 0;
    width: 100%;
    line-height: 1;
    font-size: 15px;
}

.v3_featuredTags_title::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 15px;
    background-image: url( "../images/common/icon_g_search.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 7px bottom 0 !important;
    background-size: 16px 15px !important;
    margin-bottom: -2px;
}
a.v3_featuredTags_link{
	display: inline-block;
	margin: 5px 5px 0px 0px;
	padding: 5px;
	font-size: 12px;
	border: #fc3 solid 1px;
	border-radius: 3px;
	color: #888;
}

.m-all10 a.v3_featuredTags_link:last-of-type{margin-bottom:15px;}