@charset "utf-8";

/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
body {
  font-size: 1.6rem;
  line-height: 1.15;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  text-align: initial;
  background-color:#fff;
  margin: 0px;
  padding: 0px;
}

#all-pc {
  max-width: 1200px;
}

#all-pc * {
  box-sizing: border-box;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
}


/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num, .frm_str, .frm_area {
    color:#333;
    /* background-color:#ffffef; */
}

.frm_num {
  ime-mode: disabled;
}

.frm_area {
    overflow-y:auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-pc-only {
  display: none;
}
}
/*--------------------------------------
 * ヘッダ
 *------------------------------------*/

 .l-header {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(158, 158, 158, 0.2);
}

.l-header__container {
  width: 90%;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.l-header *, .l-header::before, .l-header::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

.p-logo {
  min-width: 26rem;
  max-width: 30rem;
  width: 100%;
  flex-grow: 0;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.c-sitelogo {
  max-width: 32rem;
  position: relative;
}

.c-sitelogo img {
  width: 100%;
}

.c-sitelogo__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* ナビ */
.p-gnav {
  margin: 0 auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.p-gnav__parent {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: "Anton", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 2rem;
  color: #0A015C;
}

.p-gnav__parentItem {
  cursor: pointer;
  line-height: 1;
}

@media screen and (min-width: 1300px) {
  .p-gnav__parentItem {
    font-size: calc(20px + (26 - 20 ) * ( 100vw - 1300px ) / (1920 - 1300));
  }
}

.p-gnav__parentItem span {
  position: relative;
  display: inline-block;
}


.p-gnav__childContainer {
  border-radius: 5px;
  line-height: 30px;
  z-index: 100;
  width: 90%;
  display: none;
  position: absolute;
  top: 98%;
  left: 50%;
  right: 0;
  cursor: auto;
  transform: translateX(-50%);
}

.p-gnav__childContainer--categories {
  width: 80%;
}

.p-gnav__childContent {
  font-family: "Helvetica Neue", sans-serif;
  color: #0A015C;
  font-size: 2rem;
  margin: 0 auto;
  width: 100%;
  padding: 3%;
  background-color: rgba(245, 245, 245, 0.95);
}

.p-gnav__childContent a {
  color: #000;
  text-decoration: none;
}

.p-gnav__childContent--categories {
  width: 100%;
  margin: 0 auto;
  background-color: rgba(248, 253, 255, 0.95);
  padding: 2% 3%;
}

.p-gnav__childLists {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
}

.p-gnav__child {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.p-gnav__child--categories {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.p-gnav__child--categories li {
  font-size: 1.6rem;
  margin-bottom: 5%;
}

.p-gnav__child--categories li:last-child {
  margin-bottom: 0;
}

.p-gnav__child:last-child {
  margin-right: 0;
}

.p-gnav__childListcont {
  margin-right: 2%;
}

.p-gnav__childItem {
  width: calc((100% / 10) - 2%);
  filter: grayscale(80%);
  margin-right: 2%;
  margin-bottom: 2rem;
  transition: all .3s ease;
}

.p-gnav__childItem:nth-child(10n) {
  margin-right: 0;
}

.p-gnav__childItem:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
}

.p-gnav__childImg {
  width: 100%;
  height: auto;
}

.p-gnav__childCatttl {
  font-family: "Anton", sans-serif;
  font-size: 2rem;
  color: #1d1c1c;
  margin-bottom: 15px;
  letter-spacing: 0.1rem;
}

.p-gnav__childCatttl::after {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/ori/50846/etc_img/a_001_header_icon_moreright.svg) no-repeat;
  transform: translate(20px, -3px);
  transition: transform .3s ease;
  vertical-align: middle;
}

.p-gnav__childCatttl:hover::after {
  transform: translate(30px, -3px);
}

.p-gnav__childLink {
  color: #1d1c1c;
}

.p-gnav__childLink:hover {
  opacity: 0.8;
}

.p-functions {
  flex-grow: 0;
  flex-shrink: 1;
  color: #0A015C;
}

.p-functions__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.p-functions i:hover {
  opacity: 0.8;
}

.p-functions__item {
  padding: 3.8rem 1.6rem;
  content: '';
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  font-size: 2.4rem;
}

.p-functions__item:last-child {
  margin-right: 0;
}

.p-functions__item--search, .p-functions__item--login {
  position: relative;
}

.p-functions__childContainer {
  font-size: 1.6rem;
  z-index: 100;
  width: 100%;
  display: none;
  position: absolute;
  top: 98%;
  left: 0;
  background: #fff;
  cursor: auto;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

.p-functions__childContainer--login {
  opacity: 0.95;
  width: 40rem;
  border: none;
}

.p-functions__childContainer--search {
  opacity: 0.95;
  width: 50rem;
  height: 10rem;
  border: none;
  left: -15rem;
  border-radius: 5px;
}

.p-functions__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-functions--mij {
  color: #A51F03;
}

.p-login {
  padding: 10% 0 10% 10%;
  text-shadow: none;
}

.p-login__item {
  margin-bottom: 1.6rem;
}

.p-login__item:last-child {
  margin-bottom: 0;
}

.p-login__item:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  padding-right: 1rem;
}

.p-login__item--registration:before {
  content: "\f234";
  padding-right: 0.5rem;
}

.p-login__item--mypage:before {
  content: "\f2bd";
}

.p-login__item--favorites:before {
  content: "\f004";
}

.p-login__item--login:before {
  content: "\f2f6";
}

.p-login__item--logout:before {
  content: "\f2f5";
}

.p-login__item--password:before {
  content: "\f059";
}

/* 言語通貨選択 */


.p-language {
  flex-grow: 0;
  width: 9rem;
  text-align: center;
  border-bottom: 1px solid #999;
  line-height: 1.15;
  padding-left: 2rem;
  position: relative;
  margin-right: 1%;
  margin-left: auto;
}

.p-language select {
  font-size: 1.6rem;
  display: inline-block;
  appearance: none;
  outline: none;
  cursor: pointer;
}

.p-language:hover {
  opacity: 0.8;
}

.p-language::before {
  content: '\f107';
  font-family: "FontAwesome";
  vertical-align: text-bottom;
  font-size: 2rem;
  font-weight: 900;
  position: absolute;
  top: -0.2rem;
  left: 0;
}

.p-language--op0 {
  opacity: 0;
}

.p-currency {
  flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 9rem;
  text-align: left;
  border-bottom: 1px solid #999;
  line-height: 1.15;
  padding-left: 2rem;
  position: relative;
}

.p-currency select {
  font-size: 1.6rem;
  display: inline-block;
  appearance: none;
  outline: none;
  cursor: pointer;
}

.p-currency:hover {
  opacity: 0.8;
}

.p-currency::before {
  content: '\f107';
  font-family: "FontAwesome";
  vertical-align: text-bottom;
  font-size: 2rem;
  font-weight: 900;
  position: absolute;
  top: -0.2rem;
  left: 0;
}

.p-currency--op0 {
  opacity: 0;
}


/*--------------------------------------
 * フッタ
 *------------------------------------*/
 
 .l-footer {
  width: 100%;
  margin-top: 50px;
  background-color: #0F1A48;
  background-image: url(/ori/50846/etc_img/a_001_footer_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.p-footer {
  display: flex;
  justify-content: flex-start;
  font-family: "Helvetica Neue", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  transform: rotate(0.03deg);
}

.p-footer--top {
  width: 90%;
  padding: 50px;
  margin: 0 auto;
}

.p-footer--top > div {
  width: 100%;
  line-height: normal;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.p-footer__info {
  width: 55%;
}

.p-footer__info-inner {
  width: 100%;
  margin-top: 20px;
}

.p-footer__info-inner address {
  width: 43%;
  display: inline-block;
  margin-left: 15px;
}

.p-footer__info-list {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}

.p-footer__info-list ul {
  font-size: 16px;
  /* padding-bottom: 10%; */
}

.p-footer__info-list ul:first-child {
  margin-right: 20px;
}

/* <b>で置き換えの方がいいかも */
.p-footer__info-list ul li:first-child {
  font-weight: bold;
}

/* タナベ関連リンク */
.web {
  width: 90%;
  margin: 0 auto 20px;
  text-align: center;
}

.web > li {
  display: inline-block;
  width: 30%;
  margin: 0 5px;
  padding: 10px;
  border-radius: 5px;
  background-color: #ddd;
  line-height: 1.5em;
}

.web>li:first-of-type {
  background-color: #e0d91f;
}

.web>li p {
  font-weight: bold;
  color: #0F1A48;
}

.web>li ul {
  display: flex;
  justify-content: space-around;
  width: 55%;
  margin: 0 auto;
}

.web>li>a {
  border-bottom: 1px solid #69c;
  color: #69c;
}

.web>li ul img {
  width: 30px;
}

.p-footer--bottom {
  font-size: 14px;
  display: block;
  border-top: 1px solid #868686;
  text-align: center;
  padding: 15px 0;
}

.p-footer__links {
  margin-bottom: 15px;
}

.p-footer__links ul {
  display: flex;
  justify-content: center;
}

.p-footer__links ul li {
  padding: 0 15px;
}

.p-footer__links ul li:not(:first-child) {
  border-left: 1px solid #fff;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-footer {
  background-image: none;
}
.p-footer--top > div {
  display: block;
}
.p-footer__info {
  width: 100%;
  margin-bottom: 24px;
}
.p-footer__info-inner address {
  width: 100%;
}
.p-footer__info-list {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.p-footer__info-list ul {
  width: 30%;
  line-height: 1.7;
}
}


/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/
#main_area {
    background-color:#fff;
    border-color:#afaeae;
    margin: 0 auto;
    text-align:center;
    max-width: 1300px;
}
#main_area2 {
    background-position: top left;
    background-repeat: repeat-y;
    background-color:#fff;
    margin: 0px;
    text-align:center;
}
#main_cont {
    background-color:#fff;
    text-align:left;
    padding:10px 50px 20px 50px;
}
#main_cont2 {
    background-color:#fff;
    text-align:left;
    padding:0px 0px 20px 20px;
    width: 850px;
    float:right;
}
.clearing {
    height: 0;
    clear: both;

}
/*--------------------------------------
 * サイドバー
 *------------------------------------*/

#sidebar_area a:link    { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:visited { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:active  { color:#1a9bd2; text-decoration:underline; }
#sidebar_area a:hover   { /*color:#b57100;*/ text-decoration:underline; /*background-color:#fff7b2;*/ }


#side .sidebardl dd form {
	margin-bottom: 8px;
}


#side .sidebardl dd form select {
	width: 310px;
	height: 28px;
	margin-bottom: 8px;
	margin-top: 8px;
}
#side .sidebardl dd form .text {
	width: 230px;
	height: 30px;
        margin-left: 20px;

}
#side .sidebardl dd form .btn {
	height: 30px;
	width: 30px;
	background-image: url(/ori/50846/etc_img/lft_search.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	text-indent: -99999px;
	display: inline;
	margin-left: -5px;
	border-style: none;
}



/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:0px auto;
}

/*--------------------------------------
 * ページタイトル
 *------------------------------------*/
 .title_custom,
 .title {
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
 } 

 .title_custom {
  font-size: 3rem;
  line-height: 2;
  padding: 0;
  margin: 2rem 0;
}

.title {
    font-size: 15px;
    padding: 5px 3px 3px 0.5em;
    margin: 8px 0px;
}


.g_title {
	font-size: 9px;
	color: #777;
  padding: 5px 3px 3px 0.5em;
	margin: 8px 0px;
}


/*--------------------------------------
 * テーブル
 *------------------------------------*/
/* テーブル枠 */
.tbl {
    background-color:#afaeae;
}
/* タイトル部 */
.cell_t {
    color:#777;
    background-color:#f7f7f3;
    padding: 3px;

}

/* データ部 */
.cell_d {
    color:#777;
    background-color:#fff;
    padding: 3px;
}

/* 列幅　注文履歴 */
.letu_w {
	width: 35%;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #f03;
    font-weight: bold;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #777;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background: #ffffcc url(/tpl_img/proto_ja/alert.gif) 4px 4px no-repeat;
    border: 1px solid;
    border-color: #ff0000;
    padding: 5px 5px 5px 32px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
}

/*--------------------------------------
 * 商品一覧
 *------------------------------------*/
 .p-item,
 .p-item-list {
  width: calc(100% - 300px);
  padding-left: 3%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .p-item,
 .p-item-list {
  width: 100%;
  padding-left: 0;
}
}
.p-item__wrapper,
.p-item-list__grid {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.p-item__wrapper li,
.p-item-list__item {
  width: calc( (100% / 4) - 12px );
  padding: 24px 0 40px;
  border-bottom: 3px solid #eee;
  text-align: center;
}
.p-item-list__link {
  width: 100%;
}

.p-item-image__wrap,
.p-item-list__image {
    position: relative;
    display: block;
    line-height: 0;
    margin-bottom: 8px;
}
.p-item-image__wrap img,
.p-item-list__image img {
  width: 100%;
}
/* SOLD OUT text */
.is-soldout::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(70, 70, 70, 0.6); 
    z-index: 5; 
}

.soldout-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    z-index: 10;
}

.p-item-list__detail {
  width: 100%;
  text-align: left;
}
.p-item__wrapper li div:has(.goods_copy, .goods_sale),
.p-item-list__item .p-item-list__badges {
  margin-bottom: 4px;
}

.goods_name,
.p-item-list__title {
  /* ↓商品名3行まで↓ */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}

.goods_copy, .goods_sale {
  display: inline-block;
  margin-bottom: 4px;
  padding: 4px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.goods_copy {
  background-color: #6AA5E0;
  color: #fff;
}

.goods_sale {
  background-color: #f00;
  color: #ffe6e6;
}
.p-item-list__price-container {
  font-size: 12px;
  color: #777;
}
.p-item-list__price-container span:first-of-type {
  text-decoration: line-through;
}

.c-price__main {
  font-size: 24px;
  font-weight: bold;
  color: #F00;
}

/* 商品定価(円) 商品一覧、詳細 */
.list-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #777;
}

.pro_price_ichibu {
  font-size: 14px;
}



/*--------------------------------------
 * リンク抑制文字色
 *------------------------------------*/
.linkoff {
    color: #c0c0c0;
    text-decoration: underline;
}

/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
* html #main_cont2 { height: 1%; }
/* End hide from IE5-mac */ 


/*★★★新CSSindex.css★★★ */
/* CSS Document */

#srch a:hover, .ar_black a:hover, .ar_black_list a:hover, .sidepass:hover, #ranking .r_list a:hover, .top_bnr a:hover, .check_list a:hover {
	text-decoration: none !important;
	zoom:1;
}
.child_cat li a:hover, .kids_cat li a:hover, .whatsnew a:hover, .cat_lists h4 a.txt:hover {
	text-decoration: underline;
		zoom:1;
}
#all {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#hdr h1 {
	padding: 14px 0;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	color: #999
}
.gnav {
	overflow: hidden;
	margin: 15px 0 15px 0;
}
.gnav li {
	float: left;
        margin-top: 13px;
        margin-right: 15px;
}
.gnav li.w01 {
	width: 215px !important;
	margin: 21px 23px 0 0 !important;
}
.gnav li.w01-01 img {
}
.gnav li.w02 {
	width: 70px !important;
	margin: 25px 5px 0 30px !important;
}
.gnav li.w03 {
	width: 128px !important;
	margin: 25px 5px 0 5px !important;
}
.gnav li.w04 {
	width: 106px;
	margin: 10px 11px 0 0;
}
.hnav li {
	float: left ;
	margin: 25px 5px 0 11px;
}
.hnav li.w05 {
	margin: 15px 5px 0px 5px;
}

/*言語選択*/
#all #hdr .gnav .lang form {
	width: 100px;
	float: left;
	margin: 0px 0px 0px 8px;
	text-align: right;
	background-image: url(/ori/50846/etc_img/lang_ico.gif);
	background-repeat: no-repeat;
}

#all #hdr .gnav .lang form .gobtn {
	display: none;
}

