@charset "utf-8";
/*
Theme Name:
Theme URI:
Description:
Version: 1.0.3.2
*/

* {
   margin: 0;
   padding: 0;
}
html {
   -webkit-font-smoothing: antialiased;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   line-height: 1.5;
   margin: 0;
   padding: 0;
   font-style: normal;
   background: #fff;
   font-size: 13px;
   font-weight: normal;
   overflow-y: scroll;
   width: 100%;
}
body {
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -o-text-size-adjust: 100%;
   text-size-adjust: 100%;
   color: #000;
   font-style: normal;
   font-variant: normal;
   letter-spacing: ;
   word-wrap: break-word;
   width: 100%;
   min-width: 960px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
   margin: 0;
   padding: 0;
}
h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
a {
   text-decoration: none;
   color: #333;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   letter-spacing: 1.5px;
}
a:hover {
   text-decoration: underline;
   color: #000;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
a img {
   border-style: none;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background: #fff;
}
ul, li, ol {
   margin:0;
   padding:0;
   list-style: none;
}
img {
   vertical-align: middle;
   max-width: 400px;
   height: auto;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}

/* NewHeader_Spring16
---------------------------------------------------------- */
.NewHeader_Spring16 .header .subNavi ul li a,
.NewHeader_Spring16 .header .glovalNavi ul li a {
   letter-spacing: 0px !important;
}




/* clearfix
---------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/* 共通
---------------------------------------------------------- */
.fl {float: left;}
.fr {float: right;}
.center {text-align: center;}
/* margin_top*/
.mt0{margin-top:0 !important; }
.mt5{margin-top:5px !important; }
.mt10{margin-top:10px !important; }
.mt15{margin-top:15px !important; }
.mt18{margin-top:18px !important; }
.mt20{margin-top:20px !important; }
.mt25{margin-top:25px !important; }
.mt30{margin-top:30px !important; }
.mt35{margin-top:35px !important; }
.mt40{margin-top:40px !important; }
.mt45{margin-top:45px !important; }
.mt50{margin-top:50px !important; }
.mt55{margin-top:55px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt75{margin-top:75px !important; }
.mt80{margin-top:80px !important; }
.mt85{margin-top:85px !important; }
.mt90{margin-top:90px !important; }
.mt95{margin-top:95px !important; }
.mt100{margin-top:100px !important; }
/* margin_bottom */
.mb0{margin-bottom:0 !important; }
.mb5{margin-bottom:5px !important; }
.mb10{margin-bottom:10px !important; }
.mb15{margin-bottom:15px !important; }
.mb20{margin-bottom:20px !important;font-size: 19px;text-align: center;border-bottom: 1px solid #333;line-height: 3.2em;letter-spacing: 1.5px;color: #333;font-weight: bold; }
.mb25{margin-bottom:25px !important; }
.mb30{margin-bottom:30px !important; }
.mb31{width: 87%;margin: 0 auto;line-height: 1.8em;letter-spacing: 3px;color: #333;padding: 14px; display: none;}
.mb35{margin-bottom:35px !important; }
.mb40{margin-bottom:40px !important; }
.mb45{margin-bottom:45px !important; }
.mb50{margin-bottom:50px !important; }
.mb55{margin-bottom:55px !important; }
.mb60{margin-bottom:60px !important; }
.mb65{margin-bottom:65px !important; }
.mb70{margin-bottom:70px !important; }
.mb75{margin-bottom:75px !important; }
.mb80{margin-bottom:80px !important; }
.mb85{margin-bottom:85px !important; }
.mb90{margin-bottom:90px !important; }
.mb95{margin-bottom:95px !important; }
.mb100{margin-bottom:100px !important; }
/* margin_left */
.ml0{margin-left:0 !important; }
.ml5{margin-left:5px !important; }
.ml10{margin-left:10px !important; }
.ml15{margin-left:15px !important; }
.ml20{margin-left:20px !important; }
.ml25{margin-left:25px !important; }
.ml30{margin-left:30px !important; }
.ml35{margin-left:35px !important; }
.ml40{margin-left:40px !important; }
.ml45{margin-left:45px !important; }
.ml50{margin-left:50px !important; }
/* margin_right */
.mr0{margin-right:0 !important; }
.mr5{margin-right:5px !important; }
.mr10{margin-right:10px !important; }
.mr15{margin-right:15px !important; }
.mr20{margin-right:20px !important; }
.mr25{margin-right:25px !important; }
.mr30{margin-right:30px !important; }
.mr35{margin-right:35px !important; }
.mr40{margin-right:40px !important; }
.mr45{margin-right:45px !important; }
.mr50{margin-right:50px !important; }


.wrapper {
   width: 980px;
   margin: 0 auto;
   overflow: hidden;
}



/* header
---------------------------------------------------------- */
.header {
}
.header .headtop {
   background: #0a132e;
   height: 35px;
   margin-top: 5px;
}
.header .headtop h1 {
   color: #fff;
   font-size: 85%;
   padding: 10px 0 0 40px;
}
.header .headmiddle {
   background: #f1f1f1;
   height: 100px;
   position: relative;
   margin-bottom: 20px;
}
.header .headmiddle .logo {
   position: absolute;
   top: 20px;
   left: 50px;
}
.header .headmiddle .mail {
   position: absolute;
   top: 18px;
   right: 300px;
}
.header .headmiddle .fax {
   position: absolute;
   top: 45px;
   right: 300px;
}
.header .headmiddle .tel {
   position: absolute;
   top: 18px;
   right: 80px;
}
.header .headmiddle .cart {
   position: absolute;
   top: 16px;
   right: 3px;
}
.header .nav01 {
   width: 100%;
   padding-bottom: 5px;
   border-bottom: 3px solid #0a132e;
}
.header .nav01 ul {
   float: right;
}
.header .nav01 ul li {
   float: left;
   margin-left: 5px;
}
.header .nav02 {
   margin-bottom: 15px;
}
.header .nav02 ul li {
   float: left;
   margin-right: 10px;
}



/* footer
---------------------------------------------------------- */
.foot {
   color: #252525;
   background-color:#cccccc;
}
.foot .sitemap a {
   color:#252525;
}
.foot .sitemap a:hover {
   color: blue;
   text-decoration: underline;
}
.sitemap {
	overflow:hidden;
	padding:30px 0px;
}
.foot .sitemap dt {
	font-size:13px;
	font-weight:bold;
}
.foot .sitemap dd {
	text-indent:1em;
}
.indent {
	margin-top:2px;
	text-indent:2em;
}
.indent a {
		font-size:11px;
}

#mens,
#ledys,
#kids,
#ant {
   float: left;
   margin-right: 20px;
}
#brand {
   float: left;
}


.pc-switcher {
   background: #40210f;
   text-align: center;
   padding: 30px 0 30px;
}
.pc-switcher .active {
   display: inline-block;
   background: #f1f1f1;
   width: 40%;
   text-align: center;
   padding: 5px 0;
   font-size: 200%;
}
.pc-switcher a {
   display: inline-block;
   background: #ccc;
   width: 40%;
   text-align: center;
   padding: 5px 0;
   font-size: 200%;
}


/* container
---------------------------------------------------------- */
.container {
   margin-bottom: 0px;
}
.pan {
   margin-bottom: 10px;
}


/* sidebar
---------------------------------------------------------- */
.sidebar1 {
   width: 180px;
   margin-right: 20px;
}
.sidebar1 .box {
   margin-bottom: 30px;
}
.sidebar1 h4 {
   background: #000420;
   color: #fff;
   font-size: 110%;
   font-weight: bold;
   padding: 5px;
   margin-bottom: 10px;
}
.sidebar1 h5 {
   font-weight: bold;
}
.sidebar1 .block {
   margin-bottom: 10px;
}
.sidebar1 ul {
   padding: 5px 0;
}
.sidebar1 .coordesearch input[type='text'] {
   width: 160px;
   padding: 5px;
}
.sidebar1 .coordesearch ul li {
   float: left;
   margin: 0 7px 5px 0;
}
.sidebar1 .coordesearch input[type = 'submit'] {
   display: block;
   width: 100%;
   text-align: center;
   padding: 3px 0;
   border: 1px solid #ccc;
   border-radius: 5px;
   cursor: pointer;
   float: right;
}
.sidebar1 .coordesearch input[type = 'submit']:hover {
   background: #ccc;
}
.sidebar1 .category ul li {
   font-weight: bold;
}
.sidebar1 .category ul.children li:before {
	content: "- ";
}
.sidebar1 .category ul li a {
}
.sidebar1 .category ul li a:hover {
}
.sidebar1 .category ul.children li,
.sidebar1.fl .category.box li {
   margin: 0 0 5px 10px;
   font-weight: normal;
}

.category.box:nth-child(4) li {
list-style-type: decimel;
  margin-left: 25px !important;
}


/* content
---------------------------------------------------------- */
.content {
   width: 780px;
   margin-right: 0px;
}
.content h2 {
   font-size: 130%;
   font-weight: bold;
   padding: 0 5px;
   line-height: 2;
}

#wp-calendar {
   width: 100%;
   position: relative;
}
#wp-calendar caption {
   font-size: 140%;
   font-weight: bold;
   padding: 10px 0;
}
#wp-calendar th {
   width: 14%;
   text-align: center;
   vertical-align: middle;
   font-size: 140%;
   font-weight: bold;
   padding: 10px 0;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}
