@charset "utf-8";


header,footer,div,section{
	box-sizing: border-box;
}
body{
	color: #fff;
	background: #35444b;
	font-family:'Noto Sans Japanese','游ゴシック','ヒラギノ角ゴ Pro W3','メイリオ', 'Noto Sans', sans-serif;
}
a{
	color: #fff;
	text-decoration: none;
}
h2,h3,h4,h5,p,li,dt,dd,form{
	font-size: 12px;
	letter-spacing: 0.2em;
}
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
sub {
	vertical-align: -1px;
}

@media only screen and (min-width: 768px) {
	.onlySp {
		display: none!important;
	}
}
@media only screen and (max-width: 767px) {
	.onlyPc {
		display: none!important;
	}
	.onlyTb {
		display: none!important;
	}
}


@media only screen and (min-width: 1025px) {
	.onlyTb {
		display: block!important;
	}
}
@media only screen and (max-width: 1024px) {
	.onlyPc {
		display: none!important;
	}
}

/**
 * header
 * -------------------------------------------------------------------------- */

 header{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 	padding: 2% 5%;
 }
 header .logo{
 	width: 86px;
 	height: 42px;
 }
 header .menu{
 	margin: auto 0;
 }
 header .menu ul{
 	display: flex;
   justify-content: flex-end;
 	width: 100%;
 }
 header .menu ul li{
 	/*margin-right: 5%;*/
 	padding-right: 5%;
 	box-sizing: border-box;
 	width: 100%;
 }
 header .menu ul li:last-child{
 	padding-right: 0;
 }

 .sp_head_menu{
 	display: none;
 }


/*
 NEWS
------------------------------ */


body#news .sp_logo{
  display: none;
}
body#news.drawer--top .drawer-hamburger{
  display: none;
}


#archiveMenu_pc {
	width:200px;
	padding:0px 40px 0;
	background:#fff;
	background: #35444b;
}
#archiveMenu_pc .wrap {
	padding:160px 0 0;
	width:200px;
}
.fixed {
	position:fixed;
}

#archiveMenu_pc .logo{
  position: relative;
}
#archiveMenu_pc .logo h1{
  position: absolute;
  top: -100px;
  left: 0;
  width: 90px;
}
#archiveMenu_pc p {
	text-align:center;
	margin:5% auto;
}
#archiveMenu_pc p img {
	display:block;
}
#archiveMenu_pc p.category, #archiveMenu_sp p.category {
	font-size:12px;
	font-weight:700;
	margin: 0 0 50px;
	text-align:left;
}
#archiveMenu_pc a, #archiveMenu2 a {
	text-decoration:none;
	color:#fff;
}
#archiveMenu_pc a:hover, #archiveMenu_sp a:hover {
	opacity: 0.5;
}
#archiveMenu_pc ul li a, #archiveMenu_sp ul li a {
	margin:0 10px;margin: 0 0 15px;
	padding:5px 40px 10px 0;padding: 0 30px 0 0;
	font-size:12px;
	line-height:2.2;line-height: 1;
	position: relative;
	display: block;display: inline-block;
	box-sizing: border-box;
}
#archiveMenu_pc ul li a .accordion_icon{
	display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    width: 30px;
    position: absolute;
    top: 0;
    right: -5px;
    margin: 0 5px 0 0;
}
#archiveMenu_pc ul li a .accordion_icon span{
	display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 6px;
    width: 30%;
    height: 1px;
    background-color: #fff;
}
#archiveMenu_pc ul li a .accordion_icon span:nth-of-type(1){
    top: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
#archiveMenu_pc ul li a .accordion_icon span:nth-of-type(2){
	top: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
#archiveMenu_pc ul li a .accordion_icon.icon_active span:nth-of-type(1){
	display: none;
}
#archiveMenu_pc ul li a .accordion_icon.icon_active span:nth-of-type(2){
    top: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#archiveMenu_pc ul ul, #archiveMenu_sp ul ul {
  margin-bottom: 25px;
}
#archiveMenu_pc ul ul li , #archiveMenu_sp ul ul li {
	margin-bottom: 15px

}
#archiveMenu_pc ul ul li a:hover, #archiveMenu_sp ul ul li a:hover {
	background:none;
}
#archiveMenu_pc ul ul li a, #archiveMenu_sp ul ul li a {
	margin:0 0;
	padding-left:0;
	background:none;
	font-weight:400;
	font-size:12px;
	line-height:2;line-height: 1;
	margin: 0;
}

