body {
	font-size: 13px;
	font-family: Palatino, "Palatino Linotype", "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
	letter-spacing: 0.05em;
	-webkit-font-smoothing: antialiased;
	background-color: #fafafa;
}
img {
	max-width: 100%;
}
p {
	line-height: 1.8em;
}
.SP {
	display: none;
}
.PC {
	display: block;
}

/**
p a {
	color: inherit;
	text-decoration: underline;	
}
**/
iframe {
	margin-left: 10% !important;
}





			@media screen and (max-width: 700px){
				.SP {
					display: block;
				}
				.PC {
					display: none;
				}
				iframe {
					margin-left: 0 !important;
				}
			}


summary {
    outline: none;
    cursor: pointer;
}
details[open] .details_content {
    animation: 1.3s details_content ease;
}
summary:hover {
	cursor: pointer;
}

/*デフォルトの三角を消す */
summary::-webkit-details-marker {
	display:none;
	color: #fff;	
}
summary::marker{
	display:none;
	color: #fff;	
}

/* 疑似要素で三角を付ける */
details summary .ttl-summary::before {
	display:inline-block; 
	width: 1em;
	height: 17px;
	content: ">" ;
	transition: 0.8s transform ease;
}

details[open] summary .ttl-summary::before {
	content: ">" ;

/** 擬似要素のCSS **/

/** 回転 CSS **/
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}

details details summary::after,
#aboutBody details summary::after{
	content: "> \8A73\3057\304F\8AAD\3080" ;
	display: block;
	margin: 1em 0;
	font-size: 79%;
}
details[open] details summary::after {
	display: block;
}
details[open] details[open] summary::after,
#aboutBody details[open] summary::after {
	content: "	\00D7 close" ;
}
.details-content {
	clear: both;
}
/* オープン時にアニメーションを設定 */
details[open] .details-content {
  animation: fadeIn 0.5s ease;
}
details details[open] .details-content {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
						@media (max-width: 768px) {
							summary {
							}
							details summary::after {
							}
						}


.typeA header {
	min-width: 1200px;
	height: 686px;
	margin-bottom: 120px;
	background-color:  #0f0d05;
}
.typeA header div#areaLogo{
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.typeA header div#areaLogo img{
	width: 315px;
	margin: 0 auto;
	margin-top: 232px;
	margin-right: 16px;
}
.typeA header div#areaLogo.logoL img{
    width: 420px;
    margin-top: 156px;
    margin-right: 29px;
}
.typeA header div#areaLogo.logoLL img{
	width: 547px;
    margin-top: 122px;
    margin-right: 53px;
}
.typeB header {
	height: 89px;
	margin-bottom: 11px;
	background-color:  #0f0d05;
}
.typeB header div#areaLogo{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.typeB header div#areaLogo img{
	width: 6.58333%;
	margin: 0 auto;
	margin-top: 18px;
}



#slide div {
	width: 457px;
	float: right;
}
#pageCollab #slide div {
	width: 570px;
	float: none;
}
#pageCollab ._3of4 #slide div {
	width: 507px;
	float: none;
}


/** メインナビ関連 **/


#nav {
	width: 1200px;
	margin: 0 auto 130px;
}
#nav ul{
}
#nav ul li{
    height: 30px;
    padding: 0 50px;
    margin-left: 0;
    text-align: center;
    font-size: 115.4%;
    text-transform: capitalize;
    display: inline-block;
}
#nav ul li a,
#nav ul li a:visited{
	color: #000;
	padding: 10px;
}
#nav ul li.subLinks a{
    padding: 10px 3px;
}

#nav ul li a:hover,
#header-global-nav ul li a:hover{
	background-size: 6px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/icon_circle_yellow.png);
}
#nav ul li.active a,
#header-global-nav #nav ul li.active a,
#header-global-nav .inline li.active a{
	background-size: 6px;
	background-image: url(../images/icon_circle_yellow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#header-global-nav ul li > ul li a:hover {
		background-image: none;
		background-color: #e5da13 ;
}

#siteOnlineshop #nav {
	margin: 0 auto 46px;
	}

