@charset "utf-8";

/******************************

 * style
 *
 * 1. import
 * 2. common
 * 3. HTMLtag｣ｨｸｿ･ｰ｣ｩ
 * 4. Layout｣ｨｹｲﾍｨﾒｪﾋﾘ｣ｩ
 * 5. Section｣ｨｸｻ･ｯ･ｷ･逾ｩ

******************************/



/*****
 * 1. import
*****/

@import "import/util.css";


/*****
 * 2. common
*****/

	#innerContainer {
		margin: 0 auto;
		text-align: center;
        background-color: #fff;
        /*font-weight:  bold;*/
        font-family: "Sawarabi Mincho";
        background-color: #dfdfdf;
	}
	#innerContainer a:hover,
	#innerContainer a:hover p {
		opacity: 1;
		filter: unset;
	}

	#innerContainer a img,
	#innerContainer a .btn {
		opacity: 1;
		transition: 0.3s;
	}
	#innerContainer a:hover img,
	#innerContainer a:hover .btn {
		opacity: 1;
	}

	.num {
		width: 100%;
		margin-bottom: 30px;
	}
	.num .img {
		/*margin-bottom: 15px;*/
	}
	.num .txt {
		font-size: 12px;
		font-family: "Sawarabi Mincho";
		font-style: normal;
		font-weight: Regular;
        line-height: 1.5;
        color: #000;
	}
	.num .txt span.gray {
		color: #ccc;
	}
	.num .txt a {
		/*color: #000;*/
		transition: 0.3s;
	}
	.num .txt a:hover {
		color: #888888;
	}
	.num.rtv {
		position: relative;
	}
	.abs {
		position: absolute;
		top: 80px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		width: 800px;
		height: 0;
	}
	.num ul.two {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.num ul.two li:first-child {
		padding-right: 20px;
	}
	.num ul.two li:last-child {
		padding-left: 20px;
	}
	.num ul.three {
		display: flex;
		justify-content: center;
	}
	.num ul.three li:nth-child(2) {
		padding: 0 40px;
	}

	.num09 {
		margin-bottom: 115px;
	}
	.num09 .clearfix {
		margin-top: 430px;
	}
	.num10 {
		margin-bottom: 110px;
	}
	.num11 {
		margin-bottom: 140px;
	}
	.num12 {
		margin-bottom: 140px;
	}
	.num13 {
		margin-bottom: 110px;
	}
	.num14 {
		margin-bottom: 110px;
	}
	.num15 {
		margin-bottom: 120px;
	}	
	.num16 {
		margin-bottom: 100px;
	}
	.num16 .innerWrapper {
		padding: 90px 0 85px;
	}
	.num16 .ttl {
		margin-bottom: 40px;
	}
	.num16 .txt {
		font-size: 13px;
	}		

	.catalogWrapper {
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		margin-bottom: 110px;
	}

	
	.btnWrapper {
		margin-bottom: 20px;
	}
	.btn {
		display: inline-block;
		width: 480px;
		height: 120px;
	}
	.btn.pink {
		background-color: #ff82a7;
	}
	.btn.black {
		background-color: #000;
	}
	.btn .large {
		color: #fff;
		font-size: 15px;
		padding-top: 35px;
		letter-spacing: 2px;
	}
	.btn .small {
		color: #fff;
		font-size: 12px;
		padding-top: 5px;
		letter-spacing: 2px;
	}

	#contentWrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
	}
	.section h2 {
    padding: 0;
    background-color: transparent;
    color: #333;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	}
	.section h3 {
    margin: 0;
	}
	.section p {
		margin: 0;
	}


/*****
 * 3. HTMLtag
*****/

/* img */
	#contentWrapper img {
		vertical-align: top;
		max-width: 100%;
		height: auto;
	}

	#contentWrapper a {
		cursor: pointer;
	}
	#contentWrapper a:hover {
		opacity: 1;
	}

