@charset "utf-8";

/*全ページ共通
-----------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
	font-size: 30px;
	line-height: 1.8;
	color: #000;
	background: #fff9ff;
	}

/* リンクの設定
------------------------------------------------------------*/
a {color: #000; text-decoration: none;}


/* 全体
------------------------------------------------------------*/
#wrapper_top {
	width: 100%;
	margin: 0 auto;
	}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	}

/* ヘッダー
------------------------------------------------------------*/
header {
	width: 1000px;
	margin-right: auto!important;
	margin-left : auto!important;
	}
	
.logo {
	margin: 0 auto;
text-align:center;	}

/* メインナビゲーション
------------------------------------------------------------*/
nav {
	margin-right: auto!important;
	margin-left : auto!important;
	}
	
nav ul li {
  display: inline-block;
    width:18%;
}

nav img {
  width /***/: auto;
  height: auto;
}

.fixed {
    position: fixed;
	z-index:100;
    top: 0;
    left: 0;
    width: 100%;
}

/* サイドバー
------------------------------------------------------------*/
 #sidebar {
	width: 250px;
	float: left;
    margin-left: 30px;
 }

#sidebar img {
	box-shadow:0 10px 6px -6px #202020;
	}

/* フッター
------------------------------------------------------------*/
#footer {
    overflow: hidden;
	margin: 0 auto;
	background-color: #f5f5f5;
    width: 100%;
	font-weight: bold;
	border-bottom: solid 2px;
	}
    
.footnav {
	font-weight: 900;
	}
    
.footnav a {
	float: none;
	display: inline-block;
	}

#footer a {color: #202020;}
#footer a:hover {color: #dd0058;}

.category-list_footer {
	margin: 30px 20px;
    font-size: 20px;
	}

address	{
  text-align: center;
	}
	
 /* 戻るボタン
------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

.nav {
	margin: 0 auto -10px;
	background-image: url(../images/nav_back.webp);
    margin-bottom: 20px;
}
.nav ul {
  height: auto;
  text-align: center;
}

.nav ul li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	line-height: 15px;

	}
	
.nav ul li a {
	color: #202020;
	display: inline-block;
	margin: 15px 0;
	padding: 8px 0 2px 8px;
	text-decoration: none;
	vertical-align: middle;
	}
	
.nav ul li a:hover {
	color: #dd0058;
}

/* メインコンテンツ
------------------------------------------------------------*/
.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-initialized .slick-slide{
  display: block;
}

.ad_hidden{
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ad_hidden::-webkit-scrollbar {
  display:none;
}

section.main {
	margin-top: 0px;
}
	
section.content {
	position: relative;
	padding: 10px 20px 20px 20px;
	margin-bottom: 30px;
    border: 5px solid #dd0058;
	border-radius: 5px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

article {
	overflow: hidden;
	}

article img,#sidebar {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


section.content img {
	max-width: 100%;
	height: auto;
	}
	
.effect2 {/*シャドウのコード*/
box-shadow:0 17px 6px -6px #202020;
    }


/*パンくずリスト*/
.breadcrumb {
  margin: 20px 0 20px 40px;
  padding: 0;
  list-style: none;
  background: none;
}

.breadcrumb li {
  display: inline;
  list-style: none;
  font-weight: bold;
}

.breadcrumb li:after {
  content: '>';
  padding: 0 0.2em;
  color: #202020;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #202020;
}

/*大きな画像を一律同じ幅で縮小し揃えたい場合*/
.kaerebalink-image img,
.booklink-image img {
	width:300px;
	height:auto;
	max-width: 100%;
}

.product_list img {
	width:135px;
	max-width: 100%;
	
}

.product_list li {
	width:100%;
	height:400px;
}

/*もしもアフィリエイトを使用者インプレッション関連の画像を見えなくする*/
.booklink-image img[src^="//i.moshimo.com/af/i/impression" ],
.kaerebalink-image img[src^="//i.moshimo.com/af/i/impression" ] ,
.kaerebalink-name img[src^="//i.moshimo.com/af/i/impression" ] ,
.shoplinkrakuten img[src^="//i.moshimo.com/af/i/impression" ]
 {
	display: none;
}

/* TOPに戻る */
#pagetop{
    position:fixed;
    right:0px;
    bottom:-10px;
    cursor:pointer;
    z-index: 10;
}

#page_clothes{
    position:fixed;
    right:0;
    bottom:69px;
    cursor:pointer;
    z-index: 10;
}