/*
#siteOnlineshop #nav ul{
	margin-left: -5%;
	}

#siteOnlineshop #nav ul li {
		width: 19%;
		margin-left: 1%;
}

#siteOnlineshop #nav ul li a,
#siteOnlineshop #nav ul li a:visited{
	width: auto;	
	color: #9b9b9b;
}
#siteOnlineshop #nav ul li.active a,
#siteOnlineshop #nav ul li.active a:visited {
	color: #000;
}
*/



#container {
	width: 1200px;
	margin: 0 auto 123px;
}
#container_footer {
	width: 1200px;
	margin: 0 auto;
}
#container_gobuy {
	margin-top: 1em;
}



/** タイトル関連 **/
.boxContents h1 {
	text-align: center;
	font-size: 130%;
	margin: 1em 0;
}
.pageSub .boxContents h1{
	font-size: 120%;
	margin: 1em 0;
}
.boxContents h1 span{
	display: block;
	margin-bottom: 0.3em;
	font-size: 170%;
	letter-spacing: 0.1em;
	font-weight: lighter;
	}
.boxContents h2 {
	width: 100%;
	margin-bottom: 3em;
	font-family: Palatino, "Palatino Linotype", "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
	font-size: 246%;
	text-align: center;
	line-height: 2.5em;
	color: #444443;
}
.boxContents h2 span{
	display: block;
	font-size: 60%;
}
.boxContents #product h2 {
	font-size: 200%;
}
.boxContents .sectionDialogue h2,
.collabKonyajin .boxContents h2 {
	font-size: 180%;
	line-height: 1.5em;
	color: #68a2b5;
	font-weight: bold;
	margin: 3em 0 2em;
}

.addCategoryHead {
	font-size: 80%;
	display: block;
	margin:-3em 0 1em;
}


	@media screen and (max-width: 700px){
		.boxContents h1 {
			text-align: center;
			font-size: 150%;
			margin: 1em 0;
		}
		.boxContents h2 {
			font-size: 200%;
			line-height: 1.1em;
		}
		.boxContents h2 span{
			line-height: 6em;
		}
		.boxContents .srh-header h2.ttl-h2 span{
			line-height: 0em;
		}
		.boxContents #product h2 {
			font-size: 146%;
		}
		.addCategoryHead {
			margin:0 0 1em;
		}

		.boxContents .sectionDialogue h2 {
			font-size: 146%;
			margin: 1em 0 2em;
		}
	}


/** サブナビ関連 **/

ul.navPic {
	width: 740px;
	margin: 0 auto 208px;
}
.sectionDialogue ul.navPic {
	margin: 0 auto 80px;
}

ul.navPic li:first-child {
}
ul.navPic li {
	width: 270px;
	float: left;
	margin: 0 50px 65px;
	font-size: 153.8%;
}
ul.navPic li p{
	margin-bottom: 28px;
	text-align: center
}
ul.navPic li p.descri {
	text-align: left;
	font-size: 11px;
	margin: 0.3em 0;	
}
ul.navPic li a:hover img{
	opacity: 0.7;
	}

	@media screen and (max-width: 700px){
		ul.navPic {
			width: 100%;
			margin: 0 auto;
		}		
		ul.navPic li {
		    width: 48%;
		    margin-left: 1%;
			margin-right: 1%;
			line-height: 1.2em;
			display: inline-block;
			font-size: 129.8%;
		}
		ul.navPic li:first-child {
		    margin-left: 1%;
		}
		ul.navPic li p {
			vertical-align: sub;
			margin-bottom:0;
			height: 3em;
		}
		ul.navPic li.li1Line p {
			margin-top: 0.5em;
			height: 2.5em;
			}
	}

#contact {
	text-align: center;
	margin: 72px auto;
}

#contact a{
	display: block;
	height: 25px;
	width: 5%;
	margin: 0 auto;
	text-indent: -9000px;
	background-image: url("../images/icon_mail.png");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}
#contact a:hover{
	background-image: url("../images/icon_mail_yellow.png");
}

#footer {
	color: #898989;
	text-align: center;
	margin: 72px 0 20px;
}


