/* Content */
#main-top {
	width:100%;
	height: 50vh;
	/* position:relative; */
	padding: 0 20px;
	box-sizing:border-box;
	margin-bottom: 40px;
}
#main-top .image{
	position:absolute;
	top:0;
	right: 2%;
	left: 2%;
	width: 96%;
	height:100%;
	/* margin: 0 5%; */
	background: url(../img/item_top.jpg) no-repeat center;
	background-size:cover;
	margin-bottom: 20px;
}
#main-top .main-text{
	background: #050126;
	padding:70px;
	position:absolute;
	left: calc(20% - 50px);
	left: -webkit-calc(20% - 50px);
	top:50%;
	transform:translate(-50%,-50%);
	z-index:5;
	text-align:center;
}
#main-top .main-text h2{
	font-family: 'Abel', sans-serif;
	font-size:2.1em;
	letter-spacing:0.4em;
	margin-left:0.4em;
}
#main-top .main-text h3{
	color:#777;
	font-weight:normal;
	font-family: "Century Gothic",'Abel', sans-serif;
}

#contents{
	width:100%;
}
#cnt-copy1{
	width:100%;
	background: linear-gradient(to top,#dee2e2 50%, rgba(247, 246, 244, 1) 50%);
	position:relative;
}
#cnt-copy1 .text-box{
	max-width:1280px;
	margin:100px auto 0;
	box-sizing:border-box;
	background:#fff;
	padding:100px 120px;
	color: #000;
}
#cnt-copy1 .text-box h2{
	font-size:2.2em;
	color:#333;
	opacity:0.9;
	font-weight:normal;
	line-height: 1.3em;
}
#cnt-copy1 .text-box p{
	margin-top:50px;
}
#cnt-item-box{
	background:#dee2e2;
	display: grid;
	padding:50px 0 100px;
}
#cnt-item-box .cnt-item{
	max-width:1280px;
	width:100%;
	height:500px;
	margin:50px auto 0;
	padding:50px;
	box-sizing:border-box;
	background:#fff;
	display:flex;
	position:relative;
}



#cnt-item-box .cnt-item .text-box{
	width: 50%;
	order: 2;
	box-sizing:border-box;
	padding: 10px;
}
#cnt-item-box .cnt-item .text-box .text-box-in{
	top:50%;
	transform:translate(0,-50%);
	position:relative;
	
}
#cnt-item-box .cnt-item .text-box h2{
	font-family: 'Abel', sans-serif;
	font-family: "Century Gothic",'Abel', sans-serif;
	color: #333;
	opacity: 0.9;
	font-weight: 500;
	line-height: 1.3em;
	box-sizing: border-box;
	font-size:2em;
	letter-spacing: 0.1em;
}
#cnt-item-box .cnt-item .text-box h3{
	font-size:0.8em;
	letter-spacing:0.3em;
	font-weight:normal;
	color:#777;
	font-family: "Century Gothic",'Abel', sans-serif;
}
#cnt-item-box .cnt-item .text-box p{
	margin-top:30px;
	color: #000;
}


#cnt-item-box .cnt-item:nth-child(odd){ flex-direction: row; }   
#cnt-item-box .cnt-item:nth-child(even) { flex-direction: row-reverse; }

#cnt-item-box .cnt-item:nth-child(even) { flex-direction: row-reverse; }

#cnt-item-box .cnt-item .image-box:nth-child(odd){
	width:55%;
	padding-right:70px;
	padding-left:70px;
	box-sizing:border-box;
/* 	order: 1; */
}

#cnt-item-box .cnt-item .image-box:nth-child(even){
	/* width: 50%; */
	padding-left: 0;
	padding-right: 0;
	padding: 0 10px;
}