/* cap */
	.cap,
	.caption {
		color: #666666;
		font-size: 10px;
		line-height: 15px;
		background: none;
	}
	.cap {
		padding-top: 5px;
	}


/*****
 * 4. Layout
*****/


	/* reset */
	html {
		margin: 0!important;
		padding: 0!important;
	}
	/*header,
	footer,
	.breadcrumbs,
	#ft_navi {
		display: none;
	}*/


	#gHeader {
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 1000;
	}
	#gHeader h1 {
		position: absolute;
		bottom: -10px;
		right: 40px;
		z-index: 1;
	}
	#gNav {
	}
	#gNav ul {
		display: flex;
		justify-content: center;
	}
	#gNav li {
		margin: 0 12px;
	}
	#gNav a {
		position: relative;
		display: block;
		padding: 30px 8px;
	}
	#gNav a::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		background: #f6c757;
		opacity: 0;
		transition: .3s;
	}
	#gNav a:hover::before {
		opacity: 1;
	}


	#gFooter {
		margin-bottom: 0;
		padding: 60px 0;
		background: #000;
	}
	#fNav {
		margin-bottom: 30px;
	}
	#fNav ul {
		text-align: center;
	}
	#fNav li {
		display: inline-block;
		margin: 0 15px;
	}
	#fNav li a {
		transition: .3s;
	}
	#fNav li a:hover {
		opacity: .7;
	}
	.copyright {
		color: #999;
		font-size: 10px;
		text-align: center;
	}


/* wrap */
	.wrap {
		width: 745px;
		margin-left: auto;
		margin-right: auto;
	}

	/* headline */
	.headline {
	}


/*****
 * 5. Section
*****/


/* section */
	#mainContent {
		overflow: hidden;
		position: relative;
		min-width: 1280px;
		/*padding-top: 78px;*/
		font-size: 14px;
    line-height: 2.0;
    letter-spacing: .2em;
	}
	#mainContent a img {
		transition: .3s;
	}
	#mainContent a:hover img {
		opacity: 1;
	}
	.section {
	}
	.section h2 {
		margin-bottom: 50px;
		text-align: center;
	}


	#mainContent,
	.section {
		/*margin-top: -78px;*/
		/*padding-top: 78px;*/
	}


/* section 01 */
	.section.section-01 {
		margin-bottom: 90px;
	}
	#mainVisual img {
		width: 100%;
	}
	#mainVisual .wrap {
		width: auto;
		padding: 0 40px;
	}