#archiveMenu_pc .drawer-dropdown-menu,
#archiveMenu_sp .drawer-dropdown-menu{
  	background-color: transparent;
  }
  #archiveMenu_pc .drawer-menu li:nth-child(1) a:before,
  #archiveMenu_sp .drawer-menu li:nth-child(1) a:before{
  	content: none;
  }

body#news #wrapper {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: top;
}
body#news #container{
	/*-webkit-flex: 3;
  flex: 3;*/
  padding: 160px 0 0;
	background: #35444b;
}
body#news #container .article {
	max-width:640px;
	margin:0 auto;
	padding:0px 0px 30px;
}
body#news #container .article .article_inner {
	padding-bottom:70px;padding-bottom: 0;
}
body#news #container .article:last-of-type .article_inner {
	border-bottom:none;
	padding-bottom:50px;
}

body#news #container .article p.date {
	position:relative;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #fff;
	padding-bottom: 25px;
}
body#news #container .article p.date .date_category{
	position: absolute;
	top: 0;
	right: 5px;
}
/*body#news #container .article p.date:before {
	position:absolute;
	top:0px;
	right:5px;
	font-size:10px;
	font-size:12px;
}
	body#news #container .article.new p.date:before { content:"NEW ARRIVAL"; }
	body#news #container .article.styling p.date:before { content:"STYLING"; }
	body#news #container .article.event p.date:before { content:"EVENT"; }
	body#news #container .news.others p.date:before { content:"OTHERS"; }
	body#news #container .news.all p.date:before {	content:"ALL"; }*/

body#news #container .article h2 {
	text-align:left;
	font-size:18px;
	margin:30px 0 35px;
}
body#news #container .article .mainPic, body#news #container .article .pic, body#news #container .article .pic2 {
	margin:0 auto 0px; text-align:center;
}
body#news #container .article .mainPic img, body#news #container .article .pic img, body#news #container .article .pic2 img {
	/*width:100%;*/
	max-width: 100%;
}
body#news #container .article .mainPic img {
	/*width:100%;*/
	max-width: 100%;
}
body#news #container .article .paragraph {
	margin:0 0 20px;
	padding:30px 0;
	font-size:14px;
}

body#news #container .article ul.pic {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:20px;
}
body#news #container .article ul.pic li {
	margin-bottom:15px;
}

body#news #container .article ul.submenu li a {
	border-bottom:1px dotted #333;
	font-size:16px;
	padding:5px 0;
	margin-bottom:10px;
	font-weight:bold;
	display:block;
}
body#news #container .article ul.submenu a {
	color:#333;
}
body#news #container .article .shopInfo {
	background: #46565d;
	margin:30px 0 10px;
	font-size:13px;
}
body#news #container .article .shopInfo_inner {
	margin:0;
	padding:25px;
}
body#news #container .article .shopInfo a {
	color:#fff;
	word-wrap:break-word;
}
body#news #container .article .shopInfo a:hover{
	opacity: 0.7;
}

body#news #container .article .paragraph .title { font-size:18px; line-height: 1.5; margin-bottom: 2%; }
body#news #container .article .paragraph p{
    line-height: 2.5;
    margin-bottom: 2%;
}
body#news #container .article .paragraph ul li{
    line-height: 2.5;
    margin-bottom: 2%;
}
.navy { color:#385283; }
.xs { font-size:11px; }
body#news #container .article .paragraph .title.large { font-size:15px; padding-top: 2% }
body#news #container .article strong { font-weight:bold; }
body#news #container .article .line_top { border-top:1px solid #999; }

body#news #container .article p.btn a {
	display:inline-block;
	font-size:15px;
	line-height:1.5;
	padding:3px 50px 3px;
	color:#fff;
	text-decoration:none;
	background:#000 url(../img/ico_arrow2.png) no-repeat 92% center;
}
body#news #container .article p.btn a:hover {
	background:#333 url(../img/ico_arrow2.png) no-repeat 92% center;
}