p.link a{
	position:relative;
    letter-spacing: .2em;
    padding: 15px 0;
    text-align: center;
    display: inline-block;
    font-size:1em;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
	overflow:hidden;
}
p.link a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	height:1px;
	background: #050126;
	width:100%;
	display:block;
	transition: width .4s cubic-bezier(.25,.1,.25,1);
}
p.link a svg.icn_new_window{
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:10px;
	fill:#333;
	transition: all ease 0.4s;
}
p.link a:hover{
	color:#777;
}
p.link a:hover:after{
	width:0;
	left:100%;
	transition:all .4s cubic-bezier(.25,.1,.25,1);
}
#cnt-item-box .cnt-item .image-box{
	/* width:55%; */
	/* padding-right:70px; */
	/* box-sizing:border-box; */
	padding: 0 30px;
	order: 1;
}





#cnt-item-box .cnt-item .bridal .image{
	width:100%;
	height:100%;
	background: url(../item01/img/item01_img_top.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item01 .image{
	width:100%;
	height:100%;
	background: url(../img/item01_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item02 .image{
	width:100%;
	height:100%;
	background: url(../img/item02_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item03 .image{
	width:100%;
	height:100%;
	background: url(../img/item03_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item04 .image{
	width:100%;
	height:100%;
	background: url(../img/item04_index.jpg) no-repeat top;
	background-size:cover;
}

@media screen and (max-width: 1580px) , (max-device-width : 1580px) {
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
}
@media screen and (max-width: 1380px) , (max-device-width : 1380px) {
	#cnt-copy1 .text-box {
	    width: calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
	}
}
@media screen and (max-width: 1280px) , (max-device-width : 1280px) {
	#main-top .image{
		/* width: 70%; */
	}
	#main-top .main-text{
		left: calc(30% - 50px);
		left: -webkit-calc(30% - 50px);
	}
}
@media screen and (max-width: 1100px) , (max-device-width : 1100px) {
	#main-top .image{
		/* width: 90%; */
	}
	#main-top .main-text{
		left: 0;
		transform:translate(0%,-50%);
	}
}
@media screen and (max-width: 1000px) , (max-device-width : 1000px) {
	#cnt-copy1 .text-box p br{
		display:none;
	}
}
@media screen and (max-width: 920px) , (max-device-width : 920px) {
	#cnt-item-box .cnt-item{
		display:block;
		height:auto;
	}
	#cnt-item-box .cnt-item .text-box{
		width:100%;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		top:0;
		padding: 0 20px;
		transform: translate(0,0);
	}
	#cnt-item-box .cnt-item .image-box{
		width:100%;
		height:400px;
		padding:0;
		margin-top:30px;
	}
}
@media screen and (max-width: 800px) , (max-device-width : 800px) {
	#main-top .image{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
	}
	#main-top .main-text{
		padding: 70px;
	}
	#cnt-copy1 .text-box{
		padding:80px;
	}
	#cnt-copy1 .text-box h2{
		font-size:2em;
	}
	#cnt-item-box .cnt-item .image-box{
		height:350px;
	}
}
@media screen and (max-width: 700px) , (max-device-width : 700px) {
	#main-top .main-text{
		padding: 50px;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
	#cnt-copy1 .text-box h2{
		font-size:1.7em;
	}
	#cnt-copy1 .text-box p{
		margin-top:30px;
	}
	#cnt-item-box .cnt-item .image-box{
		height:300px;
	}
}
@media screen and (max-width: 600px) , (max-device-width : 600px) {
	#main-top{
		height:100%;
		padding: 0 0;
	}
	#main-top .image{
		width: 100%;
		right: 0;
		height:370px;
		position: relative;
		left: 0;
	}
	#main-top .main-text{
		top: 0;
		transform: translate(0%);
		position: relative;
		padding: 40px;
		/* background: #eaeaea; */
	}
	#main-top .main-text h2{
		font-size: 1.7em;
	}
	#main-top .main-text h3{
		font-size:0.8em;
	}
	#cnt-copy1{
		margin: 40px auto 0;
	}
	#cnt-item-box{
		padding: 10px 0 40px;
		width:100%;
		box-sizing:border-box;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		padding: 40px 20px;
		box-sizing:border-box;
		margin: 40px auto 0;
		width: calc(100% - 40px);
    	width: -webkit-calc(100% - 40px);
	}
	#cnt-item-box .cnt-item{
		margin: 30px auto 0;
	}
	#cnt-copy1 .text-box h2{
		font-size:1.5em;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		padding:0;
	}
	#cnt-item-box .cnt-item .text-box h2{
		font-size:1.4em;
	}
	#cnt-item-box .cnt-item .text-box h3,
	#cnt-item-box .cnt-item .text-box p{
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#cnt-item-box .cnt-item .image-box {
		height: 250px;
	}
	p.link a{
		letter-spacing:0;
	}
	
}
@media screen and (max-width: 400px) , (max-device-width : 400px) {
	.link-style a{
		font-size:.8em;
		padding:20px;
	}
}