/***** NEWS *****/
#news {
	margin-bottom: 6em
}
#news .newsContents {
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid #e6e6e6;
}
#news .newsContents:last-child {
}

#news .scheContent {
	margin: 1em 0 1.6em;
	padding-bottom: 1.8em;
	border-bottom: 1px solid #e6e6e6;
}
#news .scheHeader {
	float: left;
	width: 32%;
}
#news .scheContent p{
	font-size: 107.7%;
	line-height: 1.8em;
    margin: 1em 0 0 0;
}
#news .scheContent p.scheDate{
	letter-spacing: 0.13em;
}
#news .scheContent p.scheTitle{
	margin: 1em 0 1em 0;
}
.scheTitle:before{
	display: inline-block;
	height: 1.8em;
	padding: 0.1em 0.4em 0em;
	margin: 0 1em 0 0;
	color: #fff;
	background-color: #b9b9b9;
	font-size: 85%;
	letter-spacing: 0.1em;
	border-radius: 2px;
	text-transform: uppercase;
	font-family: sans-serif;
}
.schePop .scheTitle:before {
	content: "pop-up";
}

.scheEvent .scheTitle:before {
	content: "event";
}
/**
.scheOnline .scheTitle:before {
	content: "web shop";
}
**/
.schePlace,
.scheDiscrp,
.scheDate {
    width: 68%;
    float: right;
}
.schePlace{
	font-size: 117.7%;
	margin-bottom: 0.6em;
}
.schePlace:before  {
	content: "[ place ] ";
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.scheDiscrp img {
	margin: 10px 0;
}

			@media screen and (max-width: 768px){
				#news {
					margin-top: 2em
				}
				#news h2 {
					margin-bottom:1em;
				}
				#news .scheHeader {
					float: none;
					width: 100%;
				}
				.scheDate {
					font-size: 80%;
				}
				#news .newsContents {
					margin: 1em auto;
					text-align: center;
					}
				#news .scheContent{
					padding-bottom: 2em;
				}
				#news .scheContent p{
					margin-bottom: 1.8em;
					font-size: 115.4%;
				}
				#news .scheContent p.scheTitle{
					text-align: center;
					font-size: 150%;
					margin: 1.5em 0 1.3em;
					line-height: 1.24em;
				}
				.schePop .scheTitle:before{
					font-size: 80%;
					height: auto;
					padding: 0em 0.4em 0.1em;
				}
				.scheDiscrp,
				.scheDate {
				    width: 100%;
				    float: none;
				}
				#news p.scheDiscrp {
					font-size: 100%;
				}
				#news .scheContent p.scheDate{
					text-align: center;
					margin: 1.7em 0 1.2em;
				}
				#news .scheContent p.schePlace{
				    width: 100%;
				    float: none;
				    line-height: 1.5em;
				}
			}




/***** NEWS *****/




.boxText {
	width: 65.33333%;
	float: left;
	padding: 0;
}
#pageMessage .boxText div.message p{
	margin: -1.464em 0 6.93em 40.2%;
	font-size: 107.7%;
	letter-spacing: 0.02em;
	line-height: 3.9285em;
}
.boxPhoto {
	width: 34.66666%;
	float: left;
	margin-top: 80px;
}

.boxPhoto img{
	width: 63.5%;
	margin-bottom: 160px;
}



	@media screen and (max-width: 768px){
		.typeA header {
			min-width: 100%;
			float: none;
			height: auto;
			margin-bottom: 0;
		}


		#index header div#areaLogo{
			height: 627px;
		}


		.typeA header div#areaLogo,
		.typeB header div#areaLogo {
			width: 100%;
		}
		.typeA header div#areaLogo img {
			width: 190px;
			margin: 0 auto;
			margin-top: 230px;
		}
		.typeB header div#areaLogo img {
			width: 64px;
			margin: 0 auto;
			margin-top: 14px;
		}
		.typeB header {
			margin-bottom: 0;
			height: 71px;
		}
		#slide {
			margin-bottom: 0;
			}
		#slide div,
		#pageCollab #slide div,
		#pageCollab ._3of4 #slide div {
			height: auto;
			width: 100%;
			float: none;
		}
		#nav {
			width: 100%;
			margin-bottom: 20px;
			text-align: center;
		}
		#siteOnlineshop #nav{
			margin: 0 auto 0px;
		}
		#nav ul,
		#siteOnlineshop #nav ul{
			margin: 0 auto;
		}
		#nav ul li,
		#siteOnlineshop #nav ul li{
		   /** width: 20%; **/
			height: 30px;
			padding: 10px 0;	
		    margin: 0;
			font-size: 92.4%;
		}
		#nav ul li.PC {
			display: none;
		}
		#nav ul li a,
		#nav ul li a:visited{
			width: auto;
		}
		#nav ul li.noLink {
			padding: 20px 0 0;
		}
		#container {
			width: 100%;
		}
	}