body#news #container .article .paragraph p.btn a {
	padding:3px 40px 3px;
	font-size:12px;
}
body#news #container .article .paragraph p.btn {
	margin:10px 0;
}

body#news #container ul.pager {
	max-width:460px;
  width: 80%;
	margin:0 auto;
	display:table;
}
body#news #container ul.pager li {
	display:table-cell;
	padding:0 30px;
	position:relative;
	font-size:18px;
	text-align:left;
	vertical-align:top;
}
body#news #container ul.pager li:nth-child(3) {
	text-align:right;
}
body#news #container ul.pager li a:before {
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:-4px;
}
body#news #container ul.pager li:nth-child(2) a {
  border: 1px solid #fff;
  display: inline-block;
  line-height: 1.5;
  padding: 2px 40px;
}
body#news #container ul.pager li:nth-child(1) a:before {
	left:-18px;
	background:url(../img/news/ico_arrow_prev.png) no-repeat 0 0 / 100% auto;
}
body#news #container ul.pager li:nth-child(3) a:before {
	right:-18px;
	background:url(../img/news/ico_arrow_next.png) no-repeat 0 0 / 100% auto;
}

body#news #container ul.exLink { display:none; }

#archiveMenu_sp { display:none; }

#infscr-loading img { padding:0 5%; }
#infscr-loading img { margin:0 auto; text-align:center; }






	@media only screen and (max-width:920px) {/*1024px*/

		.sp_head_menu{display: block;}
		header{
			display: none;
		}
		header.header_sp{
			display: block;
			background: #28363d;
		    padding: 100px 5% 3%;
		}
		.sp_head_menu {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 65px;
		    background: #35444b;
		    z-index: 9999;
		}
		.sp_logo {
		    display: block;
		    position: absolute;
		    top: 50%;
		    left: 5%;
		    transform: translate(0,-50%);
		    width: 100%;
		    max-width: 60px;
		    z-index: 9999;
		}
		body#top.drawer--top .drawer-hamburger{
   	   		display: block;
	    }
	    body#top.drawer--top .drawer-hamburger, body#top.drawer--top.drawer-open .drawer-hamburger{
    		position: absolute;
	      top: 50%;
	      right: 5%;
	      z-index: 9999;
	    }
	    body#top .drawer-hamburger-icon:before, body#top.drawer-hamburger-icon:after, body#top .drawer-hamburger-icon{
	      background-color: #fff;
	      height: 2px;
	    }
	    .drawer-hamburger-icon:after {
    		top: 10px;
    		width: 100%;
		}
	    body#top.drawer-open .drawer-hamburger-icon {
	    background-color: transparent;
		  }
		body#top.drawer-open .drawer-hamburger-icon:before,
		body#top.drawer-open .drawer-hamburger-icon:after {
			height: 2px;
			background-color: #fff;
		}
		body#top.drawer-open .sp_head_menu {
    		background: none;
		}
		header .logo{
			display: none;
		}
		header .menu ul{
			display: block;
		}
		header .menu{
			width: 90%;
			margin: auto;
		}
		header .menu ul li{
			margin-right: 0;
			padding-right: 0;
			margin-bottom: 4%;
			padding-bottom: 4%;
			border-bottom: 1px solid #5e686d;
			box-sizing: border-box;
		}



		body#news #container, body#collection #container { padding-top:15%;padding-top: 0; overflow:hidden;}
		body#collection #container { padding-top:37px; background:#fff; border-left:1px solid #dfdfdf; overflow:hidden; }
		#archiveMenu_pc { display:none; }
		#archiveMenu_sp { display:block; margin:0 auto; background: #28363d; width: 90%; padding: 0 5%; /*box-sizing: border-box;*/ overflow: scroll; -webkit-overflow-scrolling: touch;/*position: fixed;*/ }

		#archiveMenu_sp #menu2{
			
			padding: 100px 5% 8%;
		}
    #archiveMenu_sp .drawer-hamburger-icon{ }
		#archiveMenu_sp p.category { text-align:center; margin-left:1em; margin-bottom:0px; }
		#archiveMenu_sp p img { display:none; }
		#archiveMenu_sp ul { height: 100%; }
		#archiveMenu_sp ul li { font-size: 12px;}
		#archiveMenu_sp ul li a { text-decoration:none; color:#fff; display: block; margin: 0 0 8%;}
		#archiveMenu_sp ul li ul { /*display:block;*/ vertical-align:middle; padding-left:20px; }
		#archiveMenu_sp ul li ul li { margin-bottom:7%; font-size: 11px; }
		#archiveMenu_sp ul li ul li a { text-decoration:underline; }
		#archiveMenu_sp ul li ul li a:hover { text-decoration:none; }

		body#news #container .icons { position:relative; right:-50%; top:34px; margin-left:250px; text-shadow:none; color:#fff; padding:0 10px 0; cursor:pointer; width:35px; height:35px; transition:0.3s; }
		body#news #container .icons li { border:1px solid #333; background:#fff; display:inline-block; height:5px; width:5px; line-height:0; list-style:none outside none; margin:0px auto 0; vertical-align:top; border-radius:50%; pointer-events:none; position:relative; top:14px; }

    body#news #container.active .icons li { border:1px solid #333; background:#333; display:block; margin: 0 auto 3px; top:4px; }

    body#news #container .dropdown-content { display:none;display:block; padding:5% 0 0; }

		body#news #container .article { margin-top:5%; max-width: none;}
    body#news #container .article .article_inner { padding: 15% 5% 0; }
    body#news #container .article p.date { margin:0 auto; font-size:11px; }
	body#news #container .article p.date::before { top:5px; font-size:11px; }
	body#news #container .article h2 { margin:6% auto; font-size:13px; }
	body#news #container .article .paragraph { margin:0 auto 0; padding:5% 0; }
	body#news #container .article .paragraph .title.large{ font-size: 15px; }
	body#news #container .article .paragraph p{ font-size: 11px; }
	body#news #container .article .paragraph ul li{ font-size: 11px; }
	body#news #container .article ul.pic { margin:0 auto 20px; }
    body#news #container .article ul.pic li { max-width: 100%;}
    /*body#news #container .article ul.pic li img { max-width: 100%;}*/
	body#news #container .article ul.pic.row_3 li { width:47%; }



    body#news .sp_head_menu{
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 65px;
    	background: #35444b;
    	z-index: 9999;
    }
    body#news.drawer-open .sp_head_menu{
    	background: none;
    }
    body#news .sp_logo{
      display: block;
      position: absolute;
      top: 50%;
      left: 5%;
      transform: translate(0,-50%);
      width: 100%;
      max-width: 60px;
      z-index: 9999;
    }
    body#news.drawer--top .drawer-hamburger{
      display: block;
    }
    body#news.drawer--top .drawer-hamburger, body#news.drawer--top.drawer-open .drawer-hamburger{
    	position: absolute;
      top: 50%;
      right: 5%;
      z-index: 9999;
    }
    body#news .drawer-hamburger-icon:before, .drawer-hamburger-icon:after, body#news .drawer-hamburger-icon{
      background-color: #fff;
      height: 2px;
    }
    body#news .drawer-hamburger-icon:before{
      width: 140%;
    }
    body#news .drawer-hamburger-icon:after{
      width: 60%;
    }
    body#news.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  body#news.drawer-open .drawer-hamburger-icon:before,
  body#news.drawer-open .drawer-hamburger-icon:after {
    width: 140%;
    height: 2px;
    background-color: #fff;
  }
  #archiveMenu_sp ul li a .accordion_icon {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    width: 30px;
    position: absolute;
    top: 0;
    right: -5px;
    margin: 0 5px 0 0;
  }
  #archiveMenu_sp ul li a .accordion_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 6px;
    width: 30%;
    height: 1px;
    background-color: #fff;
  }
  #archiveMenu_sp ul li a .accordion_icon span:nth-of-type(1) {
    top: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  #archiveMenu_sp ul li a .accordion_icon.icon_active span:nth-of-type(1) {
    display: none;
  }
  #archiveMenu_sp ul li a .accordion_icon span:nth-of-type(2) {
    top: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
    #archiveMenu_sp ul li a .accordion_icon.icon_active span:nth-of-type(2) {
    top: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  

	}

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

		body#news #container { border-left:none; padding:65px 5% 0; width: 100%; }
		/*body#news #container .article { max-width:100%; width:100vw; overflow:hidden; }*/
		
		body#news #container .icons { float:right; position:static; margin-left:0px; }
		#archiveMenu_sp ul li a { position: relative; padding:0 30px 0px 0; box-sizing: border-box; }
		#archiveMenu_sp ul li a:hover, #archiveMenu_sp ul li.active a {	 }

	}