/* Content */
#main-top {
	width:100%;
	height: 50vh;
	max-height: 350px;
	position: relative;
	padding: 0 20px;
	box-sizing:border-box;
	margin-bottom: 0;
}
#main-top .image{
	position:absolute;
	top:0;
	right: 2%;
	left: 2%;
	width: 96%;
	height: 100%;
	/* margin: 0 5%; */
	background: url(../img/item_top.jpg) no-repeat center;
	background-size:cover;
	margin-bottom: 20px;
}

#main-top .image_01,
#main-top .image_02
{
	position:absolute;
	top:0;
	right: 2%;
	left: 2%;
	width: 96%;
	height: 100%;
	/* margin: 0 5%; */
/* 	background: url(../img//* i */tem_top.jpg) no-repeat center; */
	background-size:cover;
	margin-bottom: 20px;
}




#main-top .image_01{
	background: url(../img/about_color.jpg) no-repeat bottom;
}

#main-top .image_02{
	background: url(../img/about_kirakaracho.jpg) no-repeat center;
}




#main-top .main-text{
	background: #050126;
	padding: 50px 70px;
	position:absolute;
	left: calc(20% - 50px);
	left: -webkit-calc(20% - 50px);
	top: 50%;
	transform:translate(-50%,-50%);
	z-index:5;
	text-align:center;
}
#main-top .main-text h2{
	font-family: 'Abel', sans-serif;
	font-size:2.1em;
	letter-spacing:0.4em;
	margin-left:0.4em;
}
#main-top .main-text h3{
	color:#777;
	font-weight:normal;
	font-family: "Century Gothic",'Abel', sans-serif;
}

#contents{
	width:100%;
}



.pickup {
	position: relative;
	border: 1px solid #ddd;
	padding: 60px 40px 20px;
	border-radius: 0px;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}

.pickup__img {
	margin-top:10px;
}

.pickup__img img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.pickup__body {
	
}

.pickup__ttl {
	/* 	position: absolute;
	left: 1em;
	top: -1.5em;
	display: inline-block;
	border: 1px solid currentColor;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0.75em 1em 0.75em;
	border-radius: 0;
	background-color: #fff;
	font-size: 20px; */
	position: absolute;
	left: -1em;
	top: -1em;
	display: inline-block;
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	padding: 0.75em 1em 0.75em;
	border-radius: 0;
	background-color: #fff
	}

.pickup__txt {
	font-size: 16px;
}




.pickup {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 60px 40px 40px;
		margin: 50px auto 20px;
		background: #fff;
		color: #000;
	}
	
	.pickup__img {
		width: calc(33.333% - 20px);
		margin-bottom: 0;
	}
	
	.pickup__body {
		width: calc(66.666% - 20px);
		/* width: 100%; */
	}
	
	.pickup__body > *:last-child {
		margin-bottom: 0;
	}



.about_laquoh {
    background-color: #fff;
    max-width: 1200px;
    padding: 46px 100px 22px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin: 0 auto;
    color: #000;
}

.about_laquoh h2 {
    font-size: 21px;
    margin: 0;
}

