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

/*@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);*//*さわらび明朝指定*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');*/

body#dakota {
width:100%;
overflow-x: hidden;
/*min-width:960px;*/
}

.ovfxhdn { overflow-x:hidden; }/* iOS右余白対策 bodyにやっても効かないのでこっちで回避 */

img {
max-width:100%;
height: auto;
border:0;
}

/* reset */
a {
outline:none;
text-decoration:none;
}
dl,dt,dd,ol,ul {
margin:0;
padding:0;
}
dl,ol,ul {
list-style:none;
}


.tac {
text-align: center;
}

.fz095rem { font-size: .95rem; }
.fz09rem { font-size: .9rem; }
.fz085rem { font-size: .85rem; }
.fz08rem { font-size: .8rem; }

.fz098em { font-size: .98em; }
.fz095em { font-size: .95em; }
.fz09em { font-size: .9em; }
.fz085em { font-size: .85em; }
.fz08em { font-size: .8em; }


.co666 {
color:#666666;
}


.mb2rem {
margin-bottom: 2em;
}

/*字間詰め */
.ls15px {
letter-spacing: 15px;
}
.ls10px {
letter-spacing: 10px;
}


.ls-10px {
letter-spacing: -10px;
}

.ls-15px {
letter-spacing: -10px;
}
.ls-20px {
letter-spacing: -10px;
}


/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after {
 content: " ";
 display: table;
}
.cf:after {
 clear: both;
}
.cf {
*zoom:1;
}

/* 非表示箇所*/
#header_smp,
#header_smp2,
#footer_smp,
.itemlink {
display:none;
}

.pcHeader {
didplay:none;
}

/* iframe ヘッダー読み込み  */
.smpHeader {
border:none;
width:100%;
height:auto;
margin-bottom:10px; }



/* PCでは表示 */
.pc_show { display:none; }

/* PCでは表示 */
.pc_show_inline { display:none; }

/* PCでは非表示 */
.sp_show { display:block; }

/* PCでは非表示 */
.sp_show_inline { display:inline-block; }

/* タブ訴求 SPでは非表示 */
#tab-01,
#tab-02 {
display: none;
}

.intv_ba {
width:98%;
margin:0 auto;
}

/* スマホ版 人気ランキングBEST5の高さ */
body#dakota .dakota_rank {
margin:0.5vw auto 1vw;
width: 100%;
height:390vw;
}
/*


* { overflow-x: scroll; overflow-y: auto; }

.iframe_container {
position:relative;
width: 350px;
padding:350px;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
}

.iframe_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/


/*
body#dakota .dakota_rank_iframe_wrap {
position: relative;
width: 100%;
padding-top: 350px;
overflow:auto; 
-webkit-overflow-scrolling:touch;
}
body#dakota .dakota_rank {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}
*/




/* 共通HTMLタグ基本設定
==========================================================*/

body#dakota {
background:none ;
color:#000000;
font-family: "Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",sans-serif;
font-size:14px;
font-weight:normal;
line-height:1.5em;/* 24px */
margin:0 auto;
width:100%;
}

#dakota #wrapper_bg {
background:#ffffff;
margin: 0 auto;
padding-top:0;
width:100%;

box-shadow: none;

}

#dakota #position_dakota_bgswitch,
#dakota #position_dakota_image {
display: none;
}

.wal_komidasi a,.bag_komidasi a:link {
color:#670506;
text-decoration:none;
}

.txt90per { font-size:.9em; }
.txt80per { font-size:.8em; }
.txt70per { font-size:.7em; }

/* ヘッダー
==========================================================*/
header {
width: 100%;
margin:0 auto;
}

/* ブランドイメージエリア
==========================================================*/

#dakota .brand_img_slider { /* ブランドビジュアル スライダー */
width:100%;
height:auto;
margin: 0 auto 60px;
padding-top:0;
padding-bottom: 40px;
position:relative;
z-index:1;
}
#dakota .brand_logo img.logo {
position: absolute;
left: 20px;
top:20px;
width: 150px;
z-index: 100;
}
#dakota .brand_img_copy { 