/*
 COLLECTION
------------------------------ */

body#collection #container .article {
	max-width:914px;
	margin:0 auto;
	padding:0px 0px 30px;
	overflow:hidden;
}
body#collection #container .article .article_inner {
	padding-bottom:30px;
}
body#collection #container .article .themeBox {
	position:relative;
	margin-bottom:20px;
}
body#collection #container .article h2 {
	display:none;
}
body#collection #container .article h3 {
	display:none;
}

body#collection #container .article h2 span {
	display:block;
	font-size:18px;
}
body#collection #container .article ul.pic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; justify-content:space-around;
  margin-bottom: 20px;
  width:102%;
  margin-left:-1%;
}
body#collection #container .article .mainPic img,
body#collection #container .article .pic img,
body#collection #container .article .pic2 img,
body#collection #container .article video {
  width:100%;
  display:block;
}
body#collection #container .article ul.pic.row_4 li {
	width:23%;
	margin:0 1% 10px;
}

body#collection #archiveMenu_pc li { padding:0 0 0px; margin:0 0px 0px; }
body#collection #archiveMenu_pc ul li a { line-height: 1; margin: 0 10px 0px;
    padding: 5px 0 10px 45px;
}

body#collection #archiveMenu_pc li span {
  display:block;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  margin-left:55px;
}

