@charset "UTF-8";
/* =================================
 category.css
================================= */
 
/* main img
----------------------------------*/
.bg-cate-ttl {
	padding-left: 0;
	padding-right: 0;
	background-image: url(/themes/costume.117.co.jp/_common/img/bg_cmn_ttl_01.jpg);
}
.img-cate-ttl {
	padding-left: 0;
	padding-right: 0;
}
h1.ttl-cate {
	font-size: 4.8rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0;
	position: relative;
	top: 40%;
	letter-spacing: 0.4rem;
	line-height: 150%;
}

/* category comment
----------------------------------*/
.txt-cate-comment {
	margin: 40px 0;
	color: #2c2c2c;
	font-size: 2rem;
	font-weight: 500;
	line-height: 230%;
}

/* line up
----------------------------------*/
h2 {
	font-family: "garamond-premier-pro",serif;
	color: #737373;
	font-size: 6.4rem;
	font-weight: 400;
	margin-top: 100px;
	margin-bottom: 30px;
}
.box-lineup {
	position: relative;
}
.box-lineup img {
	border: solid 1px #ddd;
	margin-bottom: 15px;
}
.ico-new {
	background-color: #e03441;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 50%;
	padding: 10px 7px;
}
.ico-cate-lineup {
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
}
.female.wasou {
	background-color: #d67474;
}
.female.dress {
	background-color: #d17aa7;
}
.male.wasou {
	background-color: #7986b6;
}
.male.dress {
	background-color: #73ada4;
}
.uni.wasou {
	background-color: #d07f4d;
}
.uni.dress {
	background-color: #c0a457;
}
.female .type01:before {
	content: '女性';
}
.male .type01:before {
	content: '男性';
}
.uni .type01:before {
	content: '男女兼用';
}
.wasou .type01:after {
	content: '和装';
}
.dress .type01:after {
	content: '洋装';
}
.txt-cate-lineup {
	margin-bottom: 50px;
}
.box-lineup {
	margin-bottom: 70px;
}
.category .ttl-cmn-costume-01 {
	margin-top: 0px;
}

/* knowledge
----------------------------------*/
.sec-knowledge-article {
	margin: 40px 0;
	border-bottom: 1px #ccc solid;
	padding-bottom: 40px;
}
.ttl-cate-knowledge {
	color: #966f38;
	font-size: 3rem;
	font-weight: 700;
	line-height: 60px;
	background: url(/themes/costume.117.co.jp/img/ico_slipper_01.png) no-repeat left top;
	padding-left: 6.5rem;
}
.btn-cate-knowledge {
	padding: 10px;
	background-color: #eeeeee;
	font-size: 1.8rem;
}
.text-cate-knowledge-01 {
	color: #444444;
	font-size: 1.8rem;
	margin: 15px 0 0 0;
}
.text-cate-knowledge-01 strong {
	font-weight: 700;
	margin-bottom: 10px;
}
.box-knowledge-01 {
	padding: 30px;
}
.txt-cate-knowledge {
	margin: 30px 0;
	color: #2c2c2c;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 4rem;
}

/* contact-shop
----------------------------------*/
.txt-shop-telNumber {
	color: #a1498a;
	font-size: 2.8rem;
}
.txt-shop-address-01 {
	font-size: 1.8rem;
}
.img-shop-logo-1 {
	margin-bottom: 20px;
}
.sec-shop {
	margin: 20px 0;
}

/* footer
----------------------------------*/
.ttl-footer-01 {
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
ul.list-footer {
	padding-left: 0;
}
ul.list-footer li {
	list-style: none;
	line-height: 4rem;
	font-size: 1.6rem;
}
.copyright {
	margin-top: 40px;
}
.area-footer {
	background-color: rgba(177, 126, 175, 0.3);
	padding: 40px 0 10px 0;
}

@media screen and (max-width:991px) {

/* line up
----------------------------------*/
.ico-new {
	top: 8px;
	left: 8px;
	font-size: 1.4rem;
}

/* main img
----------------------------------*/

h1.ttl-cate {
	font-size: 3rem;
	letter-spacing: 0.2rem;
}

/* contact-shop
----------------------------------*/
.area-contact .img-shop-logo-1 {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 15px;
}

/* footer
----------------------------------*/
.area-footer {
	padding-top: 10px;
}
.copyright {
	margin-top: 0px;
}
}

@media screen and (max-width:767px) {

/* main img
----------------------------------*/

h1.ttl-cate {
	font-size: 2rem;
	letter-spacing: 0.2rem;
	top: 30%;
}

/* category comment
----------------------------------*/
.txt-cate-comment {
	font-size: 1.6rem;
	line-height: 200%;
}

/* line up
----------------------------------*/
h2 {
	font-size: 4rem;
	margin-top: 40px;
}
.ico-new {
	top: 8px;
	left: 8px;
	padding: 8px 6px;
	font-size: 1.4rem;
}
.ttl-top-01 {
	font-size: 2rem;
	line-height: 3.6rem;
	margin-bottom: 5px;
}
.ttl-top-02 {
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.box-lineup img {
	margin-bottom: 8px;
}
.ico-cate-lineup {
	padding: 3px 5px;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
.box-lineup {
	margin-bottom: 35px;
}
.category .ttl-cmn-costume-01 {
}

/* knowledge
----------------------------------*/
.sec-knowledge-article > .container {
	padding: 0;
}
.sec-knowledge-article {
	margin: 20px 0;
	padding-bottom: 20px;
}
.text-top-knowledge-01 {
	font-size: 1.2rem;
}
.text-top-knowledge-01 strong {
	margin-bottom: 10px;
}
.btn-top-knowledge {
	margin-top: 10px;
	padding: 10px;
	font-size: 1.4rem;
}
.box-knowledge-01 {
	padding: 10px;
}
.txt-cate-knowledge {
	font-size: 1.6rem;
	line-height: 3rem;
  	margin: 15px 0;
}

/* contact-btn
----------------------------------*/
.area-bnr {
	margin: 20px 0;
}
.area-bnr .container .row .col-xs-4 {
	padding: 0 2px;
}
.sec-btn {
	padding: 10px 0;
}
.btn-contact {
	padding: 10px 0;
	margin: 5px 0;
	color: #FFF;
	font-size: 1.6rem;
}
.txt-contact {
	background-size: 1.6rem;
	background-position: 10% 60%;
	background-repeat: no-repeat;
	padding-left: 1rem;
	margin-bottom: 0;
}
.sec-btn > .container > .row > .col-xs-6 {
	padding: 0 10px;
}

/* contact-shop
----------------------------------*/
.txt-shop-address-01 {
	font-size: 1.4rem;
	margin-bottom: 5px;
}
.txt-shop-telNumber {
	color: #a1498a;
	font-size: 2.4rem;
}
.sec-shop {
	text-align: center;
}
}

@media screen and (max-width:500px) {

/* line up
----------------------------------*/
.ico-new {
	top: 5px;
	left: 5px;
	padding: 5px 2px 5px 3px;
	font-size: 1rem;
	letter-spacing: 0.1rem;
}
}