color:#000000;
font-family: /*'Sawarabi Mincho'*//*'Noto Serif JP'*/, serif;
font-size: 15px;
font-weight:700;
line-height: 1.6;
position: absolute;
left:20px;
top: 230px;
text-align: left;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff; height: 62px;
width: 100%;
z-index: 100;
}

#dakota .brand_img_slider .slides li img {
width: 100%;
height: auto;
}
#dakota .brand_img_copy .red {
color:#790000;
}



/* ブランドメッセージ・コンセプト
==========================================================*/


/* ブランドコンセプト モーダルウィンドウ
-----------------------------------------------------*/
#modal_wrap {
display: none;
position: fixed;
left:0;
top:0;
height: 100%;
overflow: auto;
width: 100%;
z-index: 100;
}
.lock {
overflow:hidden;
}

.button_link {
color:#00f;
font-size: 12px;
margin-left:-18px;
text-decoration: underline;
z-index: 100;
}

.button_link:hover {
color: #f00; 
cursor:pointer;
z-index: 100;
}

/* 起動後 モーダルコンテンツ内レイアウト
-----------------------------------------------------*/

/*---SP 表示のモーダル部分 ---*/
#dakota #modal_content {
position: relative; 
display:block; 
width:100%;
margin:0 auto;
padding: 24px;
border:none;/*2px solid #aaa*/
background: #FFF url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/cl_modal_bg_pc_op40.jpg) right bottom no-repeat;
background-size: cover;
display:none; /*初期非表示*/
z-index:9999;}

#dakota #modal_content p { margin:0; padding:0; }

/* スマホで見たPCモーダル部分 別ページ化用 */
#dakota_concept /* body id */ {
background-image:none; background-color:#fff/*#1d1009*/; width:100%; height:auto; }
#dakota_concept #modal_content { position: relative; display:block; margin:0 auto; padding: 24px; border:none; background-image:url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/da-bgimage.jpg); background-size:cover; background-repeat:no-repeat; background-position:bottom; /*初期表示*/ z-index:9998;}
#dakota_concept #modal_content p.modal_logo { margin:24px auto 24px; text-align:center; width:250px; text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff; }
#dakota_concept #modal_content p.modal_logo img { width:200px;}
#dakota_concept #modal_content p { margin:0; padding:0; }

#dakota #modal_content span.bc_txt { font-family: /*'Sawarabi Mincho'*//*'Noto Serif JP'*/serif; font-weight:500; font-size: 1.2em; color:#000; line-height:1.7em; text-align:left; text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff, 0 0 5px #fff; display:block; margin-bottom:1em;}
#dakota #modal_content span.bc_txt:first-line { font-weight:700; font-size:28px; line-height:1.8em; color:#790000; }
/* ■ →ブランドコンセプトを見る モーダル起動用
-----------------------------------------------------*/

#modal_overlay { z-index:9997; display:none; position: fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); }

/*--- Dakota ---*/
#dakota #modal_open {
background: rgba(255,255,255,0.85); 
border:1px solid #afafaf;
color: #232323;
cursor: pointer;
display: block;
font-size: 12px;
text-align: left;
text-decoration: none;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
line-height: 30px;
margin-top: 20px;
padding: 0 1em;
position: absolute;
left: 40px;
top: 140px;
width: auto;
z-index:1000;
}
#dakota #modal_open:hover { color:#727272; background:rgba(255,255,255,1.0);}

/* モーダルウィンドウを 閉じるボタン 戻るボタン
-----------------------------------------------------*/