.lang {
  margin-top: 10px;
}


#all #hdr .gnav .tshuka form {
	float: right;
	margin: 0px 3px 0px 0px;
}


.tshuka {

}

.cnav {
	margin: 0 0 4px 0;
	overflow: hidden;
}
.cnav li {
	float: left;
	width: 104px;
	margin: 0 6px 6px 0;
}
.cnav li.mr5 {
	margin: 0 5px 6px 0;
}
.cnav li.last {
	margin: 0 0 6px 0;
}
#srch {
	clear: both;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.hdr_bnr {
	margin: 0 0 0px 0;
}

#srch .keyword {
	width: 300px;
	float: left;
	font-size:16px;
	margin: 0;
	border-top: solid 3px #ddd;
	border-bottom: solid 3px #ddd;
	border-left: solid 3px #ddd;
	border-radius: 3px 0 0 3px;
	height: 35px;
	padding: 2px 0 2px 6px;
	line-height: 25px;
}
#srch .input {
	float: left;
	width: 403px;
}
#srch .input a {
	float: left;
	margin: 15px 0 0 14px;
}
.ar_black, .ar_black_list li a, .cat_txt_list li a {
	background-image: url(../img/cmn/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 11px;
	color: #333;
}
.ar_black_list li a {
	display: block;
	margin: 0 0 7px 0;
}
#srch .txt {
	float: left;
	margin: 15px 0 0 0;
}
#srch .txt a:link {
	color: #333;
}

#side {
	float: left;
	width: 330px;
}
#main {
	float: right;
	width: 855px;
}
.s01 {
	width: 140px;
	float: left;
	margin: 0 10px 0 0;
}
.s02 {
	width: 180px;
	float: left;
}
.sidepass {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	display: block;
	width: 140px;
}
#side .check_list {
	text-align: center;
	padding: 15px 8px;
	background-color: #f0f0f0;
}
#side .check_list li {
	display: block;
	margin: 0px 0px 10px 0px;
}
#side .check_list li table{
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	background-color:#FFF;
}

#side .check_list li a {
	color: #333;
}
#side .check_list li img {
    width:100px;
	margin: 0px;
	height:auto;
}
#side .check_list li span {
	display: block;
	font-size: 11px;
	margin: 8px 0 16px 0;
	line-height: 150%;
}
.bg_black {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e7e7e+0,515151+100 */
	background: #7e7e7e; /* Old browsers */
	background: linear-gradient(to bottom, #7e7e7e 0%, #515151 100%); /* W3C */
}
.ar_white {
	background-image: url(../img/cmn/arrow_white.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
}
a.ar_white {
	color: #fff;
}
.cat_lists {
	margin: 0 0 20px 0;
}
.cat_ttl {
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c355e+0,101a49+100 */
	background: #2c355e; /* Old browsers */
	background: linear-gradient(to bottom, #2c355e 0%, #101a49 100%); /* W3C */
  line-height:0;
	border-bottom: solid 1px #fff;
	width: 180px;
}

.cat_ttl .cat_txt a{
	color:#FFF;
	text-decoration:none;
	}

.cat_ttl .cat_txt a:hover{
     opacity: 1;
     zoom: 1;	
}

.child_cat.open{
	display:block;
	}

.cat_ttl .cat_txt {
	color: #FFF;
	padding: 10px 0 10px 18px;
	margin: 0px;
	line-height:100%;
	text-decoration: none;
	width:100%;
	height:100%;
	text-align:left;
}

.cat_ttl .cat_txt a{
	opacity:100%;
	display:block;
}
.cat_ttl .cat_link{
		width: 26px;
		vertical-align:middle;
	}
.cat_ttl .cat_link a.cat_toggle{
	display:block;
	width: 26px;
	height:23px;
	text-indent:-99999px;
	text-decoration: none;
	background-image: url(../img/cmn/arrow_side_btm.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-left: solid 1px #fff;
}
.cat_ttl .cat_link a.cat_toggle.open {
	background-image: url(../img/cmn/arrow_side_top.png);
}
.cat_lists li ul {
	display: none;
}
.cat_lists li ul, .kids_cat{
	background-color: #E9EBEF;
	padding: 10px 7px;
	margin: 0 0 1px 0;
}

.cat_lists li ul li, .kids_cat li {
	padding: 3px 0 3px 10px;
	background-image: url(../img/cmn/arrow_side_left.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display:block;
}
.cat_lists li ul li a, .kids_cat li a {
	display:block;
	color: #333;
	font-size: 12px;
	text-decoration: none;
}

.status .keyword {
	margin: 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	width: 309px;
	border-radius: 3px 0 0 3px;
	float: left;
	height: 25px;
	padding: 2px 0 2px 6px;
	line-height: 25px;
	ime-mode: disabled;
}

.cat_item {
	float: left;
	width: 532px;
}
.cat_maker {
	float: right;
	width: 642px;
}
.cat_item .pickup, .cat_maker .pickup {
	float: left;
	width: 75px;
	margin: 0 11px 0 0;
	text-align: center;
}
.cat_item .pickup p, .cat_maker .pickup p {
	margin: 0 0 8px 0;
}

.cat_all {
	float: left;
	display: table-row;
	margin: 0 0 20px 0;
}
.cat_item .cat_all {
	width: 446px;
}
.cat_maker .cat_all {
	width: 556px;
}
.cat_txt_list {
	display: table-cell;
	line-height: 165%;
	margin: 0 0 20px 0;
	padding:0 3px 0 0;
}
.cat_txt_list.wdt_03, .cat_txt_list.wdt_06{
	padding:0;
	}

.cat_all li a{
	word-break:keep-all !important;
}

/* top  */

/*
	top
*/


#catch {
	overflow: hidden;
	margin: 0 0 20px 0;
}

#r_cat_tab li {
	float: left;
	width: 140px;
	border-radius: 4px 4px 0 0;
	margin: 0 1px 0px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddd+0,b0b0b0+100 */
	background: #ddd; /* Old browsers */
	background: linear-gradient(to bottom, #ddd 0%, #b0b0b0 100%); /* W3C */
	text-align: center;
	line-height:0;
}
#r_cat_tab li.on {
	padding: 0 0 1px 0;
	background: none;
	background-color: #eee !important;
	background: linear-gradient(to bottom, #eee 0%, #eee 100%); /* W3C */
}
#r_cat_tab li a:hover {
  opacity: 1;
  zoom: 1;
}
#ranking .r_list {
	overflow: hidden;
	width:855px;
	background-color: #eee;
	padding: 14px 0 14px 26px;
	display: none;
}
#ranking .r_list.on {
	display: block;
}
#ranking {
	margin: 0 0 20px 0;
}
#ranking .r_list li {
	float: left;
	width: 114px;
	margin: 0px 10px;
	text-align: center;
}
#ranking .r_list li table{
	position:relative;
	width:100px;
	height:100px;
	padding:0;
	margin:0 0 10px 0;
	background-color:#FFF;
}
#ranking .r_list li table img{
}
#ranking .r_list span {
	position: absolute;
	top:0;
	left:0;
	line-height: 0;
	text-indent: -99999px;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: left top;
}
#ranking .r_list span.no01 {
	width: 21px;
	height: 17px;
	background-image: url(../img/cmn/r_ico_01.png);
}
#ranking .r_list span.no02 {
	width: 21px;
	height: 17px;
	background-image: url(../img/cmn/r_ico_02.png);
}
#ranking .r_list span.no03 {
	width: 21px;
	height: 17px;
	background-image: url(../img/cmn/r_ico_03.png);
}
#ranking .r_list span.no04 {
	width: 25px;
	height: 25px;
	background-image: url(../img/cmn/r_ico_04.png);
}
#ranking .r_list span.no05 {
	width: 25px;
	height: 25px;
	background-image: url(../img/cmn/r_ico_05.png);
}

#ranking .r_list em {
	line-height: 18px;
	height:90px; /* 5行 */
	overflow:hidden;
	font-size:11px;
	display: block;

}
#ranking .r_list a:link {
	color: #333;
}
.top_freebnr {
	margin: 0 0 20px 0;
}
.top_bnr {
	margin:0 0 10px 0;
	}
.top_bnr li {
	float: left;
	width: 209px;
	margin: 0 6px 0px 0;
	padding: 0px 0px 10px 0px;
	display: inline;
}
.top_bnr a:link {
	color: #333;
}
.top_bnr span {
	display: block;
	text-align: center;
	line-height: 140%;
	font-size:11px;
	padding: 1px 0px 0px 0px;
}
.top_bnr li.last {
	margin: 0px 0px 0px 1px;
}
.top_bnr.hdr_bnr li {
	width: 194px;
	margin: 0px 7px 0px 0px;
	padding: 0px 0px 7px 0px;
}
.top_bnr.hdr_bnr li.last {
	margin: 0px 0px 0px 1px;
}
.top_bnr.hdr_bnr li img {
	height: auto;
}
.top_reco li {
	float: left;
	width: 128px;
	margin: 0px 17px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.top_bnr ul, .top_reco ul{
	clear:both;
}

.top_reco a:link {
	color: #333;
	text-decoration: none;
}
.top_reco img{
	border:1px solid #B3B3B3;
	}

.top_reco em {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 5px 0px;
}
.top_reco span {
	display: block;
	text-align: center;
	line-height: 140%;
	padding: 0px 0px 5px 0px;
	text-decoration: underline;
}
.top_reco li.last {
	margin: 0px 0px 20px 0px;
}
.clm2_bnr {
	clear: both;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding:20px 0px 0px 0px;
}
.clm2_bnr li {
	float: left;
	width: 418px;
	margin: 0px 19px 0px 0px;
}
.clm2_bnr li.last {
	float: left;
	width: 418px;
	margin: 0px 0px 0px 0px;
}
.maker_list {
	margin: 0px 0px 15px 0px;
	overflow:hidden;
}
.maker_list li {
	float: left;
	width: 80px;
	margin: 0px 6px 6px 0px;
}
.maker_list li.last {
	margin: 0px 0px 6px 0px;
}


/*
	list page
*/

#srch_panel{
	border: solid 1px #B3B8C6;
	background-image: url(../img/cmn/panel_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	margin:0px 0px 10px 0px;
	}

.sample_txt{
	font-size:90%;
	}
.clear_link{
	margin-left:10px;
	background-color:#777;
	color:#fff !important;
	border-radius:5px;
	font-size:90%;
	padding:1px 3px;
	text-decoration:none;
	}
.disime{
	ime-mode:disabled;
	}
.srch_bg{
	background-color: #fff;
	margin: 9px;
	padding: 22px 0px 22px 22px;	
	}

.srch_bg table th{
	font-weight:normal;
	}
.srch_bg table th,.srch_bg table td{
	padding:0px 0px 17px 0px;
	text-align:left;
}

.srch_bg .hidden_fld, .srch_bg .hidden_fld th{
	padding: 0px;
	margin: 0px;
	}
.srch_bg .wdt_01{
	width:100px;
	}

.srch_bg .wdt_02{
	width:68px;
	}

.srch_bg .wdt_03{
	width:317px;
	}
.srch_bg a:link{
	color:#333;
	}
.srch_bg a:hover{
	text-decoration:none;
	}
.panel_sbmt{
	text-align: center;
	}

.panel_sbmt .btn_panel{
		background-color: #FFF;
	background-image: url(../img/cmn/panel_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	border:none;
	line-height:0;
	width:176px;
	height:35px;
	text-indent:-99999px;
	cursor:pointer;	
	margin:10px auto;	
}

.fld_l{
	width:274px;
	}

.fld_m{
	width:274px;
	}
.fld_s{
	width:146px;
	}

.fld_c{
	margin:0px 10px 0px 0px;
	}


/*
	チェックした商品一覧
*/

.check_all .check_list li {
	float: left;
	width: 128px;
	margin: 0px 7px;
	padding: 0px 0px 10px 0px;
}

.check_all .check_list a:link {
	color: #333;
	text-decoration: none;
}
.check_all .check_list em {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 5px 0px;
}
.check_all .check_list span {
	display: block;
	text-align: center;
	line-height: 140%;
	padding: 0px 0px 5px 0px;
	text-decoration: underline;
}

.check_all .check_list li table{
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	margin: 0px auto;
	background-color:#FFF;
}

.check_all .check_list li img {
  width:100px;
	margin: 0px 0px 8px 0px;
	height:auto;
}

.detail_check_all{
	border:solid 1px #CBCED8;
	float:left;
	}
.detail_check_all h4{
	display:inline;
	vertical-align:middle;
}

.detail_check_all h4 img{
vertical-align:middle;
margin:10px;
}
.detail_check_all a.check_all{
	line-height:14px;
	color:#333;
	position:relative;
	top:1px;
}
.detail_check_all a:link {
	color: #333;
	text-decoration: underline;
}
.detail_check_all a:hover{
	text-decoration:none;	
}

.detail_check_all .check_list li {
	float: left;
	width: 128px;
	margin: 0px 7px;
	padding: 0px 0px 10px 0px;
}


.detail_check_all .check_list em {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 5px 0px;
}
.detail_check_all .check_list span {
	display: block;
	text-align: center;
	line-height: 18px;
	height:90px;
	overflow:hidden;
	margin:8px 0px;
	font-size:11px;
}

.detail_check_all .check_list li table{
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	background-color:#FFF;
}

.detail_check_all .check_list li img {
  width:100px;
	margin: 0px;
	height:auto;
}

.child_cat li{
	text-align:left;
}

.kids_cat li{
	text-align:left;
}


/*★★★新CSSsplt.css★★★ */
/* CSS Document */

/*
	header
*/

.btn_srch {
	background-image: url(/ori/50846/etc_img/search_btn01.png);
	width: 43px;
	height: 43px;
	background-position: 0 0;
	display: inline;
	float: left;
	border: none;
	background-color:#fff;
}


/*
	side
*/
.sside {
	background-image: url(/ori/50846/etc_img/side.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
	font-size: 0;
	line-height: 0;
}
.sside.bnr_01 {
	width: 140px;
	height: 55px;
	background-position: 0 0;
	margin: 0 0 8px 0;
}
.sside.bnr_02 {
	width: 140px;
	height: 45px;
	background-position: 0 -55px;
	margin: 0px 0px 10px 0px;
}
.sside.bnr_03 {
	width: 140px;
	height: 45px;
	background-position: 0 -100px;
	margin: 0px 0px 10px 0px;
}
.sside.bnr_04 {
	width: 180px;
	height: 55px;
	background-position: 0 -145px;
	margin: 0 0 13px 0;
}
.sside.cat {
	width: 61px;
	height: 16px;
	background-position: 0 -200px;
	margin: 0 auto 13px auto;
	background-color: #FFF;
}
.sside.cat_kids {
	width: 180px;
	height: 38px;
	background-position: 0 -216px;
}
.sside.check {
	width: 140px;
	height: 40px;
	background-position: 0 -254px;
}

/*★★★新CSSnormalize.css★★★ */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

a:hover, .btn_srch:hover, .btn_sbmt:hover, .btn_panel:hover{
     opacity: 0.8;
     zoom: 1;    
}

#slide_list a:hover{
     opacity: 1;
     zoom: 1;    
}

html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

figcaption,
figure,
hgroup,
main,
menu
 {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */



/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/*
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
*/
/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

 select {
  appearance: none;
}

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

input {
  line-height: normal;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */



/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  appearance: none;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}


/* Common
   ========================================================================== */

.fclear{
	clear:both;
}
.mb10{
	margin-bottom: 10px !important;
}
.pl10{
	padding-left: 10px !important;
}
.disnone{
	display:none;
	}
.blks{
	clear:both;
	overflow:hidden;
}


.imgarea {
  width:350px;
  float:left;
}

/* ↓↓商品詳細htmlからは削除済↓↓ */
.comearea {
  width:500px;
  float:left;
  margin-left: 20px;
}


/* .inquiry_ems form .startbtn_sbmt, .inquiry_ems_right form .startbtn_sbmt {
	background-image: url(/ori/50846/etc_img/btn_start_img_en.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 28px;
	display: inline;
	float: left;
	border: none;
	background-color:#fff;
	text-indent: -99999px;	
} */
/* .right_face {
	margin-bottom: 20px;
} */


/*配送追跡*/
/* .inquiry_ems {
	float: left;
	width: 580px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	border: 5px solid #878CA4;
	margin-bottom: 30px;
	margin-left: 50px;
}

.inquiry_ems form.inquiry_ems_right form {
	margin: 0 0 0 50px;
}
.inquiry_ems form .keyword {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	width: 357px;
	float: left;
	height: 28px;
	line-height: 28px;
	ime-mode: disabled;
	margin: 0 0 0 50px;
	padding: 0 0 0 6px;
}

.inquiry_ems_right {
	float: left;
	width: 500px;
	padding: 0px 0px 8px 0px;
	border: 5px solid #878CA4;
	margin-bottom: 30px;
	margin-left: 20px;
}
.inquiry_ems_right form .keyword {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	width: 300px;
	float: left;
	height: 28px;
	line-height: 28px;
	ime-mode: disabled;
	margin: 0 0 0 50px;
	padding: 0 0 0 6px;
}
.inquiry_ems p {
	width: 380px;
	float: left;
	line-height: 150%;
	margin: 10px 5px 10px 0px;
}
.inquiry_ems_right p {
	width: 330px;
	float: left;
	line-height: 150%;
	margin: 10px 5px 10px 0px;
} */

/* .ts_info_left {
	width: 250px;
	float: left;
}
.ts_info dl {
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #006;
	line-height: 150%;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ts_info .ts_info_logo {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.ts_info_rigth {
	width: 215px;
	float: right;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 10px;
}

.ts_info dl dt, .ts_info dl dd {
	display: inline;
}
.ts_info dl dt {
	font-weight: bold;
} */

#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pagetop a {
	background-image: url(/ori/50846/etc_img/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 60px;
	height: 60px;
	line-height: 0;
	font-size: 0;
	text-indent: -99999px;
	display: block;
}

/* レフトメニューの開閉 */
.accordion {
	width:180px;
	padding:0;
}
.accordion ul {
	width:180px;
	padding:0;
}
.s02 .accordion li {
	position:relative;
	border-bottom: 1px solid #ccc;
	list-style:none;
}
.accordion li:first-child {
	border-top: 1px solid #ccc;
}
.accordion > ul > li > a {
	text-decoration: none;
	display: block;
	cursor: pointer;
	position: relative;
	margin-left: 8px;
}
.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
}
.accordion > ul > li > p {
	display: none;
	text-align:left;
	padding:0;
	color:#555;
}
.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 8px;
	height: 8px;
	top:7px;
	right:170px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 8px;
	height: 1px;
    background-color: #ccc;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
}

.accordion ul li .toggle .title {
	font-weight: bold;
	margin-left: 10px;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	border-style: none;
	background-color: #FFF;
	text-align: left;
	font-size: 11px;
}

.accordion ul li .menu2 {
	display: none;
}
.accordion ul li .menu2 li {
	font-size: 11px;
	list-style-type: none;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 8px;
}

/* top category */
.topbnr_l {
  width: 100%;
  height: 50vh;
  position: relative;
}

.topbnr_l div {
  background-repeat: no-repeat;
  background-size: cover;
}

.topbnr_l p {
  width: 100%;
  height: 50vh;
}

.top_img_l_01 {
  background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/EN_top1.jpg);
}

