@charset "UTF-8";

/* PC SP common */

.top_contents_tit_desc {
color: #666;
}

.item_title_type_wrap ul,
.item_title_type_wrap li {
list-style-type: none;
}

/*
.dakota_wrapping_accepting {
width: 100%;
margin: 2rem auto 2rem;
border-radius: 50px;
padding: 1.8rem;
}
*/
 
/*=========================================
PC ここから
==========================================*/
@media screen and (min-width: 768px) {

/* Dakotaのカテゴリページ幅 */
.fs-body-category-dakota .fs-l-main {
    max-width: 950px;
    width: 950px;
}

.official_dealer_text {
/*background-image: linear-gradient(-60deg, #f09819 0%, #ff5858 100%);*/
background-color: #fff; /*#BA6E40;*/ /*#E3AB00;*/
border: 2px solid #333 /*#d29000*/;
border-radius: 50px;
padding: 1.8rem;
color: #333;
font-weight: 500;
font-size: 2.2rem;
/* width: 100%; */
width: 950px;
text-align: center;
margin: 0 auto 6rem;
}

.official_dealer_text a,
.official_dealer_text a:visited {
text-decoration: underline;
color: #333;
}

.official_dealer_text a:hover,
.official_dealer_text a:active {
text-decoration: none;
}

.category_main_image {
width: 1200px;
}


/*▼▼▼▼▼ カテゴリページ 読み込みcss内でのみ記述 ここから ▼▼▼▼▼*/
.fs-c-heading--page {
/* カテゴリページ 大見出しを調整 */
/*background-color: #fff6f1;*/
/*color: #600;*/
/*font-size: 3.2rem;*/
/*border-top: 1px solid #600;
border-bottom: 1px solid #600;*/
}

.box_bg_white {
padding: 0 1rem 0;
}

.top_contents_tit {
margin-top: 4rem;
color: #900;
/* font-size: 2.4rem;  */
}

.top_contents_tit_desc {
margin-bottom: -1rem;
}

.ranking_horizontal_scroll {
/* width: 1160px; */
width: 950px;
}

.ranking_horizontal_scroll .item  {
margin-bottom: 2.8rem;
}
/*▲▲▲▲▲ カテゴリページ 読み込みcss内でのみ記述 ここまで ▲▲▲▲▲*/


.category_page_upper_about_brand {
font-size: 1.8rem;
margin-bottom: 4rem;
text-align: center;
width: 950px;
margin-left: auto;
margin-right: auto;
}

.category_page_upper_about_brand h2 {
color: #990000;
font-size: 2.8rem;
}


/* 商品タイプ（カテゴリ）ごとに探す */
.category_page_upper .item_title_type_wrap {
background-color: #f6f6f6;
/* width: 1200px; */
width: 950px;
margin: 0 auto 5rem;
padding: 1.7em 1.3em 1.1em;
box-sizing: border-box;
}

/* 商品タイプ（カテゴリ）ごとに探す 見出し */
.category_page_upper .item_title_type_wrap .title {
color:#333333;
font-family: serif;
font-size:1.8em;
font-weight: bold;
margin:0 auto .8em;
/* width: 1200px; */
width: 950px;
text-align: center;
}

/* 商品タイプ（カテゴリ）ごとに探す 各タイプ */
.category_page_upper .item_title_type_wrap ul {
box-sizing: border-box;
display: flex;
justify-content:left;
/* width: 1200px; */
width: 950px;
margin: 0 auto;
flex-wrap:wrap;
}
.category_page_upper .item_title_type_wrap li {
border-radius: 5px;
box-sizing: border-box;
width: 31.2%;
text-align: center;
background-color:#ffffff;
margin: 0 0 .5em 0;
}

.category_page_upper .item_title_type_wrap li+li {
margin-left:1%;
}
.category_page_upper .item_title_type_wrap li:nth-child(3n+1) {
margin-left:0;
}
.category_page_upper .item_title_type_wrap li a {
border: 1px solid #f1f1f1;
display: block;
font-size: 1.8rem;
padding: .5em;
transition: all .2s;
border-radius: 5px;
}
.category_page_upper .item_title_type_wrap li a:hover {
border: 1px solid #cccccc;
}


/* 新作部分 iframe 見出しのアイコン */
.category_page_new_icon {
display: inline-block;
padding:.5em;
font-size: .6em;
background-color: #900;
border-radius: 5px;
color: #fff;
margin-right: 1rem;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


/* 人気シリーズ別に探す  */
.category_page_hotseries_title,
.category_page_hotkeyword_title,
.category_page_price_title {
color: #333333;
font-family: serif;
font-size: 2.5rem;
font-weight: bold;
margin: 6rem auto 5rem;
width: 100%;
text-align: center;
}

.category_page_hotseries_items {
width: 100%;
margin: 0 auto 8rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
/* width: 100%;
margin: 0 auto 8rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start; */
}

.category_page_hotseries_items .item {
background-color: #fff;
border: 1px solid #eee;
box-sizing: border-box;
color: #333;
display: block;
filter: drop-shadow(0 3px 3px rgba(0,0,0,.06));
font-size: 1.6rem;
margin-bottom: 1.5rem;
/* margin-right: 1.2rem; */
margin-right: 7px;
padding: 1.2rem;
text-decoration: none;
transition: all .2s;
/* width: 24%; */
}
.category_page_hotseries_items .item img {
transition: all .2s;
}
.category_page_hotseries_items .item:hover,
.category_page_hotseries_items .item:active {
transform: translateY(2px);
filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
.category_page_hotseries_items .item:hover img,
.category_page_hotseries_items .item:active img {
opacity: .8;
}
.category_page_hotseries_items .item_column {
width: 50%;
}

.category_page_hotseries_items .item_column img {
width: 100%;
}
.category_page_hotseries_items h3.hotseries_item_title {
color: #900;
font-size: 2.0rem;
margin: 1.5rem 0 1.5rem;
}
/* 人気シリーズ別に探す PC ここまで */



/* 商品シリーズごとに探す 見出し */
.category_page_series_title {
color: #333333;
font-family: serif;
font-size: 1.8em;
font-weight: bold;
margin: 0 auto 0;
/* width: 1200px; */
width: 950px;
text-align: center;
}


/* 人気キーワードで探す */
.category_page_hotkeyword_items {
box-sizing: border-box;
/* font-size: 2rem; */
font-size: 1.5rem;
/* width: 1200px; */
width: 950px;
margin: 0 auto 7rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.category_page_hotkeyword_items .item,
.category_page_hotkeyword_items .item:visited {
background-color: #f5f5f5;
border-radius: 30px;
border: 2px solid #ddd;
box-sizing: border-box;
color: #333;
margin: 0 .5rem 1rem;
min-width: 9em;
padding: 1rem 2rem;
text-align: center;
text-decoration: none;
transition: all .2s;
}
.category_page_hotkeyword_items .item:hover,
.category_page_hotkeyword_items .item:active {
background-color: #eee;
border: 2px solid #666;
transform: scale(1.05);
}


/* 価格で探す */
.category_page_price_items {
box-sizing: border-box;
/* width: 1160px; */
width: 950px;
margin: 0 auto 7rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category_page_price_items .item,
.category_page_price_items .item:visited {
border-radius: 15px;
box-shadow: 0 3px 0 #da7d08;
background-color: #EB8E09;
box-sizing: border-box;
color: #fff;
border: 2px solid #da7d08;
font-size: 2.3rem;
padding: 1.3rem;
margin-bottom: .8rem;
text-align: center;
text-decoration: none;
width: 49.4%;
transition: all .2s;
}

.category_page_price_items .item:hover,
.category_page_price_items .item:active {
box-shadow: 0 0 0 #c96c07;
transform: translateY(3px);
}



}
/* PC CSSここまで */


/*========================================
SP ここから
==========================================*/
@media screen and (max-width: 767px) {

/* カテゴリページ独自コメントに直書きでのみ使用 */
.dakota_fair {
height: 150vw;
margin-top: 3rem;
}

.official_dealer_text {
/*background-color: #fff6f1;*/
background-color: #fff;
/*border: 1px solid #ffe3dd;*/
border: 2px solid #555;
border-radius: 50px;
padding: 1.1rem;
color: #333;
font-weight: 600;
font-size: 1.4rem;
width: 100%;
text-align: center;
margin: 2rem auto 4rem;
}

.official_dealer_text a,
.official_dealer_text a:visited {
text-decoration: underline;
color: #333;
}

.official_dealer_text a:hover,
.official_dealer_text a:active {
text-decoration: none;
}

.category_main_image {
width: 100%;
}

/* カテゴリページ独自コメントに直書きでのみ使用 */
.top_contents_tit {
color: #900;
font-size: 2.2rem; 
}
/* カテゴリページ独自コメントに直書きでのみ使用 */
.box_bg_white {
padding: 0 1rem 0;
}
/* カテゴリページ独自コメントに直書きでのみ使用 */
/* カテゴリ見出しの色を整える */
.fs-c-heading--page {
background-color: #900;
color: #fff;
}

.category_page_upper_about_brand {
font-size: 1.3rem;
margin-bottom: 3rem;
margin-top: -1rem;
text-align: left;
}

.category_page_upper_about_brand h2 {
color: #990000;
font-size: 1.9rem;
font-weight: 600;
}

/* 商品タイプ（カテゴリ）ごとに探す */
.category_page_upper .item_title_type_wrap {
background-color: #f6f6f6;
width: 96%;
margin: 0 auto 4rem;
padding: 1em 0;
box-sizing: border-box;
}

/* 商品タイプ（カテゴリ）ごとに探す 見出し */
.category_page_upper .item_title_type_wrap .title {
color:#333333;
font-family: serif;
font-size: 20px;
font-weight: bold;
margin:0 auto .5em;
width:100%;
text-align: center;
}

/* 商品タイプ（カテゴリ）ごとに探す 各タイプ */
.category_page_upper .item_title_type_wrap ul {
box-sizing: border-box;
display: flex;
justify-content:space-around;
width:100%;
margin: 0 auto;
flex-wrap:wrap;
padding:.2em .2em 0;
}

.category_page_upper .item_title_type_wrap li {
border-radius: 5px;
box-sizing: border-box;
width: 48.5%;
text-align: center;
background-color:#ffffff;
margin: 0 0 .2em 0;
}
.category_page_upper .item_title_type_wrap li+li {
margin-left:0;
}
.category_page_upper .item_title_type_wrap li:nth-child(3n+1) {
margin-left:0;
}
.category_page_upper .item_title_type_wrap li a {
border: 1px solid #f1f1f1;
display: block;
font-size: 1em;
padding: .5em;
transition: all .2s;
border-radius: 5px;
}
.category_page_upper .item_title_type_wrap li a:hover {
border: 1px solid #cccccc;
}



/* 新作部分 iframe 見出しのアイコン  */
.category_page_new_icon {
display: inline-block;
padding:.5em;
font-size: .6em;
background-color: #900;
border-radius: 5px;
color: #fff;
margin-right: 1rem;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}







/* 人気シリーズから探す */
.category_page_hotseries_title,
.category_page_hotkeyword_title,
.category_page_price_title {
color: #333333;
font-family: serif;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.3;
margin: 1rem auto 2rem;
width: 100%;
text-align: center;
}

.category_page_hotseries_items {
width: 100%;
margin: 0 auto 4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.category_page_hotseries_items .item {
background-color: #fff;
border: 1px solid #eee;
box-sizing: border-box;
color: #333;
display: block;
filter: drop-shadow(0 3px 3px rgba(0,0,0,.06));
font-size: 1.2rem;
margin-bottom: 1.5rem;
padding: .9rem;
text-decoration: none;
transition: all .2s;
width: 48%;
}

.category_page_hotseries_items .item img {
transition: all .2s;
}
.category_page_hotseries_items .item:hover,
.category_page_hotseries_items .item:active {
transform: translateY(2px);
filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}

.category_page_hotseries_items .item:hover img,
.category_page_hotseries_items .item:active img {
opacity: .8;
}

.category_page_hotseries_items .item_column {
width: 50%;
}

.category_page_hotseries_items .item_column img {
width: 100%;
}

.category_page_hotseries_items h3.hotseries_item_title {
color: #900;
font-size: 1.85rem;
margin: .8rem 0 .5rem;
}


/* 商品シリーズごとに探す 見出し */
.category_page_series_title {
color: #333333;
font-family: serif;
font-size: 2.2rem;
font-weight: bold;
margin: 0 auto .5em;
width: 100%;
text-align: center;
}

.category_page_hotkeyword_items {
box-sizing: border-box;
width: 96%;
margin: 0 auto 3rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.category_page_hotkeyword_items .item,
.category_page_hotkeyword_items .item:visited {
background-color: #f5f5f5;
border-radius: 30px;
border: 2px solid #ddd;
box-sizing: border-box;
color: #333;
margin: 0 .2rem 1rem;
/*min-width: 5em;*/
padding: 1rem 1rem;
text-align: center;
text-decoration: none;
transition: all .2s;
}
.category_page_hotkeyword_items .item:hover,
.category_page_hotkeyword_items .item:active {
background-color: #eee;
border: 2px solid #666;
transform: scale(1.05);
}


.category_page_price_items {
box-sizing: border-box;
width: 96%;
margin: 0 auto 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.category_page_price_items .item,
.category_page_price_items .item:visited {
border-radius: 5px;
box-shadow: 0 2px 0 #da7d08;
background-color: #EB8E09;
box-sizing: border-box;
color: #fff;
border: 1px solid #da7d08;
font-size: 1.1rem;
font-weight: bold;
padding: 1.2rem .6rem;
margin-bottom: 1rem;
text-align: center;
text-decoration: none;
width: 49.4%;
transition: all .2s;
}

.category_page_price_items .item:hover,
.category_page_price_items .item:active {
box-shadow: 0 0 0 #c96c07;
transform: translateY(2px);
}





}
/* SP CSSここまで */