@media screen and (max-width: 1100px) {
    .about_laquoh {
        padding: 30px 5vw 20px;
    }
}

@media screen and (max-width: 500px) {
    .about_laquoh {
        padding: 30px 8vw 20px;
    }
    .about_laquoh h2 {
        font-size: 21px;
    }
}

.laquoh_obj {
	font-size:18px;
    font-weight: 600;
    margin: 0;
}


.laquoh_obj span{
    font-weight: 500;
    font-size:0.9em;
    padding-left: 0.5em;
}


@media screen and (max-width: 1100px) {
    .laquoh_obj {
        right: 0;
        /* font-size: 80px; */
    }
}

@media only screen and (max-width: 767px) {
    .laquoh_obj {
        right: -12vw;
    }
}

.laquoh_item {
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dedede;
    -ms-flex-align: start;
    align-items: flex-start;
    align-items: stretch;
}

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

    .laquoh_obj {
        text-align:center;
    }

	
    .laquoh_item {
        padding: 30px 0;
        display: block;
        justify-content: center;
    }
}

.laquoh_item:last-of-type {
    border-bottom: 0;
}

.laquoh_item_title {
    width: 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.laquoh_item_title img {
    width: 90%;
	max-width:200px;
    /* padding: 5%; */
    /* border-radius: 50%; */
}

.laquoh_item_img {
    width: 22.5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_title {
        width: auto;
    }
}


@media screen and (max-width: 1100px) {
    .laquoh_item_title {
        justify-content: center;
    }
}



.laquoh_item_title_num {
    line-height: 1;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_title_num {
        font-size: 20px;
    }
}

.laquoh_item_title_text {
    margin-left: 5%;
    letter-spacing: .05em;
    font-size: 22px;
    font-weight: 700;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_title_text {
        margin-left: 2%;
        font-size: 18px;
    }
}

.laquoh_item_text {
    width: 55.5%;
    line-height: 2;
    letter-spacing: .1em;
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_text {
        width: auto;
        margin-top: 2%;
        font-size: 16px;
    }
}

.laquoh_item_title_text {
    margin-left: 5%;
    letter-spacing: .05em;
    font-size: 22px;
    font-weight: 700;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_title_text {
        margin-left: 2%;
        font-size: 18px;
    }
}

.laquoh_item_text {
    /* width: 51.5%; */
    line-height: 2;
    letter-spacing: .1em;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    color: #000;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_text {
        width: auto;
        margin-top: 2%;
        font-size: 16px;
    }
}

.laquoh_item_other {
    /* margin-left: 5%; */
    /* letter-spacing: .05em; */
    /* font-weight: 700; */
}

@media screen and (max-width: 1100px) {
    .laquoh_item_other {
        margin-left: 2%;
        width: auto;
        margin-top: 2%;
    }
}

.laquoh_item_other {
    width: 26%;
    line-height: 2;
    letter-spacing: .1em;
    font-size: 15px;
    font-weight: 400;
    background: #fff4f5;
    border-radius: 5px;
    padding: 10px;
}

@media screen and (max-width: 1100px) {
    .laquoh_item_other {
        width: auto;
        margin-top: 2%;
        font-size: 16px;
    }
}

.laquoh_item_other ul {}

.laquoh_item_other ul li {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    /* border: 1px solid #ddd; */
}

.laquoh_item_other ul li::before {
    content: "";
    /* padding-right: 5px; */
}






#cnt-copy1{
	width:100%;
	background: linear-gradient(to top,#dee2e2 50%, rgba(247, 246, 244, 1) 50%);
	position:relative;
}
#cnt-copy1 .text-box{
	max-width:1280px;
	margin:100px auto 0;
	box-sizing:border-box;
	background:#fff;
	padding:100px 120px;
	color: #000;
}
#cnt-copy1 .text-box h2{
	font-size:2.2em;
	color:#333;
	opacity:0.9;
	font-weight:normal;
	line-height: 1.3em;
}
#cnt-copy1 .text-box p{
	margin-top:50px;
}
#cnt-item-box{
	background: #fff;
	/* background: #fff; */
	display: grid;
	padding: 0px 0 100px;
}
#cnt-item-box .cnt-item{
	max-width:1280px;
	width:100%;
	height:500px;
	margin:50px auto 0;
	padding:50px;
	box-sizing:border-box;
	background:#fff;
	display:flex;
	position:relative;
}