#wp-calendar td {
   /*width: 14%;*/
   height: 215px;
   text-align: center;
   vertical-align: top;
   font-size: 140%;
   font-weight: bold;
   padding: 10px 0 0;
   border: 1px solid #ccc;
   overflow: hidden;
}
#wp-calendar td img {
   width: 110px;
   margin: 10px auto 10px;
}
#wp-calendar .holiday {
   color: #e24b4b !important;
}
#wp-calendar .saturday {
   color: #4b87f0 !important;
}
#wp-calendar #today {
   color: #999;
}
#wp-calendar tfoot #prev {
   position: absolute;
   top: 0;
   left: 10px;
}
#wp-calendar tfoot #next {
   position: absolute;
   top: 0;
   right: 10px;
}



#wp-calendar tfoot td {
   border: none;
   height: 30px;
}

.content h3 {
   margin-bottom: 20px;
}
.content h3 span {
   font-weight: bold;
   font-size: 140%;
}
.content .searchlist {
   padding: 20px 0;
}
.content .searchlist ul {
   margin-right: -20px;
}
.content .searchlist ul li {
   float: left;
   width: 180px;
   margin: 0 20px 25px 0;
}
.content .searchlist ul li img {
   margin-bottom: 10px;
   width: 180px;
}
/* pagenav */
.page_nav {
   clear: both;
   text-align: center;
   margin: 30px 0px 30px 0px;
}
a.page-numbers:hover,
.fbox .fleft a:hover,
.fbox .fright a:hover {
text-decoration: underline;
font-size:16px;
}
a.page-numbers,
.page_nav .current {
   margin: 10px;
   font-size:16px;
   text-decoration: none;
}