.top_img_l_02 {
  background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/202210_top_pc_mino.jpg);
}

.topbnr_m {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
  margin: 0 auto;
}

.img_n_txt > div {
  width: 100%;
  height: 100%;
}

.jp_brandsbnr {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
}

.topcategories {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.topcategories li {
  height: 235px;
  margin: 3px;
  position: relative;
}

.topcategories li div {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(75%);
}

.topcategories .category_01 {
  background-image: url(/ori/50846/etc_img/top_category_01.jpg);
}

.topcategories .category_02,
.topcategories .category_03,
.topcategories .category_04,
.topcategories .category_05 {
background-size: cover;
}

.topcategories .category_02 {
background-image: url(/ori/50846/etc_img/top_category_02.jpg);
}

.topcategories .category_03 {
background-image: url(/ori/50846/etc_img/top_category_03.jpg);
}

.topcategories .category_04 {
background-image: url(/ori/50846/etc_img/top_category_04.jpg);
}

.topcategories .category_05 {
background-image: url(/ori/50846/etc_img/top_category_05.jpg);
}

.topcategories li p, .img_n_txt p {
  width: 80%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  color: white;
}

.img_n_txt p {
  height: auto;
  font-size: 3em;
  text-shadow: 0px 0px 17px rgba(0, 0, 0, 0.89);
  color: white;
}

.topcategories_small {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  margin: 10px auto;
}

.topcategories_small a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 13px;
  font-weight: bold;
  font-size: 2rem;
  color: #333;
  background-color: #e0d91f
}

.jp_brands_logo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 10px auto;
}

.jp_brands_logo li {
  width: 19%;
}

.jp_brands_logo li img {
  width: 100%;
}

/* トップ　価格２ */

.t10 {
	color: #F00;
  font-size:1.6rem;
	font-weight: bold;

}
/* トップ 完売 */
.soldout {
	font-weight: bold;
	color: #fff;
  background-color: #777;
  text-align: center;
	margin-bottom: 10px;
	padding: 3px 0;
}

/* 商品詳細_左右分割 */	

.p-item-detail {
  padding-left: 3%;
  width: calc((100% - 300px) - 3%);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.p-item-detail {
  padding-left: 0;
  width: 100%;
}
}

.p-item-detail * {
  box-sizing: border-box;
}

.p-item-detail__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.p-item-detail__comearea {
  padding-right: 2%;
  padding-left: 3%;
  width: 50%;
  overflow: hidden;
}


/* 商品詳細_画像スライド */	
/* 髯ｷ鮃ｹ莠ゑｿｽ�ｽ驛｢譎｢�ｽ�ｼ驛｢�ｧ�ｽ�ｸ驍ｵ�ｲ遶擾ｽｵ�ｽ�ｬ�ｽ�｡驛｢譎擾ｽ｣�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｸ驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ髯ｷ闌ｨ�ｽ�ｱ鬯ｨ�ｾ陞｢�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｹ驛｢�ｧ�ｽ�ｿ驛｢�ｧ�ｽ�､驛｢譎｢�ｽ�ｫ */
.swiper-button-prev,
.swiper-button-next {
  width: 4rem;
  /* 驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ驍ｵ�ｺ�ｽ�ｮ髯晢ｽｷ�ｽ�ｽ */
  height: 4rem;
  /* 驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ驍ｵ�ｺ�ｽ�ｮ鬯ｯ�ｮ陋滂ｽ･�ｽ�ｽ */
  margin-top: -2rem;
  /* 鬩搾ｽｵ�ｽ�ｦ髣包ｽｳ�ｽ�ｭ髯樊ｻゑｽｽ�ｮ鬯ｩ貅ｷ隱ｿ�ｽ�ｽ�ｽ�ｮ鬨ｾ蛹�ｽｽ�ｨ�ｽ�ｽ陞｢�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｿ驛｢譎｢�ｽ�ｳ驍ｵ�ｺ�ｽ�ｮ鬯ｯ�ｮ陋滂ｽ･�ｽ�ｽ�ｸ�ｺ�ｽ�ｮ髯ｷ莨∝ｮｦ�ｽ�ｽ驍ｵ�ｺ�ｽ�ｮ驛｢譎樔ｺらｸｺ螳茨ｽｹ譎｢�ｿ�ｽ邵ｺ�ｽ�ｹ譎�§�ｽ�ｽ驛｢譎｢�ｽ�ｼ驛｢�ｧ�ｽ�ｸ驛｢譎｢�ｽ�ｳ�ｽ�ｽ�ｽ�ｽtop:50%驍ｵ�ｺ陟募ｨｯ�ｽ驍ｵ�ｺ�ｽ�ｧ驍ｵ�ｺ�ｽ�ｫ鬮ｫ�ｪ�ｽ�ｭ髯橸ｽｳ陞｢�ｹ�ｽ�ｽ�ｹ�ｧ陟募ｨｯﾂ€�ｻ驍ｵ�ｺ�ｽ�ｽ�ｽ蜈ｷ�ｿ�ｽ�ｽ�ｽ */
  background-size: 4rem 4rem;
  /* 鬮｢�ｭ隴ｴ�ｧ陷搾ｽｹ鬨ｾ蛹�ｽｽ�ｻ髯ｷ蜑�ｽｸ蟯ｩ�ｽ驍ｵ�ｺ陷会ｽｱ遯ｶ�ｻ驍ｵ�ｺ�ｽ�ｮ驛｢�ｧ�ｽ�ｵ驛｢�ｧ�ｽ�､驛｢�ｧ�ｽ�ｺ�ｽ�ｽ髣鯉ｽｨ�ｽ�ｼ隴趣ｿｽ�ｽ�｡�ｽ�ｨ鬩穂ｼ夲ｽｽ�ｺ驍ｵ�ｺ陷会ｽｱ隨ｳ�ｽ�ｸ�ｺ�ｽ�ｽ陋ｻ�､髯ｷ蜑�ｽｸ鄙ｫ��驛｢�ｧ�ｽ�､驛｢�ｧ�ｽ�ｺ�ｽ�ｽ�ｽ�ｽ */
  position: relative;
  border-radius: 5px;
}

/* 髯ｷ鮃ｹ莠ゑｿｽ�ｽ驛｢譎｢�ｽ�ｼ驛｢�ｧ�ｽ�ｸ驍ｵ�ｲ遶擾ｽｵ�ｽ�ｬ�ｽ�｡驛｢譎擾ｽ｣�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｸ驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ髯ｷ闌ｨ�ｽ�ｱ鬯ｨ�ｾ陞｢�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｹ驛｢�ｧ�ｽ�ｿ驛｢�ｧ�ｽ�､驛｢譎｢�ｽ�ｫ */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: none;
}

/* 髫ｹ�ｺ�ｽ�｡驛｢譎擾ｽ｣�ｹ�ｽ�ｽ驛｢�ｧ�ｽ�ｸ驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ驍ｵ�ｺ�ｽ�ｮ驛｢�ｧ�ｽ�ｹ驛｢�ｧ�ｽ�ｿ驛｢�ｧ�ｽ�､驛｢譎｢�ｽ�ｫ */
.swiper-button-next {
  right: -5px;
  background-image: url(/ori/51070/etc_img/a_001_info_icon_next.svg);
}

/* 髯ｷ鮃ｹ莠ゑｿｽ�ｽ驛｢譎｢�ｽ�ｼ驛｢�ｧ�ｽ�ｸ驛｢譎�鯵邵ｺ�｡驛｢譎｢�ｽ�ｳ驍ｵ�ｺ�ｽ�ｮ驛｢�ｧ�ｽ�ｹ驛｢�ｧ�ｽ�ｿ驛｢�ｧ�ｽ�､驛｢譎｢�ｽ�ｫ */
.swiper-button-prev {
  left: -5px;
  background-image: url(/ori/51070/etc_img/a_001_info_icon_prev.svg);
}

.swiper-pagination {
  padding-top: 5rem;
  position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  background: #ccc;
  opacity: 0.7;
}

.swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 1rem;
}

.swiper-pagination-bullet-active {
  width: 1.4rem;
  height: 1.4rem;
  background: #000;
  opacity: 1;
}

.swiper-wrapper {
  height: auto;
  align-self: flex-start;
}

.swiper-container {
  height: auto;
  padding-top: 1rem;
}

.p-swiper__Control {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 1rem;
  top: 3rem;
}

.swiper-slide {
  align-self: flex-start;
  aspect-ratio: 1/1;
}

/* 商品詳細 */
.p-item-detail__header {
  margin-bottom: 54px;
}	
.p-item-detail__name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}


/* 商品詳細商品タグ */
.p-item-detail__tags {
  margin-bottom: 8px;
}

.p-item-detail__tags a {
  padding: 4px;
  background-color: #eee;
  font-size: 14px;
  text-decoration: underline;
}

/* .highlight-race a {
  background-color: #e0d91f;
}

.highlight-gw a {
  background-color: rgb(0, 0, 0);
  color: white;
}

.highlight_default a {
  background-color: #8ed6ff;
} */

.display_none {
  display: none;
}

/* 商品詳細商品番号 */
.p-item-detail__id {
  margin-bottom: 32px;
	font-size: 16px;
  color: #777;
}

/* .p-item-detail__price-container {
  margin-bottom: 80px;
} */

.p-item-detail__price-wrap {
    position: relative;
    display: inline-block;
    cursor: default;
}
.p-item-detail__price-wrap .c-price__main {
    font-size: 32px;
}

/* 国内販売価格 */
.p-item-detail__price-jpy {
color: #F00;
font-size: 16px;
}
.p-item-detail__price-wrap .c-price__discount {
  visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateX(0);
    z-index: 1000;          
    white-space: nowrap;
    margin-top: 5px;
    margin-left: 0;
    background-color: #eee;
    color: #333;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.p-item-detail__price-wrap:hover .c-price__discount {
    visibility: visible;
    opacity: 1;
}

.p-item-detail__price-wrap:hover .c-price__main {
  opacity: 0.5;
}

/* 商品詳細完売 */
.p-item-detail__soldout {
  display: block;
  width: 100%;
	margin-bottom: 15px;
  background-color: #333;
	font-weight: bold;
	color: #fff;
}
	
/* 商品詳細価格 */	
.item_price {
	font-size: 30px;
	font-weight: bold;
	color: #F00;
}

/* 商品詳細重量*/
.gb {
	font-weight: bold;
}
.gr {
	color: #F00;
}

/*商品詳細重量*/
.grossw {
    margin-left: 155px;
}


/* 在庫表示：説明_吹き出し */
.zaiko_c {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px;
  border-radius: 4px;
  background-color: #eee;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.zaiko_c::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #eee transparent transparent;
  translate: -50% 100%;
}


/* SKUオプション */
.tbl_container{
	width: 100%;
	overflow-y: auto;
}
.size_color_tbl{
	border-collapse:collapse;
	border:solid 1px #ccc;
	width:100%;
}
.size_color_tbl td,.size_color_tbl th{
	border:solid 1px #ccc;
	padding:3px;
}
.size_color_tbl th, .size_color_tbl .cell_t{
background-color:#FBFBFF;
font-weight:bold;
white-space: nowrap;
word-break:keep-all;
}
.size_color_tbl td{
text-align:center;
vertical-align: middle;
}

.size_color_tbl .color_name{
text-align:left;	
}

/* サイズ表誘導：アパレル商品のみ */
.size_c {
    /* margin-bottom: 0px; */
}

.size_c::after {
    content: '';
    display: inline-block;
    background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/14580-1.png);
    width: 35px;
    height: 20px;
    vertical-align: middle;
    background-size: 80%;
    background-repeat: no-repeat;
    margin-left: 8px;
}

.size_c a {
    color: #000;
}

.add_cart{
	margin:20px 0px;
	text-align: left;
}

.add_cart > div {
  margin-bottom: 10px;
}

.add_cart span input:first-of-type {
  width: 46px;
  vertical-align: middle;
}

/* 商品詳細_カート追加ボタン */
.add_cart .add_cart_btn, .favoriteButton {
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  padding: 10px 20px;
}

[value="Add to Cart" i], .update_info {
  width: 70%;
    background: #e58045;
    color: #fff;
    border: none;
    padding: 10px 20px;
}

[value="Add to Cart" i]:hover {
  opacity: 0.5;
}

[value="Add favorites" i] {
    border: 1px solid #e58045;
    color: #e58045;
    background: #fff;
}

.add_cart .quan{
	text-align:center;	
}

.attention_s{
	padding: 5px 0px;
	font-size:90%;
	text-align:right;
}


/*商品詳細販促*/
.p-item-detail_promo {
  margin: 40px auto;
}

.p-item-detail_promo img{
  width: 100%;
}

.p-item-detail_promo div{
  margin: 15px auto 10px;
}