/* section 02 */
	.section.section-02 {
		/*margin-bottom: 90px;*/
	}
	.section.section-02 h2 {
	}
	.section.section-02 .itemList {
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.section.section-02 .itemList .items {
		width: 235px;
	}
	.section.section-02 .itemList .items a {
		display: block;
	}
	.section.section-02 .itemList .items .items_image {
		margin-bottom: 20px;
	}
	.section.section-02 .itemList .items .items_ttl {
		font-size: 14px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #000;
	}

	.section.section-02 .icn-smp {
		text-align: center;
	}


/* section 03 */
	.section.section-03 {
	}
	.section.section-03 .tabBox {
		display: flex;
		justify-content: space-between;
	}
	.section.section-03 .tabBox li {
		flex: 1 1 auto;
		text-align: center;
	}
	.section.section-03 .tabBox li.chara { background: #142240; }
	.section.section-03 .tabBox li.mittens { background: #f3d986; }
	.section.section-03 .tabBox li.pattern { background: #de8287; }
	.section.section-03 .tabBox li.trend { background: #ae2e51; }
	.section.section-03 .tabBox li a {
		display: block;
		padding: 15px 0;
	}

	.section.section-03 .itemBox {
		position: relative;
		padding: 90px 0 112px;
	}
	.section.section-03 .itemBox::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 330px;
		z-index: -1;
	}
	.section.section-03 .itemBox .itemBox_ttl {
	}
	.section.section-03 .itemBox .itemList {
		display: flex;
		flex-wrap: wrap;
	}
	.section.section-03 .itemBox .itemList .items {
		width: 235px;
		margin: 30px 0 0 20px;
	}
	.section.section-03 .itemBox .itemList .items:nth-child(-n+3) {
		margin-top: 0;
	}
	.section.section-03 .itemBox .itemList .items:nth-child(3n+1) {
		margin-left: 0;
	}
	.section.section-03 .itemBox .itemList .items a {
		display: block;
	}
	.section.section-03 .itemBox .itemList .items a p {
		transition: inherit;
	}
	.section.section-03 .itemBox .itemList .items a:hover {
		color: #fb798c;
	}
	.section.section-03 .itemBox .itemList .items .items_image {
		margin-bottom: 15px;
		background: #fff;
	}
	.section.section-03 .itemBox .itemList .items .items_detail {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.section.section-03 .itemBox .itemList .items .items_detail .items_ttl {
		font-size: 17px;
		font-weight: bold;
		font-family: Helvetica, sans-serif;
		letter-spacing: .02em;
	}
	.section.section-03 .itemBox .itemList .items .items_detail .items_price {
		text-decoration: underline;
	}


	/* item-chara */
	.section.section-03 .itemBox.item-chara::before {
		background: #142240;
	}

	/* item-mittens */
	.section.section-03 .itemBox.item-mittens::before {
		background: #f3d986;
	}

	/* item-pattern */
	.section.section-03 .itemBox.item-pattern::before {
		background: #de8287;
	}

	/* item-trend */
	.section.section-03 .itemBox.item-trend::before {
		background: #ae2e51;
	}


/* section 04 */
	.section.section-04 {
		margin-bottom: 120px;
	}
	.section.section-04 h2 {
		padding: 0 40px;
	}
	.section.section-04 h2 img {
		width: 100%;
	}
	.section.section-04 .itemList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.section.section-04 .itemList .items {
		width: 362px;
	}
	.section.section-04 .itemList .items .items_image {
		margin-bottom: 20px;
	}
	.section.section-04 .itemList .items a p {
		transition: inherit;
	}
	.section.section-04 .itemList .items a:hover {
		color: #fb798c;
	}
	.section.section-04 .itemList .items .items_ttl {
		font-size: 17px;
		font-weight: bold;
		font-family: Helvetica, sans-serif;
		letter-spacing: .02em;
	}
	.section.section-04 .itemList .items .items_price {
		text-decoration: underline;
	}


/* section 05 */
	.section.section-05 {
		position: relative;
		margin-bottom: 170px;
		padding-top: 90px;
	}
	.section.section-05::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 330px;
		background: #f2e6d8;
		z-index: -1;
	}

	.section.section-05 .itemList {
		margin-bottom: 90px;
	}
	.section.section-05 .itemList .items a p {
		transition: inherit;
	}
	.section.section-05 .itemList .items a:hover {
		color: #fb798c;
	}
	.section.section-05 .itemList .items .items_image {
		background: #fff;
		margin-bottom: 20px;
	}
	.section.section-05 .itemList .items .items_txt {
		margin-bottom: 25px;
	}
	.section.section-05 .itemList .items .items_ttl strong {
		margin-right: 20px;
		font-size: 17px;
		font-weight: bold;
		font-family: Helvetica, sans-serif;
		letter-spacing: .02em;
	}
	.section.section-05 .itemList .items .items_ttl span {
		text-decoration: underline;
	}

	.section.section-05 .itemBtn {
		width: 350px;
		margin: 0 auto;
		text-align: center;
	}
	.section.section-05 .itemBtn a {
		display: block;
		padding: 15px 0;
		background: #000;
		color: #fff;
		font-size: 15px;
		transition: .3s;
	}
	.section.section-05 .itemBtn a:hover {
		opacity: .7!important;
	}


/* pagetop */
	.pagetop {
		position: absolute;
		bottom: 60px;
		right: 40px;
		cursor: pointer;
		transition: .3s;
	}
	.pagetop:hover {
		opacity: .7;
	}