/* slickスライドショー */
.center { margin: 0 0 50px;}
.center img { width:100%; height: auto;}
.center .slick-next { right: 20px; z-index: 99;}
.center .slick-prev { left: 15px; z-index: 100;}

.center img.miniimage { display: none; }  /* miniを非表示 */
.center img.bigimage  { display: block; } /* bigを表示 */

/* slick連続移動 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 245px; 
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
}

.slideshow {
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
  animation: loop-slide 30s infinite linear 1s both;
}

.slideshow img {
  height:200px;
}

@-webkit-keyframes loop-slide { 
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} 

/* webフォント読み込み対策*/
.fas {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-family:"Font Awesome 5 Free",sans-serif;
  font-weight:900
}
@font-face {
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.eot");
  src:url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.woff2") format("woff2"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.woff") format("woff"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.ttf") format("truetype"),
      url("//use.fontawesome.com/releases/v5.11.2/webfonts/fa-solid-900.svg#fontawesome") format("svg")
}

/* subpage
------------------------------------------------------------*/
h1.caption {
	font-size: 1.8em;
	font-weight: bold;
	margin: -10px 20px 30px 20px;
}

h1.balloon_dress {
	font-size:1.6em;
	line-height: 1.5em;
	padding-top: 30px;
	margin: 20px 8px;
	font-weight: bold;
	color: #fff;
	position: relative;/*吹き出しデザイン*/
	padding: .5em .75em;
	background-color: #dd0058;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	
h1.balloon_dress::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #dd0058;
}

.sub_text{
	font-size: 12px;
	line-height: 1.5;
}
h2.balloon_gray {
	font-size:1.6em;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #202020;
	position: relative;/*吹き出しデザイン*/
	padding: .5em .75em;
	background-color: #d9d9d9;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}

h2.balloon_gray::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #d9d9d9;
}

/* powered by */
.kaerebalink-image {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size: 10%;
}
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	color: #2098A8;
}
.kaerebalink-link1 img,
.tomarebalink-link1 img {
	display:none;
}
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	border-radius: 5px;
    -webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 
	float:left;
	width:48%;
	height: 45px;
	margin:5% 1%;
}
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	padding-top: 0.4em;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size:18px;
	border-radius: 4px;
	color: #fff;
	display: block;
}