/*--- Mond ---*/
/* 閉じるボタン */
#dakota #modal_close { color:#fff; font-size:2em; height: 40px; width: 40px; display: block; background: #75706D; position: absolute; text-align:center; text-decoration: none; top: 0; right: 0; z-index: 99999; line-height:40px; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; }
/* 戻るボタン */
#dakota_concept #modal_back { color:#fff; font-size:1em; height: 40px; width: 10em; display: block; background: #790000; text-align:center; text-decoration: none; z-index: 99999; line-height:40px; margin:30px 0 30px auto; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; }
/* 閉じる戻るの共通設定 */
#dakota #modal_close:hover,
#dakota_concept #modal_back:hover { cursor: pointer; background-color:#790000; opacity:.9; }




/* パーツ
==========================================================*/

 /* 背景白div要素用class bg_yのON・OFFに使用
-----------------------------------------------------*/
.fade_bg_object { display: none; position: absolute; background-color: #fff; width: 100%; height: 0; left: 0; top: 0; z-index: -998; }

/* 幅950px版ブランドP内のみの ページTOPへ戻るボタン
-----------------------------------------------------*/

body#dakota {
color:#000000;
font-family: "Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",sans-serif;
font-size:16px;
font-weight:normal;
line-height:1.5em;/* 24px */
width:100%;
margin:0 auto;
background:none;
/*background-image:none;*/
background-attachment:fixed;
/*background-size:cover;*/
}
#dakota #wrapper_bg {
background:#ffffff;
margin: 0 auto;
padding-top:0;
box-shadow: 0;
width:100%;
}


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

/* 商品タイプ（カテゴリ）ごとに探す 見出し */
.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;

}
/* 商品タイプ（カテゴリ）ごとに探す 各タイプ */
.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;
}
.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;
}
.item_title_type_wrap li+li {
margin-left:0;
}
.item_title_type_wrap li:nth-child(3n+1) {
margin-left:0;
}
.item_title_type_wrap li a {
border: 1px solid #f1f1f1;
display: block;
font-size: .85em;
padding: .5em;
transition: all .2s;
border-radius: 5px;
}
.item_title_type_wrap li a:hover {
border: 1px solid #cccccc;
}

/* バッグはこちら　財布はこちら　ボタン
-----------------------------------------------------*/

#dakota .btn_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
padding-bottom: 20px;
}

#dakota .btn_bag,
#dakota .btn_wal {
width: 50%;
}

#dakota .btn_bag:hover,
#dakota .btn_wal:hover,
#dakota .btn_mens:hover { opacity:.8; }

#dakota .item_title_bagnavi,
#dakota .item_title_walnavi,
#dakota .item_title_mensnavi {
background-color:#ffffff;
margin:0px auto;
width:100%;
}

#position_bag { clear:both; }


/* バッグシリーズの中の各シリーズテキストボタンのエリア */
#bag, #goods {
width:100%;
}

.bag_komidasi ul,
.wal_komidasi ul,
.mens_komidasi ul {
color:#000000;
display: flex;
justify-content: center;
flex-wrap:wrap;
width:90%;
height:auto; 
margin:0 auto;
}
.bag_komidasi ul li,
.wal_komidasi ul li,
.mens_komidasi ul li {
width:30%; 
height:auto; 
display: inline-block; 
background-color:#FBF8EF; 
font-weight:bold; 
margin-top: 6px; 
margin-right: 6px; 
padding:0px; 
text-align:center; 
border-radius: 3px; 
border: 1px solid #FFEFBD; 
}

#dakota .wal_komidasi:nth-child(3n) { margin-right:0px;}

.bag_komidasi a,
.wal_komidasi a,
.mens_komidasi a {
display:block; 
font-size:13px; 
font-weight:bold; 
color:#670506; 
text-align: center; 
background-color:#FBF8EF; 
border-radius: 3px;
padding:8px 0;
transition: all .2s;
}

.bag_komidasi a:hover,
.wal_komidasi a:hover,
.mens_komidasi a:hover {
background-color:#f1b492;
}

.bag_komidasi,
.wal_komidasi,
.mens_komidasi { background-image: url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/da_seriesmenu_02.jpg); background-repeat:repeat-y; background-position:center; background-size: contain; height: auto;}


