@charset "utf-8"; 

/*-----------------------------------------------------
  ■レイアウト
 -----------------------------------------------------*/
.dycwrap,.dycsagasuwrap{
	width:1000px;
	margin:0 auto;
}

#tok_wrap * {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*-----------------------------------------------------
  ■ぱんくず
 -----------------------------------------------------*/
#tok_wrap ul.dypan {
	padding-top:20px;
}
.dypan li{
	float:left;
	padding:0 10px 10px 0;
}
.dypan li:before{
	content:">";
	padding-right:10px;
}
.dypan li:first-child:before{
	content:none;
}
/*-----------------------------------------------------
  ■検索ボックス
 -----------------------------------------------------*/
.entry-content div.dysearch,.dysearch{
	margin-bottom:80px;
}
dl.search{
    position:relative;
    background-color:#fff;
    border:1px solid #aaa;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
}
dl.search dt{
    margin-right:40px;
    padding:8px 0 8px 8px;
}
dl.search dt input{
    width:100%;
    height:24px;
    line-height:24px;
    background:none;
    border:none;
}
dl.search dd{
    position:absolute;
    top:0;
    right:0;
}
dl.search dd button{
    display:block;
    padding:10px;
    background:none;
    border:none;
}

/* ---------- むしめがね ---------- */
dl.search dd button span{
	height:20px;
	width:20px; 
	display:block; 
	position:relative;
} 
dl.search dd button span:before,
dl.search dd button span:after{
	content:''; 
	height:10px; 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
}
dl.search dd button span:before{
	width:10px; 
	border:3px #333 solid; 
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
dl.search dd button span:after{
	width:4px; 
	background:#333; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:11px; 
	left:13px;
}


/*-----------------------------------------------------
  ■リストラップ
 -----------------------------------------------------*/
.listwrap .ph100t{
	float:left;
}
.listwrap .ph100t img{
	max-width:100%;
}
.entry-content div.listwrap,.listwrap {
	margin: 0 -20px 50px 0;
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
.listwrap .ph100t {
	margin: 0 20px 20px 0;
	float: left;
	display: inline;
}
.tok_itemlist li>a:first-child{
	line-height: inherit;
}
.tok_itemlist li{
	width: calc(25% - 20px);
}

/*-----------------------------------------------------
  ■タイプで探す
 -----------------------------------------------------*/
.typelist .ph100t{
	width:125px;
}
/*-----------------------------------------------------
  ■サイズで探す
 -----------------------------------------------------*/
.sizelist .ph100t{
	width:184px;
}
/*-----------------------------------------------------
  ■フリーワードで探す
 -----------------------------------------------------*/
.entry-content div.keylist,.keylist{
	margin-bottom:100px;
}
.keylist.listwrap .tok_txt {
	margin: 0 20px 10px 0;
	display: inline-block;
	padding:0;
	width:auto;
}
.keylist.listwrap .tok_txt .cptxt {
	margin-bottom:0;
	display: inline;
}
/*-----------------------------------------------------
  ■お役立ち
 -----------------------------------------------------*/
.kihonlist .ph100t{
	width:490px;
}
#tok_wrap .kihonlist .ph100t {
    margin-bottom: 10px; 
}
/*-----------------------------------------------------
  ■PICKUP
 -----------------------------------------------------*/
.dycpicklist ul {
	margin-right: -20px;
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
}
.dycpicklist ul li {
	margin: 10px;
	width: calc(25% - 20px);
	display: inline;
	line-height:inherit;
}

/*-----------------------------------------------------
  ■ランキング
 -----------------------------------------------------*/
.dycwrap #b000126 ul {
	margin: 0 -20px 20px 0;
	overflow: hidden;
	zoom: 1;
}
.dycwrap #b000126 li {
	margin: 0 20px 20px 0;
	float: left;
	width: 184px;
	display: inline;
}
.dycwrap #b000126.tok_itemlist li>a:first-child {
    min-height: 184px;
}

.dycwrap #b000126 .itemtxt{
	position:relative;
	min-height: auto;
}
.dycwrap #b000126 .c_txt{
	padding:10px 0 0 40px;
	font-weight:normal;
	min-height:60px;
}
.dycwrap #b000126 .s_txt{
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    overflow: hidden;
    white-space: normal;

}
/* ---------- ナンバー ---------- */
.dycwrap .ranknum {    
 box-sizing: content-box;
    display: inline-block;
    position: absolute;
	top:10px;
    left:0;
    margin: 0;
    padding: 10px 0;
    z-index: 2;
    width: 30px;
    text-align: center;
    color: white;
    background: #919590;
    line-height: initial;
}

.dycwrap .ranknum:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 15px solid #919590;
    border-right: 15px solid #919590;
    border-bottom: 10px solid transparent;
}

/* ---------- 3位 ---------- */
li.rank3 .ranknum {    
    background: #795245;
}

li.rank3 .ranknum:after{
    border-left-color: #795245;
    border-right-color: #795245;
}
/* ---------- 2位 ---------- */
li.rank2 .ranknum {    
    background: #AF6F30;
}