.p-item-detail_promo ul{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.p-item-detail_promo li{
  width: 25%;
}


/* 商品詳細説明文*/
.setumei {
	margin-bottom: 30px;
  background: #eee;
  border-radius: 5px;
  padding: 20px;
}

.setumei-img {
  display: none;
}
/* 商品詳細ページ下部：商品タグ */
.goods_keywords_list {
  margin-bottom: 24px;
}
.goods_keywords_list a {
  display: inline-block;
  margin: 8px;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #eee;
  color: #777;
}

.goods_keywords_list a:hover {
  opacity: 0.5;
}

.goods_keywords_list p {
  font-weight: bold;
  color: #777;
}

/* 上部画像*/
.ueimg table tr td {
    width: 850px !important;
}

.page_next {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}

/* トップ　小カテゴリー表示*/
.small_cat {
	margin: 20px 0px 20px 20px;
}

.small_cat li {
	display: inline-block;
	width: 45%;
	margin-bottom: 5px;
}

/* About Us */
.about_01,.about_02,.about_03,.about_04,.about_02 table {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}
.about_01 p {
	line-height: 150%;
	margin-top: 10px;
}
.about_02 table tr td {
	padding: 15px;
	margin-bottom: 30px;
}
.about_03 {
	width: 870px;
}
.about_03 table {
	float: left;
	width: 400px;
	margin-right: 30px;
	margin-bottom: 30px;
  border-collapse: collapse;
}
.about_03 iframe {
	margin-bottom: 5px;
}
.about_03 table tr td {
	padding: 5px;
	text-align: left;
}
.about_03 table tr td img {
	margin-left: 10px;
}
.about_04 {
	width: 960px;
}


#wrapper #header_area #main_area #main_cont .about_03 #TA_selfserveprop198 #CDSWIDSSP {
	margin-right: auto;
	margin-left: auto;
}


/* About Us 実店舗 */