#dakota .item_title { background-image: url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/da_menu.jpg); background-position: bottom; background-size: contain; height: 90px; background-repeat: no-repeat;}/*--- シリーズメニューの上の画像 ---*/

#dakota .item_title p{font-family: serif; font-size: 1.2em; text-align: center; color: #a10508; font-weight: bold; padding-top: 55px;}

#dakota .item_title02 { background-image: url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/da_seriesmenu_03.jpg); background-position: top; background-size: contain; height: 80px; background-repeat: no-repeat;}/*--- シリーズメニューの下の画像 ---*/


/* 財布小物シリーズの中の各シリーズテキストボタンのエリア */


#dakota #position_bag, 
#dakota #position_wal,
#dakota #position_mens { padding-top:5px; margin-top:-5px; }

/* ■■■ 各アイテム 一覧エリア
==========================================================*/

/* 各itemBoxに加えてフッターを囲む大ボックス */
.item_footer_wrap {
padding:0;
width:100%;
z-index:-1;
} 

.item_box {
width:100%;
margin:0 auto 0;
}

.items {
display: flex;
justify-content: space-around;
width: 100%;
/* .item各フロートを囲むボックスにネガティブマージン */
margin-right:-10px;
padding:8px; }

#dakota .item_title_items {
background-image:url(https://image.rakuten.co.jp/sentire/cabinet/brand_dakota/da_line_smp.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: contain;
width:100%;
height:30px;
margin: 5px auto;
line-height:0px;
text-align: left;
vertical-align: middle;
font-size:14px;
padding: 0px;
font-weight: bold;
}

#dakota .item_title_wrap {
font-family: Meiryo,"Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
}

#dakota .item_title_wrap::after {
background-image:url(https://www.rakuten.ne.jp/gold/sentire/Dakota/_image/dakota_bagwal_tit_btm.gif);
background-position:center bottom;
background-repeat:no-repeat;
background-size:contain;
display:block;
content:"";
width:94%;
height:30px;
margin: 0 auto;
}

/* 各シリーズ名の見出し */
#dakota .item_komidashi {
box-sizing: border-box;
width:100%;
height: auto;
margin: 0 auto 1em;
font-size:15px;
font-weight:bold;
padding-top: .7em;
padding-left:.8em;
color: #fae3e3;
}

#dakota ._mini { font-size:0.8em; }

#dakota .item_title_items { margin-top:-10px; padding-top:10px;}/* ページ内リンク24px上へ */ 
#dakota .item_title i { padding-right:.2em; }

#dakota .items { 
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap; 
	box-sizing: border-box; 
	/* width: 96%; */ 
	/* margin: 0 auto 1rem; */
}

#dakota .item { 
	 /* margin-right: 4px; */
	margin-bottom: 10px; 
	padding: 10px; 
	padding-bottom: 15px; 
	text-align: center; 
	width: 42%; 
	height: auto; 
	background-image: url(https://www.rakuten.ne.jp/gold/sentire/Dakota/renewal16/da_itembg.png); 
	font-size:.8em; 
	color:#4f4f4f; 
}  

#dakota .item:nth-child(2n) { margin-right:0px;}


#dakota .item+.item { margin-left:0; }
#dakota .item:nth-child(2n) {margin-left:2%;}

#dakota .item a { color:#1d1009; font-size:1em; width:100%; outline:none; text-align:center; text-decoration:none; position:relative; line-height:1.4; }
#dakota .item img { background-color:#fff; }
#dakota .item .90per { width:90%; height:auto; }
#dakota .item .80per { width:80%; height:auto; }
#dakota .item .70per { width:70%; height:auto; }
#dakota .item a:hover { text-decoration:underline; }
#dakota .item img { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 1; }

#dakota .seriestop { padding-bottom:70px; }
#dakota .seriestop p { font-size:14px; width:96%; margin: 0 auto; text-align:right; }

#dakota .seriestop a:link,
#dakota .seriestop a:visited,
#dakota .seriestop a:hover,
#dakota .seriestop a:active {
color:#790000;
}
#dakota .seriestop a:hover { text-decoration:underline; }