/** バナー関連 **/

img.bannerCollab {
	margin: 100px 0 150px;
}

/*
 * banner
 */
.banners {
	margin: 0 auto 50px;
	width: 70%;
}
.banners img {
	float: left;
}
.banners img.single {
	width: 70%;
	margin: 0 15% 10px;
	float: none;
}

.banners img.double {
	width: 45%;
	margin: 0 2.5% 10px;
}

.banners img.main {
	width: 55%;
	margin-right: 6%;
	margin-bottom: 0;
}
.banners img.sub01 {
	width: 254px;
	margin: 0 0 17px 15px;
}
.banners img.sub02 {
	width: 523px;
	margin: 0 0 1px 15px;
}
						@media (max-width: 768px) {
							.banners {
								margin: 0 5% 2em;
								width: 90%;
							}
							.banners img {
								float: none;
							}
							.banners img.single,
							.banners img.double,
							.banners img.main,
							.banners img.sub01,
							.banners img.sub02 {
								width: 100%;
								margin: 0 0 20px 0;
							}
						}

				
	
/** インスタグラム **/
#showInstagram,
.photos {
	clear: both;
	margin:0 0 140px -60px;
	font-family: sans-serif;
}
#showInstagram a,
.photos div {
	display: block;
	float: left;
	width: 255px;
	height: 255px;
	margin: 0 0 60px 60px;
}
#showInstagram a:hover img{
	opacity: 0.5;
}
#showInstagram a:hover{
	background-color: #e5da13;
}
#showInstagram img,
.photos div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photos div.zoom-img-wrap img{
	width: auto;
	height: auto;
	object-fit:contain;
}

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

		#showInstagram,
		.photos {
			width: 375px;
			margin:0 auto;
		}
		#showInstagram a,
		.photos div {
			display: block;
			float: left;
			width: 157px;
			height: 157px;
			overflow: hidden;
			margin: 0 10px 28px;
		}
.photos div.zoom-img-wrap img{
	width: auto;
	height: auto;
	object-fit:contain;
}
		.zoom-overlay-open .photos div {
			overflow: visible;
		}
		#showInstagram img{
		}
	}


/** インスタグラム **/

/** コラボ **/
.collabSet{
	padding-bottom: 60px;
	}
.collabTitle {
	width: 47%;
	margin-left: 5.5%;
	float: right;
}
.sectionDialogue .cllabText,
.sectionDialogue .collabTitle{
	width: 94.5%;
	float: none;
	margin: 0.8em 0;
}
.collabInfo {
	width: 47%;
	margin-left: 5.5%;
	float: right;
}
#product .collabInfo {
	width: 90%;
	margin-left: 10%;
	float: none;
}
.sectionDialogue .collabInfo {
	width: 90%;
	margin-left: 10%;
	float: none;
}