#cnt-item-box .cnt-item .text-box{
	width: 50%;
	order: 2;
	box-sizing:border-box;
	padding: 10px;
}
#cnt-item-box .cnt-item .text-box .text-box-in{
	top:50%;
	transform:translate(0,-50%);
	position:relative;
	
}
#cnt-item-box .cnt-item .text-box h2{
	font-family: 'Abel', sans-serif;
	font-family: "Century Gothic",'Abel', sans-serif;
	color: #333;
	opacity: 0.9;
	font-weight: 500;
	line-height: 1.3em;
	box-sizing: border-box;
	font-size:2em;
	letter-spacing: 0.1em;
}
#cnt-item-box .cnt-item .text-box h3{
	font-size:0.8em;
	letter-spacing:0.3em;
	font-weight:normal;
	color:#777;
	font-family: "Century Gothic",'Abel', sans-serif;
}
#cnt-item-box .cnt-item .text-box p{
	margin-top:30px;
	color: #000;
}


#cnt-item-box .cnt-item:nth-child(odd){ flex-direction: row; }   
#cnt-item-box .cnt-item:nth-child(even) { flex-direction: row-reverse; }

#cnt-item-box .cnt-item:nth-child(even) { flex-direction: row-reverse; }

#cnt-item-box .cnt-item .image-box:nth-child(odd){
	width:55%;
	padding-right:70px;
	padding-left:70px;
	box-sizing:border-box;
/* 	order: 1; */
}

#cnt-item-box .cnt-item .image-box:nth-child(even){
	/* width: 50%; */
	padding-left: 0;
	padding-right: 0;
	padding: 0 10px;
}



p.link a{
	position:relative;
    letter-spacing: .2em;
    padding: 15px 0;
    text-align: center;
    display: inline-block;
    font-size:1em;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
	overflow:hidden;
}
p.link a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	height:1px;
	background: #050126;
	width:100%;
	display:block;
	transition: width .4s cubic-bezier(.25,.1,.25,1);
}
p.link a svg.icn_new_window{
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:10px;
	fill:#333;
	transition: all ease 0.4s;
}
p.link a:hover{
	color:#777;
}
p.link a:hover:after{
	width:0;
	left:100%;
	transition:all .4s cubic-bezier(.25,.1,.25,1);
}
#cnt-item-box .cnt-item .image-box{
	/* width:55%; */
	/* padding-right:70px; */
	/* box-sizing:border-box; */
	padding: 0 30px;
	order: 1;
}





