/* For PC & Tablet */
@media screen and (min-width: 768px) {
	/*-------------------------------------------//
	// General setting
	//-------------------------------------------*/
	body { min-width: 768px; }
	br.pc { display: inline; }
	br.sp { display: none; }
	p.description { margin-bottom: 75px; }
	.btn1 { width: 285px; }
	.btn1 a { width: 255px; }
	hr.line1 { margin: 70px 0; height: 104px; }
	hr.line1:after { height: 104px; }
	aside.banner { text-align: center; padding-top: 40px; }
	aside.banner img { width: auto; }
	
	/* General section */
	section {
		max-width: 1160px;
		margin: 0 auto 100px;
		padding: 0 60px;
	}
	
	section.first { margin-top: 80px; }
	section > h1.line { padding-top: 150px; }
	section > h1.line:before { height: 100px; }
	section > h1.line2,
	section > h1.line3 { font-size: 2.4em; padding: 60px 0 150px; }
	section > h1.line2:after,
	section > h1.line3:after { height: 104px; }
	section > h1 { font-size: 2em; margin-bottom: 50px; }
	section > h2 { font-size: 2.5em; margin-bottom: 20px; }
	section p { line-height: 2.8; text-align: center; }
	
	
	/*-------------------------------------------//
	// Global header
	//-------------------------------------------*/
	#pageTop { height: 80px; }
	
	#pageTop > h1 {
		left: 60px;
		top: 20px;
		width: 312px;
		height: 40px;
		margin-left: 0;
	}
	
	#pageTop > h1 img {
		width: 312px;
		height: 40px;
	}
	
	/*-------------------------------------------//
	// Global header menu
	//-------------------------------------------*/
	#headerMenu h1 {
		width: 80px;
		height: 80px;
		position: absolute;
		background-color: #F6F6F6;
	}
	
	#headerMenu h1 span {
		width: 80px;
		height: 80px;
		padding-left:80px;
	}
	
	#headerMenu h1 span:before,
	#headerMenu h1:before,
	#headerMenu h1:after { width: 30px; margin-left: -15px; }
	#headerMenu h1:before { margin-top: -11px; }
	#headerMenu h1:after { margin-top: 11px; }
	#headerMenu > ul { font-size: 1.8em; line-height: 1.8; }
	#headerMenu > ul > li,
	#headerMenu > ul > li:first-child {
		padding-top: 360px;
		display: inline-block;
		line-height: 100%;
		vertical-align: top;
		text-align: left;
	}

	#headerMenu > ul > li.adjust { margin-right: 40px; }
	
	#headerMenu > ul > li.lang {
		padding-top: 0;
		width: 40px;
		position: absolute;
		top: 0;
		right: 80px;
	}

	#headerMenu > ul ul { border-left: 1px solid #F1E2C5; margin: 10px 0 0 15px; }
	#headerMenu > ul ul li { display: block; padding: 10px 0 0 15px; }
	#headerMenu > ul ul li:before { content: none; }
	
	
	/*-------------------------------------------//
	// Global footer
	//-------------------------------------------*/
	#pageBottom { padding: 60px 0; }
	#pageBottom nav h1 { margin-bottom: 30px; }
	#pageBottom nav h1 img { width: 300px; height: 38px; }
	#pageBottom nav li { font-size: 1.2em; }
	#pageBottom nav li.block { display: inline-block; }
	#pageBottom nav li.block a { margin-left: 0.5em; }
	#pageBottom nav li.block::before,
	#pageBottom nav li.none::before { content: "/"; margin: auto 1em; }
	#pageBottom nav li.block:first-child::before { content: none; }
	#pageBottom .copyright { font-size: 0.8em; }
	
	
	
	/*-------------------------------------------//
	// Index Page
	//-------------------------------------------*/
	/* Main visual */
	.swiper-container { margin: 80px auto 100px; max-height: 710px; }
	.swiper-slide { text-align: center; }
	.swiper-slide h3 { top: 40%; }
	.swiper-slide div.caption { top: 35%; }
	.swiper-slide h3 { font-size: 3.3em; margin-bottom: 0.3em; }
	.swiper-slide p { font-size: 1.2em; }
	
	.swiper-slide img {
		max-width: 1400px;
		max-height: 710px;
		min-width: inherit;
		min-height: inherit;
		position: static;
		left: auto;
		margin: 0;
	}
	
	#subImage { min-height: 450px; margin-bottom: 80px; }
	
	/* Multi section (Nested type) */
	section.multi_title > h1 {
		font-size: 2.5em;
		line-height: 90px;
		margin-bottom: 40px;
	}

	section.multi_title > h1:before {
		width: 24px;
		height: 4px;
		margin-left: -12px;
	}

	section.multi_title > p { width: 486px; margin: 0 auto 20px; }
	section.multi_title section > h1 { margin-bottom: 20px; }
	section.multi_title section > p { line-height: 1.8; }
	
	/* Blog section */
	section.blog_index {
		max-width: 100%;
		padding: 100px 0 130px;
	}

	section.blog_index div.inner_box {
		padding: 0 40px;
		max-width: 1200px;
		margin: 0 auto;
	}

	section.blog_index div.inner_box > h1 {
		width: 386px;
		top: 82px;
		margin-left: -198px;
		font-size: 2.5em;
	}
	
	section.blog_index div.news { padding: 76px 5.5% 30px 5.5%; }

	section.blog_index div.news > article {
		width: 26.5%;
		float: left;
		margin: 0 3.4% 5%;
	}
	
	section.blog_index div.news > article figcaption { height: 85%; padding-top: 15%; }
	section.blog_index div.news > article footer { font-size: 0.9em; }
	section.blog_index .btn_box { width: 386px; margin-left: -198px; }
	article.blog { padding: 80px 0 100px; }
	article.blog header { padding: 20px 60px; }
	article.blog header h1 { font-size: 2.5em; }
	article.blog div.entry { padding: 0 60px; }
	article.blog footer { padding: 20px 60px; }
	.img_box { position: relative; margin: 70px 0 50px; }
	.img_box figure { float: none; }
	.img_box .img1 { width: 65%; margin: 0; }
	.img_box .img2,
	.img_box .img3 { position: absolute; right: 0; width: 33%; }
	.img_box .img2 { top: 0; }
	.img_box .img3 { bottom: 0; }
	
	.menu_box { padding-top: 70px; }
	.menu_box li { width: 48%; margin: 0 0.5% 0; }
	.menu_box figure { margin-bottom: 20px; }

	.menu_box figcaption {
		width: 285px;
		height: 62px;
		line-height: 62px;
		padding-left: 20px;
		font-size: 1.3em;
	}

	.menu_box figcaption:before,
	.menu_box figcaption:after,
	.menu_box figcaption span:after {
		width: 12px;
		height: 2px;
		right: 20px;
		margin-left: -10px;
	}

	.menu_box figcaption:before { margin-top: -4px; }
	.menu_box figcaption:after { margin-top: 4px; }
	.menu_box figcaption span:after { width: 16px; right: 21px; }
	.index_svg1 img { width: 486px; height: 62px; }
	
	
	/*-------------------------------------------//
	// Concept Page
	//-------------------------------------------*/
	section.concept .text { float: left; width: 50%; }
	section.concept figure { width: 50%; float: right; }
	section.concept h3 { padding: 50px 0 30px; }
	section.concept h3 img { width: 190px; height: 64px; }
	section.concept.last { margin-bottom: 100px; }
	section.concept.last .text { float: right; }
	section.concept.last figure { float: left; }
	section.concept.last h3 img { width: 244px; }
	section.concept p { padding: 0 10%; line-height: 2.2; }

	
	/*-------------------------------------------//
	// Access Page
	//-------------------------------------------*/
	#gmap { height: 600px; }
	section.gmap { max-width: 100%; margin: 80px 0 73px; }
	
	section.gmap .btn_box,
	div.access {
		max-width: 1160px;
		margin: 0 auto;
		overflow: auto;
		padding: 0;
	}
	
	div.access figure { width: 49%; float: left; }
	div.access figure:last-child { float: right; }
	section.access { overflow: auto; margin-bottom: 50px; }
	section.access h1,
	section.access h3,
	section.access p { float: left; padding: 0; }
	section.access h3,
	section.access p { line-height: 1.75; margin-bottom: 20px; }
	section.access h1 { font-size: 1.5em; width: 100%; padding: 7px 0; }
	section.access h3 { width: 32%; text-align: right; font-size: 1em; }
	section.access p { width: 63%; text-align: left; margin-left: 5%; }
	
	.access_box {
		max-width: 1160px;
		margin: 0 auto 40px;
		overflow: auto;
	}
	
	.access_box section.access { width: 48%; float: left; }
	.access_box section.access:last-child { float: right; }
	
	.access_box section.access ul {
		width: 55%;
		float: left;
		margin: 0 0 40px 13%;
		padding: 0;
	}
	
	.access_box section.access .comment {
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	
	/*-------------------------------------------//
	// Inquiry Page
	//-------------------------------------------*/
	section.inquiry .inner_box { max-width: 790px; margin: 0 auto; }
	section.inquiry dl { overflow: auto; }
	
	section.inquiry dt {
		font-size: 1.2em;
		float: left;
		width: 23%;
		text-align: right;
		clear: both;
		line-height: 40px;
	}
	
	section.inquiry dd { margin-left: 38%; width: 62%; }
	
	
	/*-------------------------------------------//
	// Thanks Page
	//-------------------------------------------*/
	section.thanks p { margin-bottom: 40px; }
	
	
	/*-------------------------------------------//
	// Blog Page
	//-------------------------------------------*/
	div.category {
		position: static;
		width: 280px;
		padding-top: 0;
		float: right;
		margin-right: 80px;
	}
	
	div.category .select { margin: 0; }
	
	div.category .select:after {
		width: 79px;
		height: 79px;
		font-size: 1.2em;
		line-height: 79px;
	}
	
	div.category .select select {
		margin: 0;
		padding: 0 0 0 20px;
		line-height: 79px;
		height: 79px;
		font-family: Oswald;
		font-weight: 400;
		font-size: 1.5em;
		outline: none;
	}
	
	section.blog article {
		width: 26.5%;
		float: left;
		margin: 0 3.6% 5%;
	}
	
	section.blog article:nth-child(3n + 1) { margin: 0 3% 5%; }
	section.blog article:nth-child(odd) { float: left; }
	section.blog article figure { margin-bottom: 20px; }
	section.blog article header h1 { margin-bottom: 5px; }
	section.blog article footer { font-size: 0.8em; }
	
	
	/*-------------------------------------------//
	// Entry Page
	//-------------------------------------------*/
	section.entry {
		width: 795px;
		padding: 0;
		margin: 50px auto 0;
	}
	
	section.entry article header { font-size: 1.2em; }
	section.entry .meta img { height: 18px; margin-left: 25px; }
	section.entry article header h1 { margin: 25px 0; }
	section.entry article div.entry { padding: 30px 0; }
	
	section.entry article div.entry p {
		text-align: left;
		font-size: 1.2em;
		line-height: 1.75;
		margin-bottom: 20px;
	}
	
	section.entry article footer { padding: 45px 0; margin: 0; }
	section.entry article footer .linker { font-size: 1.5em; }
	section.entry article footer .linker a { color: #666; margin: 0 30px; }
	section.entry article dl { margin-bottom: 30px; }

	
	/*-------------------------------------------//
	// Menu Page
	//-------------------------------------------*/
	section.menu {
		min-height: 1323px;
	}
	
	section.menu .nav {
		width: 384px;
		font-size: 1.4em;
		top: 244px;
		margin-left: -193px;
	}
	
	section.menu .nav p:hover { color: #FFF; background-color: #B59C5A; }
	section.menu .nav.bottom { bottom: 20px; }
	section.menu .nav p { width: 192px; line-height: 60px; }
	section.menu .nav p:last-child { width: 191px; }
	section.menu .description { margin-bottom: 50px; }
	
	section.menu .inner_box {
		background-size: auto 540px;
		padding-top: 540px;
		margin-bottom: 100px;
	}
	
	section.menu .inner_box h2 {
		background-color: #FFF;
		font-size: 2em;
		line-height: 65px;
		padding: 40px 0 0;
		position: absolute;
		top: 435px;
		left: 7%;
		width: 86%;
	}
	
	section.menu .inner_box p {
		padding-top: 20px;
		margin-bottom: 0;
	}
	
	section.menu .inner_box .menu_list {
		padding-top: 20px;
	}
	
	/*
	section.menu .inner_box p {
		float: left;
		width: 31%;
		margin: 40px 0 0 5%;
		padding: 40px 7% 0;
		border: none;
		line-height: 2.5;
		text-align: left;
	}

	section.menu .inner_box .menu_list {
		float: left;
		width: 45%;
		margin: 40px 0 0;
		padding: 20px 0 0;
		border-left: 1px solid #B59C5A;
	}
	*/
	
	#menuIndex { top: 360px; }
	
	#menuIndex .formi,
	#menuIndex .cordonnier {
		width: 50%;
		height: auto;
		float: left;
	}
	
	#menuFormi,
	#menuCordonnier { top: 360px; }
	#menuIndex p { margin-bottom: 50px; padding: 0 20px 20px; }
	#menuIndex .formi figcaption,
	#menuIndex .cordonnier figcaption { top: 42%; }
	#menuIndex .formi figcaption img,
	#menuIndex .cordonnier figcaption img { height: 60px; }
	#menuIndex > h1,
	#menuFormi > h1,
	#menuCordonnier > h1 { margin-bottom: 30px; }
	
	#tooltip {
		width: auto;
		max-width: 1000px;
		min-width: 400px;
	}
	
	
	/*-------------------------------------------//
	// Custom Dress Page
	//-------------------------------------------*/
	#subPage.swiper-container { margin-bottom: 0; }
	#subPage .swiper-slide h3 { font-size: 3.3em; }
	
	#customDress h2 {
		padding-top: 40px;
		margin-bottom: 40px;
		font-size: 2.5em;
	}
	
	#customDress figure {
		float: left;
		width: 50%;
		height: auto;
		text-align: right;
	}
	
	#customDress figure img {
		width: 60%;
		height: auto;
	}
	
	#customDress .text_box {
		position: relative;
		width: 50%;
		padding-top: 30px;
		float: right;
	}
	
	#customDress .text {
		width: 280px;
		height: 250px;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 30px;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	#customDress .trofeo h4 {
		margin-bottom: 14px;
	}
	
	#customDress .trofeo .wrap {
		width: 70%;
		margin: 0 auto;
		overflow: auto;
	}

	#customDress .trofeo .wrap .figure {
		float: left;
		padding: 6% 10%;
	}
	
	#customDress .text p {
		text-indent: 1em;
		line-height: 2em;
		text-align: left;
	}

	#customDress .box1 {
		width: 400px;
		margin: 20px auto;
		font-size: 1.2em;
	}
	
	#customDress .message {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}

	#customDress .message .wrap {
		width: 350px;
		margin: 0 10px;
	}

	#customDress ol.flow li {
		float: left;
		padding: 20px;
		width: 246px;
		margin: 2px;
	}

	#customDress ol.flow li p {
		background-image: url(../images/arrow_1.svg);
	}
	
	#customDress .meta {
		display: flex;
		justify-content: center;
	}

	#customDress .meta .contact {
		width: 380px;
		margin: 0 10px;
	}

	#customDress .meta .address {
		width: 340px;
		margin: 0 10px;

	}
	
	#fancybox-content .comment_box {
		padding: 30px;
	}
	
	#fancybox-content .comment_box dl {
		display: flex;
	}
	
	#fancybox-content .comment_box dt {
		width: 128px;
		min-width: 128px;
		font-size: 0.8em;
		margin-right: 20px;
	}
	
	#fancybox-content .comment_box dt span {
		min-width: auto;
	}
	
	#fancybox-content .comment_box dt span.com {
		padding-top: 5px;
	}
	
	#fancybox-content .comment_box dt img {
		width: 128px;
		height: auto;
	}
	
	#modal .popup {
		width: 760px;
		height: auto;
		margin: 0;
		padding: 20px;
	}

	#modal .popup figure {
		width: 370px;
		float: left;
	}
	
	#modal .popup .text {
		width: 370px;
		float: right;
	}
}