li.rank2 .ranknum:after{
    border-left-color: #AF6F30;
    border-right-color: #AF6F30;
}
/* ---------- 1位 ---------- */

li.rank1 .ranknum {    
    background: #FFCB40;
}
li.rank1 .ranknum:after{
    border-left-color: #FFCB40;
    border-right-color: #FFCB40;
}
/*-----------------------------------------------------
  ■instagram
 -----------------------------------------------------*/
#instafeed {
    margin: 10px -20px 100px 0;
    overflow: hidden;
    zoom: 1;
}
#instafeed li {
    margin: 0 20px 20px 0;
    float: left;
    width: 150px;
    display: inline;
}

/*-----------------------------------------------------
  ■探す
 -----------------------------------------------------*/
#b000127 {
	margin: 0 -20px -20px 0;
	overflow: hidden;
	zoom: 1;
}
#b000127 li {
	margin: 0 20px 20px 0;
	float: left;
	width: 184px;
	display: inline;
}
.tok_itemlist #b000127 li>a:first-child {
    min-height: 184px;
}

#b000127 .itemtxt{
	position:relative;
	min-height: auto;
}
#b000127 .c_txt{
	padding:10px 0 0 40px;
	font-weight:normal;
	min-height:4em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  ■スマホ
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media only screen and (max-width : 768px) {
/*-----------------------------------------------------
  ■レイアウト
 -----------------------------------------------------*/
.dycwrap,.dycsagasuwrap{
	width:auto;
	max-width:100%;
	padding:0 10px;
}

.tok_itemlist ul{
	margin: 0;
	justify-content: space-between;
}

/*-----------------------------------------------------
  ■ぱんくず
 -----------------------------------------------------*/
ul.dypan {
	font-size:10px;
}
ul.dypan li{
	padding:0 5px 5px 0;
	font-size:10px;
}
/*-----------------------------------------------------
  ■検索ボックス
 -----------------------------------------------------*/
.entry-content div.dysearch, .dysearch {
    margin-bottom: 50px;
}
/*-----------------------------------------------------
  ■リストラップ
 -----------------------------------------------------*/
.entry-content div.listwrap,.listwrap {
	margin: 0 -2% 80px 0;
}
.listwrap .ph100t {
	margin: 0 2% 2% 0;
	padding:0;
}
.tok_itemlist li{
	width: calc(53% - 20px);
}
/*-----------------------------------------------------
  ■タイプで探す
 -----------------------------------------------------*/
 .typelist {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.typelist .ph100t{
	float: none;
	width:45vw;
}

#tok_wrap .ph100t {
	margin-bottom: 30px !important;
}

/*-----------------------------------------------------
  ■サイズで探す
 -----------------------------------------------------*/
.sizelist .ph100t{
	width:48%;
}
/*-----------------------------------------------------
  ■お役立ち
 -----------------------------------------------------*/
.kihonlist .ph100t{
	width:100%;
}
/*-----------------------------------------------------
  ■PICKUP
 -----------------------------------------------------*/
.dycpicklist ul {
	margin: 0;
}
.dycpicklist ul li {
	margin: 10px;
	width:calc(50% - 20px);
}
/*-----------------------------------------------------
  ■ランキング
 -----------------------------------------------------*/
.dycwrap #b000126 ul{
	margin: 0;
}
.dycwrap #b000126 li {
	margin: 0;
	width:100%;
	float:none;
}
.dycwrap #b000126 li:before {
	content: "";
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    display: block;
}
.dycwrap #b000126 li:first-child:before {
	content: none;
}

.dycwrap #b000126 li img{
	width:48%;
	position:absolute;
}
.dycwrap #b000126.tok_itemlist li>a:first-child {
    min-height: auto;
}
.dycwrap #b000126 .itemtxt{
	position:relative;
	min-height: 14em;	
	margin-left:50%;
}

.dycwrap #b000126 .c_txt{
	padding:0 40px 0 0;
	font-weight:normal;

}
.dycwrap .tok_itemlist.dyc_rank li>a:first-child {
	position:relative;
}
/* ---------- ナンバー ---------- */
.dycwrap .ranknum {    
	top:0;
	right:0;
	left:auto;
}
/*-----------------------------------------------------
  ■instagram
 -----------------------------------------------------*/
#instafeed {
    margin: 10px -3% 100px 0;
}
#instafeed li {
    margin: 0 3% 3% 0;
    width: 30%;
}
/*-----------------------------------------------------
  ■探す
 -----------------------------------------------------*/
#b000127 {
	margin: 0;
}
#b000127 li {
	margin: 0;
	width:100%;
	float:none;
}
#b000127 li:before {
	content: "";
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    display: block;
}
#b000127 li:first-child:before {
	content: none;
}

#b000127 li img{
	width:48%;
	position:absolute;
}
.tok_itemlist #b000127 li>a:first-child {
    min-height: auto;
}

#b000127 .itemtxt{
	position:relative;
	min-height: 14em;	
	margin-left:50%;
}

#b000127 .c_txt{
	padding:0 40px 0 0;
	font-weight:normal;

}
.tok_itemlist.dyc_nakami li>a:first-child {
	position:relative;
}
} /* /@media only screen */