#cnt-item-box .cnt-item .bridal .image{
	width:100%;
	height:100%;
	background: url(../item01/img/item01_img_top.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item01 .image{
	width:100%;
	height:100%;
	background: url(../img/item01_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item02 .image{
	width:100%;
	height:100%;
	background: url(../img/item02_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item03 .image{
	width:100%;
	height:100%;
	background: url(../img/item03_index.jpg) no-repeat top;
	background-size:cover;
}
#cnt-item-box .cnt-item .item04 .image{
	width:100%;
	height:100%;
	background: url(../img/item04_index.jpg) no-repeat top;
	background-size:cover;
}

@media screen and (max-width: 1580px) , (max-device-width : 1580px) {
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
}
@media screen and (max-width: 1380px) , (max-device-width : 1380px) {
	#cnt-copy1 .text-box {
	    width: calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
	}
}
@media screen and (max-width: 1280px) , (max-device-width : 1280px) {
	#main-top .image{
		/* width: 70%; */
	}
	#main-top .main-text{
		left: calc(30% - 50px);
		left: -webkit-calc(30% - 50px);
	}
}
@media screen and (max-width: 1100px) , (max-device-width : 1100px) {
	#main-top .image{
		/* width: 90%; */
	}
	#main-top .main-text{
		left: 0;
		transform:translate(0%,-50%);
	}
}
@media screen and (max-width: 1000px) , (max-device-width : 1000px) {
	#cnt-copy1 .text-box p br{
		display:none;
	}
}
@media screen and (max-width: 920px) , (max-device-width : 920px) {
	#cnt-item-box .cnt-item{
		display:block;
		height:auto;
	}
	#cnt-item-box .cnt-item .text-box{
		width:100%;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		top:0;
		padding: 0 20px;
		transform: translate(0,0);
	}
	#cnt-item-box .cnt-item .image-box{
		width:100%;
		height:400px;
		padding:0;
		margin-top:30px;
	}
}
@media screen and (max-width: 800px) , (max-device-width : 800px) {
	#main-top .image{
		width:calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
	}
	#main-top .main-text{
		padding: 70px;
	}
	#cnt-copy1 .text-box{
		padding:80px;
	}
	#cnt-copy1 .text-box h2{
		font-size:2em;
	}
	#cnt-item-box .cnt-item .image-box{
		height:350px;
	}
}
@media screen and (max-width: 700px) , (max-device-width : 700px) {
	#main-top .main-text{
		padding: 50px;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
	#cnt-copy1 .text-box h2{
		font-size:1.7em;
	}
	#cnt-copy1 .text-box p{
		margin-top:30px;
	}
	#cnt-item-box .cnt-item .image-box{
		height:300px;
	}
}
@media screen and (max-width: 600px) , (max-device-width : 600px) {
	#main-top{
		height:100%;
		padding: 0 0;
	}
	#main-top .image{
		width: 100%;
		right: 0;
		height: 250px;
		position: relative;
		left: 0;
	}


	#main-top .image_01,
	#main-top .image_02
	{
		width: 100%;
		right: 0;
		height: 250px;
		position: relative;
		left: 0;
	}
	


	
	#main-top .main-text{
		top: 0;
		transform: translate(0%);
		position: relative;
		padding: 40px;
		/* background: #eaeaea; */
	}
	#main-top .main-text h2{
		font-size: 1.7em;
	}
	#main-top .main-text h3{
		font-size:0.8em;
	}
	#cnt-copy1{
		margin: 40px auto 0;
	}
	#cnt-item-box{
		padding: 10px 0 40px;
		width:100%;
		box-sizing:border-box;
	}
	#cnt-copy1 .text-box,
	#cnt-item-box .cnt-item{
		padding: 40px 20px;
		box-sizing:border-box;
		margin: 40px auto 0;
		width: calc(100% - 40px);
    	width: -webkit-calc(100% - 40px);
	}
	#cnt-item-box .cnt-item{
		margin: 30px auto 0;
	}
	#cnt-copy1 .text-box h2{
		font-size:1.5em;
	}
	#cnt-item-box .cnt-item .text-box .text-box-in{
		padding:0;
	}
	#cnt-item-box .cnt-item .text-box h2{
		font-size:1.4em;
	}
	#cnt-item-box .cnt-item .text-box h3,
	#cnt-item-box .cnt-item .text-box p{
		text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#cnt-item-box .cnt-item .image-box {
		height: 250px;
	}
	p.link a{
		letter-spacing:0;
	}
	
}
@media screen and (max-width: 400px) , (max-device-width : 400px) {
	.link-style a{
		font-size:.8em;
		padding:20px;
	}
}