#dakota .kuuhaku { padding-bottom:100px; }

/* 楽天各商品ページのランキング */
.r-rank { width:570px; text-align:center; margin-top:10px; margin-bottom:20px; }
.r-rank p { text-align:left; font-size:15px; margin:0px 0px 0px 10px; color:f00; font-weight:bold; }

#dakota #backTopPC { position: fixed; display: none; width: 50px; height: 50px; right: 10px; bottom: 10px; z-index: 999; }
#dakota #backTopPC:hover { opacity:.7; }


/*  フッター小（共通部分）
==============================*/
.footer_mi_sp {
width:96%;
margin: 0 auto 2em;
}

/* フッター小のリンクの設定 */

/* linkとvisited時の挙動 */
.footer_mi_sp a:link,
.footer_mi_sp a:visited {
display: block;
width:96%;
background: #fdfdfd;
border:1px solid #dddddd;
padding:.5rem;
text-align:center;
text-decoration: none;
color:#666666;
}
/* 上 左右の角丸 */
.footer_mi_sp a:first-child {
border-radius: 3px 3px 0 0; 
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-o-border-radius:  3px 3px 0 0;
-ms-border-radius:  3px 3px 0 0;
}
/* 下 左右の角丸 */
.footer_mi_sp a:last-child {
border-radius: 0 0 3px 3px; 
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
}
/* hoverとactive時の挙動 */
.footer_mi_sp a:hover,
.footer_mi_sp a:active {
background: #bf0000;
color:#ffffff;
}
.footer_mi_sp a+a {
border-top:none!important;
}




/* ■■■ flexsliderスタイルの個別指定 ここから  ↓↓↓↓↓
==========================================================*/
/*（ブランドページ用、元のflexslider.cssは未編集のため汎用可能、
#idで詳細度を上げています。#idを取るとデフォルトのflexsliderのスタイルが適用されてしまいます */


/* ページャー（コントロールナビ） エリア（丸いボタン）
-----------------------------------------------------*/
#dakota .flex-control-nav {
 width: 100%;
 position: absolute;
 bottom: -40px;
 text-align: center;
 
 display: none;/* ●○○○○ SPでは非表示 にしたいときは display:none; */
}
#dakota .flex-control-nav li {
 margin: 0 8px;
 display: inline-block;
 zoom: 1;
*display: inline;
}
#dakota .flex-control-paging li a {
 width: 14px;/* default 11px */
 height: 14px;/* default 11px */
 display: block;
 background: #eee;
 background: rgba(0, 0, 0, 0.3);
 cursor: pointer;
 text-indent: -9999px;
 -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
 -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 transition: all .3s;
 -webkit-tap-highlight-color: transparent;
}
#dakota .flex-control-paging li a:hover {
 background: #eee;
 background: rgba(0, 0, 0, 0.5);
 -webkit-tap-highlight-color: transparent;
}
#dakota .flex-control-paging li a.flex-active {
 background: #bf0000;
 /*background: rgba(0, 0, 0, 1.0);*/
 cursor: default;
 -webkit-tap-highlight-color: transparent;
}
/* 左右←→ディレクションナビ エリア（左右クリック領域）
-----------------------------------------------------*/
#dakota .flex-direction-nav {
  *height: 0;
}
#dakota .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 250px;
  height: 555px;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.0);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
#dakota .flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  visibility: hidden;
}
#dakota .flex-direction-nav a.flex-next:before {
  content: '\f002';
  visibility:hidden;
}
#dakota .flex-direction-nav .flex-prev {
  left: 0;
}
#dakota .flex-direction-nav .flex-next {
  right: 0;
  text-align: right;
}
#dakota .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 0;
}
#dakota .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
#dakota .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 0;
}
#dakota .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
#dakota .flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}



/* ■■■ flexsliderスタイルの個別指定 ここまで  ↑↑↑↑↑
==========================================================*/