/*– ページャーのスタイル指定 –*/
.pagination{
text-align: center;
}
a.page-numbers,
.pagination .current{
background: #fff;
border: solid 1px #ccc;
padding:5px 8px;
margin:0 2px;
text-decoration: none;
}
.pagination .current{
background: #000;
border: solid 1px #000;
color: #fff;
}



.fbox {
   margin: 30px 0 0;
}
.fbox .fleft a {
   float: left;
   display: block;
   text-align: center;
   width: 100px;
   padding: 5px;
   text-decoration: none;
}
.fbox .fright a {
   float: right;
   display: block;
   text-align: center;
   width: 100px;
   padding: 5px;
   text-decoration: none;
}



.content .single {
   padding: 35px 0;
   /*border-bottom: 3px solid #ddd;*/
}
.content .single .coordeimg {
   width: 400px;
   overflow: hidden;
}
.content .single .coordeimg img {
   max-width: 400px;
   height: auto;
}
.content .single .itemarea {
   width: 360px;
}
.content .single .itemarea ul li {
   width: 106px;
   height: auto !important;
   float: left;
   padding-bottom: 0;
   position: relative;
   text-align: left;
   font-size: 11px;
   margin-right: 20px;
   margin-bottom: 25px;
   line-height: 1.4;
}
.content .single .itemarea ul li:nth-child(3n) {
   margin-right: 0;
}
.content .single .itemarea ul li:nth-child(3n+1) {
   clear: left;
}
.content .single .itemarea ul li img {
   margin-bottom: 10px;
   width: 100%;
}
.content .single .itemarea ul li span.price {
   margin-top: 5px;
   display: inline-block;
}
/*.content .single .itemarea ul li span.name {
   padding: 0 10px;
}*/
.content .single .itemarea ul li span.linkbtn {
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -60px;
   text-align: center;
   width: 120px;
   padding: 5px 0;
   background: #0a132e;
   color: #fff;
   font-weight: bold;
   font-size: 90%;
}
.content .single .ttl02 {
   border-bottom: 1px solid #555;
   margin-bottom: 15px;
}
.content .single .ttl02 span {
   font-size: 130%;
   color: #333;
   font-weight: bold;
   display: block;
   margin: 0 0 3px 5px;
   background: url("images/icon_03.png") no-repeat left 5px;
   padding: 0 0 0 17px;
}
.content .single .staffarea .staffinfo {
   width: 350px;
   border: 1px solid #ccc;
}
.content .single .staffarea .staffinfo .inner {
   padding: 10px;
}
.content .single .staffarea .staffimg {
   width: 100px;
}
.content .single .staffarea table {
   width: 215px;
}
.content .single .staffarea table th.name {
   text-align: center;
}
.content .single .staffarea table th {
   width: 100px;
   font-weight: normal;
   text-align: right;
   vertical-align: top;
}