/* -----------------------------------------------------
   
   #shoplist
   
   ----------------------------------------------------- */

   #shoplist { margin: 0 auto; padding: 0; max-width: 1600px; }

   /* ----------------------------------------------------------
	  
	  #shoplistWrapper
	  
	  ---------------------------------------------------------- */
   
   #shoplistWrapper {margin: 60px auto 0;padding: 0 7.5%;background: #fff;}
   #shoplistWrapper img.border {border:#eee 1px solid;padding: 1%;}
   
   /* ----- ul.shoplist ----- */  
   ul.shoplist {list-style: none;margin: -60px -3% 0;padding: 0;font-size: 0;text-align: left;color: #000;}
   ul.shoplist li {display: inline-block; *display: inline; *zoom: 1;width: 29.33%;margin: 60px 2% 0;}
   ul.shoplist li .shoplistBox { }
   ul.shoplist li .shoplistBox h3.shopName {font-size: 15px;font-weight: 500;font-style: normal;letter-spacing: .1em;line-height: 1.8;text-align:center;}
   ul.shoplist li .shoplistBox h3.shopName span.small { display:block; font-size:14px; line-height:1.2; }
   
   /* ----- .shoplist-box ----- */  
   ul.shoplist li .shoplistBox .imgArea {overflow:hidden;margin-bottom:25px;}
   ul.shoplist li .shoplistBox .imgArea img { width:100%; opacity: 0;
   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
   
   /* ----- dl dt dd ----- */  
   .shoplistBox dl { margin: 20px 0 0; padding: 0 15px; }
   .shoplistBox dl dt {clear: left;float: left;margin: 0 5% .5em 0;width: 3em;width: 0;font-size: 12px;font-family: "brandon-grotesque", sans-serif;font-weight: 400;font-style: normal;letter-spacing: 0.15em;line-height: 2;text-align: left;vertical-align:0;text-transform:uppercase;}
   .shoplistBox dl dd { float: left; width: 70%; margin-bottom: .5em; font-size: 13px; letter-spacing: 0.1em; line-height: 2; text-align: left; }
   .shoplistBox dl dd a {border-bottom: #111 1px dotted; }
   /* .shoplistBox dl dd a:hover { color:#fefefe; background:#111; padding:5px} */
	.shoplistBox dl dd a:hover { border-bottom:1px solid}
   .shoplistBox dl dd a:before {font-size:12px;font-family: 'themify';content: "\e6a3";font-family: 'Font Awesome 6 pro';content: "\f8d3";font-weight: normal;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding-right:5px;}
   
   
   
   ul.shoplist li.coming { display: inline-block; *display: inline; *zoom: 1; width:94%; margin:60px 3% 0; padding:50px 0; text-align:center; }
   ul.shoplist li.coming h3.message { font-size: 70px; font-family: 'againtsregular'; font-weight: normal;  letter-spacing: 0.055em; line-height: 1.5; position: relative; margin-bottom:15px;
   font-size: 40px; font-family: "brandon-grotesque", sans-serif; font-weight: 700; font-style: normal; /*font-style:italic;*/ letter-spacing: .25em; line-height: 1.8; text-transform:uppercase; }
   @media screen and (max-width: 1150px) {
   ul.shoplist li.coming h3.message { font-size: 35px; }
   }
   @media screen and (max-width: 768px) {
   .leftContent h3.message { font-size: 60px; text-align:center; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);}
   }
   @media screen and (max-width: 738px) { 
   .leftContent h3.message { font-size: 50px;}
   ul.shoplist li.coming h3.message { font-size: 30px; }
   }
   @media screen and (max-width: 667px) {
   .leftContent h3.message { font-size: 45px; }
   ul.shoplist li.coming h3.message { font-size: 25px; }
   }
   /* =======================================  columns w/ margin  ======================================= */ 
   .fg1, .fg2, .fg3, .fg4, .fg5, .fg6, .fg7, .fg8, .fg9, .fg10, .fg11, .fg12 {
	margin:0 2%;
	padding:0;
	float:left;
	position:relative;
   }
   .fg12Collection { width: 100%; margin: 0; padding: 0; float: left; position: relative; }
   .fg12 { width: 96%; }
   .fg11 { width: 87.66%; }
   .fg10 { width: 79.33%; }
   .fg9 { width: 71%; }
   .fg8 { width: 62.66%; }
   .fg7 { width: 54.33%; }
   .fg6 { width: 46%; }
   .fg5 { width: 37.66%; }
   .fg4 { width: 29.33%; }
   .fg3 { width: 21%; }
   .fg2 { width: 12.66%; }
   .fg1 { width: 4.33%; }
   
   
   /* ----------------------------------------------------------
	  
	  #top-wrapper-2
	  
	  ---------------------------------------------------------- */
   
   #shoplistWrapper2 {margin: 100px auto 0;padding: 80px 0%;position: relative;z-index:0;color: #000;}
   #shoplistWrapper2:after {position: absolute;top: 0;left: -7.5%;right: -7.5%;bottom: 0;background: #f3f3f3;content: "";z-index: -1;margin-bottom: 30px;}
   #shoplistWrapper2 .headline { margin-bottom: 25px; }
   #shoplistWrapper2 .leftContent{ float: left; width: 46.25%; text-align: justify; }
   #shoplistWrapper2 .rightContent { float: right; width: 46.25%; text-align: justify; }
   
   
   /* ************************************************************************************************
   
	  @media screen and (max-width: 1024px)
   
	  ************************************************************************************************ */
   
   @media screen and (max-width: 1024px) {
   /* ----------------------------------------------------------
	  
	  #shoplist-wrapper
	  
	  ---------------------------------------------------------- */
   
   /* ----- ul.shoplist ----- */  
   ul.shoplist {margin: -60px -3% 0;}
   ul.shoplist li { width:44%; margin:60px 3% 0; }
   
   /* ----------------------------------------------------------
	  
	  #shoplist-wrapper-2
	  
	  ---------------------------------------------------------- */
   
   #shoplist-wrapper-2 { margin: 120px auto 0; padding: 80px 7.5%; position: relative; }
   #shoplist-wrapper-2:after { left: 3.25%; right: 3.25%; }
   
   }
   
   /* ************************************************************************************************
   
	  @media screen and (max-width: 768px)
   
	  ************************************************************************************************ */
	  
   @media screen and (max-width: 768px) {
   
   /* ----- dl dt dd ----- */  
   .shoplist-box dl { margin: 20px 0 0; padding: 0 15px; }
   .shoplist-box dl dt { width: 20%; }
   .shoplist-box dl dd { width: 75%; }
   
   /* ----------------------------------------------------------
	  
	  #shoplist-wrapper-2
	  
	  ---------------------------------------------------------- */
   
   #shoplistWrapper2 { margin: 100px auto 0; }
   
   #shoplistWrapper2 .leftContent{ float: none; width: 100%; }
   #shoplistWrapper2 .rightContent { float: none; width: 100%; margin-top: 60px; }
   
   }
   
   
   /* ************************************************************************************************
   
	  @media screen and (max-width: 414px)
   
	  ************************************************************************************************ */
	  
   @media screen and (max-width: 667px) {
   
   /* ----------------------------------------------------------
	  
	  #shoplist-wrapper
	  
	  ---------------------------------------------------------- */
   #shoplistWrapper { margin: 80px auto 0; padding: 0 5%; }
   
   /* ----- ul.shoplist ----- */  
   ul.shoplist {margin: -60px 0% 0;}
   ul.shoplist li { width:100%; margin:60px 0 0; }
   
   /* ----- dl dt dd ----- */  
   .shoplist-box dl { margin: 20px 0 0; padding: 0 5%; }
   
   /* ----------------------------------------------------------
	  
	  #shoplist-wrapper-2
	  
	  ---------------------------------------------------------- */
   #shoplist-wrapper-2 { margin: 80px auto 0; padding: 60px 0 40px; }
   #shoplistWrapper2:after { left: -4.75%; right: -4.75%; }
   
   #shoplistWrapper2 .leftContent{ padding: 0 7.5%;}
   #shoplistWrapper2 .rightContent { padding: 0 7.5%; }
   
   
   }