/* scroll::fadein */
.fadein { opacity : 0.1; transform : translate(0, 50px); transition : all 500ms; }
.fadein.scrollin { opacity : 1; transform : translate(0, 0); }

.fadein:nth-of-type(2) { -moz-transition-delay:200ms; -webkit-transition-delay:200ms; -o-transition-delay:200ms; -ms-transition-delay:200ms; }
.fadein:nth-of-type(3) { -moz-transition-delay:400ms; -webkit-transition-delay:400ms; -o-transition-delay:400ms; -ms-transition-delay:400ms; }



	@media only screen and (max-width:1360px) {/*1360px*/

		body#collection #container .article { width:90%; }

	}


	@media only screen and (max-width:1024px) {/*1024px*/

		body#collection #container .article h2 { display:block; font-size:22px; font-weight:700; margin-bottom:20px; text-align:center; }
		body#collection #container .article h3 { display:block; text-align:center; font-size:16px; font-weight:700; }
		body#collection #container .article h3 span { display:block; font-weight:400; font-size:12px; }
		body#collection #container .article h3 a { text-decoration:none; color:#000; display:block; padding:10px 0; background:url(../img/collection/ico_arrow.png) no-repeat center right / 2% auto; }

		body#collection #archiveMenu_sp { background:#ebeff2; padding:5% 0; max-width:100%; }
		body#collection #archiveMenu_sp ul { width:90%; margin:0 auto; }
		body#collection #archiveMenu_sp ul li { width:100%; }
		body#collection #archiveMenu_sp li a { border-bottom:1px solid #ccc; display:block; width:100%; padding:0 0 10px; background:url("../img/ico_plus.png") no-repeat right 15px / 30px auto; font-size:16px; font-weight:700; line-height:2.2; margin:0 0px 10px; }
		body#collection #archiveMenu_sp li:last-child { border-bottom:none; padding:0; margin:0 0px 0; }
		body#collection #archiveMenu_sp li a:hover, body#collection #archiveMenu_sp li.active a { background:url("../img/ico_plus_on.png") no-repeat right 15px / 30px auto; }
		body#collection #archiveMenu_sp li a { text-decoration:none; display:block; }
		body#collection #archiveMenu_sp li span { display:block; font-size:12px; font-weight:400; line-height:1; margin-left:0; }

	}


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

		body#collection #container .article { width:100%; }
		body#collection #container .article h3 a { background:url(../img/collection/ico_arrow.png) no-repeat 96% center / 3% auto; }
		body#collection #container .article ul.pic { width:90%; margin:0 auto; }
		body#collection #container .article ul.pic.row_4 li {	width:47%; margin:0 1.5% 15px; }

		body#collection #archiveMenu_sp li a { background:url("../img/ico_plus.png") no-repeat right center / 20px auto; }
		body#collection #archiveMenu_sp li a:hover, body#collection #archiveMenu_sp li.active a { background:url("../img/ico_plus_on.png") no-repeat right center / 20px auto; }

	}