.collabPhoto {
	width: 47.5%;
	float: left;
}
.sectionDialogue .collabPhoto {
	width: 47.5%;
	float: none;
}
.collbPhotoSub {
	clear: both;
	text-align: center;
	padding: 40px 0 66px;	
}
.collbPhotoSub img {
	width: 47.5%;
}
.collabTitle h3,
.pageKonyajin .collabTitle h5 {
	font-size: 211.53%;
	margin-bottom: 8px;
	padding: 0;
}
.collabTitle h3 span,
.pageKonyajin .collabTitle h5 span{
	font-size: 65.45%;
	display: block;
}
.addInfo {
	font-size: 100%;
	margin-bottom: 8px;

}
.collabInfo ul{
	margin: 0;
}
.collabInfo ul li,
.flow ul li {
	display: inline-block;
	padding-left: 13px;
	margin-right: 20px;
	font-size: 92.3%;
	font-family: Palatino, "Palatino Linotype", "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
	background-image: url(../images/icon_triangle_yellow.png);
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: 0 5px;
}
.flow ul li.liExternal {
	background: none;
	border-bottom: 2px solid #e5da13;
	padding: 10px 10px;
}
.collabInfo ul li a,
.flow ul li a{
	color: #000;
}
.collabInfo ul li a:hover,
.flow ul li a:hover {
	color: #e5da13;
	text-decoration: none;
}

.collabInfo .profileBegin{
	width: 50%;
	margin-top: 75px;
	padding-bottom: 37px;
	border-bottom: 1px solid #898988;
}
.collabInfo p{
	letter-spacing: normal;
	line-height: 2.46em;
	margin-bottom: 1.77em;

}
.collabInfo p.paraFirst{
	margin-top: 37px;
}
.cllabText p{
/**	margin-left: 1%; **/
}

.section._3of4 .collabSet{
	width: 89%;
	margin-left: 11%;
}

.section._3of4 .photos{
	width: 94%;
	margin-left: 6%;
}
				@media screen and (max-width: 700px){
					.collabTitle,
					.collabSet .flow,
					.cllabText{
						width: 96%;
						margin-left: 2%;
						float: none;
					}
					.collabTitle,
					.collabInfo,
					.collabPhoto,
					.collbPhotoSub {
						width: 96%;
						margin-left: 2%;
						float: none;
						padding: 0 0 0;	
					}
					.photos{
						padding-bottom: 200px;
					}
					.collbPhotoSub {
						margin-bottom: 100px;
					}
					.collbPhotoSub img{
						width: 100%;
					}
					.section._3of4 .collabSet{
						width: 100%;
						margin-left: 0;
					}
					.collabTitle h3,
					.pageKonyajin .collabTitle h5,
					.addInfo {
						text-align: center;
					}
					.collabTitle h3 span,
					.pageKonyajin .collabTitle h5 span{
					}
					.collabInfo .profileBegin{
						width: 100%;
						margin-top: 45px;
					}
					.section._3of4 .photos{
						width: 375px;
					    margin: 0 auto;
					    }
					#product .collabInfo {
						width: 96%;
						margin-left: 2%;
					}
					.sectionDialogue .collabSet{
						padding-bottom: 0;
					}
					.sectionDialogue .collabInfo {
						width: 96%;
						margin-left: 2%;
						}
					.sectionDialogue .collabPhoto {
						width: 98%;
						margin-left: 0px;
						float: none;
					}
					
				}

/** コラボ **/
.collabInfo ul li.st-open {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
    background: none;
    width: 100%;
    }
.st-open a{
	display: none;
}


/**************************************** コラボ：紺屋仁 **/

.pageKonyajin .section {
	margin-bottom: 80px;
}
.pageKonyajin .collabInfo h3 {
	margin:0 0 2em 0;
	padding:0.2em 0 0.2em 2em;
	line-height: 1em;	
	font-size: 100%;
	border-left: 1px solid #000;
}
.pageKonyajin h4 {
	margin-bottom: 1em;
	font-size: 153.8%;
	color: #68a2b5;
	line-height: 1.9em;
}
				@media screen and (max-width: 700px){

					.pageKonyajin .section {
						margin-bottom: 3em;
					}
				}


/**************************************** オンラインショップ**/
.sep3 {
	width: 100%;
	margin: 4em 0 2em -2%;
}
.sep3 img {
	float: left;
	width: 30%;
	margin-left: 3.3%;
}

.sep3 p {
	clear: both;
	margin:2em 0 1em  3.3%;
}

/**************************************** コラボ：紺屋仁 ：オンラインショップ側**/

.boxContents #product p.lead {
	margin: 3em 0 1.5em;
	font-size: 136%;
}
.boxContents #product p.lead span {
	display: block;
	margin: 2em 6em;
	letter-spacing: 0.12em;
}