.content .single .staffarea .comment {
   width: 410px;
}

.content .single .staffarea .comment p {
    width: 87%;
    margin: 0 auto;
    line-height: 1.8em;
    letter-spacing: 3px;
    color: #333;
    padding: 7px 14px;
}


/* バランスをとる為に商品名 3行切り、価格非表示
.content .single .itemarea ul li {
    height: 245px !important;
}
.content .single .itemarea ul li span.name {
	padding: 0 10px;
	height: 54px;
	overflow: hidden;
	display: block;
   font-size: 12px;
}
.content .single .itemarea ul li span.price {
   display: block;
   margin-top: -14px;
} */

/* 検索コーデ一覧記事名調整 */
.searchlist .heightLine-group1 {
  height: 340px !important;
}
.searchlist .heightLine-group1 a {
   display: block;
   overflow: hidden;
   height: 340px;
  font-size: 11px;
}
/* PCで4列目がチラ見えするのでfs10から11に変更 */

/* staffcomment */
.content .single .staffarea .comment p {
   font-size: 12px;
   letter-spacing: 4px;
}
.content .single .staffarea .comment {
    width: 427px;
}



/* ヘッダーのライン調整 */
.NewHeader_Spring16 {
	position: absolute;
	width: 100%;
	left: 0;
}
/*
.container.clearfix {
	margin-top: 200px;
}
*/



.content .single .staffarea .staffinfo {
	border: none;
	background-color: whitesmoke;
}
.content .single .staffarea .staffinfo a[href*="insta"],
.content .single .staffarea .staffinfo a[href*="twitter"] {
   display: inline-block;
   margin: 8px;
  margin-left: 0;
  margin-right: 0;
}
.content .single .staffarea .staffinfo a img {
  width:22px !important;
}
.co-cat ul li{
	float:left;
	padding:0 10px 10px 0;
}
.co-cat ul li a{
	display:block;
	font-size:13px;
	padding:2px 10px;
	background:#f5f5f5;
}


p.sidebar-txt {
    display: none;
}

h1.sidebar-title {
    display: none;
}

/* author page */
.author-page .author-info {
    margin: 20px 0;
}

.author-page .author-details {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.author-page .author-image {
    margin-right: 20px;
	margin-top: 10px;
}

.author-page .author-meta p {
    margin: 5px 0;
}

.author-page .author-meta .profile span {
    margin-left: 0px !important; 
}

.author-page .profile img {
    width: 20px !important;
    height: auto;
    margin-top: 10px;
}

.author-page .profile a {
    display: inline-block;
    margin-right: 10px;
}

li::marker {
    content: none;
}