/*
 CONTACT
------------------------------ */

.remodal.contact { padding:0; background:none; }
.remodal.contact .bgBox { width:100%; height:100%; position:absolute; display:table; z-index:-1; }
.remodal.contact .bgBox .box { width:50%; height:100%; position:relative; top:0; display:table-cell; }
.remodal.contact .bgBox .left { background:#f9f8f8; left:0; }
.remodal.contact .bgBox .right { background:#fff; right:0; }

.contactWrap {
	margin: 0 auto;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
}

.contactWrap .inner {
	width:50%;
	margin:0 auto;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.contactWrap .inner h3 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
.contactWrap .info {
	width:420px;
	text-align:left;
	margin:0px auto 0;
}
.contactWrap .info dl {
	margin:0 auto 0;
	text-align:center;
}
.contactWrap .info dl dt {
	margin-bottom:0px;
	font-size:19px;
	font-weight:bold;
	position:relative;
}
.contactWrap .info dl dt:before {
	content:"";
	position:absolute;
	top:18px;
	right:0;
	display:block;
	width:70%;
}

.contactWrap .info dl dd {
	margin-bottom:20px;
	font-size: 14px;
}
.contactWrap .info dl dd a {
    color: #000;
    padding-right: 10px;
}
.contactWrap .info dl dd a.serif {
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
	padding-right:10px;
	background:url(../img/ico_arrow.png) no-repeat center right;
}
.contactWrap .info dl dd strong {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}
.contactWrap .info dl dd:first-of-type {
	margin:20px 0;
}
.contactWrap .info dl dd:last-of-type {
	margin:50px 0 0;
}

.contactWrap .form {
	width:420px;
	text-align:left;
	margin: 0 auto;
}
.contactWrap .form fieldset {
 	display: flex;
 	margin-bottom:20px;
  -webkit-align-items:center;
  align-items:center;
}
.contactWrap .form fieldset.v_top {
 	-webkit-align-items:stretch;
  align-items:stretch;
}
.contactWrap .form fieldset label {
  order: 1;
  width:100px;
  padding-right:20px;
  text-align:left;
}
.contactWrap .form fieldset:nth-of-type(1) label {
  width:115px;
}

.contactWrap .form fieldset input[type="text"],
.contactWrap .form fieldset textarea,
.contactWrap .form fieldset select {
  order: 2;
  flex: 1 1 auto;
  width:270px;
  background:#fff;
  border:1px solid #ccc;
  padding:8px;
}
.contactWrap .form fieldset ul {
  order: 2;
  flex: 1 1 auto;
  font-size:12px;
}
.contactWrap .form fieldset ul li {
  display:inline-block;
}
.contactWrap .form fieldset ul li input[type="radio"] {
	position:relative;
	top:3px;
}
.contactWrap .form fieldset ul li label {
  width:auto;
  padding-right:0px;
}

.contactWrap .form ul.btnSet {
	margin:10px 0 10px;
	width:290px;
	display:table;
	float:right;
}
.contactWrap .form ul.btnSet li {
	display:table-cell;
	text-align:left;
}
.contactWrap .form ul.btnSet li input {
	border:none;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	padding:5px 30px 6px;
	width:auto;
	transition:0.3s;
	color:#fff;

}
.contactWrap .form ul.btnSet li input[type="reset"] {
	border:none;
	background:#999;
}
.contactWrap .form ul.btnSet li input[type="reset"]:hover {
	background:#ccc;
	color:#fff;
}
.contactWrap .form ul.btnSet li input[type="submit"] {
	border:1px solid #000;
	color:#000;
	background:#fff url(../img/ico_arrow.png) no-repeat 93% 50%;
}
.contactWrap .form ul.btnSet li input[type="submit"]:hover {
	background:#000 url(../img/ico_arrow2.png) no-repeat 93% 50%;
	color:#fff;
}

	@media only screen and (max-width:1024px) {/*1024px*/

		.remodal.contact .bgBox { display:none; }
		.remodal.contact .contactWrap { width:100%; }
		.remodal.contact .contactWrap .inner { display:block; margin:0 auto; width:100%; }
		.remodal.contact .contactWrap .inner:last-child { background:#f9f8f8; }

		.remodal.contact .contactWrap .form, .contactWrap .info { width:80%; float:none; }
		.remodal.contact .contactWrap .form { padding-top:5%; }
		.remodal.contact .contactWrap .info { margin-top:5%; padding:5% 0 8%; }
		.remodal.contact .contactWrap .form ul.btnSet { float:none; margin:10px auto; }
		.remodal.contact .contactWrap .form ul.btnSet li input { background:#fff; border:1px solid #000; border-radius:30px; color:#000; display:block; font-size:14px; height:auto; line-height:1.5; margin:0 auto; text-align:center; padding:2% 15% 3%; text-indent:0; width:auto; }

	}


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

		.remodal.contact .contactWrap .form { width:100%; margin:0 auto; width:85%; }
	 	.remodal.contact .contactWrap .form fieldset label { padding-right:0px; text-align:left; }
	 	.remodal.contact .contactWrap .info { width:100%; }
		.remodal.contact .contactWrap .form fieldset { display:block; }
	 	.remodal.contact .contactWrap .form fieldset input[type="text"], .contactWrap .form fieldset textarea, .contactWrap .form fieldset select { width:90%; }
	 	.remodal.contact .contactWrap .form fieldset label { display:block; width:100%; }
	 	.remodal.contact .contactWrap .form fieldset:first-of-type label { width:110px; display:inline; }
	 	.remodal.contact .contactWrap .info dl { padding: 0 5%; }
	 	.remodal.contact .contactWrap .info dl dt img { width:40%; }

	 	.remodal.contact .contactWrap .form ul.btnSet { display:table; float:none;  margin:10px auto; width:auto; }

	 	.remodal.contact .contactWrap .form ul.btnSet li { display:block; }
	 	.remodal.contact .contactWrap .form ul.btnSet li input { background:#fff; border:1px solid #000; border-radius:30px; font-size:14px; height:auto; line-height:1.5; margin:0 auto; padding:5% 10%; text-indent:0; width:200px; display:block; }
	 	.remodal.contact .contactWrap .form ul.btnSet li input[type="submit"] { background:#fff url(../img/ico_arrow.png) no-repeat 93% 50%; border:1px solid #000; }
	 	.remodal.contact .contactWrap .form ul.btnSet li input[type="submit"]:hover,
	 	.remodal.contact .contactWrap .form ul.btnSet li input[type="submit"]:active { background:#fff url(../img/ico_arrow.png) no-repeat 93% 50%; border:1px solid #000; }

	}

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

		.remodal.contact { overflow:hidden; }
		.remodal.contact .contactWrap .info dl dt::before { top:26px; width:100%; }
		.remodal.contact .contactWrap .form fieldset:first-of-type ul li { display:block; }
		.remodal.contact .remodal-close { right:-5px; top:5px; }
		.remodal.contact .remodal-close img { width:80%; }

	}



/**
 * FOOTER
 * -------------------------------------------------------------------------- */

 footer{
 	margin: auto;
 	text-align: center;
 	padding: 5% 0 15%;
 }
 footer .instagram{
 	width: 20px;
 	height: 20px;
 	margin: auto auto 2% auto;
 }
 footer .copy{
 	font-size: 10px;
 }
 @media only screen and (max-width:767px) {
  	footer .instagram{
 		margin: auto auto 3% auto;
 	}
 }

/**
 * page-top
 * -------------------------------------------------------------------------- */
 #page-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
}
#page-top a {
    padding: 0;
    display: block;
}
#page-top a:hover {
    opacity: 0.8;
}


/* ------------------------------
 Clearfix
------------------------------ */

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height:1px; clear:both; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* ------------------------------
 PRINT
------------------------------ */

@media print {

	body { padding:5%; }
	#footer { display:none; }

}