.sectionColor {
	margin: 4em 0; 
}
details:first-child {
	border-top: 1px solid #68a2b5;
}
details {
	border-bottom: 1px solid #68a2b5;
}
.details-content p:first-child {
	margin-top: 5em;
}
details details:first-child {
	border-top: none;
}

details details {
	border-bottom: none;
	margin: 1em 0;
}

details details summary {
	font-size: 120%;
}
details details p,
#aboutBody details p{
	margin: 1em 0;
}
.listDescri {
	margin: 2em 0 0;
}

.listDescri details{
	text-align: center;
}
#aboutBody summary{
	text-align: center;
	margin: 0 5%;
	border: none;
                                                                                                                         }
#aboutBody details{
	margin: 0 5%;
	border: none;                                                                                                                         }
#aboutBody h5 {
	font-weight: bold;
}
#aboutBody details li {
	margin: 1em;
}


.listDescri details details{
	margin: 0;
}

.ttl-summary {
	width: 99%;
	float: left;
	margin: 1em 0;
}
.colorSample {
	margin-right: 40px;
}
#product .sectionColor {
	margin-left: 10%;
	margin-bottom: 90px;
}
#product .sectionColor h3 {
	width: 100%;
	text-align: center;
	margin-bottom: 23px;
}
#product .sectionColor h3 span{
	color: #e5da13;
}
#product .colorSample{
/**	width: 150px;
	height: 150px;
**/
}
.sectionColor .colorSample{
	width: 30%;
	height: auto;
	margin: 0 auto 1.2em;
	margin-bottom: 1.2em;
}
.boxContents .infoGeneral h3{
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	font-size: 180%;
	border-bottom: 1px solid #c5c5c5;
}

.boxContents .infoGeneral{
	width: 50%;
	margin-left: 25%;

}
.boxContents .infoGeneral .section{
	margin-bottom: 5em;
}

.descriTitle {
	text-align: center;
	margin: -1em 0 2em;
	font-size: 123%;
}
.sizeModel ul li{
	width: 46%;
	float: left;
	margin: 0 2% 20px;	
}
.sizeModel ul li span{
	width: 4em;
	display: inline-block;
}
.sizeModel img {
	margin-bottom: 0.6em;
}
.sizeModelSize {
	text-align: center;
	font-size: 200%;
}
.sectionDialogue p.caution {
	text-decoration: underline;
	margin-bottom: 4em;
	font-size: 100%;
}
.delivery {
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
}

				@media (max-width: 768px){
					.boxContents #product p.lead {
						margin-bottom: 3em;
						font-size: 110%;
					}	
					.boxContents #product p.lead span {
						margin: 3em 0;
						font-size: 107%;
					}
					.boxContents #product p.lead span.jp {
						letter-spacing: normal;
					}
					.boxContents #product .sectionColor p.lead {
						text-align: center;
					}

					#product .sectionColor {
						margin-left: 0;
					}
					#product .sectionColor h3 span{
						display: block;
						margin-bottom: 0.5em;
					}
					.sectionColor .colorSample{
						width: 70%;
						margin-left: 15%;
						}
					.sectionColor .colorSample img{
						}

					.colorSample {
						float: none;
						margin-right: 0;
					}
					
					#product .colorSample{
						width: 80%;
						height: auto;
						margin-left: 10%;
						text-align: center;
					}
					#product .sectionColor h3 {
						float: none;
						width: auto;
						text-align: left;
						margin-bottom: 23px;
						margin-left: 2%;
					}
					#product .sectionColor p{
						margin-left: 2%;
					}
					.boxContents .infoGeneral{
						width: 100%;
						margin-left: 0;
					
					}
					.boxContents .infoGeneral table{
						width: 100%;
						margin: 2em 0 0.5em 0;
					}
					.sizes, .material {
						float: none !important;
					}
					.ttl-summary {
						width: 97%;
					}
				}
					




