@charset "UTF-8";
html {font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}
body {
	font-size: 1.6rem;/* 16px */
	font-family: futura-pt, 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	padding-top: 503px;
}

.jp {font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 500;}

.pc {display: block !important;}
.sp {display: none !important;}


@media (max-width: 767px) {
	body {padding-top: 220px;}
	.pc {display: none !important;}
	.sp {display: block !important;}
}

body, select, input, textarea {color: #000;}

a {color: #000;
text-decoration: none;}

a:hover {color: #7b7b7b;}

p {line-height: 1.5}

/* ���ܿ� */
:root {
	--main-color: #5D9AB2;
	--accent-color: #BF6A7A;
	--dark-main-color: #2B5566;
	--text-bright-color: #fff;
	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--large-width: 1180px;
}

/* flexslider */
@media screen and (min-width: 0px) {
	div#contents-wrap { width: 90%; margin: 100px auto 50px; }
}
@media screen and (min-width:480px){
	div#contents-wrap { width: 450px; margin: 100px auto 100px; }
}
@media screen and (min-width:780px){
	div#contents-wrap { width: 750px; margin: 100px auto 100px; }
}
@media screen and (min-width:1020px){
	div#contents-wrap { width: 1000px; margin: 100px auto 100px; }
}
/* �إå��� */
header {position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background-color: rgba(255, 255, 255, 1);}

/* ヘッダーロゴ */
.headA { display: block; line-height: 1; width: 150px; height: auto; text-decoration: none;}
.headA img {display: block;}

/* �إå���B�� �ʥӥ���������˥塼 */
.headB ul { margin: 0; padding: 129px 0 109px 0; list-style: none;}
.headB ul li {margin-right: 58px;}
.headB ul li:last-child {margin-right: 0;}
.headB a { display: block; padding: 15px; color: inherit; font-size: 16px; text-decoration: none;}
.headB a:hover {color: #7b7b7b; }
header .header_sns {position: absolute; right: 0; top: 80px; display: flex; justify-content: flex-end; line-height: 1;}
header .header_sns li + li {margin-left: 10px;}

@media (min-width: 768px) {
	header .container { display: flex; align-items: center; justify-content: space-between; flex-direction: column; max-width: 1000px; max-width: var(--large-width); margin-left: auto; margin-right: auto; padding-top: 80px; position: relative;}	
	.headB ul {display: flex;}
}

/* �إå���C�� �ȥ���ܥ��� */

@media (max-width: 767px) {
	/* スマホ */
	.headA {width: 120px;}
	header .container {padding-bottom: 42px;}
	header .container-small {position: relative; padding-top: 40px;}
	.headA {margin: 0 auto;}
	.headB {display: none;}
	.headB ul { margin: 0; padding: 57px 0 57px 0;}
	.headB ul li {margin-right: 0px; text-align: center;}
	.headB a {padding: 0;}
	.headB ul li + li {padding-top: 50px;}
	.headC {border: none; outline: none; background: url('../../img_2017/icon-hamburger.svg') no-repeat center center; cursor: pointer; position: absolute; left: 12px; top: 28px; width: 36px; height: 36px; padding: 10px 8px;}
	.headC.active {background: url('../../img_2017/icon-close.svg') no-repeat center center}
	header .header_sns {position: absolute; right: 20px; top: 40px; display: flex}
	header .header_sns img {width: 15px; height: auto;}
}

@media (min-width: 768px) {
	/* PC */
	.headC { display: none; }
	.headB { display: block !important; width: 100%; max-width: 990px;}
	.headB ul {justify-content: center;}
	.headB ul li {margin-right: 69px;}
	.headB ul li:nth-child(3) {margin-right: 70px;}
}

.audio-player audio {display: none;}
.audio-player .controls {display: flex; justify-content: space-between; margin-top: 44px; width: 150px;}
.audio-player .button {display: flex; justify-content: flex-end;}
.audio-player p {font-size: 16px;}
.audio-player button {border: none; background: none; display: block; padding: 0;}
.audio-player .button img {display: block; margin: 0 auto;}
.audio-player .play {display: none;}
.audio-player .play.active {display: block;}
.audio-player .pause {display: none; width: 17px;}
.audio-player .pause.active {display: block;}
.audio-player .stop {margin-left: 23px;}
.audio-player .stop .off {display: none;}
.audio-player .stop .on {display: none;}
.audio-player .stop .on.active {display: block;}
.audio-player .stop .off.active {display: block;}

@media (max-width: 767px) {
	/* sp */
	.audio-player .controls {flex-direction: column; justify-content: center; align-items: center; margin: 21px auto 0;}
	.audio-player p {margin-right: 0; margin-bottom: 9px;}
}

/* text*/
.contentsText { text-align: left; width: 100%; max-width: 1180px; margin: auto;}
.contentsText h2 {font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 30px;}
.titleB {font-size: 40px;}
.nameS {padding: 20px 0 80px;}

@media (max-width: 767px) {
	.contentsText {text-align: center;}
	.contentsText h2 {font-size: 15px; margin-bottom: 60px;}
	.titleB {font-size: 30px;}
}

/* photoボーダーあり*/
@media (min-width: 768px) {
	.conB .container { max-width: 1180px; max-width: var(--large-width); margin: 0 auto; }
	.conB .gallery { display: flex; flex-wrap: wrap; width: 100%; }
	.conB .gallery li { width: 169px; padding: 0px 0px; margin-right: 83px; margin-top: 92px; border: 4px solid #000; box-sizing: border-box; border-radius: 15px; overflow: hidden;}
	.conB .gallery li img {display: block;}
	.conB .gallery li:nth-child(4n) {margin-right: 0;}
	.conB .gallery li:nth-child(-n + 4) {margin-top: 0;}	
}

/* photo*/
@media (min-width: 768px) {
	.conB.no-border .container { max-width: 1180px; max-width: var(--large-width); margin: 0 auto; }
	.conB.no-border .gallery { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; max-width: 580px; margin: auto;}
	.conB.no-border .gallery li { width: 280px; padding: 0px 0px; border: 0px; border-radius: 0px; margin: 0;}
	.conB.no-border .gallery li img {display: block;}
	.conB.no-border .gallery li:nth-child(4n) {margin-right: 0;}
	.conB.no-border .gallery li:nth-child(-n + 4) {margin-top: 0;}	
}



/* =================================================================
footer
=================================================================*/
footer {padding: 0px 20px 39px;}
footer p {margin: 0; font-size: 14px;}
footer .backtotop {display: flex; justify-content: flex-start; align-items: center; font-size: 18px; padding-bottom: 4px;}
footer .backtotop img {display: block; margin-right: 15px;}
footer .backtolist {display: flex; justify-content: flex-start; align-items: center; font-size: 18px; padding-bottom: 4px;}
footer .backtolist img {display: block; margin-right: 15px;}

footer.archive {padding: 68px 20px 39px;}
footer.archive .container {padding: 0; box-sizing: border-box; align-items: center; display: flex; justify-content: space-between;}


@media (min-width: 768px) {
	/* pc*/
	footer {padding-bottom: 77px; margin-top: -25px;}
	footer .container {max-width: 1180px; margin: auto; display: flex; justify-content: flex-end; align-items: center;}
	footer .backtotop {justify-content: flex-end;}
	footer .backtolist {display: none;}

	footer.archive {margin-top: 0px;}
	footer.archive .backtotop{margin-top: -4px;}
	footer.archive .container {padding-left: 115px; box-sizing: border-box; justify-content: flex-end;}


	footer.back-only {margin-top: 106px;}
	footer.back-only .container {box-sizing: border-box; justify-content: flex-end; max-width: 950px;}
}



/* =================================================================
トップ
=================================================================*/
.top {width: 100%; max-width: 927px; margin: auto;}
.top.wide {width: 100%; max-width: 1180px; margin: auto;}
.top .contentsText h2 {margin-bottom: 37px; text-align: center;}
.top .colection_info {margin-top: 84px; font-size: 13px;}
.top .colection_info .colection_info_text p {font-size: 18px; line-height: 1.722222222222222; text-align: center;}
.top .colection_info .bottom {padding-top: 82px;}
.top .colection_info .bottom p + p {margin-top: 9px; font-size: 13px;}
.top .fcopy {font-size: 14px; margin-top: 101px;}


@media (max-width: 767px) {
	.top {padding-bottom: 97px;}
	.top .gallery {padding-top: 22px;}
	.top .gallery li img {display: block;}
	.top .gallery li + li {margin-top: 70px;}
	.top .gallery li a {pointer-events: none;}
	.top .colection_info {padding: 0 20px; margin-top: 57px;}
	.top .colection_info .colection_info_text p {font-size: 15px; line-height: 1.8; text-align: left;}
	.top .colection_info .colection_info_text .en {font-size: 14px;}
	.top .colection_info p {line-height: 1.8;}
	.top .colection_info .bottom {padding-top: 97px;}
	.top .colection_info .bottom .en {line-height: 1.428571428571429;}
	.top .colection_info .bottom .jp {font-size: 11px;}
	.top .colection_info .bottom p + p {margin-top: 30px;}
	.top .fcopy {font-size: 10px; margin-top: 45px;}

}


/* =================================================================
wholesale
=================================================================*/
.wholesale p {line-height: 1.65;}

/* =================================================================
shop
=================================================================*/
.shop .seconPText  h2 {margin-bottom: 68px;}
.shop .area {display: flex; align-items: flex-start;}
.shop .area + .area {padding-top: 70px;}
.shop .area h3 {width: 100%; max-width: 260px; flex-shrink: 0; font-size: 18px; font-weight: 500;}
.shop .area .text {font-size: 15px;}
.shop .area .text h4 {font-size: 18px; margin-bottom: 7px; font-weight: 500;}
.shop .area .text p {margin-bottom: 0; font-size: 15px; line-height: 1.6;}
.shop .area .text a {display: inline-block; margin-top: 4px;}
.shop .area .branch {padding-bottom: 39px;}
.shop .area .branch:last-child {padding-bottom: 0;}

.shop .overseas .text {display: flex; flex-wrap: wrap; width: 100%;}
.shop .overseas .branch {width: 329px;}

.shop .area.wholesale {padding-top: 60px;}
.shop .wholesale h3 {font-size: 30px; font-weight: 400;}

@media (max-width: 767px) {
	/* スマホ*/
	.shop {padding-bottom: 50px;}
	.shop .seconPText  h2 {margin-bottom: 50px;}
	.shop .area {flex-direction: column;}
	.shop .area + .area {padding-top: 97px;}
	.shop .area h3 {margin-bottom: 50px;}
	.shop .area .text p {font-size: 15px;}
	.shop .area .branch {padding-bottom: 34px;}
	.shop .area + .area.wholesale {padding-top: 102px;}
}

/* =================================================================
about
=================================================================*/
.about .seconPText h2 {margin-bottom: 64px;}
.about .en .top-text {white-space: nowrap; line-height: 1.7; font-feature-settings: "palt"; margin-bottom: -2px;}
.about .en .top-text + p {line-height: 1.7;}
.about .jp {font-size: 15px; margin-top: 62px; line-height: 2;}

/* concept*/
.seconPText {margin: 0px auto; max-width: 950px; text-align: left; padding: 0 20px;}
.seconPText  h2 {font-size: 40px; font-weight: 400; margin-bottom: 61px;}
.seconPText p {max-width: 950px; margin: 0 auto 50px; line-height: 1.8; font-size: 20px;}

@media (max-width: 767px) {
	/* スマホ*/
	.seconPText {padding: 0 20px;}
	.seconPText h2 {font-size: 30px; margin-bottom: 46px; line-height: 1;}
	.seconPText p {font-size: 15px;}

	.about .seconPText h2 {margin-bottom: 46px;}
	.about p {font-size: 16px;}
	.about .jp {font-size: 13px; margin-top: 32px;}
	.about .en p {line-height: 1.8125;}
	.about .en .top-text {white-space: normal; line-height: 1.8125; margin-bottom: 0;}
	.about .en .top-text + p {line-height: 1.8125;}
	.about .seconPText p {margin-bottom: 0px; line-height: 2.153846153846154;}

}

/*shop*/
.cate { margin-bottom: 80px; }
.shopL { margin-bottom: 20px; }
.shopTitle { font-size: 20px; }

/*newsletter*/
.seconPText table { margin: 0 auto 50px; }
.seconPText table tr td p { margin-bottom: 20px; }
.btstyle { background-color: #000; color: #FFF; border: none; }

/*contact*/
.mailform tr td p { margin: 20px 0 10px; }
#mfp_hidden { display: none; }


.single { max-width: 600px; margin: 0 auto;}
.single img{ width: 100%;}

/* =================================================================
wholesale
=================================================================*/
.wholesale .seconPText h2 {margin-bottom: 65px;}
.wholesale p {line-height: 1.65;}

@media (max-width: 767px) {
	.wholesale .seconPText h2 {margin-bottom: 49px;}
.wholesale p {line-height: 1.6;}
}

/* =================================================================
contact
=================================================================*/
.contact .seconPText h2 {margin-bottom: 65px;}
.contact .seconPText p {line-height: 1.65; font-size: 20px; margin-bottom: 0;}
.contact .seconPText .jp {font-size: 15px; margin-top: 62px; line-height: 2;}

@media (max-width: 767px) {
.contact .seconPText p {line-height: 1.8125; font-size: 16px; margin-bottom: 0;}
.contact .seconPText .jp {font-size: 13px; margin-top: 32px; line-height: 2.153846153846154;}
}


/* =================================================================
archive_list
=================================================================*/
.archive_list .list {margin: 0 auto; max-width: 990px; width: 100%; box-sizing: border-box;}
.archive_list .box {display: flex; align-items: flex-start;}
.archive_list .date h3 {font-weight: 500; font-size: 18px; width: 240px; text-align: left; padding: 6px 20px; vertical-align: top;}
.archive_list .link {display: flex; align-items: center; padding: 6px 0 54px 0;}
.archive_list .link a {font-size: 18px; width: 300px;}

.archive_list_footer {display: none;}

@media (max-width: 767px) {
	.archive_list .box {display: block;}
	.archive_list .date h3 {line-height: 1; font-weight: normal; font-size: 18px; width: 240px; text-align: left; padding: 6px 20px; vertical-align: top;}
	.archive_list .link {justify-content: space-between; box-sizing: border-box; padding: 23px 20px 56px;}
	.archive_list .link a {font-size: 15px; width: auto; display: inline-block;}

	.archive_list_footer {display: block; padding: 47px 20px 39px;}
}

/* =================================================================
archive_detail
=================================================================*/
.archive_detail .seconPText h2 {margin-bottom: 67px;}
.archive_detail .container {width: 100%; max-width: 950px; margin: 0 auto;}
.archive_detail .container h3 {margin-bottom: 35px; font-size: 18px; font-weight: 500;}

.archive_detail .gallery {display: flex; flex-wrap: wrap; width: 100%;}
.archive_detail .gallery li {width: calc((100% - 23px*3)/4); padding: 0px 0px; margin-right: 23px; margin-top: 26px;}
.archive_detail .gallery li img {display: block; margin: 0 auto;}
.archive_detail .gallery li:nth-child(4n) {margin-right: 0;}
.archive_detail .gallery li:nth-child(-n + 4) {margin-top: 0;}

.archive_detail .colection_info {width: 100%; max-width: 950px; margin: 0 auto;}
.archive_detail .colection_info .staff {margin: 66px 0 84px; line-height: 1.722222222222222; font-size: 18px;}
.archive_detail .colection_info .en {font-size: 18px;}
.archive_detail .colection_info .jp {font-size: 13px; margin-top: 10px; line-height: 1.769230769230769;}
.archive_detail .colection_info .fcopy {font-size: 14px; margin-top: 64px;}



.mfp-bg {background: #717171 !important;}
.top-page .mfp-bg {background: #fff !important;}
.mfp-figure:after {box-shadow: none !important; background: none !important;}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #000 !important;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {position: absolute !important; right: -37px !important; top: 30px !important; opacity: 1 !important; z-index: 1;}
button.mfp-close * {pointer-events: none;}
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(0.8); }
.mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

@media (max-width: 767px) {
	.archive_detail {padding: 0 20px; box-sizing: border-box;}
	.archive_detail .seconPText {display: none;}
	.archive_detail .container h3 {text-align: center; font-size: 15px; margin-bottom: 60px;}
	.archive_detail .gallery {flex-direction: column; align-items: center;}
	.archive_detail .gallery li {margin-right: 0; width: 100%; max-width: 250px;}
	.archive_detail .gallery li.wide {margin-right: 0; width: 100%; max-width: 100%;}
	.archive_detail .gallery li + li {margin-top: 50px;}
	.archive_detail .gallery li:nth-child(-n + 4) {margin-top: 50px;}
	.archive_detail .gallery li:nth-child(1) {margin-top: 0px;}
	.archive_detail .gallery li a {pointer-events: none;}

	.archive_detail .colection_info .staff {font-size: 15px; line-height: 1.8; margin: 147px 0 95px;}
	.archive_detail .colection_info .en {font-size: 14px;}
	.archive_detail .colection_info .jp {font-size: 11px; margin-top: 27px; line-height: 1.818181818181818;}
	.archive_detail .colection_info .fcopy {font-size: 10px; margin-top: 46px;}

	.mfp-container {padding-left: 40px !important; padding-right: 40px !important;}
}