.tempo-cont {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.tempo-cont h1 {
	text-align: center;
}

.tempo-cont .main_img {
	margin-left: 10px;
}

.tempo-cont .main_img ul {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.tempo-cont .main_img ul li {
	display: inline-block;
	list-style-type: none;
	margin-right: 3px;
	margin-bottom: 15px;
}

.tempo-cont .main_img ul li img {
	width: 230px;
	height: auto;
}

.tempo-cont .floor {
	margin-bottom: 50px;
}

.tempo-cont .floor h2 {
	font-size: 180%;
	color: #69C;
	border-bottom: 1px solid #69C;
	margin-bottom: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 150%;
}

.tempo-cont .floor .intro {
	overflow: hidden;
	float: left;
	width: 636px;
	margin-right: 12px;
}

.tempo-cont .floor .intro .photo {
	float: left;
	width: 312px;
}
.tempo-cont .floor .intro .txt {
	float: left;
	width: 312px;
	margin-left: 12px;
}
.tempo-cont .floor .intro .txt p img {
	float: right;
}

.tempo-cont .floor .right-img ul li {
	display: inline-block;
	margin-bottom: 15px;
	list-style-type: none;
}
.tempo-cont .floor .intro .txt p img {
	width: 110px;
	margin: 0px 0px 0px 5px;
}
.tempo-cont .floor .intro .txt p {
	font-size: 110%;
	line-height: 160%;
	text-align: left;
	word-break: normal;
        word-wrap: normal;
}
.tempo-cont .floor .right-img ul .pc-midd {
	margin-right: 11px;
	margin-left: 11px;
}


/* カートページ */

.cart_step img {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
}

.cart_detail,
.cart > p:first-of-type {
  width: 85%;
  margin: 0 auto 20px;
}

.cart_detail {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 30px;
  border-bottom: 2px solid #eee;
}

.cart_detail img {
  width: 100px;
}

.cart_detail input {
  width: 60px;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid pink;
}

/* カートサムネイル画像 */

/* .cart_thum img {
	width: 90px;
	height: auto; 
	float: left;
	border: none;
}

.cart_name {
	overflow:hidden;
} */


/* カート~注文確認, 上部：cart & summary */
.order_top {
  width: 80%;
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
}

.order_cart {
  width: 65%;
}

.order_cart>div {
  margin-bottom: 20px;
}

.cart_detail img,
.order_cart img {
  width: 90px;
  border: 1px solid #ddd;
  vertical-align: top;
}

.order_cart img~div {
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: top;
}

.order_cart img~div div {
  color: #777;
}

.order_summary {
  width: 300px;
  height: fit-content;
  padding: 20px;
  background-color: #eee;
  border-radius: 5px;
}

.order_summary p {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}

.order_summary table {
  width: 100%;
  border-collapse: collapse;
}

.order_summary th,
.order_summary td {
  padding: 7px;
  font-weight: normal;
}

.order_summary td {
  text-align: right;
}

.order_summary tr:last-child {
  border-top: 1px solid #333;
  font-weight: bold;
}

/* 注文 共通 */
fieldset {
  border: none;
}

fieldset a {
  color: #69c;
}

fieldset label span {
  color: #f03;
}

fieldset ul li {
  margin: 15px auto;
}

fieldset label {
  display: block;
}

fieldset :where(input, select, textarea) {
  width: 80%;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #ddd;
}

fieldset input[type="radio"],
[type="checkbox"] {
  width: auto;
}

fieldset img {
  width: 80%;
}

/* 注文会員ログイン */
.order-login-form {
  width: 40%;
  margin: 0 auto;
}

/* 注文入力1 */
.order-form {
  width: 80%;
  margin: 0 auto;
}

.order-form div {
  margin: 20px auto;
}

.order-form div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.order-form div input {
  vertical-align: top;
  margin-right: 10px;
}

.order-fieldset {
  width: 48%;
  margin-top: 30px;
}

/* taiwan注意書き */
.shipping-note {
font-size: 13px;
width: 80%;
margin-left: 0;
background: #ddd;
border-radius: 10px;
padding: 10px;
}

.shipping-note span {
text-decoration: line-through #e0d91f66 12px;
}

.order_agreement label {
	display: block;
  	margin: 20px auto;
  }

/* 注文入力2 */ /* 会員登録 変更フォーム  */
.payment-form, 
.update-form {
  width: 60%;
  margin: 0 auto;
}

.payment-form div {
  text-align: center;
}

.payment-fieldset ul p {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #d76407;
}

/* 注文確認 */
.order_info {
  width: 80%;
  border-collapse: collapse;
  margin: 0 auto 30px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.order_info th,
.order_info td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.order_info th {
  background-color: #ddd;
}

/* 注文完了 */
.creditcard-form {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  text-align: left;
}

.creditcard_fieldset label {
  display: inline-block;
} 
.creditcard_fieldset select {
  width: 100px;
} 
.creditcard_fieldset ul img {
  width: 325px;
} 


/* 支払い、決済ページ */

/* .pay table {
	border: 1px solid #CCC;
}
.pay table tr td {
	padding: 5px;
	border: 1px solid #CCC;
} */
input[value="  PURCHASE  "] {
	width: 150px;
  background-color: #e58045;
}
input[value=" Alipay "] {
	background-color: #FFF;
	background-image: url(/ori/50846/etc_img/cart_alipay_img_en.jpg);
	background-repeat: no-repeat;
	text-indent: -999999;
	height: 35px;
	width: 150px;
	border-style: none;
}

/* 注文時のボタン系 */
.cart_delete {
	background-color: #eee;
  padding: 5px;
  border-radius: 3px;
}

.cart_back, .cart_continue {
  padding: 10px;
	border-style: none;
}

/* 場所不明 */
form .cart_start_shop {
	background-color: #FFF;
	height: 35px;
	width: 230px;
	border-style: none;
}

a.frm_btn_big, input.frm_btn_big {
  display: block;
  width: 50%;
  padding: 10px;
  margin: 10px auto;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #101947;
}

.cart_check, .cart_nx_deli, .cart_nx_order, .cart_nx_submit {
	background-color: #101947;
	width: 283px;
  padding: 10px;
	border-style: none;
  color: #fff;
  border-radius: 5px;
}

.cart_nx_deli {
	display: block;
  margin: 0 auto;
}


/* ヘルプページ */
.help_cont .title_2 {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	background-color: #F4F4F4;
	border: 1px solid #ddd;
	padding: 5px 3px 3px 0.5em;
	margin: 8px 0px;	
}
.help_menu ul li {
	margin-bottom: 10px;
	list-style-type: circle;
}
.help_menu ul {
	margin-bottom: 20px;
	margin-left: 200px;
}
.help_cont p {
	margin-left: 30px;
}

.help_cont {
	margin-bottom: 30px;
}

/* ヘルプページ */
.help h2 {
  width: 90%;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.help p {
  line-height: 1.2em;
}

.help section {
  width: 90%;
  margin: 0 auto 10%;
  text-align: left;
}

.help_process ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;
}

.help_process ul li:nth-child(2n+1) {
  width: 15%;
  margin: 0 auto;
  padding: 5% 0;
  background-color: #D8D8D8;
  border-radius: 15px;
}

.help_process ul li:nth-child(2n) {
  width: 1%;
  margin: 0 auto;
  padding: 5% 0;
  vertical-align: middle;
}

.help_process ul li p {
  padding-top: 2px;
}

.help_process ul li p span {
  font-weight: bold;
}

.help_delivery>div {
  margin-bottom: 2%;
}

.help_check {
  margin: 20px auto 20px 20px ;
}

.help_check li {
  list-style-type: disc;
  line-height: 2.5em;
}

.help_check li::marker {
  color: #69c;
  font-size: 1.1em;
}

.help_check li a {
  border-bottom: 1px solid #69c;
  color: #69c;
}

.help_delivery > img {
  width: 40%;
}

.help_delivery ul:not(.help_check) {
  display: flex;
  width: 50%;
  justify-content: space-around;
  align-items: center;
}

.help_delivery ul:not(.help_check) li {
  width: 20%;
}


.help_contact ul {
  width: 40%;
  margin-top: 20px;
}

.help_contact ul li {
  width: 48%;
  margin-bottom: 10px;
}

.help_contact ul li a {
  width: 100%;
}

.help_contact ul li img {
  width: 10%;
}

.help_contact ul li p {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
  .help h2 {
    width: 90%;
    font-weight: bold;
    font-size: 2.5rem;
    margin-bottom: 20px;
  }
  
  .help p {
    line-height: 1.2em;
  }
  
  .help section {
    width: 90%;
    margin: 0 auto 10%;
    text-align: left;
  }
  
  .help_process ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center;
  }
  
  .help_process ul li:nth-child(2n+1) {
    width: 15%;
    margin: 0 auto;
    padding: 5% 0;
    background-color: #D8D8D8;
    border-radius: 15px;
  }
  
  .help_process ul li:nth-child(2n) {
    width: 1%;
    margin: 0 auto;
    padding: 5% 0;
    vertical-align: middle;
  }
  
  .help_process ul li p {
    padding-top: 2px;
  
  }
  
  .help_process ul li p span {
    font-weight: bold;
  }
  
  .help_delivery>div {
    margin-bottom: 2%;
  }
  
  .help_check {
    margin: 20px auto 20px 20px ;
  }
  
  .help_check li {
    list-style-type: disc;
    line-height: 2.5em;
  }
  
  .help_check li::marker {
    color: #69c;
    font-size: 1.1em;
  }
  
  .help_check li a {
    border-bottom: 1px solid #69c;
    color: #69c;
  }
  
  .help_delivery > img {
    width: 40%;
  }
  
  .help_delivery ul:not(.help_check) {
    display: flex;
    width: 50%;
    justify-content: space-around;
    align-items: center;
  }
  
  .help_delivery ul:not(.help_check) li {
    width: 20%;
  }
  
  
  .help_contact ul {
    width: 40%;
    margin-top: 20px;
  }
  
  .help_contact ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  
  .help_contact ul li a {
    width: 100%;
  }
  
  .help_contact ul li img {
    width: 10%;
  }
  
  .help_contact ul li p {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
}

.sp_br {
      /*768 px未満で表示させたいcssを記述する部分 */
      display: hidden;
  }




/*注文履歴詳細*/
.tbl {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


.tbl td, .cell_d {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 5px;
}

a.btn:link, a.btn:visited {
    text-decoration: none !important;
    display: inline-block;
    border: #ccc 1px solid;
    background-color: #ccc;
    padding: 3px 10px;
    margin: 2px;
    text-align: center;
    border-radius: 10px;
    background: #ddd;
}

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


/*インクルード１　バナー*/
.bnr_top {
	margin-bottom: 10px;
}

.bnr_top img {
	margin-bottom: 10px;
}

.bnr_top .bn4,.bnr_top .bn3 {
	width: 100%;
}

.bnr_top .bn4 li img,.bnr_top .bn3 li img {
	width: 100%;
}

.bnr_top .bn4 li {
	display: inline-block;
	width: 24%;
	margin-right: 2px;
	margin-bottom: 10px;
}

.bnr_top .bn3 li {
	display: inline-block;
	width: 32%;
	margin-right: 3px;
	margin-bottom: 10px;
}

/* マイページログイン */
.mypage_login form, .member-auth-form {
  width: 25%;
  margin: 0 auto;
}

.mypage_login input, .member-auth-form__input {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #333;
  border-radius: 5px;
}

.mypage_login input:first-of-type, .member-auth-form__input:first-of-type {
  margin-bottom: 20px;
}

.mypage_login input:last-of-type, .member-auth-form__input:last-of-type {
  margin-top: 30px;
  color: white;
  font-weight: bold;
  background-color: #0F1A48;
}

.mypage_login p, .member-auth-form p {
  text-align: left;
}

.mypage_login p:last-of-type, .member-auth-form p:last-of-type {
  margin-top: 30px;
}

.mypage_login form a, .member-auth-form a {
  display: block;
  text-align: left;
  color: #2589d0;
}

.mypage_signin {
  width: 50%;
  margin: 30px auto;
}

.mypage_signin a {
  display: block;
  width: 50%;
  padding: 10px;
  margin: 10px auto;
  border: 2px solid #0F1A48;
  border-radius: 5px;
}

/* マイページ */
.mypage {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

.mypage li {
  display: inline-block;
  width: 46%;
  font-size: 17px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 25px 5px;
  background-color: aliceblue;
}

.mypage a {
  color: #0F1A48;
  text-decoration: none;
}

/* a001_style > mypage */
.p-mypage {
  width: 80%;
  margin: 0 auto;
  font-size: 17px;
  text-align: center;
}

.p-mypage_heading > span {
  display: block;
  text-align: center;
}


.p-mypage_name {
  font-size: 20px;
  font-weight: bold;
}


/* ↓↓ 場所不明 ↓↓ */
.p-mypage_shoplist {
  text-align: center;
}

.p-mypage_shoplist h3 {
  margin-bottom: 1rem;
  line-height: 1.6;
}

.p-mypage_shoplist h3 span {
  display: block;
}

.p-mypage_shoplist li {
  border: 1px solid #ccc;
  margin-bottom: 3rem;
  padding: 1rem;
}


/*会員ページ*/
a.btn2:link, a.btn2:visited {
    width: 230px;
    font-size:120%;
    text-decoration: none !important;
    display: inline-block;
    border: #ccc 1px solid;
    background-color: #ccc;
    padding: 10px;
    margin: 2px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(top, #f7f7f7 1%,#ddd 100%);
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}

/*ヘッダー言語ＧＯボタン*/
input.gobtn {
	padding: 0px;
}


/* HOW TO */

.cont_how {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

.cont_how .step {
	width: 800px;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
  margin-left: auto;
  margin-right: auto;
}

.cont_how .step .step_txt {
	margin-bottom: 10px;
        clear: both;
}
.cont_how .step .step_img {
	float: left;
	width: 350px;
	margin-right: 10px;
}
.cont_how .step .step_goods {
	float: left;
	width: 400px;
	position: absolute;
	bottom: 0px;
	left: 400px;
}
.cont_how .step .step_txt p {
	line-height: 150%;
}

.cont_how h2 {
	font-size: 200%;
	font-weight: bold;
	color: #69C;
	border-top-width: 2px;
	border-top: 2px solid #69C;
	border-bottom: 2px solid #69C;
	line-height: 180%;
	text-indent: 10px;
	margin-bottom: 30px;
}

.list_how {
	margin-bottom: 50px;
	margin-left: 120px;
}

.list_how ul li {
	display: inline-block;
	margin-right: 10px;
}

.cont_how .step .step_txt p .tit {
	font-size: 110%;
	font-weight: bold;
}



/* 動画 */
.video ul li {
	display: inline-block;
	list-style-type: none;
	width: 352px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.video ul {
	margin: 0px;
	padding: 0px;
}
.video {
	width: 1110px;
	margin-bottom: 30px;
}


.video h2,h3.tit_comme {
    font-size: 180%;
    color: #69C;
    border-bottom: 1px solid #69C;
    margin-bottom: 30px;
    text-align: left;
    text-indent: 10px;
    line-height: 150%;
}

.btn_shop {
	position: relative;
	display: inline-block;
	text-decoration: none !important;
	color: #FFF !important;          /*色*/
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 1px #d27d00;/*線色*/
	font-size: 150%;
	background-color: #FFCC00;
	margin-left: 650px;
	padding: 0.5em 0.8em;
	width: 400px;
	text-align: center;
}

.btn_shop:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.list_video ul li,.list_comme ul li {
	width: 33%;
	display: inline-block;
	font-size: 110%;
	margin-bottom: 8px;
}

.list_video,.list_comme{
	margin-bottom: 30px;
	margin-left: 50px;
}


/* 試乗コメント */

.btn_comme {
    margin-left: 280px;
    width: 600px;
    margin-top: 15;
    margin-bottom: 80;
}

.table-center {
    margin-left: 80px;
}

.table-center tbody tr td .aligncenter {
	margin-bottom: 10px;
}

td.s1 {
    padding-bottom: 50px;
}


/* カテゴリーバナー */

.cat_ban li {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 15px;
	list-style-type: none;
}

.cat_ban {
	margin-top: 10px;
}



/* マイページ履歴 */
.r_pay {
    font-size: 120%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}



/* トップ下部メーカーバナー */
.cat_list {
  display: flex;
  flex-wrap: wrap;
    margin: 0px 0px 15px 40px;
}

.cat_list li {
    margin: 0px 6px 6px 0px;
}

ul.cat_list li img {
  width: 90px;
    border: solid 1px #ccc;
}

/* 注文確定　注意文言 */

.t16c {
    color: #F00;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}


/* 選び方記事 */

.cont_how h3 {
    font-size: 160%;
    font-weight: bold;
    border-top: 2px solid;
    border-bottom: 2px solid;
    line-height: 180%;
    text-indent: 10px;
    margin-bottom: 30px;
}

.bl {
	color: #69C;
}
.gl {
	color: #68CD68;
}
.pk {
	color: #FF6699;
}


.cont_how ul.ski_po li {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
}

.cont_how .p1_waku {
	border: 1px solid #999;
	width: 20%;
	display: table-cell;
	padding: 10px;
}

.cont_how .p1_waku p img {
	width: 80%;
	text-align: center;
	margin-left: 15px;
}


.cont_how .p2_waku,.cont_how .p3_waku {
	border: 1px solid #999;
	display: table-cell;
	padding: 10px;
	text-align: center;
}

.cont_how p {
	line-height: 180%;
}

.p_cont {
	margin-bottom: 30px;
	width:750px;
	margin-right: auto;
	margin-left: auto;
}

.cont_how .p_come {
	padding: 15px;
	border: 1px solid #999;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

.tx16 {
	font-size: 16px;
	font-weight: bold;
}
.tx16_bl {
	font-size: 16px;
	font-weight: bold;
	color: #00F;
}
.tx16_red {
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
.mb30 {
	margin-bottom: 30px;
}


.cont_how .sb_tit {
    font-size: 250%;
    color: #69C;
}





.cont_how .we_01 {
    border: 1px solid #999;
    display: table-cell;
    padding: 10px;
    text-align: center;
	
}
.cont_how .we_02 {
	clear: both;
	margin-bottom: 30px;
        overflow: hidden;
}

.cont_how table tr td {
    padding: 10px;
}

.tit_bkbl {
	font-weight: bold;
	color: #FFF;
	background-color: #069;
	margin-bottom: 10px;
	padding: 8px;
	font-size: 120%;
}
.rig_img280 {
	float: left;
	width: 280px;
	margin-top: 0px;
	text-align:center;
}
.rig_img img {
	margin-right: 30px;
}



.me01 li {
	margin-bottom: 10px;
        font-size: 120%;
}
.me01 {
	margin-left: 30px;
}



/*選び方ページのメニュー*/

ul.se_ski_menu {
	display: table;
	width:60%;
	padding: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 15px solid #eee;
}
ul.se_ski_menu > li:nth-child(2n+1) {
    clear: both;
}
ul.se_ski_menu > li {
    display: table-cell;
    float: left;
    width: 50%;
    line-height: 200%;
}
.se_ski_menu li ul li img {
	vertical-align: bottom;
}

.btn_shop_m0 {
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    color: #FFF !important;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 1px #d27d00;
    font-size: 150%;
    background-color: #FFCC00;
    padding: 0.5em 0.8em;
    width: 400px;
    text-align: center;
}

/*お気に入り機能*/

.favorbox{
	display:table;
	width:100%;	
}
.favorbox .inquiry_left_f2,
.favorbox .inquiry_right_f2{
	display:table-cell;
	padding:20px;
	vertical-align:middle;
}
.favorbox .inquiry_left_f2{
	width:30%;	
}
.favorbox .inquiry_left_f2 img{
	width:100%;	
}
.favorbox .action_btn{
	padding:10px 0 10px 0;
}
.favorbox .itemname_detailtitle{
	padding:0 0 10px 0;
	font-size:110%;
	display:block;
}


/*ヘッダー、フッター画像グレー*/
ul.gray li img, .cnav li {
filter: grayscale(90%);
}

/*お気に入り登録ボタン*/
.fav {
    margin-left: 330px;
    margin-bottom: 20px;
}




/*ランキング*/
.rank_img {
	float: left;
	width: 500px;
}

.rank_text {
	float: left;
	width: 450px;
}

.rank2 {
	background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/2yi.jpg);
	background-repeat: no-repeat;
}

.rank1 {
	background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/1yi.jpg);
	background-repeat: no-repeat;
}
.rank {
	margin-bottom: 50px;
}

.rank_ari {
	height: 86px;
	text-indent: 130px;
}

.rank_ari2 {
	height: 65px;
	text-indent: 100px;
}

.rank h2 {
  display: flex;
  align-items: flex-end;
  font-size: 200%;
  margin-bottom: 20px;
}

.rank_tit {
	font-size: 150%;
	line-height: 250%;
	font-weight: bold;
	border-bottom: 1px dotted #333;
}

.rank_bn {
	position: relative;	
	display: block;
	text-decoration: none !important;
	text-align:center;
	font-size:150%;
	color: #FFF !important;
	background: #00B259;
	border-radius: 15px;
	font-weight: bold;

	padding: 1.0em 1.25em;
	width: 500px;
	margin-left:220px;
}
.rank p {
	font-size: 130%;
	line-height: 160%;
	word-break:keep-all;
}

.top_come p {
	font-size: 110%;
	line-height: 160%;
	word-break:keep-all;
}

.rank_bn_c {
	clear: both;
}

.rank_com {
	margin-bottom: 30px;
}

.clearfix:after {
  content: "";           /* 擬似要素を実体化 */
  clear: both;         /* floatを解除する  */
  display: block;      /* ブロック要素にする  */
}

.float_box {
    padding: 58px 10px;         /* 箱の大きさ調整 */
    width: 120px;               /* 箱の大きさ調整 */
    text-align: center;         /* テキストをセンタリング */
    background-color:  #ccc;    /* 背景色設定 */
    margin: 5px;                /* 箱と箱の間を開ける */
    float: left;                /* 要素を右に回り込ませる */
}
 
.float_box-wrap {
   background-color: #eee;     /* 背景色設定 */
   padding: 30px;              /* 余白の指定 */
}
 
.clearfix:after {
    content: "";         /* 擬似要素を実体化 */
    clear: both;        /* floatを解除する */
    display: block;     /* ブロック要素にする */
}

.rank3 {
	background-image: url(https://contents.multilingualcart.com/ori/50846/etc_img/3yi.jpg);
	background-repeat: no-repeat;
}

.top_come {
	margin-bottom: 50px;
}

/* //ランキング */


/* 商品一覧上部cat */
.p-item__cat_01 {
    width: 100%;
    text-align: left;
  }

  .p-item__cat_01 li {
    display: inline-block;
    padding: 8px;
    margin: 0 8px 8px 0;
    border: 1px solid #ddd;
  }

  .p-item__cat_01 li img {
    vertical-align: middle;
  }
/* 
  .itemtag_level::before {
    content: "●";
    margin-right: 3px;
    color: #8ed6ff;
  } */

  .p-item__cat_02 {
    display: flex;
    flex-wrap: wrap;
  }

  .p-item__cat_02 li {
    margin-bottom: 5px;
    margin-right: 10px;
    border-bottom: 2px solid #ddd;
  }

  ul.p-item__cat_02 li img {
    filter: grayscale(90%);
    width: 100%;
  }

/*ウェアカテゴリー メーカーバナーカテゴリ編集完了後削除*/
/* .spcat3_f,.spcat32_f, */
.spcat4_f {
    max-width: 978px;
    min-width: 600px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    filter: drop-shadow(0px 2px 0px rgba(0,0,0,0.2));
}
/* .spcat3_f li,.spcat32_f li, */
.spcat4_f li {
    float: left;
    margin-bottom: 5px;
    margin-right: 8px;
}

ul.spcat4_f li img {
    filter: grayscale(90%);
    width: 80%;
}

/* 商品一覧上部catカテゴリ編集完了後削除 */
.ski_cat_ue::before {
    content: "All Mountain Skies";
    display: block;
    width: 800px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.ski_cat_ue::after {
    content: "";
    display: block;
    width: 800px;
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
}

/* new itemlist upper-area cat */
.p-item__category-nav,
.p-item__brand-nav {
  margin-bottom: 24px;
}

.p-item__brand-nav>div {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.p-item__category-nav>p,
.p-item__brand-nav>p {
  margin-bottom: 4px;
  font-weight: bold;
  color: #777;
}

.p-item__category-nav-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.p-item__brand-nav-list {
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  scrollbar-width: none;/* Firefox */
  -webkit-mask-image:
    linear-gradient(to right, transparent, black 32px),
    linear-gradient(to left, transparent, black 32px);
  -webkit-mask-size: 50% 100%, 50% 100%;
  -webkit-mask-position: 0 0, 100% 0;
  -webkit-mask-repeat: no-repeat;
}

.p-item__brand-nav-list::-webkit-scrollbar {
  display: none;
}

.p-item__brand-nav-item {
  margin-right: 15px;
  flex-shrink: 0;
  flex-grow: 0;
  width: 80px;
  text-align: center;
}

.p-item__category-nav-item {
  padding: 8px 12px;
  margin: 4px;
  border-radius: 16px;
  background-color: #eee;
  font-size: 14px;
}

.p-item__category-nav-item:hover {
  opacity: 0.5;
}

.p-item__brand-nav-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 5px;
  border: 2px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-item__brand-nav-img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.p-item__brand-nav-name {
  font-size: 11px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.p-item__category-nav button {
  display: none;
}

.scroll-btn {
  padding: 4px 6px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}




/*英語インフォ*/
.world_info {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.world_info img {
    width: 80%;
}

/*最近見た商品*/

.box_item.smpl {
    width: 160px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    margin-bottom: 25px;
}

.name {
    overflow: hidden;
    height: 4.6em;
    line-height: 1.5;
}

.box_item_smpl_0 {
    padding-top: 150px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
}

.clearfix {
    clear: both;         /*floatを解除する*/ 
    display: block;      /*ブロック要素にする*/ 
}

/*トップブランドリスト*/
.main_b_list ul.cat_list.gray {
    margin-left: 0px;
    margin-top: 20px;
}

.main_b_list ul.cat_list li {
    margin: 0 4px 6px 0;
}



/* ランキング */
.thumbnail_rak img {
    width: 150px;
    border: 1px solid #777;
}

.goodslist_box_rak {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 3px;
    text-align: center;
}
.goodslist_box_price_name {
    overflow: hidden;
    height: 4.9em;
    line-height: 1.6;
}
.goodslist_box_price_rak {
    font-size: 120%;
    font-weight: bold;
    color: #f00;
}

div.goodslist_box_rak:nth-child(1)::before {
    content: "";
    background: url(/ori/50846/etc_img/ra01.gif) no-repeat center center;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-bottom: 5px;
}
div.goodslist_box_rak:nth-child(2)::before {
    content: "";
    background: url(/ori/50846/etc_img/ra02.gif) no-repeat center center;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-bottom: 5px;
}
div.goodslist_box_rak:nth-child(3)::before {
    content: "";
    background: url(/ori/50846/etc_img/ra03.gif) no-repeat center center;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-bottom: 5px;
}
div.goodslist_box_rak:nth-child(4)::before {
    content: "";
    background: url(/ori/50846/etc_img/ra04.gif) no-repeat center center;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-bottom: 5px;
}
div.goodslist_box_rak:nth-child(5)::before {
    content: "";
    background: url(/ori/50846/etc_img/ra05.gif) no-repeat center center;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin-bottom: 5px;
}



/*タブ切り替え全体のスタイル*/
.rank_tabs {
    padding-bottom: 20px;
    width: 840px;
}

/*タブのスタイル*/
.tab_item {
    width: calc(99%/8);
    height: 30px;
    background-color: #d9d9d9;
    line-height: 35px;
    font-size: 11px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    margin-right: 1px;
}

.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 10px 0 0 10px;
    clear: both;
    overflow: hidden;
    border-top: 3px solid #0f1a48;
}


/*選択されているタブのコンテンツのみを表示*/
#tra_skiwear:checked ~ #ra_skiwear,
#tra_skiglov:checked ~ #ra_skiglov,
#tra_skidemo:checked ~ #ra_skidemo,
#tra_skipole:checked ~ #ra_skipole,
#tra_skicas:checked ~ #ra_skicas,
#tra_skiboot:checked ~ #ra_skiboot,
#tra_skihel:checked ~ #ra_skihel,
#tra_skigog:checked ~ #ra_skigog{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.rank_tabs input:checked + .tab_item {
    background-color: #0f1a48;
    color: #fff;
}

/*検索フォーム*/
.form_1 th {
    text-align: left;
    width: 160px;
    font-size: 120%;
    padding-bottom: 10px;
}

.form_1 td {
    padding-bottom: 10px;
    font-size: 110%;
}

.form_all input[type="radio"] {
    margin: 0px 5px 0px 0px !important;
    transform: scale(1.2);
}

.form_1 label {
    margin-right: 10px;
}

button.search_button_1 {
    margin: 10px 5px 10px 160px;
    width: 300px;
    background-color: #0F1A48;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0px;
    border: none;
}

button.reset {
    width: 80px;
}

.form_1 select {
    width: 280px;
}

input#input_productSearchKeyword {
    width: 280px;
}

.spbr {
    display:none;
}


/* ジグザグ表示非表示 */

.zigzag {
    /* display: none; */
}

.zigzag_genti {
     /* display: none; */
}


/* サイズチャート */

.list_sizec ul li {
	width: 33%;
	display: inline-block;
	font-size: 110%;
	margin-bottom: 8px;
}

.list_sizec {
	margin-bottom: 50px;
	margin-left: 50px;
}

.sizec h3 {
    font-size: 150%;
    color: #101949;
    margin-bottom: 30px;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

.sizec h4 {
    font-size: 120%;
    margin-left: 50px;
    margin-bottom: 20px;
    margin-top: 50px;
    border-bottom: 1px dotted;
    padding-bottom: 5px;
    width: 80%;
}


.sizec {
    margin-bottom: 80px;
    margin-left: 50px;
}

.sizec img {
    margin-left: 80px;
}



/* 検索結果商品なし */

.no_item_sa {
    padding: 2rem 0;
}

.no_item_ca {
    border-top: solid 0.5rem #ddd;
    padding: 30px 0px;
    margin-top: 30px;
}

.no_item_sa p.no_resu {
    font-size: 3.2rem;
    line-height: 2;
}
.no_item_sa p {
    font-size: 1.6rem;
    line-height: 1.2;
}

.noitem_search input {
  box-shadow: 0px 0px 2px black;
  border-radius: 5px;
  border: #fff;
}

.noitem_search {
    padding: 10px 0px;
}

.noitem_search form input.text {
    width: 35%;
    padding: 10px 0px 10px 10px;
}

.noitem_search form input.btn {
    margin: 10px 5px;
    width: 20%;
    background-color: #0F1A48;
    color: #fff;
    font-weight: bold;
    padding: 10px 0px;
    border: none;
}

.no_item_ca ul {
    letter-spacing: -1em;
}

.no_item_ca ul li {
    display: inline-block;
    width: 18%;
    margin-right: 2%;
    letter-spacing: normal;
    margin-bottom: 16px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 6px;
}


.no_item_ca ul li img {
    margin-right: 8px;
}

.nocat_title {
    margin-bottom: 20px;
    font-size: 2em;
}

/* ↓↓ noiteminfo関連 ↓↓ */

/* .in_cont_us {
    margin: 20px 0;
}

.in_cont_open {
    margin: 10px 0;
}

.in_cont_infoico {
    border-top: solid 3px #ccc;
    border-bottom: solid 3px #ccc;
    width: 90%;
    margin: auto;
    padding: 5px;
    margin-bottom: 15px;
    letter-spacing: -1em;
}

.in_cont_infoico a {
    letter-spacing: normal;
}

.in_cont_logo {
    margin: 10px 0;
} */




/*_日本サイトワードプレスより_*/

/*_全体設定_*/
.fs-l-pageMain {
  margin-left: auto;
  margin-right: auto;
}

.contents-wrap {
  background-color: #fff;
  color: #000;
  font-family: メイリオ, "ＭＳ Ｐゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Osaka, sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.26;
  letter-spacing: 0.04em;
  max-width: 978px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 978px) {
  .contents-wrap {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 750px) {
  .contents-wrap {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.contents-wrap * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.contents-wrap img {
  max-width: 100%;
  height: auto;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  transition: 0.2s linear;
}
@media screen and (max-width: 750px) {
  .contents-wrap img {
    width: 100%;
  }
}

.contents-wrap input {
  margin: 0;
  padding: 0;
  min-height: 0;
  border-radius: 0;
}

.contents-wrap figure {
  position: relative;
  overflow: hidden;
}

.contents-wrap a {
  color: inherit;
  text-decoration: none;
  transition: 0.2s linear;
  cursor: pointer;
}
.contents-wrap a:link, .contents-wrap a:visited {
  text-decoration: none;
  color: #000;
}
.contents-wrap a:hover, .contents-wrap a:active {
  opacity: 0.8;
  zoom: 1;
  text-decoration: none;
  color: inherit;
}

@-ms-viewport {
  width: auto;
  initial-scale: 1;
}
/*__display__*/
@media screen and (min-width: 751px) {
  .sp-only {
    display: none;
  }

  .pc-only {
    display: inline-block;
  }
}
@media screen and (max-width: 750px) {
  .sp-only {
    display: inline-block;
  }

  .pc-only {
    display: none;
  }
}
/*__align__*/
.txt-ctr {
  text-align: center !important;
}

.txt-left {
  text-align: left !important;
}

.txt-right {
  text-align: right !important;
}

.txt-0 {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

/*========================================================
   Layout
========================================================*/
/* 
	Globalnavi
--------------------------------------------------------*/
/*___Style for PC___*/
@media screen and (min-width: 751px) {
  .contents-wrap .contents-gnav {
    margin-top: 20px;
  }
  .contents-wrap .contents-gnav .search-box .tag-area {
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    margin-bottom: 20px;
  }
  .contents-wrap .contents-gnav .search-box .tag-area ul {
    margin-left: 8px;
    display: flex;
    flex-wrap: wrap;
  }
  .contents-wrap .contents-gnav .search-box .tag-area ul li a {
    background: #e9e9e9;
    margin-left: 6px;
    min-width: 102px;
    padding: 6px 10px;
  }
  .contents-wrap .contents-gnav .search-box .tag-area ul li a:hover {
    opacity: 0.6;
    zoom: 1;
  }
  .contents-wrap .contents-gnav .search-box .search-area {
    width: 300px;
    margin-left: auto;
    margin-bottom: 20px;
    position: relative;
  }
  .contents-wrap .contents-gnav .search-box .search-area input {
    color: #000;
    border: 1px solid #0c0104;
    font-size: 13px;
    min-height: unset;
    line-height: 18px;
    padding: 5px 7px;
  }
  .contents-wrap .contents-gnav .search-box .search-area input:placeholder {
    color: #b3b3b3;
    line-height: 16px;
    padding: 0;
  }
  .contents-wrap .contents-gnav .search-box .search-area input:focus {
    border-color: #000280;
    box-shadow: inset 0px 0px 2px #000280;
  }
  .contents-wrap .contents-gnav .search-box .search-area .searchsubmit {
    border: none;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 23px;
    background: url("../img/icon-search@2x.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: 5px;
    bottom: 3px;
    transition: 0.2s linear;
  }
  .contents-wrap .contents-gnav .search-box .search-area .searchsubmit:hover {
    opacity: 0.8;
    zoom: 1;
  }
  .contents-wrap .contents-gnav .g-list ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #777;
  }
  .contents-wrap .contents-gnav .g-list ul li {
    width: calc(95% / 9);
    height: 38px;
  }
  .contents-wrap .contents-gnav .g-list ul li a {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color: inherit;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    height: 100%;
    border: 1px solid #777;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    white-space: nowrap;
  }
  .contents-wrap .contents-gnav .g-list ul li a.current, .contents-wrap .contents-gnav .g-list ul li a:hover {
    color: #fff;
    background: #ff822f;
    border-color: #ff822f;
    font-size: 15px;
    padding: 5px;
    height: 54px;
    margin-top: -16px;
  }
  .contents-wrap .contents-gnav .g-list ul li h1 {
    line-height: 1;
  }
}
@media screen and (min-width: 751px) and (max-width: 980px) {
  .contents-wrap .contents-gnav .g-list ul li {
    width: calc(97% / 9);
  }
  .contents-wrap .contents-gnav .g-list ul li a {
    font-size: 12px;
    letter-spacing: 0.02em;
  }
  .contents-wrap .contents-gnav .g-list ul li a.current, .contents-wrap .contents-gnav .g-list ul li a:hover {
    font-size: 12px;
  }
}
/*___Style for SP___*/
@media screen and (max-width: 750px) {
  .contents-wrap .contents-gnav {
    padding-bottom: 3px;
    line-height: 1;
    margin-top: 8px;
    position: relative;
  }
  .contents-wrap .contents-gnav:after {
    content: "";
    display: block;
    background: #ffdf5e;
    height: 3px;
    width: calc(608/628 *100%);
    margin: auto;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
  }
  .contents-wrap .contents-gnav .sp-ttl-box {
    display: flex;
    align-items: center;
    padding: 0 5px 0 10px;
  }
  .contents-wrap .contents-gnav .sp-ttl-box .sp-page-ttl {
    font-size: 16px;
    font-weight: bold;
    margin-right: auto;
  }
  .contents-wrap .contents-gnav .sp-ttl-box .search-trigger {
    background: url("../img/btn-search@2x.png") no-repeat left bottom;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: block;
  }
  .contents-wrap .contents-gnav .sp-ttl-box .menu-trigger {
    display: block;
    background: url("../img/btn-menu@2x.png") no-repeat left bottom;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-left: 5px;
  }

  /*閉じるボタン*/
  .contents-wrap .contents-gnav .search-close,
  .contents-wrap .contents-gnav .menu-close {
    background: url("../img/icon-close.png") no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 30px;
  }

  .contents-wrap .contents-gnav .menu-close {
    right: 6px;
  }

  /*メニューオープン時の背景*/
  .contents-wrap .contents-gnav .menu-bg,
  .contents-wrap .contents-gnav .search-bg {
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100vw;
    height: 120vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  .contents-wrap .contents-gnav .menu-bg.nav-active,
  .contents-wrap .contents-gnav .search-bg.nav-active {
    visibility: visible;
    opacity: 1;
    zoom: 1;
    transform: scale(1) translate(0);
  }

  /*検索ボックス*/
  .search-box {
    transition: 0.2s linear;
    transform: scale(0);
    transform-origin: right top;
    flex-direction: column-reverse;
    z-index: 1001;
    background: #e9e9e9;
    padding: 35px 10px 12px;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + 3px);
  }
  .search-box.nav-active {
    display: flex;
    transform: scale(1);
    width: 100%;
  }
  .search-box .tag-area {
    margin: 10px auto;
    width: 90%;
    max-width: 500px;
    font-size: 0;
  }
  .search-box .tag-area p {
    font-size: 11px;
    flex-wrap: nowrap;
    display: inline-block;
    width: 68px;
  }
  .search-box .tag-area ul {
    display: inline-flex;
    flex-wrap: wrap;
    width: calc(100% - 80px);
  }
  .search-box .tag-area ul li a {
    margin: 0 3px 3px 0;
    min-width: 47px;
    padding: 3px 4px;
    font-size: 11px;
    background: #fff;
    display: block;
    text-align: center;
  }
  .search-box .tag-area ul li a:hover {
    opacity: 0.6;
    zoom: 1;
  }
  .search-box .search-area {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
  }
  .search-box .search-area input {
    color: #000;
    border: 1px solid #0c0104;
    font-size: 11px;
    min-height: unset;
    line-height: 1;
    padding: 5px 7px;
  }
  .search-box .search-area input:placeholder {
    color: #b3b3b3;
  }
  .search-box .search-area input::-webkit-input-placeholder {
    padding-top: 0.5em;
  }
  .search-box .search-area input:focus {
    border-color: #000280;
    box-shadow: inset 0px 0px 2px #000280;
  }
  .search-box .search-area .searchsubmit {
    border: none;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon-search@2x.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: 3px;
    bottom: 4px;
  }
  .search-box .search-area .searchsubmit:hover {
    opacity: 0.8;
    zoom: 1;
  }

  /*メニュー*/
  .contents-wrap .contents-gnav .g-list {
    transition: 0.2s linear;
    transform: scale(0);
    transform-origin: right top;
    z-index: 1001;
    background: #e9e9e9;
    padding: 50px 0 37px;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + 3px);
  }
  .contents-wrap .contents-gnav .g-list.nav-active {
    display: block;
    transform: scale(1);
    width: 100%;
  }
  .contents-wrap .contents-gnav .g-list ul {
    width: calc(492 / 628 *100%);
    margin: 0 auto;
    overflow-y: auto;
    height: 60vh;
    max-height: 430px;
  }
  .contents-wrap .contents-gnav .g-list ul li {
    display: block;
  }
  .contents-wrap .contents-gnav .g-list ul li.pc-only {
    display: none;
  }
  .contents-wrap .contents-gnav .g-list ul li a {
    font-size: 13px;
    text-align: left;
    font-weight: normal;
    color: inherit;
    line-height: 1;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 14px 6px;
    border-bottom: 1px solid #777;
    background: url("../img/icon-menu-arrow.png") no-repeat right 15px center;
    background-size: 5px 12px;
  }
  .contents-wrap .contents-gnav .g-list ul li:last-of-type a {
    border: none;
  }
  .contents-wrap .contents-gnav .g-list ul li h1 {
    line-height: 1;
  }

  html.nav-active {
    overflow: hidden;
    height: 100%;
  }
}
/* 
	Common
--------------------------------------------------------*/
/*
	  Bread Crumb
------------------------*/

.p-breadcrumb {
  width: 90%;
  margin: 10px auto;
  font-size: 12px;
  color: #333;
}


/*_タイトル関連_*/
.contents-wrap .ttl-article-small, .contents-wrap .ttl-movie-small {
  border-bottom: 1px solid #777;
  margin-bottom: 14px;
  text-indent: 45px;
  font-size: 25px;
  font-weight: bold;
  padding: 0 0 5px 0;
}
.contents-wrap .ttl-article-small {
  background: url("../img/icon-article@2x.png") no-repeat left top 4px;
  background-size: 36px 25px;
}
.contents-wrap .ttl-movie-small {
  background: url("../img/icon-movie@2x.png") no-repeat left top 4px;
  background-size: 35px 23px;
}
.contents-wrap .ttl-article-large, .contents-wrap .ttl-movie-large {
  text-align: center;
  margin-bottom: 42px;
}
.contents-wrap .ttl-article-large span, .contents-wrap .ttl-movie-large span {
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
}
.contents-wrap .ttl-article-large span {
  background: url("../img/icon-article@2x.png") no-repeat left center;
  background-size: 53px 37px;
  text-indent: 60px;
}
.contents-wrap .ttl-movie-large span {
  background: url("../img/icon-movie@2x.png") no-repeat left center;
  background-size: 43px 29px;
  text-indent: 50px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .ttl-article-small, .contents-wrap .ttl-movie-small {
    margin-bottom: 7px;
    text-indent: 22px;
    font-size: 13px;
    padding: 3px 0 3px 0;
  }
  .contents-wrap .ttl-article-small {
    background: url("../img/icon-article.png") no-repeat left top 2px;
    background-size: 19px 13px;
  }
  .contents-wrap .ttl-movie-small {
    background: url("../img/icon-movie.png") no-repeat left top 3px;
    background-size: 18px 12px;
  }
  .contents-wrap .ttl-article-large, .contents-wrap .ttl-movie-large {
    text-align: center;
    margin-bottom: 42px;
  }
  .contents-wrap .ttl-article-large span, .contents-wrap .ttl-movie-large span {
    font-size: 18px;
  }
  .contents-wrap .ttl-article-large span {
    background: url("../img/icon-article.png") no-repeat left center;
    background-size: 18px 13px;
    text-indent: 22px;
  }
  .contents-wrap .ttl-movie-large span {
    background: url("../img/icon-movie.png") no-repeat left center;
    background-size: 21px 14px;
    text-indent: 25px;
  }
}
/*_カテゴリ名_*/
.contents-wrap .cat-name {
  font-size: 14px;
  line-height: 1;
  padding: 3px 10px;
  margin-right: 4px;
  background: #e9e9e9;
  min-width: 80px;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
}

.cat-name2 {
  display: none;
}

@media screen and (max-width: 750px) {
  .contents-wrap .cat-name {
    font-size: 10px;
    padding: 2px 5px;
    margin-right: 2px;
    min-width: 58px;
    margin-bottom: 5px;
  }
}
/*_NEWマーク_*/
.contents-wrap .new-mark figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 60px;
  background: url("../img/icon-new@2x.png") no-repeat left top;
  background-size: contain;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .contents-wrap .new-mark figure:before {
    width: 34px;
    height: 29px;
    background: url("../img/icon-new.png") no-repeat left top;
    background-size: contain;
  }
}
/*_ランキングマーク_*/
.contents-wrap .rank-mark {
  position: relative;
}
.contents-wrap .rank-mark:before {
  content: "";
  width: 43px;
  height: 34px;
  position: absolute;
  top: -23px;
  left: 0;
  z-index: 2;
}
.contents-wrap .rank-mark.rank-01:before {
  background: url("../img/icon-rank-01@2x.png") no-repeat top left;
  background-size: contain;
}
.contents-wrap .rank-mark.rank-02:before {
  background: url("../img/icon-rank-02@2x.png") no-repeat top left;
  background-size: contain;
}
.contents-wrap .rank-mark.rank-03:before {
  background: url("../img/icon-rank-03@2x.png") no-repeat top left;
  background-size: contain;
}
.contents-wrap .rank-mark.rank-04:before {
  background: url(../img/icon-rank-04@2x.png) no-repeat top left;
  background-size: contain;
  width: 34px;
  top: -17px;
}
.contents-wrap .rank-mark.rank-05:before {
  background: url(../img/icon-rank-05@2x.png) no-repeat top left;
  background-size: contain;
  width: 34px;
  top: -17px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .rank-mark:before {
    width: 31px;
    height: 25px;
    top: -15px;
  }
  .contents-wrap .rank-mark.rank-02:before, .contents-wrap .rank-mark.rank-03:before {
    left: 3px;
  }
  .contents-wrap .rank-mark.rank-04:before, .contents-wrap .rank-mark.rank-05:before {
    width: 17px;
    height: 17px;
    top: -8px;
  }
}
/*_ボタンスタイル01_*/
.contents-wrap .btn-style-01 {
  display: block;
  font-size: 19px;
  font-weight: normal;
  color: #000;
  border: 1px solid #777;
  width: 320px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 10px auto;
}
.contents-wrap .btn-style-01:hover {
  background-color: #ff822f;
  border-color: #ff822f;
  color: #fff;
  opacity: 1;
  zoom: 1;
}

@media screen and (max-width: 750px) {
  .contents-wrap .btn-style-01 {
    font-size: 10px;
    width: 183px;
    height: 29px;
    line-height: 29px;
  }
}
/*_ページ内リンクリスト_*/
.contents-wrap .pagelink-list {
  border-bottom: 1px solid #777;
  margin-bottom: 15px;
  margin-top: 50px;
}
.contents-wrap .pagelink-list ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  height: 61px;
  margin-bottom: 6px;
}
.contents-wrap .pagelink-list ul li {
  width: calc(100% / 4);
  position: relative;
}
.contents-wrap .pagelink-list ul li a {
  font-size: 15px;
  line-height: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  padding-top: 14px;
}
.contents-wrap .pagelink-list ul li a:before {
  content: "〉";
  transform: rotate(90deg);
  display: block;
  margin: auto;
  right: 0;
  left: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  position: absolute;
  transition: 0.2s linear;
}
.contents-wrap .pagelink-list ul li a:after {
  content: "";
  display: block;
  background: #777;
  width: 1px;
  height: 100%;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.contents-wrap .pagelink-list ul li a:hover {
  opacity: 0.6;
  zoom: 1;
}
.contents-wrap .pagelink-list ul li a:hover:before {
  transform: rotate(90deg) translateX(5px);
}
.contents-wrap .pagelink-list ul li:last-of-type a:after {
  display: none;
}
.contents-wrap .pagelink-list .ttl-article img {
  width: 25px;
  height: 18px;
  margin-right: 3px;
}
.contents-wrap .pagelink-list .ttl-movie img {
  width: 25px;
  height: 16px;
  margin-right: 7px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .pagelink-list {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .contents-wrap .pagelink-list ul {
    height: 25px;
    margin-bottom: 3px;
  }
  .contents-wrap .pagelink-list ul li {
    min-width: 50px;
  }
  .contents-wrap .pagelink-list ul li a {
    font-size: 10px;
    text-align: center;
    padding: 7px 2px;
    white-space: nowrap;
  }
  .contents-wrap .pagelink-list ul li a:before {
    bottom: -1px;
    font-size: 6px;
  }
  .contents-wrap .pagelink-list ul li a:hover:before {
    transform: rotate(90deg) translateX(2px);
  }
  .contents-wrap .pagelink-list .ttl-article img {
    width: 10px;
    height: 7px;
    margin-right: 2px;
    vertical-align: baseline;
  }
  .contents-wrap .pagelink-list .ttl-movie img {
    width: 11px;
    height: 7px;
    margin-right: 2px;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 350px) {
  .contents-wrap .pagelink-list ul li {
    flex: 2;
  }
  .contents-wrap .pagelink-list ul li:first-child {
    flex: 1;
  }
}
/*_SPフッター前スライダー_*/
.sp-btm-slider {
  width: 100%;
  margin: 20px auto 40px;
}
.sp-btm-slider .ttl {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  width: calc(608 / 628 * 100%);
  margin: 0 auto;
  text-indent: 5px;
  padding-bottom: 3px;
  border-bottom: 3px solid #000280;
  color: #000;
}

/*
	  Pager Style
------------------------*/
.blog-pager .wp-pagenavi {
  clear: both;
  text-align: center;
  line-height: 1;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-right: 6px;
}
.blog-pager .wp-pagenavi a, .blog-pager .wp-pagenavi span {
  font-size: 18px;
  color: #777;
  text-decoration: none;
  margin-left: 12px;
  text-align: center;
  font-weight: normal;
}
.blog-pager .wp-pagenavi span.current, .blog-pager .wp-pagenavi a:hover {
  text-decoration: underline;
  color: #000;
  font-weight: normal;
  transform: scale(1.2);
}
.blog-pager .wp-pagenavi span.extend {
  border: none;
}
.blog-pager .wp-pagenavi .first, .blog-pager .wp-pagenavi .last, .blog-pager .wp-pagenavi .previouspostslink, .blog-pager .wp-pagenavi .nextpostslink {
  background: #e9e9e9;
  border-radius: 50%;
  color: #000;
  width: 36px;
  height: 36px;
  line-height: 34px;
}
.blog-pager .wp-pagenavi .first:hover, .blog-pager .wp-pagenavi .last:hover, .blog-pager .wp-pagenavi .previouspostslink:hover, .blog-pager .wp-pagenavi .nextpostslink:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
  transform: none;
}
.blog-pager .wp-pagenavi .last {
  padding-left: 3px;
}
.blog-pager .wp-pagenavi .nextpostslink {
  padding-left: 5px;
}

@media screen and (max-width: 750px) {
  .blog-pager .wp-pagenavi {
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: -12px;
  }
  .blog-pager .wp-pagenavi a, .blog-pager .wp-pagenavi span {
    margin-left: 12px;
    font-size: 10px;
  }
  .blog-pager .wp-pagenavi .first, .blog-pager .wp-pagenavi .last, .blog-pager .wp-pagenavi .previouspostslink, .blog-pager .wp-pagenavi .nextpostslink {
    width: 18px;
    height: 18px;
    line-height: 16px;
  }
  .blog-pager .wp-pagenavi .last {
    padding-left: 2px;
  }
  .blog-pager .wp-pagenavi .nextpostslink {
    padding-left: 2px;
  }
}
.pager-single {
  display: flex;
  justify-content: center;
}
.pager-single li {
  width: 100%;
  max-width: 220px;
  min-height: 50px;
  margin: 2px;
}
.pager-single a {
  background-image: linear-gradient(90deg, #3431a2 0%, #1b1a64 100%);
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager-single a .prev-arrow, .pager-single a .next-arrow {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 1px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
}
.pager-single a .prev-arrow {
  right: 10%;
}
.pager-single a .next-arrow {
  left: 10%;
  transform: rotate(-135deg);
}
.pager-single a.to-list {
  background: #fff;
  border: 1px solid #ccc;
  color: #4839bd;
}

/* 
	Wordpress misc
--------------------------------------------------------*/
/*詳細ページまわり抜粋*/
.blog-single-contents p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
  overflow: hidden;
  line-height: 1.5;
  font-size: 0.9rem;
}
.blog-single-contents strong {
  font-weight: bold;
}
.blog-single-contents cite, .blog-single-contents em, .blog-single-contents i {
  font-style: italic;
}
.blog-single-contents big {
  font-size: 131.25%;
}
.blog-single-contents ins {
  background: #ffc;
  text-decoration: none;
}
.blog-single-contents blockquote {
  font-style: italic;
  padding: 03em;
}
.blog-single-contents blockquotecite, .blog-single-contents blockquoteem, .blog-single-contents blockquotei {
  font-style: normal;
}
.blog-single-contents pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  overflow: auto;
  padding: 1.5em;
}
.blog-single-contents abbr, .blog-single-contents acronym {
  border-bottom: 1px dotted #777;
  cursor: help;
}
.blog-single-contents sup, .blog-single-contents sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
.blog-single-contents sup {
  bottom: 1ex;
}
.blog-single-contents sub {
  top: .5ex;
}
.blog-single-contents img {
  margin-bottom: 10px;
  font-size: inherit;
}
.blog-single-contents img.size-auto, .blog-single-contents img.size-full, .blog-single-contents img.size-large, .blog-single-contents img.size-medium, .blog-single-contents .attachment img {
  max-width: 100%;
  height: auto;
}
.blog-single-contents .alignleft, .blog-single-contents img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.blog-single-contents .alignright, .blog-single-contents img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.blog-single-contents .aligncenter, .blog-single-contents img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.blog-single-contents img.alignleft, .blog-single-contents img.alignright, .blog-single-contents img.aligncenter {
  margin-bottom: 12px;
}
.blog-single-contents table, .blog-single-contents th, .blog-single-contents td {
  border: 1px solid #000;
}
.blog-single-contents table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 28px;
  width: 100%;
}
.blog-single-contents table th, .blog-single-contents caption {
  border-width: 0 1px 1px 0;
  padding: 7px;
  text-align: left;
  vertical-align: baseline;
}
.blog-single-contents table td {
  border-width: 0 1px 1px 0;
  padding: 7px;
  vertical-align: baseline;
}

/* 
	TopPage
--------------------------------------------------------*/
/*共通article-block*/
.contents-wrap .article-block *,
.contents-wrap .article-block02 * {
  transition: 0.2s linear;
}
.contents-wrap .article-block a:hover,
.contents-wrap .article-block02 a:hover {
  opacity: 1;
  zoom: 1;
}
.contents-wrap .article-block figure:hover img,
.contents-wrap .article-block02 figure:hover img {
  transform: scale(1.1);
  opacity: 0.8;
  zoom: 1;
}
.contents-wrap .article-block figure:hover:before,
.contents-wrap .article-block02 figure:hover:before {
  opacity: 0.8;
  zoom: 1;
}
.contents-wrap .article-block .txt-area:hover,
.contents-wrap .article-block02 .txt-area:hover {
  opacity: 0.8;
  zoom: 1;
}
.contents-wrap .article-block .txt-area,
.contents-wrap .article-block02 .txt-area {
  font-size: 0;
  /*inline-blockの隙間消し*/
}
.contents-wrap .article-block .txt-area p,
.contents-wrap .article-block02 .txt-area p {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .article-block .txt-area p,
  .contents-wrap .article-block02 .txt-area p {
    font-size: 12px;
  }
}
.contents-wrap .article-block a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.contents-wrap .article-block .inner {
  margin-bottom: 55px;
}
.contents-wrap .article-block figure {
  width: calc(470/ 978 *100%);
  height: 280px;
  overflow: hidden;
}
.contents-wrap .article-block figure img {
  width: 100%;
}
.contents-wrap .article-block .txt-area {
  width: calc(470/ 978 *100%);
}
.contents-wrap .article-block .ttl-article-small, .contents-wrap .article-block .ttl-movie-small {
  line-height:1.3;
}

@media screen and (max-width: 750px) {
  .contents-wrap .article-block a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .contents-wrap .article-block figure {
    width: calc(240 / 628 *100%);
    height: auto;
    margin-right: 8px;
    margin-left: 4px;
  }
  .contents-wrap .article-block .txt-area {
    width: calc(370 / 628 *100%);
  }
}
.contents-wrap .article-block02 .article-block-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contents-wrap .article-block02 .article-block-list:after {
  content: "";
  display: block;
  width: 30%;
}
.contents-wrap .article-block02 .article-block-list li {
  width: calc(310 / 978 *100%);
  margin-bottom: 50px;
  position: relative;
}
.contents-wrap .article-block02 .article-block-list li figure {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
.contents-wrap .article-block02 .article-block-list li figure img {
  width: 100%;
}
.contents-wrap .article-block02 .article-block-list li .ttl-s {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .article-block02 .article-block-list:after {
    width: 50%;
  }
  .contents-wrap .article-block02 .article-block-list li {
    margin-bottom: 15px;
    width: calc(299 / 628 *100%);
  }
  .contents-wrap .article-block02 .article-block-list li figure {
    margin-bottom: 8px;
  }
  .contents-wrap .article-block02 .article-block-list li .ttl-s {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .contents-wrap .article-block02.ranking li {
    width: calc(297 / 628 *100%);
  }
  .contents-wrap .article-block02.ranking .rank-01 {
    width: calc(541/628 * 100%);
    max-width: 100%;
    margin: 0 auto 25px;
  }
  .contents-wrap .article-block02.ranking .rank-01 .txt-area {
    padding: 0 10px;
  }
}
/*共通article-blockのトップページのみの指定*/
.contents-wrap .top-article-block {
  padding-top: 34px;
  padding-bottom: 120px;
  border-bottom: 1px solid #777;
}
.contents-wrap .top-article-block .ttl {
  font-weight: bold;
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 40px;
  text-align: center;
}
.contents-wrap .top-article-block .inner {
  margin-bottom: 80px;
}
.contents-wrap .top-article-block .inner:last-of-type {
  margin-bottom: 0;
}
.contents-wrap .top-article-block.top-article-block-01 {
  padding-bottom: 80px;
}
.contents-wrap .top-article-block.top-article-block-01 .ttl {
  margin-bottom: 50px;
}
.contents-wrap .top-article-block.article-block02 {
  padding-bottom: 50px;
}
.contents-wrap .top-article-block.article-block02 .ttl {
  margin-bottom: 50px;
}
.contents-wrap .top-article-block.ranking {
  border-bottom: none;
}

@media screen and (max-width: 750px) {
  .contents-wrap .top-article-block {
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .contents-wrap .top-article-block .ttl {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .contents-wrap .top-article-block .inner {
    margin-bottom: 30px;
  }
  .contents-wrap .top-article-block.top-article-block-01 {
    padding-top: 8px;
    padding-bottom: 30px;
  }
  .contents-wrap .top-article-block.top-article-block-01 .inner a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0 auto;
    width: calc(470/628 *100%);
  }
  .contents-wrap .top-article-block.top-article-block-01 figure {
    width: 100%;
    margin: 0 0 14px 0;
  }
  .contents-wrap .top-article-block.top-article-block-01 .txt-area {
    width: 100%;
  }
  .contents-wrap .top-article-block.top-article-block-01 .ttl {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .contents-wrap .top-article-block.article-block02 {
    padding-bottom: 23px;
  }
  .contents-wrap .top-article-block.article-block02 .ttl {
    margin-bottom: 9px;
  }
  .contents-wrap .top-article-block.ranking .ttl {
    margin-bottom: 30px;
    margin-top: 5px;
  }
}
/* 
	SubPages
--------------------------------------------------------*/
/*タブ切り替え*/
.contents-wrap .tab-list {
  margin: -1px 0 0 0;
}
.contents-wrap .tab-list .b-tab {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.contents-wrap .tab-list .b-tab li {
  list-style: none;
  cursor: pointer;
  transition: 0.2s linear;
  width: calc(100% / 3);
  background: #e9e9e9;
  font-size: 18px;
  text-align: center;
  padding: 27px 10px;
  border-left: 1px solid #777;
  border-bottom: 1px solid #777;
  border-top: 1px solid #777;
}
.contents-wrap .tab-list .b-tab li:last-child {
  border-right: 1px solid #777;
}
.contents-wrap .tab-list .b-tab li img {
  width: 25px;
  height: 18px;
  margin-right: 7px;
  vertical-align: middle;
  margin-top: -3px;
  line-height: 25px;
}
.contents-wrap .tab-list .b-tab li.select {
  background: #fff;
  border-bottom: none;
}

@media screen and (max-width: 750px) {
  .contents-wrap .tab-list {
    margin-top: 20px;
  }
  .contents-wrap .tab-list .b-tab li {
    font-size: 10px;
    padding: 5px;
    border-top: 1px solid #777;
  }
  .contents-wrap .tab-list .b-tab li img {
    display: none;
  }
}
.contents-wrap .tab-content {
  list-style: none;
  padding: 70px 25px;
}
.contents-wrap .tab-content .hide {
  display: none;
  transition: 0.2s linear;
}
.contents-wrap .tab-content figure {
  width: calc(376/ 928 *100%);
  height: auto;
}
.contents-wrap .tab-content .txt-area {
  width: calc(470/ 928 *100%);
}
.contents-wrap .tab-content .blog-pager {
  margin-top: 100px;
}
.contents-wrap .tab-content .ttl-s {
  text-overflow: ellipsis;
  line-height:1.3;
  border-bottom: 1px solid #777;
  margin-bottom: 14px;
  text-indent: 45px;
  font-size: 25px;
  font-weight: bold;
  padding: 0 0 5px 0;
}
.contents-wrap .tab-content .movie-box .ttl-s {
  background: url(../img/icon-movie@2x.png) no-repeat left top 4px;
  background-size: 35px 23px;
}
.contents-wrap .tab-content .article-box .ttl-s {
  background: url(../img/icon-article@2x.png) no-repeat left top 4px;
  background-size: 36px 25px;
}

@media screen and (max-width: 750px) {
  .contents-wrap .tab-content {
    padding: 25px 0;
  }
  .contents-wrap .tab-content .inner {
    margin-bottom: 32px;
  }
  .contents-wrap .tab-content figure {
    width: calc(240/ 628 *100%);
  }
  .contents-wrap .tab-content .txt-area {
    width: calc(377/ 628 *100%);
  }
  .contents-wrap .tab-content .ttl-s {
    margin-bottom: 6px;
    text-indent: 22px;
    font-size: 13px;
    padding: 0 0 5px 0;
  }
  .contents-wrap .tab-content .movie-box .ttl-s, .contents-wrap .tab-content .article-box .ttl-s {
    background-size: 18px 12px;
    background-position: left top 2px;
  }
  .contents-wrap .tab-content .blog-pager {
    margin-top: 35px;
  }
}
/*コンテンツ一覧*/
@media screen and (max-width: 750px) {
  .contents-wrap .tab-content.contents-list {
    padding: 17px 0 30px;
  }
  .contents-wrap .tab-content.contents-list .article-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .contents-wrap .tab-content.contents-list .article-block .inner {
    width: 47%;
    margin-bottom: 27px;
  }
  .contents-wrap .tab-content.contents-list .article-block a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .contents-wrap .tab-content.contents-list .article-block figure {
    width: 100%;
    margin: 0;
    margin-bottom: 8px;
  }
  .contents-wrap .tab-content.contents-list .article-block .ttl-s {
    font-size: 13px;
    margin-bottom: 3px;
    background: none;
    text-overflow: unset;
    overflow: unset;
    white-space: normal;
    border-bottom: none;
    text-indent: 0;
    padding: 0;
  }
  .contents-wrap .tab-content.contents-list .article-block .txt-area {
    width: 100%;
    text-align: justify;
  }
  .contents-wrap .tab-content.contents-list .article-block .ttl-movie-small, .contents-wrap .tab-content.contents-list .article-block .ttl-article-small {
    background: none;
    text-overflow: unset;
    text-indent: 0;
    overflow: unset;
    white-space: normal;
  }
  .contents-wrap .tab-content.contents-list .article-block .cat-name2 {
    color: #fff;
    background: #000;
    font-size: 10px;
    padding: 2px 5px;
    min-width: 57px;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
  }
  .contents-wrap .tab-content.contents-list .article-block .movie-box .cat-name2 {
    background: #f30000;
  }
  .contents-wrap .tab-content.contents-list .blog-pager {
    margin-top: 0px;
  }
}
/*ランキング一覧*/
.pagelink-list.ranking-list ul li {
  width: calc(100% / 2);
}

@media screen and (min-width: 751px) {
  .pagelink-list.ranking-list {
    margin-top: 15px;
  }
  .pagelink-list.ranking-list ul li a {
    font-size: 18px;
  }
  .pagelink-list.ranking-list ul li a:before {
    bottom: -4px;
  }
  .pagelink-list.ranking-list .ttl-article img {
    width: 36px;
    height: 25px;
    margin-right: 9px;
  }
  .pagelink-list.ranking-list .ttl-movie img {
    width: 34px;
    height: 22px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 750px) {
  .pagelink-list.ranking-list ul li {
    flex: 1;
  }
}
@media screen and (min-width: 751px) {
  .article-block02.ranking-article-block:first-of-type {
    padding-bottom: 20px;
    margin-bottom: 90px;
    border-bottom: 1px solid #777;
  }
  .article-block02.ranking-article-block .ttl {
    margin: 40px auto 80px;
  }
  .article-block02.ranking-article-block .article-block-list li.rank-01, .article-block02.ranking-article-block .article-block-list li.rank-02 {
    width: calc(469 / 978 *100%);
  }
  .article-block02.ranking-article-block .article-block-list li.rank-01:before, .article-block02.ranking-article-block .article-block-list li.rank-02:before {
    width: 65px;
    height: 51px;
    top: -37px;
    left: 0;
  }
}
@media screen and (max-width: 750px) {
  .article-block02.ranking-article-block {
    margin-bottom: 25px;
  }
  .article-block02.ranking-article-block:first-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #777;
  }
  .article-block02.ranking-article-block .ttl {
    margin: 15px auto 20px;
  }
  .article-block02.ranking-article-block .article-block-list li.rank-01 {
    width: calc(541 / 628 *100%);
  }
}
/*検索結果*/
.search-result-ttl {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 35px auto 50px;
}

/*詳細ページ*/
.blog-single {
  margin: 20px auto;
  max-width: 900px;
  color: #444;
  font-size: 17px;
}
.blog-single .single-tn {
  width: 100%;
}
.blog-single-contents {
  width: 90%;
  margin: 0 auto;
}
.blog-single-contents .blog-single-ttl, .blog-single-contents h1 {
  margin: 15px auto;
  font-size: 32px;
  border-bottom: 2px solid #000280;
  padding-bottom: 10px;
   font-weight:bold;
   line-height: 120%;
}
.blog-single-contents h2 {
  font-size: 24px;
  margin: 1.5% 0 1% 0;
  color: #000280;
  border-left: 5px solid #000280;
  padding-left: 10px;
  padding-top: 5px;
  font-weight:bold;
  line-height: 120%;
}

.blog-single-contents h3 {
  font-size: 20px;
  margin: 1.5% 0 1% 0;
  color: #000280;
  font-weight:bold;
}

.blog-single-contents .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
 margin-bottom:30px;
  border-image-source: url(https://www.tanabesports.com/s/img/film.gif);
  border-image-repeat: repeat;
  border-image-width: 25px;
  border-image-slice: 33%;
  border-bottom: 24px solid;
  border-top: 24px solid;
  background-color:#000;
}

.movie-wrap p{
	padding:30px 0;
	}


.blog-single-contents .movie-wrap iframe, .blog-single-contents .movie-wrap object, .blog-single-contents .movie-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-single-contents .blog-single-ttl + img, .blog-single-contents .blog-single-ttl + .movie-wrap {
  margin-top: 0;
}
.blog-single-contents img + .movie-wrap, .blog-single-contents .movie-wrap + img {
  margin-top: 20px;
}
.blog-single-contents .single-link-area {
  width: 90%;
  margin: 60px auto 80px;
}
.blog-single-contents .single-link-area ul li {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 50px;
}
.blog-single-contents .single-link-area ul li figure {
  width: 40%;
}
.blog-single-contents .single-link-area ul li .txt-area {
  width: 60%;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  padding-top: 60px;
}
.blog-single-contents .single-link-area ul li .txt-area b {
  font-size: 24px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.blog-single-contents .single-link-area ul li .txt-area a {
  background: #3399d9;
  width: 316px;
  height: 51px;
  display: block;
  margin: 30px auto;
  color: #fff !important;
  letter-spacing: 0.1em;
  line-height: 51px;
  padding: 0 30px;
  background-image: url("https://www.tanabesports.com/article/img/icon-cart@2x.png") , url("https://www.tanabesports.com/article/img/icon-arrow-circle@2x.png");
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: left 30px center,right 30px center;
  text-decoration: none !important;
}
.blog-single-contents .single-link-area ul li .txt-area a:hover {
  background-position: left 30px center,right 20px center;
}

.single-ranking-block {
  border-top: 1px solid #777;
}
.single-ranking-block .ttl {
  font-size: 35px;
  margin: 10px auto 70px;
  font-weight: bold;
  text-align-last: center;
}

@media screen and (max-width: 750px) {
  .blog-single {
    margin: 15px auto;
    max-width: 95%;
    font-size: 15px;
  }
  .blog-single-contents{
	width:100%;  
  }
  .blog-single-contents .blog-single-ttl, .blog-single-contents h1 {
    font-size: 1.1rem;
	font-weight:bold;
  }
  .blog-single-contents h2 {
    font-size: 15px;
	font-weight:bold;
  }

  .blog-single-contents h3 {
    font-size: 14px;
	font-weight:bold;
  }  
  .blog-single-contents img {
    margin-top: 45px;
  }
  .blog-single-contents img:first-of-type {
    margin-top: 0;
  }
  .blog-single-contents img + .movie-wrap, .blog-single-contents .movie-wrap + img {
    margin-top: 10px;
  }
  .blog-single .single-link-area {
    margin: 40px auto 20px;
  }
  .blog-single .single-link-area ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .blog-single .single-link-area ul li:last-of-type {
    margin-bottom: 0;
  }
  .blog-single .single-link-area ul li figure {
    width: 100%;
  }
  .blog-single .single-link-area ul li .txt-area {
    width: 100%;
    font-size: 15px;
    padding-top: 20px;
  }
  .blog-single .single-link-area ul li .txt-area a {
font-size: 0.9rem;
    width: 100%;
    height: 45px;
    margin: 20px auto 0;
    line-height: 45px;
    background-image: url(../img/icon-cart@2x.png) , url(../img/icon-arrow-circle@2x.png);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: left 30px center,right 30px center;
  }
  .blog-single .single-link-area ul li .txt-area a:hover {
    background-position: left 30px top 6px,right 20px top 7px;
  }

  .single-ranking-block .ttl {
    font-size: 17px;
    margin: 35px auto 20px;
  }
}



/*20200824岩橋追加分*/
@media screen and (min-width: 751px) {
.wp_cnt {
	max-width:978px;
	width:100%;
	text-align:center;
	}

.wp_cnt h3 {
	box-sizing:inherit;
	font-size: x-large;
	font-weight: 600;
	margin: 1.5% 0 1% 0;
	color: #000;
	padding-top: 5px;
	}

.wp_cnt img{
	width: 70%;
	max-width:978px;
	margin-bottom: 20px;
	}

.wp_cnt p{
	font-size: 1em !important;
	box-sizing: inherit;
	position: relative;
	margin: 0 auto;
	line-height: inherit;
	}

.wp_cnt a{
	background: #3399d9;
	width: 670px;
	display: block;
	margin: 30px auto;
	color: #fff!important;
	letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 15px 45px;
	background-image: url(https://www.tanabesports.com/article/img/icon-cart@2x.png) , url(https://www.tanabesports.com/article/img/icon-arrow-circle@2x.png);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: left 30px center,right 30px center;
	text-align:center;}

.wp_btn {
	background: #3399d9;
    font-size: 18px;
    text-align: center;
    width: 80%;
    display: block;
    margin: 0 auto 30px;
    color: #fff!important;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 15px 30px;
    background-image: url(https://www.tanabesports.com/article/img/icon-arrow-circle@2x.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: right 80px center;
    text-decoration: none !important;
	}

.wp_btn2 {
font-size: 1.2em !important;
    box-sizing: inherit;
    position: relative;
    margin: 0 auto;
    line-height: inherit;
    display: block;
	color: #000!important;
    border: solid 1px#000;
    background-color: #FFF;
    width: 70% !important;
    text-align: center;
    padding: 10px;
    margin: 0 auto 30px !important;
	text-decoration:none
	}
	
		

.wp_mokuji {
	border:1px dashed #CCC;
	padding:0;		
	}

.wp_mokuji p {
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	margin: 1em 0 0!important;
	}


.wp_mokuji ol{
	width:100%;
	padding:15px 40px;
	margin:0;
	font-size:14px;	
	font-weight:bold;
	list-style: square inside;	
	}

.wp_mokuji li{
	border-bottom:1px dashed #CCC;
	padding:5px 0;
	width:90%;
	margin: 0!important;
	line-height: 1.5;
	}

.wp_mokuji a{
	text-decoration:none;
	color:#777;
	}

}

@media screen and (max-width: 750px) {

.wp_cnt {
	max-width:750px;
	width:100%;
	text-align:center;
	}


.wp_cnt h3 {
	box-sizing: inherit;
    margin: 1.5% 0 1% 0;
    color: #444;
    padding-top: 5px;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    line-height: 1.4;
	}

.wp_cnt img{
	width: 100%;
	max-width:978px;
	margin-bottom: 20px;
	}

.wp_cnt p{
	font-size: 4vw !important;
	box-sizing: inherit;
	position: relative;
	margin: 0 auto;
	line-height: 6vw;
	}

.wp_cnt a{
	font-size:0.9rem;
	background: #3399d9;
	display: block;
	margin: 30px auto;
	color: #fff!important;
	letter-spacing: 0.1em;
	line-height: 1.5;
	padding: 15px 40px;
	background-image: url(https://www.tanabesports.com/article/img/icon-cart@2x.png) , url(https://www.tanabesports.com/article/img/icon-arrow-circle@2x.png);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: left 15px center,right 15px center;text-align:center;
	}

.wp_btn {
    background: #3399d9;
	font-size: 1rem;
    width: 100%;
    margin: 20px auto 0;
    background-image: url(https://www.tanabesports.com/article/img/icon-arrow-circle@2x.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: right 5% center;
    color: #fff!important;
    padding: 10px 30px;
    display: block;
	text-align:center;
	}

.wp_btn2 {
font-size: 1.2em !important;
    box-sizing: inherit;
    position: relative;
    margin: 0 auto;
    line-height: inherit;
    display: block;
	color: #000!important;
    border: solid 1px#000;
    background-color: #FFF;
    width: 70% !important;
    text-align: center;
    padding: 10px;
    margin-top: 30px !important;
	text-decoration:none
	}

.wp_mokuji {
	width:100%;
	border:1px dashed #CCC;
	}
	
.wp_mokuji p {
	color:#333;
	font-size:1rem;
	font-weight:bold;
	text-align: center;
	margin: 1em 0 0!important;
	}

.wp_mokuji ol {
	width:100%;
	padding:5% 8%;
	margin:0;
	font-size:0.8rem;
	font-weight:bold;	
	list-style: square inside;	
	}

.wp_mokuji li{
	border-bottom:1px dashed #CCC;
	padding:2% 0;
	width:100%;
	margin: 0!important;
	}

.wp_mokuji a{
	text-decoration:none;
	color:#777;
	}

}


/*20200831岩橋追加分*/

@media screen and (min-width: 751px) {


.wp_top_ban {
	max-width:978px;
	width:100%;
	margin:0 auto;
	padding:0;
	}


.wp_top_ban ul {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
	max-width:978px;
	width:100%;
	margin:0 auto;
	padding:0;
	}

.wp_top_ban li{
	max-width:24%;
	width:100%;
	}

  .wp_pc {
	margin:10px 0;
	}
 
 
 .wp_sp {
	display:none;
	}

/*20200910西岡追加分*/
.comb p{
	float:left;
}

 
}	

@media screen and (max-width: 750px) {

.wp_top_ban {
	width:100%;
	margin:0 auto;
	padding:0;
	}


.wp_top_ban ul {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
	width:100%;
	margin:0 auto;
	padding:0;
	}

.wp_top_ban li{
	max-width:49%;
	width:100%;
	}

.wp_sp {
	margin:10px 0;
	}


.wp_pc {
	display:none;
	}

/*20200910西岡追加分*/
.comb p{
	float:left;
}	
	
}


.obi-blue{
	background-color: #2cbfdf;
    text-align: center;
    margin: 0 0 20px;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem!important;
	}


/*_日本サイトワードプレスより_*/