/** 対談 **/
img.imagePageHeader{
	width: 40%;
	margin-left: 30%;
}
.pageSub img.imagePageHeader{
	width: 45%;
	margin-left: 27.5%;
}
.sectionDialogue {
	width: 62%;
	margin-left: 19%;
}
#product .sectionDialogue {
	width: 80%;
	margin-left: 10%;
}
.sectionDialogue .intro{
	padding: 1em 0.5em 1em 1em;
	margin: 1em 0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
.sectionDialogue .intro p{
	font-size: 100%;
}
.sectionDialogue p {
	margin: 0.8em 10%;
	font-size: 115%;
	line-height: 1.9em;
}
.pageKonyajin .sectionDialogue p {
	margin: 0.8em 0;
}
.pageKonyajin .sectionDialogue .product-order-exp p {
	margin: 1.5em 0;
}

p.speakerA,
p.speakerM, 
p.speakerJ,
p.speakerMC,
p.speakerALL {
	margin-top: 3em;
}
p.speakerA span,
p.speakerM span, 
p.speakerJ span,
p.speakerALL span {
	font-weight: bold;
}
p.speakerMC span {
	font-family: sans-serif!important;
	letter-spacing:-0.2em;
	margin-right:.5em;
}
.sectionDialogue .memo {
    background-color: #dde9ef;
    padding: 2em;
    margin: 30px 20% 100px;
}
.sectionDialogue .memo p {
	font-size: 100%;
}
.sectionDialogue .announce {
	width: 50%;
	margin: 1em auto;
	padding: 1em;
	background-color: #eff4f6;
	line-height: 2em;
}
.sectionDialogue .announce a{
	color: #000;
	text-decoration: underline;
}

.insertPhoto {
	width: 26%;
	margin-left: 37%;
	margin-bottom: 30px;
}
.bridge {
	border: 1px solid #68a2b5;
	padding: 1em;
	margin: 1em;
}
.bridge a{
		display: block;
		color: inherit;
	}
.bridge span{
	display: block;
	text-align: center;
	margin-bottom: 1em;
	font-size: 130%;
}
.conclusion {
	text-align: center;
	font-style: italic;
	font-size: 130%;
	color: #68a2b5;
	margin: 3em 0;
	letter-spacing: 0.1em;
}

				@media (max-width: 768px){
					.sectionDialogue {
						width: 92%;
						margin-left: 4%;
					}
					.sectionDialogue p {
						margin: 0.9em 0;
						line-height: 1.8em;
					}
					#product .sectionDialogue {
						width: 98%;
						margin-left: 2%;
					}
					.sectionDialogue .product-order-exp {
						margin: 0 0 0px;
					}
					.boxContents #product .sectionDialogue h2 {
						margin-left: 0;
					}
					p.speakerA,
					p.speakerM, 
					p.speakerJ,
					p.speakerMC,
					p.speakerALL {
						margin-top: 2.2em;
					}
					img.imagePageHeader{
						width: 70%;
						margin-left: 15%;
					}
					.sectionDialogue .memo {
					    margin: 30px 10% 100px;
					}
					.insertPhoto {
						width: 60%;
						margin-left: 20%;
						margin-bottom: 40px;
					}
					.sectionDialogue .announce {
						width: auto;
					}
				}

/** リンク誘導 **/
.flow {
	text-align: center;
	margin: 2em 0;
}
.flow .announce {
	border: 1px solid #d7d7d7 ;
	width: calc(70% - 2px);
	margin-left:15%; 
	padding: 1em 0em;
	font-size: 14px;
	line-height: 1.8em;
}
.flow .announce strong {
	font-weight: bold;
}
.flow .announce_mailmagazine {
	font-size: 12px;
}

.product-order-exp .flow {
	margin-top: 2em;
	}
.product-order-exp .flow ul li {
	margin-top: 2em;
	}

.flow dl {
	font-size: 84.6%;
	width: 350px;
	margin: 1em auto;
	padding: 1em 0;
	border-top: 1px solid gray;
	text-align: left;
}
.flow dt {
	clear: both;
	float: left;
	width: 8em;
	margin-right: 20px;
	padding-left: 1.5em;
}
.flow dd {
}

