@charset "utf-8";
/* CSS Document */

#concept,#collection,#shoplist,#Tmall_link {
	max-width: 1000px;
	display:block;
	margin: auto;
	padding: 2em 0 4em 0;
}

h2 {
	color: #FF3399;
	font-family: 'Capriola', sans-serif;
	font-size: 1.5em;
	display: flex;
	align-items: center;
	margin-top: 2em;
}
h2:before, h2:after {
	content: "";
	flex-grow: 1;
	border-top: 2px dotted #FF3399;
	display: block;
	margin:0 .9em;
}

/* LINK */
#link_area {
	max-width: 1000px;
	display:block;
	margin: auto;
	padding: 5.5em 0 3.5em 0;
}
.link_inner {
	padding: 0 2em;
	text-align: center;
	display: flex;
}	
.link_1, .link_2, .link_3 {
	width: 30%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0.5em;	
}
.linkicon {
	width: 5em;
	display:block;
	margin: auto;
}
h3.link {
	color: #ff7abd;
	font-family: 'Capriola', sans-serif;
	font-size: 1em;
	padding:1em 0;
}
#link_area p {
	color: #515151;
	font-size: 0.8em;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
 	
/* コンセプト */
.concept_inner {
	padding: 0 2em;
	margin-top: 5em;
	background: url(../images/Parts/concept_img25win.png) no-repeat center right;
}
.concept_inner p {
	margin: 1.5em;
	line-height: 2;
	font-size: 0.8em;
	text-align: left;
	color: #FF3399;
}
span.bkcoler {
	/*background-color:#FFF;*/
	background-color: rgba( 255,255,255,0.5 );
}
p.sizeL {
	font-size: 1.2em;
}
/* コレクション */
.swiper-wrapper {
	margin-top: 2em;
}

/* ショップリスト */
.shop-inner {
	margin: 0 auto;
	text-align: left;
	padding: 0 3em;
}
.area {
	color: #ff81bf;
	margin-top: 3.5em;
}
.shop {
	color: #FF3399;
	font-size: 0.9em;
}
.shop li {
	margin: 1em 0;
}
.shop li a {
	color: #66d0ec;
}
.shop li:last-child {
	margin-bottom: 5em;
}
.shop_name {

}
span.address {
	margin: 0 1em;
}

/* ショップリスト準備中 
.shop-inner {
	display: block;
	margin: auto;
	text-align: center;
	padding: 0 3em;
}
.coming_soon {
	max-width: 850px;
	margin-top: 5em;
}*/
/* モデルちゃんプロフィールページ */
.m_profile {
	max-width: 1280px;
	display:block;
	margin: auto;
}
.m_profile img {
	margin-top: 3em;
}
.m_profile_sp {
	display: none;
}
/* MAFFYプロフィールページ */
.maffy_profile {
	max-width: 950px;
	display:block;
	margin: auto;
}
.maffy_profile img {
	margin-top: 1.5em;
}

/* Tmallリンク */
#Tmall_link {
	max-width: 600px;
	display:block;
	margin: auto;
	padding: 0 2em;
}
.Tmall_banner img {
	margin-top: -5em;
	
}

@media screen and (max-width:480px){
.m_profile  {
	display: none;
}
.m_profile_sp {
	display: block;
	 max-width: 100%;
	 margin: 0 auto;
}
.m_profile_sp img {
	margin-top: 1.5em;
}
}

@media screen and (max-width: 800px) {
br.kaijo {
    display: none;
}
#link_area {
	max-width: 800px;
}
.link_inner {
	padding: 0 2em;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.link_1, .link_2, .link_3 {
	width: 85%;
	text-align: left;
	padding: 1.5em 0;
}
.linkicon {
	width: 5em;
	float: left;
	padding: 0 1.5em 2em 0;
}
h3.link {
	margin-top: -1em;
}
.link p {
	clear:both;
}
}

@media screen and (max-width: 700px) {
.concept_inner {
	background-image: none;	
}
.br::before {
			content: "\A" ;
			white-space: pre ;
}
.shop li {
	margin: 0;
}
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される 
    body {
        background-color:#F9DF2C;
    }*/
.shop {
	font-size: 0.8em;		
}
.shop li {
	margin: 0;
}
.link_inner {
	padding: 0 1.5em;
}
.link_1, .link_2, .link_3 {
	width: 90%;
	text-align: left;
	padding: 0 1em 1.5em 0;
}
#link_area p{
	font-size: 0.7em;
}
}

@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される 
    body {
        background-color: #68B876;
    }*/
.shop {
	font-size: 0.8em;		
}
.link_inner {
	padding: 0;
	margin: 0;
}
.linkicon {
	width: 4.5em;
	float: left;
	padding: 0 1em 2em 0;
}
.link_1, .link_2, .link_3 {
	width: 98%;
	text-align: left;
	padding-bottom: 1.5em;
}
}