/* ボタンカラー */
.shoplinkamazon {
     background: -webkit-gradient(linear, left top, left bottomd, color-stop(0.88, #2d96ff), color-stop(0.00, #0066cc))!important;
     background : -webkit-linear-gradient(top, #2d96ff 0%, #0066cc 88%)!important ;
     background : -moz-linear-gradient(top, #2d96ff 0%, #0066cc 88%)!important ;
     background : -o-linear-gradient(top, #2d96ff 0%, #0066cc 88%)!important ;
     background : -ms-linear-gradient(top, #2d96ff 0%, #0066cc 88%)!important ;
     background : linear-gradient(to bottom, #2d96ff 0%, #0066cc 88%)!important ;
     }
 
.shoplinkrakuten {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff9933), color-stop(0.00, #ff6600))!important;
     background: -webkit-linear-gradient(top, #ff9933 0%, #ff6600 88%)!important;
     background: -moz-linear-gradient(top, #ff9933 0%, #ff6600 88%)!important;
     background: -o-linear-gradient(top, #ff9933 0%, #ff6600 88%)!important;
     background: -ms-linear-gradient(top, #ff9933 0%, #ff6600 88%)!important;
     background: linear-gradient(to bottom, #ff9933 0%, #ff6600 88%)!important;
	}

/* ボタンカラー ここまで*/
.booklink-footer {
	clear:both;
}
/*続きを読むの楽天Amazonボタンここから*/
/* 役立つグッズここから */
ul.product_list{
	width:100%;
	margin: 0 -10px -30px 0;
	overflow: hidden; /* 下のfloat: left;の崩れを防ぐ */
  }
  
ul.product_list li{
 margin: 0 30px 50px 0;
  float: left;
  width:45.2%;
  }
 
 .kaerebalink-name{
	 margin-top: 3px;
	font-size: 0.8em;
	line-height: 1.2em;
}
  
/* 役立つグッズここまで */
/*続きを読むの楽天Amazonボタンここまで*/
/*カエレバここまで*/

ul.pageNav {
	zoom: 1.3;
	text-align: center;
}

ul.pageNav li {
	display: inline;
}

ul.pageNav li span,
ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
	box-shadow: 3px 0 3px rgba(0,0,0,0.5);
}

p.desc01 {
	margin: 0 15px 30px 20px;
    font-size: 16px;
    line-height: 1.9;
}

p.desc02 {
    font-size: 16px;
    line-height: 1.9;
    margin-top: 40px;
}


/*--------------------------------------
  リンクホバーふわっと
--------------------------------------*/

a {
  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
a:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

/*--------------------------------------
  目次
--------------------------------------*/
 ul.rank, ol {
  background: #fcfcfc;
  padding: 0.5em 0.5em 0.5em 2em;
  border: solid 3px gray;
  margin-bottom: 10px;
font-size: 15px;
}

ul.rank li, ol li {
  line-height: 1.5; 
  padding: 0.5em 0;
}

/*--------------------------------------
  マーカーjs
--------------------------------------*/
.marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66); 
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%;
  transition: all 1s ease-in-out;
  font-weight: bold;
}

.marker.inview {
  background-size: 100% 30%; 
}

/*--------------------------------------
  タブ切り替え
--------------------------------------*/
.tabs {
position: relative;
width: auto;
}
 
.tabs input {
position: absolute;
z-index: 100;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
cursor: pointer;
}

.tabs > input:first-child + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(3) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(5) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(7) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(9) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(11) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(13) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(15) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-bottom: solid 3px #000000;
}
.tabs > input:nth-child(17) + label {
	background: #ff9999;
	border-top: solid 3px #000000;
	border-left: solid 3px #000000;
	border-right: solid 3px #000000;
	border-bottom: solid 3px #000000;
}

.tablast {
	border-right: solid 3px #000000;
}

ul.cols02 {
width:100%;
}

ul.cols02 span {
color: #dd0058;
}

ul.cols02 li {
float: left;
width:33.33333%;
line-height: 55px;
font-size: 20px;
}

.goods ul.cols02 li {
float: left;
width:50%;
line-height: 55px;
font-size: 19px;
}

.tabs label {
font-size: 17px;
padding:5px 5px 10px 5px;
line-height: 26px;
border-spacing: 0px;
position: relative;
float: left;
display: block;
width: calc(100%/9);
color: #202020;
letter-spacing: -1.5px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
box-shadow: 3px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

 .tabs_9 .tabs label {
width: calc(100%/9);
}

 .tabs_7 .tabs label {
width: calc(100%/7);
}

.tabs_6 .tabs label {
width: calc(100%/6);
}

.tabs_5 .tabs label {
width: calc(100%/5);
}

.tabs_3 .tabs label {
width: calc(100%/3);
}

.tabs_2 .tabs label {
width: calc(100%/2);
}

.tabs_1 .tabs label {
width: calc(100%/1);
}
 
.tabs label:after {
content: '';
background: #000000;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}
 
.tabs input:hover + label {
background: #ff7f7f;
}
 
.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
 
.tab-label-2 {
z-index: 3;
}
 
.tabs input:checked + label {
background: #fff;
z-index: 6;
}
 
.clear-shadow {
clear: both;
}

.sub_clothes img{
    width:100%; height: auto;
}

.content01 {
background: #fff;
border-top: solid 2px #000000;
border-right: solid 5px #000000;
border-left: solid 5px #000000;
border-bottom: solid 5px #000000;
position: relative;
margin-top: 0px;
width: 100%;
height: 400px;
z-index: 5;
box-shadow: 0 -10px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 0 3px 3px;
}

.content01_bag {
height: 280px;
}

.species {
height: 550px;
margin-bottom: 30px;
}

.homeclo {
height: 225px;
}

.homeath {
height: 270px;
}

.goods .content01 {
border-top: solid 5px #000000;
border-right: solid 5px #000000;
border-left: solid 5px #000000;
border-bottom: solid 5px #000000;
position: relative;
margin-top: -3px;
width: 100%;
z-index: 5;
box-shadow: 0 -10px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}

.content01 div {
position: absolute;
top: 0;
left: 30px;
padding: 25px 40px;
z-index: 1;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
 
.tabs input.tab-selector-1:checked ~ .content01 .content-1,
.tabs input.tab-selector-2:checked ~ .content01 .content-2,
.tabs input.tab-selector-3:checked ~ .content01 .content-3,
.tabs input.tab-selector-4:checked ~ .content01 .content-4,
.tabs input.tab-selector-5:checked ~ .content01 .content-5,
.tabs input.tab-selector-6:checked ~ .content01 .content-6,
.tabs input.tab-selector-7:checked ~ .content01 .content-7,
.tabs input.tab-selector-8:checked ~ .content01 .content-8,
.tabs input.tab-selector-9:checked ~ .content01 .content-9 {
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}

h2.balloon_pro {
	font-size:1.6em;
	line-height: 1.5em;
	padding-top: 30px;
	margin: 20px 8px;
	font-weight: bold;
	color: #fff;
	position: relative;/*吹き出しデザイン*/
	padding: .5em .75em;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	
h2.balloon_pro::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
    }

.bg-red  {
	background-color: #ea5532;
	}
	
h2.balloon_pro.bg-red::after {
	border-top: 15px solid #ea5532;
    }

.bg-blue  {
	background-color: #0000ff;
	}
	
h2.balloon_pro.bg-blue::after {
	border-top: 15px solid #0000ff;
    }

.bg-orange  {
	background-color: #ffa500;
	}
	
h2.balloon_pro.bg-orange::after {
	border-top: 15px solid #ffa500;
    }

.bg-green  {
	background-color: #32cd32;
	}

h2.balloon_pro.bg-green::after {
	border-top: 15px solid #32cd32;
    }
    
.bg-lightblue  {
	background-color: #00daff;
	}
	
h2.balloon_pro.bg-lightblue::after {
	border-top: 15px solid #00daff;
    }

.bg-lightgreen  {
	background-color: #5cbe8c;
	}

h2.balloon_pro.bg-lightgreen::after {
	border-top: 15px solid #5cbe8c;
    }

.season {
margin-bottom: 50px;
}

.ribbon p {
  position: relative;
  background: #f5deb3;
  box-shadow: 0px 0px 0px 5px #f5deb3;
  border: dashed 2px white;
  margin: 0 15px -5px 15px;
  padding: 0.2em 0.5em;
  font-size:16px;
  font-weight:bold;
  padding-left:15px;
  color: #454545;
}

/* drop down
-----------------------------------------*/
/* mod_dropnavi */
.mod_dropnavi{
    text-align:center;
    margin:0 0 30px 10px;
}

.mod_dropnavi img{
    width:99%; height: auto;
    box-shadow:0 0 10px 0 #202020;
    border-radius: 10px 10px 0 0;
    max-width: 100%;
}

.mod_dropnavi a{
    display:block;
}

.mod_dropnavi .mod_dropnavi_child{
  display:none;
  z-index:99;
    max-width: 96%;
}
.mod_dropnavi .mod_dropnavi_child ul{
padding-top:0;
 padding-right:8px;
  padding-left:8px;
 background-color:#fff;
border-radius: 0 0 10px 10px;
    box-shadow:0 0 10px 0 #202020;
}
.mod_dropnavi .mod_dropnavi_child ul li{
 font-size:20px;
 text-align: center;
 line-height:1.8;
 padding:15px;
 border-right:solid 5px #a0a0a0;
border-left:solid 5px #a0a0a0;
border-top:solid 2px #a0a0a0;
}

.mod_dropnavi .mod_dropnavi_child ul li.bold{
border:solid 5px #a0a0a0;
margin: 0 0 -5px;
}

.mod_dropnavi .mod_dropnavi_child ul li.boldlast{
border-bottom:solid 5px #a0a0a0;
}

.mod_dropnavi .mod_dropnavi_child ul li.close{
border:none;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg01{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffd3a8), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg02{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #e2ffc6), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg03{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffff7f), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg04{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c6ffff), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg05{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c6c6ff), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li.bg06{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffc6ff), color-stop(0.00, #fff))!important;
}

.mod_dropnavi .mod_dropnavi_child ul li a span{
font-weight: 900;
}

span.small_triangle{
font-size: 12px;
color:#dd0058;
}

.mod_dropnavi .mod_dropnavi_child ul li a{
  display:inline-block;
}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   {color:#ff7a7a; text-decoration:underline;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {color:#ff7a7a; text-decoration:underline;}

.parent img.miniimage { display: none; }  /* miniを非表示 */
.parent img.bigimage  { display: block; } /* bigを表示 */

ul.cols01 {
    margin-top: 40px;
     margin-bottom: 20px;
}

ul.cols01 li {
   width: 48%;
	margin-bottom: 10px;
    margin-left:10px;
	float: left;
    
}

ul.cols01 img {
    width: 100%;
    box-shadow:0 6px 5px -5px #202020;
}


/*--------------------------------------
  コンテンツリスト
--------------------------------------*/
* {
  box-sizing: border-box;
}

.category-list_top {
  margin-bottom:50px;
}

.category-list_top {
  font-size:18px;
}


.category-list {
  padding:10px 10px 0 10px;
  font-size:18px;
}

.category-list ul{
  margin-left:0;  overflow:hidden;
  background-color:transparent;
}

.category-list ul li {
  float:left;
  list-style-type:none;
  text-align:left;
  padding-left:10px;
}

.category-list ul li a {
  color:#000000;
}

.category-list ul li a:hover {
  color:#ff7a7a;
  text-decoration:underline; 
}

/*--------------------------------------
  google my map
--------------------------------------*/	
.google-maps {
position: relative;
padding-bottom: 75%;
margin-bottom:20px;
height: 0;
overflow: hidden;
}
.google-maps iframe {
	
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.image_align img{
	height:20px;
	width:20px;
	vertical-align:middle;
	}

/*続きを読むボタン〜旅行*/
.main{
	position:relative;
}
   
.main .more{
	border-radius:8px;
	padding:15px 50px;
	border:5px solid #dd0058;
	color:#000;
	text-align:center;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
	font-size: 1.2em;
	font-weight: bold;
	cursor:pointer;
	z-index:999;
}
/*続きを読むの楽天Amazonボタンここまで*/
/*続きを読むボタン〜旅行編ここまで*/

table.detail_clothes {/*スペックの吹き出しテーブル*/
    width:100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 3px;
	border-collapse: collapse;/*テーブルのborder line重なり防止*/
}
 
p.travel_bold {
	font-size: 1.3em;
	font-weight: bold;
}

/*--------------------------------------
  テーブル
--------------------------------------*/

table.detail_clothes th,
table.detail_clothes td {
    padding: 15px;
}

table.detail_clothes tbody{
	border:solid 3px #000;
}

table.detail_clothes th {
    background: #e0e0e0;
    vertical-align: middle;
    text-align: left;
    width: 22%;
    overflow: visible;
    position: relative;
    color: #202020;
    font-weight: normal;
	font-weight:bolder;
	border:solid 3px #000;
}
 
table.detail_clothes th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #202020;
    border-width: 8px;
    margin-top: -8px;
}

table.detail_clothes td {
    background: #fbfbfb;
    padding-left: 20px;
	border:solid 3px #000;
}
/*吹き出しテーブルここまで*/

/*--------------------------------------
  洋服のページ
--------------------------------------*/
h2.balloon_dress {
	font-size:1.6em;
	line-height: 1.5em;
	padding-top: 30px;
	margin: 20px 8px;
	font-weight: bold;
	color: #fff;
	position: relative;/*吹き出しデザイン*/
	padding: .5em .75em;
	background-color: #dd0058;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	
h2.balloon_dress::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #dd0058;
}

/*洋服サイズのテーブル*/
table.size {
    margin: 0 auto;
	text-align: center;
	table-layout: fixed;
	}
	
table.size th,
table.size td {
    padding: 4px;
	}
	
table.size th {
    background: #dd0058;
    vertical-align: middle;
    text-align: center;
    width: 960px;
    height: 50%;
    position: relative;
    color: #fff;
	font-weight:bolder;
	border:solid 3px;
	border-color: #202020;
}

table.size th.c5 {
	background: #dd0058;
	color: #fff;
}
 
table.size td {
    padding-top: 15px;
	text-align: center;
    border: none;
    height: 10px;
}

table.size tr:nth-child(2n+1) td.c1 {
    background:#f2f2f2;
	border-bottom:solid 3px #000;
	border-left:solid 3px #000;

}
table.size tr:nth-child(2n+0) td.c1 {
    background: #d9d9d9;
	border-bottom:solid 3px #000;
	border-left:solid 3px #000;
}
 
table.size tr:nth-child(2n+1) td.c2 {
    background: #f2f2f2;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+0) td.c2 {
    background: #d9d9d9;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+1) td.c3 {
    background: #f2f2f2;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+0) td.c3 {
    background: #d9d9d9;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+1) td.c4 {
    background: #f2f2f2;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+0) td.c4 {
    background:#d9d9d9;
	border-bottom:solid 3px #000;
}

table.size tr:nth-child(2n+1) td.c5 {
    background: #ffffb3;
	font-weight:bolder;
	border-bottom:solid 3px #000;
	border-right:solid 3px #000;
}

table.size tr:nth-child(2n+0) td.c5 {
    background: #ffff66;
	font-weight:bolder;
	border-bottom:solid 3px #000;
	border-right:solid 3px #000;
} 
/*サイズの吹き出しテーブルここまで*/

/*--------------------------------------
  グッズのページ
--------------------------------------*/
h2.subhead {
	padding: .5em .75em;
  background-color: #e0e0e0;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: bold;
}

.container01 {
  margin-bottom: 30px;
}

.btn-emboss {
  display: inline-block;
  text-align: left;
  margin: 0 0 5px 10px;
  background-color: #ff7a7a;
  font-size: 18px;
  color: ce6666;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #ce6666;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}

.btn-emboss:active {
    transform: translateY(4px);
    border-bottom: none;
}

/*--------------------------------------
  旅行のページ
--------------------------------------*/
h2.balloon_travel {
	font-size:1.6em;
	padding-top: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #fff;
	position: relative;/*吹き出しデザイン*/
	padding: .5em .75em;
	background-color: #dd0058;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	
h2.balloon_travel::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #dd0058;
}

/*旅行バナー囲み*/
.trabel_banner {
	padding-bottom :30px ;
	margin-bottom: -30px;
	border-bottom :2px solid #b3b3b3;
}

.tomarebalink-image {
	padding: 10px 10px 10px 0;
	float: left;
	padding-bottom :13px ;
}
	
.tomarebalink-box {
	padding-top :20px;
	padding-left :20px;
	padding-right :20px;
	border :3px solid #b3b3b3;
	margin-bottom: 20px;
}

/*--------------------------------------
  トマレバ
--------------------------------------*/
.travel_banner {
	margin: 10px 0 20px 0;
}

/*--------------------------------------
  特設ページ
--------------------------------------*/
body .goods_sp {
background-image: url(../images/hotsp.webp);
background-size: contain;
}

.main_sp {
width:100%;
line-height: 55px;
font-size: 19px;
}

.scroll-block {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255,255,255,0.60);
  padding-bottom: 100px;
margin-bottom: 200px;

}

/* ----------パターン1：透明度が変化---------- */
/* 画面外 */
.fade-block {
  opacity: .1;
  transition: all 1.5s;
}
/* 画面に入った時の動き */
.fade-block.blockIn {
  opacity: 1;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){	
nav ul {
	text-align: center;
	overflow: hidden;
	position: relative;
    }
    
    section.main {
	float: right;
	width: 720px;
	padding-right: 15px;
	}
			
#sidebar img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	}
}

@media only screen and (max-width:959px){
header,#wrapper {
	width: auto ;
	padding-top:40px ;
	}

nav ul {
	text-align: center;
	overflow: hidden;
	}
	
section.main {
	margin: 0 auto;
	}

nav {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
 	border: 1px solid #e4e4e4;
	}

#sidebar {/*画像をウインドウのサイズに合わせて拡大・縮小してくれる3行コード*/
	margin-left:auto;
	margin-right:auto;
	border-style: none;
	box-shadow: none;
	max-width: 100%;
	height: auto;
	width /***/: auto;
	background: none;
	}
    
#sidebar ul.list li {/*listの画像を1つ30%のサイズで表示。widthは、marginなどはpxではなく％で指定する*/
	width: 31.9%;
    margin-left: 5px;
    margin-right: 0;
	margin-bottom: 4px;
	float: left;
	}

#sidebar img{
	width: 100%;
	height: 100%;
	}

.content01 {
min-height: 390px;
}

.content01_bag {
min-height: 280px;
}

.species {
height: 560px;
}

.homeclo {
min-height: 280px;
}

.content01 div {
left: 20px;
}

/* タブ切り替え */
.tabs {
width: 100%;
}
    
ul.cols02 li {
font-size: 20px;
width:50%;
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

/* タブ切り替え */
.tabs input {
margin: 0;
}

.content01 {
min-height: 350px;
}

.content01_bag{
min-height: 120px;
}

.species {
height: 520px;
}


.homeclo {
min-height: 190px;
}

.content01 div {
padding: 5px;
top: 0;
}

 .tabs_9 .tabs label {
width: calc(100%/3);
}

 .tabs_7 .tabs label {
width: calc(100%/3);
}

.tabs_6 .tabs label {
width: calc(100%/3);
}

.tabs_5 .tabs label {
width: calc(100%/3);
}

.tabs_3 .tabs label {
width: calc(100%/3);
}

.tabs_1 .tabs label {
width: calc(100%/1);
}

ul.cols02 li {
font-size: 18px;
line-height: 50px;
width:50%;
}
    
.tabs > input:first-child + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(3) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(5) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(7) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(9) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(11) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(13) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(15) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	margin-bottom: -2px;
}
.tabs > input:nth-child(17) + label {
	border-top: solid 2px #000000;
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	margin-bottom: -2px;
}

/* タブ切り替えここまで */

header,#wrapper {
	width: 100% ;
	padding-top:10px ;
	margin: 0 auto ;
	}

nav {
    margin:65px ;
	}
    
nav ul li {
	float:left;
    margin-right:6px ;
	}

nav ul li img {
    width: 100% ;
	}

.nav ul li a {
  line-height:10%;
}

ul.product_list li{
 margin: 0 0 -30px 0;
  clear: both;
  width:100%;
  } 
   
table.detail_clothes th,
table.detail_clothes td {
    padding: 10px;
}

.miniimage { display: block; }  /* miniを表示 */
.bigimage  { display: none; } /* bigを非表示 */

table.detail_clothes th {
    width: 35%;
}

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

.center img.miniimage { display: block; }  /* bigを非表示 */
.center img.bigimage  { display: none; } /* miniを表示 */

.parent img.miniimage { display: block; }  /* bigを非表示 */
.parent img.bigimage  { display: none; } /* miniを表示 */

header,#wrapper {
	font-size: 0.9em ;
	line-height: 1.5em ;
	}
    
.logo {
  margin-bottom: 10px;
}

nav ul {
  margin:0 auto;
  text-align: center;
}

h1.caption {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 10px;
}
	
section.content {
	position: relative;
	padding: 0px 10px 20px 10px;
	margin: 0px;
	margin-bottom: 30px;
    border-top: 8px solid #dd0058;
    border-bottom: none;
    border-right: none;
    border-left: none;
	border-radius: 5px;
	background-color: #fff;
	}

section.main img {
	max-width: 100%;
	height: auto;
	width /***/: 100%;
	}

.nav ul {
  text-align: center;
  height: auto;
  padding-top: 5px;
  padding-bottom: 8px;
}

.nav ul li a {
  text-align: center;
  line-height:40%;
  margin: 0;
}

h2 {
	line-height: 1.5em ;
}

.breadcrumb {
  margin-bottom: -1px;
}

.kaerebalink-link1 a,
.tomarebalink-link1 a {
	padding-top: 0.7em;
	font-size:18px;
}
/* レスポンシブのテーブル */
table.detail_clothes {/*スペックの吹き出しテーブル*/
    margin: 0 auto;
    border-spacing: 0px 3px;
}

table.detail_clothes th {
	text-align: center;
	width: 100%;
	display: inline-block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

table.detail_clothes td {
	width: 100%;
	display: inline-block;
	border-top: 2px solid #000;
	border-left: 1px solid #000;
	border-bottom: 2px solid #000;
	border-right: 1px solid #000;
}

table.detail_clothes th:after {
    border: none;
}
/* レスポンシブのテーブルここまで */

/* 洋服のテーブル */
table.size{
	font-size: 1em ;
	line-height: 1.1em ;
}
table.size tr:nth-child(2n+1) td.c1 {
	border-bottom:solid 2px #000;
	border-left:solid 2px #000;
}

table.size tr:nth-child(2n+0) td.c1 {
	border-bottom:solid 2px #000;
	border-left:solid 2px #000;
}
 
table.size tr:nth-child(2n+1) td.c2 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+0) td.c2 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+1) td.c3 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+0) td.c3 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+1) td.c4 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+0) td.c4 {
	border-bottom:solid 2px #000;
}

table.size tr:nth-child(2n+1) td.c5 {
	border-bottom:solid 2px #000;
	border-right:solid 2px #000;
}

table.size tr:nth-child(2n+0) td.c5 {
	border-bottom:solid 2px #000;
	border-right:solid 2px #000;
} 
/* 洋服のテーブルここまで */

h2.balloon_gray, h2.balloon_dress, h2.balloon_goods, h2.balloon_travel, h2.balloon_illness{
	font-size:1.3em;
	line-height: 1.5em ;
	margin-top: 20px;
}

h2.balloon_pro {
	font-size:1.3em;
    margin: 20px 8px;
	}
    
  ul.product_list li img{
	max-width: 50%;
  　margin: 0 auto;
  }

.kaerebalink-name{
	font-size: 0.6em;
	line-height: 1.2em;
}

#sidebar ul.list li {
	width: 46%;
	margin-left: 11px;
	margin-bottom: 2%;
	float: left;
	}

.content01 {
height: 680px ;
}

.content01_bag {
height: 410px;
}

.species {
height: 1010px;
}

.homeclo {
height: 370px;
}

.homeath {
height: 620px;
}

.content01 div {
font-size: 16px;
top: 0;
left: 10%;
}

ul.cols02 li {
font-size: 20px;
width:100%;
}

.goods .content01 div {
font-size: 16px;
top: 0;
left: 0;
}

.goods ul.cols02 li {
font-size: 20px;
width:100%;
}

.mod_dropnavi{
    margin-bottom:15px;
}

.mod_dropnavi .mod_dropnavi_child ul li{
 font-size:20px;
 text-align: center;
 line-height:1.8;
 padding:10px;
}


.mod_dropnavi .mod_dropnavi_child ul li.close{
 text-align: center;
}

.mod_dropnavi img{
    width:97%; height: auto;
}

ul.cols01 {
margin: 10px 0 0 -20px;
}

ul.cols01 li {
   width: 48%;
   margin-right: -10px;
margin-bottom: 10px;
	float: left;  
}

ul.cols01 li.right {
}

.nav {
    margin-bottom: 30px;
}

#page_clothes{
    max-width:60px;
    margin-bottom: 4px;
}

}