.linkInsert {
    display: inline-block;
    text-align: center;
    padding-left: 13px;
    margin: 0px auto;
    font-size: 92.3%;
    font-family: Palatino, "Palatino Linotype", "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
    background-image: url(../images/icon_triangle_yellow.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 0 5px;
}
.linkInsert a{
	color: #000;
}


/** ページネイション： shopと合わせる **/

.prd-lst-pager {
    width: 50%;
    float: left;
}
.pageSub .prd-lst-pager {
    padding: 20px 0 20px;
}
.prd-lst-pager.header-pager {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 2em;
    padding: 0px 0 20px;
}
.prd-lst-pager.footer-pager {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 4em;
    padding: 44px 0 20px;
}
.prd-lst-pager p{
	margin-bottom: 1em;
}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none;
}
.inline li {
    position: relative;
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    *display: inline;
    *zoom: 1;
}
.prd-lst-pager .inline li {
		padding: 0 2.4%;
		font-size: 115%;
		margin: 0 2%;
}
.prd-lst-pager .inline li.current {
    color: #ded97b;
		padding: 0 3.4%;
}

.prd-lst-pager .inline li a {
	color: #444;
	display: block;
	padding: 2%;
}

.inline li a {
    transition: 0.5s;
}
.inline li span.none {
	color: #c5c5c5;
}
				@media (max-width: 768px){
					.collabInfo ul li,
					.flow ul li {
						display: flex;
						margin-bottom: 1em;
					
									}
				}

				.product-order-exp .collabInfo ul li,
				.product-order-exp .flow ul li {
						display: inline-block;
						margin-bottom: 1em;
					
				}

				.prd-lst-pager, .prd-lst-sort {
				    width: 48%;
				    float: left;
				    margin: 0;
				    padding: 2em 1% 1em;
				    font-size: 13px;
				}


/** アコーディオン **/

#index #page-top {
	display: none;
}

#footer #page-top a,
#footer #page-top a:visited,
#footer #page-top a:link {
	color: #e5da13;
	background-color: #fff;
	padding: 6px;
}
#page-top {
    font-size: 0;
    position: fixed;
    bottom: 6px;
    right: 16px;
    opacity: 0;
}
#page-top.fade-in {
    font-size: 45px;
    opacity: 0.6;
    transition: opacity 1s;
}



.reference {
	width: 80%;
	margin-left: 10%;
	margin-top: 3em;
	font-size: 130%;
}


blockquote{
    position:relative;
    padding:10px;
}
blockquote:before{
    position:absolute;
    color:#A4D3DD;
    content:'"';
    line-height:1;
    text-align:center;
    top:-20px;
    left:-10px;
    padding:10px;
    font-size:400%;
}
blockquote:after{
    position:absolute;
    right:-10px;
    bottom:-20px;
    padding:10px;
    color:#A4D3DD;
    content:'"';
    line-height:1;
    text-align:center;
    font-size:400%;
}
blockquote cite {
    display: block;
    padding-right:30px;
    font-size: 0.8rem;
    text-align: right;
    color: #808080;
}

				@media (max-width: 768px){
					.reference {
						width: 85%;
						margin-left: 5%;
					}
}


/*********** コンテンツ関連 ****************/
.widthNormal {
	width: 600px;
	margin: 0 auto 100px;
}
.divided_01{
	width: 40%;
	float: left;
	margin-right: 5%;
}
.divided_02{
	width: 55%;
	float: right;
}
.boxContents #profile h2{
	font-size: 107.7%;
	margin: -9px 0 5px 0;
	text-align: left;
}
#profile p{
	line-height: 2em;
	font-size: 92.3%;
}
			@media screen and (max-width: 768px){
		
				.boxText {
					width: 100%;
					float: none;
					padding: 0;
				}
				.boxText img{
					width: 225px;
					margin: 0 0 7.93em 20%;
				}
				#pageMessage .boxText div.message p{
					margin: -1.464em 0 6.93em 5%;
				}
				.boxPhoto {
					width: 100%;
					float: none;
					padding: 0;
				}
				.boxPhoto img{
					width: 60%;
					margin: 0 20% 30px;
					}
				#profile{
					margin: 96px 0 96px 20%;
				}
		
			}