@charset "UTF-8";
/*
Theme Name:dressandwedding
Text Domain:dressandwedding
*/


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul,ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
img{
	vertical-align:bottom;
}


/************** layout base ********************/

.clearfix{
overflow:hidden;
}


a{
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
a:hover{
	text-decoration:none;
}
a:link{color:#aeaeae;}

a:visited{color:#aeaeae;}

a img{
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; }

sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}
.fw{font-weight:bold !important;}
.f10{ font-size:10px !important;}
.f11{ font-size:11px !important;}
.f12{ font-size:12px !important;}
.f13{ font-size:13px !important;}
.f14{ font-size:14px !important;}
.f15{ font-size:15px !important;}
.f16{ font-size:16px !important;}
.f17{ font-size:17px !important;}
.f18{ font-size:18px !important;}

.txtRed{ color:#a10000;}
.note{ color:#666666; font-size:12px;}

.fLeft{ float:left;}
.fRight{ float:right;}
.fNon{
	float:none !important;
}

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:60px !important;}

.pTop0{ padding-top:0 !important;}
.pTop5{ padding-top:5px !important;}
.pTop10{ padding-top:10px !important;}
.pTop15{ padding-top:15px !important;}
.pTop20{ padding-top:20px !important;}
.pTop25{ padding-top:25px !important;}
.pTop30{ padding-top:30px !important;}
.pTop35{ padding-top:35px !important;}
.pTop40{ padding-top:40px !important;}
.pTop45{ padding-top:45px !important;}
.pTop50{ padding-top:50px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:60px !important;}


.spOnly,.spOnlyI{ display:none;}
.pcOnly{ display:block;}
.pcOnlyI{ display:inline-block;}
.keyw{display: none !important;}
/************** layout base ********************/
body{
background:#ffffff;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.2;
}

div,p,dl{
text-align:left;
}

p,dt,dd,li,td,th{
color:#222222;
font-size:14px;
line-height: 1.5;
}
h1,h2,h3,h4,h5,h6{
color:#222222;
font-size:12px;
}

img{
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/*------------------ list style----------------*/
.numberList{
	padding:0 0 0 18px;	
}
.numberList li{
	list-style:decimal outside;
	padding:0 0 5px 0;
}
.discList{
	padding:0 0 0 18px;
}
.discList li{
	list-style:disc outside;
	padding:0 0 2px 0;
}
.indentList li{
	padding-left:1em;
	text-indent:-1em;
}

/*****************  head ***********************/
header{
	position: sticky;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	background: rgb(255,255,255,0.9);
	box-shadow: 0 0 8px rgba(17,12,17,0.4);
	padding: 23px 0;
	z-index: 100;
}
header .inner{
	position: relative;
}
header .inner,
header .inner #gNavi,
header .inner #gNavi > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	transition: all .5s;
}
header #logo{
	margin-right: 6%;
}
header #logo img{
	height: 23px;
}
header #logo a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
header #gNavi > .naviTxt li,
header #gNavi > .naviIc li{
	margin-right: 40px;
}
header #gNavi > .naviTxt li:last-child,
header #gNavi > .naviIc li:last-child{
	margin-right: 0;
}
header #gNavi > .naviTxt img{
	height: 15px;
}
header #gNavi > .naviIc{
	position: absolute;
	right: 0;
}
header #gNavi > .naviIc img{
	height: 24px;
}
header #gNavi > .naviIc a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
header .inner.open {
  transform: translateX(260px);
}

/*---- menu ----*/
.menuBtn {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 35px;
	height: 25px;
	margin-right: 30px;
	cursor: pointer;
}
.menuBtn span {
	position: absolute;
	left: 0;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 3px;
	background-color: #000000;
}
.menuBtn span:nth-of-type(1) {
	top: 0;
}
.menuBtn span:nth-of-type(2) {
	top: 11px;
}
.menuBtn span:nth-of-type(3) {
	bottom: 0;
}
.menuBtn:hover span{
	background-color:#8A8A8A;
}

#menuOpen{
	background: #ffffff;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 30px 1%;
	width: 312px;
	box-sizing: border-box;
	height: 100%;
	transform: translate(-312px);
  transition: all .5s;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#menuOpen::-webkit-scrollbar{ 
    width: 10px;
}
#menuOpen::-webkit-scrollbar-thumb{ 
    background:#B9B9B9;
    border-radius: 1px;
}
#menuOpen::-webkit-scrollbar-track-piece:start{
    background:#f0f0f0;
}
#menuOpen::-webkit-scrollbar-track-piece:end{
    background: #fff;
}

#menuOpen.open {
  transform: translateZ(0);
}
#menuOpen .titleArea,
#menuOpen .naviIc{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
#menuOpen a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#menuOpen .titleArea{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}
#menuOpen .naviIc li img{
	height: 20px;
	margin: 2px 0 0 15px;
}
#menuOpen .naviIc li:first-child img{
	margin-left: 40px;
}
#menuOpen .menuBtn{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
#menuOpen .menuBtn span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
#menuOpen .menuBtn span:nth-of-type(2) {
	opacity: 0;
}
#menuOpen .menuBtn span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}
#menuOpen > ul > li{
	border-bottom: 1px solid #cccccc;
	padding: 9px 0;
	position: relative;
	font-size: 14px;
	font-weight: bold;
}
#menuOpen > ul > li > a::after{
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-left: solid 1px #aeaeae;
	border-bottom: solid 1px #aeaeae;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 16px;
	right: 10px;
}
#menuOpen ul li ul li{
	padding: 5px 0 5px 30px;
}
#menuOpen ul li ul li span{
	font-size: 12px;
}
#menuOpen li a:hover{
	color: #000000;
}
img.logoS{
	height: 17px;
	width: auto;
}

/*****************  foot ***********************/
footer{
	box-shadow: 0 0 8px rgba(17,12,17,0.2);
	padding: 60px 0 20px;
	/* padding: 60px 0; */
}
footer h2,
footer p{
	text-align: center;
}
footer p a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
footer h2 img{
	height: 21px;
	width: auto;
	margin-bottom: 30px;
}
footer #sns{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
    align-items: center;
	margin-bottom: 60px;
}
footer #sns li{
	margin-right: 40px;
}
footer #sns li a:hover {
	opacity: 0.6;
}
footer #sns li:last-child{
	margin-right: 0;
}
footer #sns li img{
	height: 32px;
	width: auto;
}
footer #footerNavi{
	border-top: 1px solid #cccccc;
	padding-top: 28px;
	margin-bottom: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer #footerNavi li{
	line-height: 1.1;
}
footer #footerNavi li img{
	height: 12px;
}
footer .copyright{
	display: block;
	font-size: 10px;
	margin-top: 15px;
	/* margin-top: 25px; */
}

.pageTop a{
	box-sizing: border-box;
	border-radius: 60px;
	box-shadow: 0 0 8px rgba(17,12,17,0.3);
	color: #aeaeae;
	display: block;
	line-height: 1.1em;
	padding: 18px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: rgba(255,255,255,.9);
	letter-spacing: 0.08em;
	z-index: 1000;
}
.pageTop a::after{
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-left: solid 1px #aeaeae;
	border-bottom: solid 1px #aeaeae;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 13px;
	left: 45%;
}



/*****************  contents ***********************/
main{
transition: all .5s;
}
main.open {
  transform: translateX(260px);
}

#contents{
	margin: 0 auto;
	max-width: 980px;
	padding: 100px 0;
	transition: all .5s;
}
#contents.open {
  transform: translateX(260px);
}
#contents h1{
	text-align: center;
	margin-bottom: 55px;
}
#contents h1 img{
	height: 21px;
	width: auto;
}
.inner{
	margin: 0 auto;
	max-width: 980px;
}
.flex{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
#contents h2{
	margin-bottom: 40px;
	text-align: center;
}
#contents h2 img{
	height: 17px;
	width: auto;
}

.keyw{
	text-indent:-9999px;
}

/*** btn ***/
#contents .btnArea{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
    align-items: center;
}
#contents .btnArea li{
	margin: 0 3%;
}
#contents .btn{
	background: #ffffff;
	border: 1px solid #222222;
	color: #222222;
	display: block;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.08em;
	padding: 10px 70px;
	-webkit-appearance: none;
   border-radius: 0;
	cursor: pointer;
}
#contents .btnClear{
	border: 1px solid #afafaf;
	color: #afafaf;
	-webkit-appearance: none;
   border-radius: 0;
}
#contents .btn:hover,
#contents .btnClear:hover{
	background: #afafaf;
	border: 1px solid #afafaf;
	color: #ffffff;
}

/* .btnTxt */
.btnTxt{
}
.btnTxt a{
	margin: 0 auto;
	position: relative;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
   -webkit-box-align: center;
      -ms-flex-align: center;
         align-items: center;   
   -webkit-justify-content: center;
          -webkit-box-pack: center;
             -ms-flex-pack: center;
           justify-content: center;
	border: 1px solid #222222;
	width: 19.38%;
	min-width: 190px;
	height: 45px;
	color: #222222;
	font-weight: bold;
	background: #FFFFFF;
}
.btnTxt a::after{
	position: absolute;
	right: 10%;
	top:50%;
	bottom: 50%;
	margin-top: -3px;
	content: "";
	display: block;
	border-right: 1px #222222 solid;
	border-bottom: 1px #222222 solid;
	width: 5px;
	height: 5px;
	margin-left: 20px;
	-webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
	vertical-align: middle;
}
.btnTxt a img{
	width: 21%;
}
.btnTxt a:hover{
	color: #FFFFFF;
	background: #222222;
}
.btnTxt a:hover::after{
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
}

.btnTxt a.hover{
	color: #FFFFFF;
	background: #222222;
}
.btnTxt a.hover::after{
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
}
/*-----*/
.pageFeed p{
	text-align: center;
	font-size:16px;
}
.pageFeed p + p{
	margin: 20px 0 50px;
}
.pageNav{
	text-align: center;
}
.pageNav a,
.pageNav span{
	display: inline-block;
	margin: 0 14px;
	color: #aeaeae;
	font-size:18px;
}
.pageNav .current{
	color: #222222;
}

/*----------------------------------------------
              top
---------------------------------------------*/
#top .instCheck{
	display:none;
}
#top .instCheck a{
	border-radius: 95px;
	box-shadow: 0 0 8px rgba(17,12,17,0.3);
	color: #aeaeae;
	display: block;
	line-height: 1;
	padding: 0px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 95px;
	height: 95px;
	position: fixed;
	top: 60%;
	right: 30px;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: rgba(255,255,255,.9);
	letter-spacing: 0.08em;
	z-index: 1000;
	box-sizing: border-box;
}
#top .instCheck a img{
	width: 29px;
	margin: 15px 0;
}
#top .instCheck a span{
	display: block;
}
#top .instCheck a::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 4px 0 4px;
	border-color: #afafaf transparent transparent transparent;
	position: absolute;
	bottom: 8px;
	left: 45%;
}

#top #topMV {
	margin: -23px 0 23px;
	margin-bottom: 0;
	height: 660px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
#top #topMV .topSlide .item{
	position: relative;
	height: 660px;
	overflow: hidden;
}
#top #topMV .topSlide .item > img{
	object-fit: cover;
	width:100%;
	height: 660px;
}
@media all and (-ms-high-contrast: none) {
#top #topMV .topSlide .item > img{
	position: absolute;
	top: 50%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
}
}/*-IE ONLY END-*/
#top #topMV .topSlide .item h1,
#top #topMV .topSlide .item p{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 980px;
	padding-top: 50px;
	margin: auto;
	text-align: left;
	z-index: 2;
	box-sizing: border-box;
	
	img {
		filter: brightness(0) invert(1);
		max-width:460px;
	}
}
@medai screen and (max-width:640px) {
	#top #topMV .topSlide .item h1,
  #top #topMV .topSlide .item p{
		img {max-width:100%;}
	}
}
#top #topMV .slick-dots{
	bottom: 20px;
}
#top #topMV .slick-dots li button::before{
	display: none;
}
#top #topMV .slick-dots li button{
	border-radius:100%;
	background: #fdfcfa;
	box-shadow: 0 0 8px rgba(17,12,17,0.4);
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
}
#top #topMV .slick-dots .slick-active button{
	background:#737373 ;
}

/* #top header #logo{
	display: none;
} */

#top main{
	padding: 50px 0;
}
#top main section{
	padding: 80px 0 40px 0;
}
#top main h2{
	margin-bottom: 50px;
	text-align: center;
	line-height: 0;
}
#top main h2 img{
	height: 21px;
}
/* common */
#top #kinds .itemList{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
   -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
         align-items: flex-start;
	-webkit-box-align: stretch;
        -ms-flex-align: stretch;
           align-items: stretch;
}
#top #kinds .itemList li{
	width: 17%;
	max-width: 162px;
}
#top main .itemList li a{
	overflow: hidden;
	display: block;
	height: 200px;
	position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;  
}
#top main .itemList li a:hover{
	background: #3e3e3e;
}
#top main .itemList li a:hover img{
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top main .itemList li a:hover .hoverTxt{
	color: #ffffff;
	display: block;
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
}
#top main .itemList.sp{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top main .itemList.sp li{
	max-width: none;
	width: 16.6%;
	margin-bottom: 20px;
}
#top main .itemList.sp li img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
/* trends */
#top #trends .itemList{
	margin-bottom: 50px;
}
/* trends */
#top #trends .itemList{
	margin-bottom: 50px;
}
#top #trends .itemList h3{
	padding: .5em .9em .2em;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 1.35;
}
#top #trends .itemList p{
	padding:0 .5em .5em;
	font-size: 12px;
}


/* topics */
#top #topics{
	background: #f6f6f6;
}
#top #topics ul{
	margin-bottom: 45px;
}
#top #topics li a{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
   justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
-webkit-align-items: center;
        -webkit-box-align: center;
	        -ms-flex-align: center;
      align-items: center;
   -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
         align-items: flex-start;
	padding: 1em 12px;
	border-bottom: 1px dotted#444444;
	color: #222222;
}
#top #topics li a:hover img{	
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #topics li a:hover {
	background: #E1E1E1;
}
#top #topics li .date{
	display: block;
	width: 125px;
	margin-right: 1em;
	padding: .4em;
	background: #bbbbbd;
	border-radius: 4px;
	color: #FFF;
	font-size: 12px;
	letter-spacing: .075em;
	line-height: 1em;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#top #topics li div{
	width: calc( 100% - 140px - 140px - 24px);
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#top #topics li div h3{
	font-size: 15px;
	text-align: left;
	margin: 0 0 5px;
	line-height: 1.4;
}
#top #topics li figure{
	background: #3e3e3e;
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin-left: 12px;
}
#top #topics li figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
@media all and (-ms-high-contrast: none) {
	#top #topics li figure{
		position: relative;
	}
#top #topics li figure img{
	position: absolute;
	top: 50%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: 150%;
}
}/*-IE ONLY END-*/
#top #topics .btnTxt{
	margin-bottom: 40px;
}

/* kinds */
#top #kinds .itemList li,
#top #kinds .itemList li a{
	position: relative;
}

#top #kinds .itemList li:hover{
	background: #3e3e3e;
}

#top #kinds .itemList li:hover img{
			filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#top #kinds .itemList li h3{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: .2em 0;
	background: rgba(62,62,62,.5);
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.025em;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;  
}
#top #kinds .itemList li.long h3{
	font-size: 15px;
	line-height: 28px;
}

#top #kinds .itemList li h3 span{
	display: none;	
}
#top #kinds .itemList li >p{display: none;}
#top #kinds .itemList li:hover h3{
	box-sizing: border-box;
	padding-bottom: 40px;
	font-size: 21px;
	background: rgba(62,62,62,0);
}
#top #kinds .itemList li.long:hover h3{
	font-size: 15px;
}
#top #kinds .itemList li:hover h3 span{
	display: block;
	font-size: 11px;
	letter-spacing: 0em;
}
#top #kinds .itemList li img{
		object-fit: cover;
		height: 100%;
		width: 100%;
		object-position: 0 0;
	}
@media all and (-ms-high-contrast: none) {
#top #kinds .itemList li img{
	position: absolute;
	top: 58%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: 100%;
	height: auto;

}
}/*-IE ONLY END-*/

/* weddingcolumn */

#top #weddingcolumn ul{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top #weddingcolumn ul li{
	width: 46%;
	margin-bottom: 45px;
}
#top #weddingcolumn ul li a{
	display: block;
	position: relative;
	border: 1px #c58d16 solid;
	background: #3e3e3e;
	height: 132px;
	overflow: hidden;
}
#top #weddingcolumn ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
		vertical-align:top;
	object-position: top left;
}
@media all and (-ms-high-contrast: none) {
#top #weddingcolumn ul li img{
	position: absolute;
	top: 50%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: 100%;
	height: auto;

}
}/*-IE ONLY END-*/
#top #weddingcolumn ul li a span{
	display: block;
	position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
	font-size: 16px;
	letter-spacing: .075em;
	color: #c58d16;
	font-weight: bold;
}
#top #weddingcolumn ul li a:hover img{		
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;


}
#top #weddingcolumn ul li .date{
 position: relative;
 text-align: right;
	margin-top:2px
}
#top #weddingcolumn ul li:first-child .date::before{
 content: 'New';
 margin-right: 5px;
	background:#c58d16;
	color:#fff;
	padding:0 3px;
	font-size:11px;
	border-radius:2px;
	vertical-align: text-bottom;
	display:inline-block;
}
/* instagram */
#top #instagram h2{
	vertical-align: middle;
}
#top #instagram h2 img{
	display: inline-block;
	vertical-align: middle;
}
#top #instagram h2 img + img{
	height: 29px;
	margin-left: 10px;
}
#top #instagram ul{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top #instagram li{
	width: 18%;
	margin-bottom: 20px;
}
#top #instagram li a{
	position: relative;
	display: block;
	background:#3e3e3e ;
	padding-top: 100%;
	overflow: hidden;
}
#top #instagram li a >img{
	position: absolute;
	top: 0;
}
#top #instagram li a:hover > img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#top #instagram li a > span{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: .2em 0;	
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.025em;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;  
  	display: none;
	z-index: 2;
}
#top #instagram li a > span img{
	width: 20px;
	margin-right: 8px;
	vertical-align: -0.1em;
}
#top #instagram li a:hover > span{
	box-sizing: border-box;
	display:block;
	padding-bottom: 40%;
/*	background: rgba(62,62,62,0);*/
}
.instaModal{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
}
.instaModal >a{
	display: block;
	width: 50%;
}
.instaModal >a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.instaModal > div{
	width: 50%;
	padding: 15px 3%;
	box-sizing: border-box;
}
.instaModal > div dt a{
	background: url("images/ic_dw.png") no-repeat left center;
	background-size: 30px auto;
	padding: 10px 0 10px 40px;
	color: #000000;
}
.instaModal > div dd{
	padding: 20px 0 30px;
}
.instaModal > div dl + p{
	text-align: right;
}
.instaModal > div dl + p a{
	color: #000000;
}
.instaModal > div dl + p::before{
	content: "";
	display: inline-block;
	background: url("images/ic_insta.png") no-repeat left top;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}
/*----------------------------------------------
              brand
---------------------------------------------*/
/*** brand top ***/
#brand #brandIndex{
	overflow: hidden;
 max-width: 980px;
	margin-left: -2%;
}
#brandIndex *{
	box-sizing: border-box;
}
#brandIndex li{
	float: left;
	background: #3e3e3e;
	margin-left: 2%;
	margin-bottom: 20px;
}
#brandIndex li a{
	display: block;	
	position: relative;
}
#brandIndex .stelladelibero{
	pointer-events: none;
}

#brandIndex .angedeflora a,
#brandIndex .alessa a,
#brandIndex .elsir a,
#brandIndex .otherdress a,
#brandIndex .victriafrancezka a,
#brandIndex .amanthabride a,
#brandIndex .amelia a,
#brandIndex .mirte a,
#brandIndex .floraflow a{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
#brandIndex .verita,
#brandIndex .elsir,
#brandIndex .floraflow,
#brandIndex .annekelly-newyork{
	float: right;
}
#brandIndex .victriafrancezka,
#brandIndex .amanthabride{
	margin-bottom: 22px;
}
	#brandIndex .victriafrancezka a{
	display: block;
}
	#brandIndex .victriafrancezka{
	margin-bottom: 20px;
}
/*-width-*/

#brandIndex .lateliermariage,
#brandIndex .hardyamies,
#brandIndex .stelladelibero,
#brandIndex .roseateblessing,
#brandIndex .dewy,
#brandIndex .dressweddingbook,
	#brandIndex .annablanca,
	#brandIndex .alessa{
	width: 48%;
}

#brandIndex .verita,
#brandIndex .ballerina,
#brandIndex .victriafrancezka,
#brandIndex .fioretti{
	width: 39%;
}
#brandIndex .amanthabride,
#brandIndex .angedeflora,
#brandIndex .elsir,
#brandIndex .otherdress,
#brandIndex .amelia,
#brandIndex .mirte,
#brandIndex .floraflow{
	width: 57%;
}
#brandIndex .annekelly-newyork,
#brandIndex .jocelynblanchet,
#brandIndex .biancabyevelyn{
	width:31%;
}
/*-txt bg-*/
#brandIndex li figure{
	overflow: hidden;
	z-index: 11;
}
#brandIndex li figure img{
	object-fit: cover;
	height: 100%;
}
@media all and (-ms-high-contrast: none) {
#brandIndex .victriafrancezka figure img,
#brandIndex .amanthabride figure img,
#brandIndex .alessa figure img,
#brandIndex .angedeflora figure img,
#brandIndex .elsir figure img,
#brandIndex .otherdress figure img,
#brandIndex .amelia figure img,
#brandIndex .mirte figure img{
		max-width: none;
	}
	
#brandIndex .victriafrancezka figure img{
		max-width: 100%;
	}
#brandIndex .dewy figure{
	height:220px;
}
#brandIndex .dewy figure img{
	max-width: none;
	height:auto;
	
}
}/*-IE ONLY END-*/
#brandIndex li .brandTxt{
	background: #f6f6f6;
	padding: 15px 20px 10px;
	z-index: 12;
}
#brandIndex li .brandTxt h2{
	width: 100%;
	margin-bottom: 0;
	text-align: left;
}
#brandIndex li .brandTxt img{
	height: auto;
	margin-bottom: 1.0em;
}

#brandIndex .victriafrancezka figure,
#brandIndex .amanthabride figure,
#brandIndex .alessa figure,
#brandIndex .angedeflora figure,
#brandIndex .elsir figure,
#brandIndex .otherdress figure,
#brandIndex .amelia figure,
#brandIndex .mirte figure{
	width: 58%;	
}
#brandIndex .victriafrancezka .brandTxt,
#brandIndex .amanthabride .brandTxt,
#brandIndex .alessa .brandTxt,
#brandIndex .angedeflora .brandTxt,
#brandIndex .elsir .brandTxt,
#brandIndex .otherdress .brandTxt,
#brandIndex .amelia .brandTxt,
#brandIndex .mirte .brandTxt,
#brandIndex .floraflow .brandTxt{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	width: 42%;
}

#brandIndex .lateliermariage .brandTxt,
#brandIndex .hardyamies .brandTxt,
#brandIndex .stelladelibero .brandTxt,
#brandIndex .roseateblessing .brandTxt,
#brandIndex .dewy .brandTxt,
#brandIndex .dressweddingbook .brandTxt{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	width: 46%;
	height: 100%;
	background: rgba(255,255,255,.6);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 13;
}


#brandIndex .lateliermariage .brandTxt h2 img,
#brandIndex .ballerina .brandTxt h2 img,
#brandIndex .dressweddingbook .brandTxt h2 img{
	height:42px;
}

#brandIndex .hardyamies .brandTxt h2 img,
#brandIndex .roseateblessing .brandTxt h2 img{
height:85px;
}

#brandIndex .annablanca .brandTxt h2 img,
#brandIndex .victriafrancezka .brandTxt h2 img,
#brandIndex .amanthabride .brandTxt h2 img{
	height:32px;
}

#brandIndex .alessa .brandTxt h2 img,
#brandIndex .angedeflora .brandTxt h2 img,
#brandIndex .elsir .brandTxt h2 img,
#brandIndex .verita .brandTxt h2 img,
#brandIndex .floraflow .brandTxt h2 img{
	height:22px;
}

#brandIndex .otherdress .brandTxt h2 img{
	height:24px;
}

#brandIndex .stelladelibero .brandTxt h2 img,
#brandIndex .amelia .brandTxt h2 img,
#brandIndex .annekelly-newyork .brandTxt h2 img{
	height:36px;
}


#brandIndex .dewy .brandTxt h2 img,
#brandIndex .mirte .brandTxt h2 img{
	height:30px;
}


#brandIndex .jocelynblanchet .brandTxt h2 img{
height:40px;
}

#brandIndex .biancabyevelyn .brandTxt h2 img{
	height:80px;
}


#brandIndex .lateliermariage .brandTxt p,
#brandIndex .hardyamies .brandTxt p,
#brandIndex .stelladelibero .brandTxt p,
#brandIndex .roseateblessing .brandTxt p,
#brandIndex .dewy .brandTxt p,
#brandIndex .victriafrancezka .brandTxt p,
#brandIndex .amanthabride .brandTxt p,
#brandIndex .alessa .brandTxt p,
#brandIndex .angedeflora .brandTxt p,
#brandIndex .elsir .brandTxt p,
#brandIndex .otherdress .brandTxt p,
#brandIndex .amelia .brandTxt p,
#brandIndex .mirte .brandTxt p,
#brandIndex .dressweddingbook .brandTxt p{
	width: 100%;
}

#brandIndex .annablanca .brandTxt,
#brandIndex .verita .brandTxt,
#brandIndex .ballerina .brandTxt,
#brandIndex .fioretti .brandTxt {
	width: 100%;
	background: rgba(255,255,255,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 13;
}

#brandIndex .annekelly-newyork .brandTxt,
#brandIndex .jocelynblanchet .brandTxt,
#brandIndex .biancabyevelyn .brandTxt{	
	width: 100%;
	background: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 13;

}
#brandIndex .annekelly-newyork p{
	text-shadow:#FFFFFF 1px 1px 5px, #FFFFFF -1px 1px 5px,
    #FFFFFF 1px -1px 5px, #FFFFFF -1px -1px 5px;
}
#brandIndex .jocelynblanchet p,
#brandIndex .biancabyevelyn p{
	color: #FFFFFF;
	text-shadow: #5f605c 1px 1px 3px, #5f605c -1px 1px 3px,
    #5f605c 1px -1px 3px, #5f605c -1px -1px 3px;}

#brandIndex .victriafrancezka figure{
	width: auto;	
}
#brandIndex .victriafrancezka .brandTxt{
	display: block; 
	width: 100%;
	background: rgba(255,255,255,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 13;
}
	#brandIndex .annablanca .brandTxt,
	#brandIndex .alessa .brandTxt{			
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	width: 46%;
	height: 100%;
	background: rgba(255,255,255,.6);
	position: absolute;
	bottom: 0;
	right: 0;
	left: inherit;
	z-index: 13;
}
	#brandIndex .victriafrancezka .brandTxt h2 img{
	height:32px;
}
	#brandIndex .annablanca .brandTxt h2 img{
	height:32px;
}
#brandIndex .alessa .brandTxt h2 img{
	height:30px;
}
	
	#brandIndex .victriafrancezka .brandTxt p,
	#brandIndex .annablanca .brandTxt p,
	#brandIndex .alessa .brandTxt p{
	width: 100%;
}
#brandIndex .dewy{
	width: 57%;
}
#brandIndex .dewy a{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
#brandIndex .dewy figure{
	width: 58%;	
	
}
#brandIndex .alessa figure{
	width:auto;
}
#brandIndex .dewy .brandTxt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	width: 42%;
	background: #f6f6f6;
}
#brandIndex .dewy .brandTxt h2 img{
	height:22px;
}
#brandIndex .dewy .brandTxt p{
	width: 100%;
}


/*-hover-*/
#brandIndex a:hover figure,
#brandIndex a:hover .brandTxt{
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#brandIndex li .hoverTxt{
	display: none;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
#brandIndex li a .hoverTxt .more{
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	letter-spacing: 0.08em;
	margin-top: 18px;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
   -webkit-box-align: center;
      -ms-flex-align: center;
         align-items: center;   
   -webkit-justify-content: center;
          -webkit-box-pack: center;
             -ms-flex-pack: center;
           justify-content: center;
}
#brandIndex li a .hoverTxt .more::after{
	content: "＞";
	font-size: 10px;
	margin-left: 3%;
}
#brandIndex li a:hover .hoverTxt{
	display: block;
}

/*** brand detail index / product detail ***/
#productList,
#brandMenu dd ul,
.productDetail #detailBox{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}
.brandProducts #introduction{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
	margin: 0 0 40px;	
}
.brandProducts #introduction h1{
	padding:0 10px 0 0;
	margin-bottom: 0;
	width:230px;
}
.term-otherdress.brandProducts #introduction h1 {
	width: 170px;
}
.brandProducts #introduction h1 img{
	height: auto;
}
.brandProducts #introduction .leadTxt{
	padding: 0;
	margin: 0;
	width: 680px;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
}
#productList{
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
	margin-left: -2%;
}
#productList li{
	margin-left: 2%;
}
#productList li,
.otherProducts ul li{
	/* background: #3e3e3e; */
	margin-bottom: 20px;
	width: 23%;
	position: relative;
}
#productList li a,
.otherProducts ul li a{
	display: block;
	height: 345px;
	overflow: hidden;
}
.productDetail #detailBox .imgMain img{
	width: 100%;
}
#productList li img,
.otherProducts ul li img{
	height: 100%;
	max-width: none;
}
#productList li a:hover img,
.otherProducts ul li a:hover img{
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#productList li .hoverTxt{
	display: none;
}
#productList li a:hover .hoverTxt{
	color: #ffffff;
	display: block;
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;

	bottom: 0;
	width: 100%;
}
#productList li a:hover .hoverTxt .more{
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	letter-spacing: 0.08em;
	display: block;
	margin-top: 18px;
}
#productList li a:hover .hoverTxt .more::after{
	content: "＞";
	font-size: 10px;
	margin-left: 5%;
}

#brandMenu dt{
	border: 1px solid #222222;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	letter-spacing: 0.08em;
	text-align: center;
	color: #222222;
	display: inline-block;
	padding: 10px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
/*#brandMenu dt::after{
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-left: solid 1px #222222;
	border-bottom: solid 1px #222222;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 20px;
	right: 3%;
}
#brandMenu dt.active::after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 20px;
	right: 3%;
}*/
#brandMenu dd{
	margin-bottom: 0;
	padding: 0 3% 0;
}
#brandMenu dd ul{
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
#brandMenu dd ul li{
	margin-top: 30px;
	width: 22%;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
   -webkit-box-align: center;
      -ms-flex-align: center;
         align-items: center;   
   -webkit-justify-content: center;
          -webkit-box-pack: center;
             -ms-flex-pack: center;
           justify-content: center;
	
	margin-left: 3%;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#brandMenu dd ul li:nth-of-type(4n+1) {
	margin-left: 0%;
}

#brandMenu dd ul li a{
	display: block;
}
#brandMenu dd ul li a:hover{
	background: #C7C7C7;
}
#brandMenu dd ul li img{
	max-width:60%;
}

.btn_contact{
	border: 1px solid #222;
	padding: 10px;
	max-width:400px;
	width: 100%;
	text-align: center;
	margin: 0 auto 40px;
}
.btn_contact a{
	color: #222222;
font-size: 16px;
}
@media all and (-ms-high-contrast: none){
	#brandMenu dd ul li img{
	max-width:121px;
}
}/*-IE only-*/
.productDetail #detailBox .imgMain{
	position: relative;
	width: 480px;
}
.productDetail #detailBox .imgMain .favolateBtn{
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 200;
}
.productDetail #detailBox .data{
	width: 460px;
}
.productDetail #detailBox .data h1{
	font-size: 24px;
	margin-bottom: 30px;
	text-align: left;
}
.productDetail #detailBox .data p{
	margin-bottom: 20px;
	overflow:hidden;
}

.productDetail #detailBox .btnTxt a {
	margin: 0;
	padding-right: 1.5rem;
	padding-left: 0.5rem;
	width: fit-content;
	margin-top: 20px;
	font-size: 14px;
}

@media screen and (min-width: 1px) and (max-width: 640px) {
	.productDetail #detailBox .btnTxt a {
		margin-inline: auto;
	}
}

.productDetail #detailBox img.alignright {
    display: block;
    margin: 1px 1px 1px 10px;
    float: right;
}

.productDetail #detailBox img.alignleft {
    display: block;
    margin: 1px 10px 1px 1px;
    float: left;
}

.productDetail #detailBox img.aligncenter {
    display: block;
    margin: 5px auto;
}


.productDetail #detailBox .data .spec li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.productDetail #detailBox .data .spec li >span{
	display: block;
	width: 80%;
}
.productDetail #detailBox .data .spec li h2{
	margin: 0;
	width: 80%;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	text-align: left;
}
.productDetail #productList{
	margin-bottom: 100px;
}

.otherProducts > div{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.otherProducts p{
	width:14px;
}
.otherProducts ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 0;
	width: 920px;
}
.otherProducts ul li{
	width: 19%;
}

/*------------brand CF list-----------*/
.page-template-page-scene h1,
.page-template-page-color h1,
.page-template-page-style h1{
	border-bottom: 1px #222222 solid;
padding: 0 0 5px;
margin: 0px 0 15px;
font-size: 18px;
line-height: 1.4;
}


/*----------------------------------------------
              search dress
---------------------------------------------*/
/*-- 2006 add --*/
#searchdress h1 span.h1txt{
	font-weight:normal;
	font-size: 12px;
	margin-top: 15px;
	display: block;
}
#searchdress .searchLeadTxt,
#searchdresstest .searchLeadTxt,
#brand .leadTxt{
	margin-top: -25px;
	text-align: center;
	margin-bottom: 30px;
}
#searchdress .searchLeadTxt a{
	color: #33cccc;
}
/*-- /2006 add --*/

#searchDetail{
	background: #f6f6f6;
	padding: 50px;
}
#searchDetail dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
#searchDetail dl dt{
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	letter-spacing: 0.08em;
	width: 110px;
}
#searchDetail dl dt h2{
	margin: 0;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.08em;
}
#searchDetail dl dd{
	padding-bottom: 30px;
	width: 770px;
}
#searchDetail dl dd ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-left: -20px;
}
#searchDetail dl dd ul li{
	margin:0 0 20px 20px;
	text-align: center;
}

#searchDetail > dl dd ul li label{
	position: relative;
	display: block;
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 9px 3px;
	color: #222222;
	font-size: 12px;
	line-height: 1.2;
	box-sizing: border-box;
}
#searchDetail .txtBtn label{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}
#searchDetail > dl dd ul li label input{
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	        appearance: none;
	opacity: 0;
	cursor: pointer;
}
#searchDetail > dl dd ul li label.ckd{
	background: rgba(197,141,22,0.50);
}
#searchDetail > dl dd ul li label:hover{
	background: #C9C9C9;	
}
#searchDetail dl dd ul li label img{
	margin-bottom: 8px;
}
#searchDetail #style label img{
	margin-bottom: 3px;
}
#searchDetail #color label{
	height: 91px;
	width: 91px;
}
#searchDetail #style label{
	height: 141px;
	width: 95px;
}
#searchDetail #design label{
	height: 106px;
	width: 110px;
}
#searchDetail #scene label,
#searchDetail #design .txtBtn label{
	height: 58px;
	width: 110px;
}
#searchDetail #material label{
	height: 110px;
	width: 110px;
}
#searchDetail #brand{
	padding-bottom: 40px;
}
#searchDetail #brand label{
	height: 68px;
	width: 110px;
}
#searchDetail #brand label img{
	margin-bottom: 0;
	max-width: 85%;
	max-height: 85%;
}
@media all and (-ms-high-contrast: none) {
#searchDetail #brand label img{
	margin-bottom: 0;
	max-width: 86px;
	max-height: auto;
}
}/*-IE ONLY END-*/
/*** colorchip ***/
#searchDetail #color label span{
	display: block;
	border-radius: 6px;
	margin: 0 auto 8px;
	width: 34px;
	height: 34px;
}
#searchDetail #color .clWhite{
	background: #ffffff;
	border: 1px solid #cccccc;
	width: 32px;
	height: 32px;
}
#searchDetail #color .clIvory{
	background: #f5f2ec;
	border: 1px solid #cccccc;
	width: 32px;
	height: 32px;
}
#searchDetail #color .clYellowOrange{
	background:linear-gradient(90deg,#fff33f 0%,#fff33f 50%,#ff9600 50%,#ff9600 100%);
}
#searchDetail #color .clGreenYellowgreen{
	background: #62c817;
}
#searchDetail #color .clBlue{
	background: ;
	background: linear-gradient(90deg,#3f95ff 0%,#3f95ff 50%,#000080 50%,#000080 100%);
}
#searchDetail #color .clPurplelavender{
	background:linear-gradient(90deg,#a86ad7 0%,#a86ad7 50%,#8e6ad7 50%,#8e6ad7 100%);
}
#searchDetail #color .clBluePurple{
	background: linear-gradient(90deg,#3f95ff 0%,#3f95ff 50%,#a86ad7 50%,#a86ad7 100%);
}
#searchDetail #color .clPink{
	background:#ff79ab;
}
#searchDetail #color .clRedWine{
	background:#f84040;
}
#searchDetail #color .clGoldSilver{
	background:linear-gradient(90deg,#e3cb81 0%,#e3cb81 50%,#e2e2e2 50%,#e2e2e2 100%);
}
#searchDetail #color .clGrayBlack{
	background:linear-gradient(90deg,#c2c2c2 0%,#c2c2c2 50%,#000000 50%,#000000 100%);
}
#searchDetail #color .clBrownBeige{
	background:linear-gradient(90deg,#794e16 0%,#794e16 50%,#f4dfb6 50%,#f4dfb6 100%);
}
#searchDetail #color .clMixcolor{
	background: url("images/search/img_color_mix.png") no-repeat center top;
	background-size: cover;
}

/*** findmore btn ***/
#searchDetail .findMore{
	border-bottom: 1px solid #000000;
}
#searchDetail .findMore > dt,
#searchDetail .findMore > dd{
	padding-bottom: 0;
	width: 100%;
}
#searchDetail .findMore > dt{
	position: relative;
	border: 1px solid #222222;
	padding: 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #222222;
	font-family:"Gill Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.08em;
	text-align: center;
	cursor: pointer;
}
#searchDetail .findMore > dt::after{
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-left: solid 1px #222222;
	border-bottom: solid 1px #222222;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 20px;
	right: 3%;
}
#searchDetail .findMore > dt.active::after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#searchDetail li label span.txtS{
	font-size: 10px;
	width: 100% !important;
	border-radius: 0 !important;
	margin: 0 !important;
	height: auto !important;
	width: auto !important;
}
#searchDetail .btnArea{
	margin-top: 60px;
}

.searchRtxt{
	background: #f6f6f6;
	padding: 20px 20px;
	margin-bottom: 60px;
}
.searchRtxt span{
	font-weight: bold;
}
.search .btnTxt a{
	width: 25%;
}
/*----------------------------------------------
              WEDDING COLUMN
---------------------------------------------*/
/*--archives---*/
.columnList{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-left: -3%;
}
.columnList li{
	width: 30%;
	margin-left: 3%;
	margin-bottom: 45px;
}
.columnList li a{
	display: block;
	position: relative;
}
#contents .columnList li h2{
	overflow: hidden;
	background: #3e3e3e;
	width: 100%;
	height:200px;
	margin: 0;
}
#contents .columnList li h2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:0 0;
}
@media all and (-ms-high-contrast: none) {
	#contents .columnList li h2{
		position: relative;
	}
#contents .columnList li h2 img{
	position: absolute;
	top: 50%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: 100%;
	height: auto;

}
}/*-IE ONLY END-*/
.columnList li a >span{
	display: block;
	padding: 5px 0;
	color: #222222;
	font-weight:bold;
}
.columnList li a >span i{
	font-weight:normal;
	font-style:normal;
}
.columnList li a:hover img{		
	filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#trends .columnList li span {font-weight: bold;}
#trends .columnList li {width: 22%;}
#trends #contents .columnList li h2 {height: 27%;}
#trends #contents .columnList li h2 img{ height:auto;}
#trends #contents .columnList li p{padding-top: 0.5em;}
@media all and (-ms-high-contrast: none) {
#trends #contents .columnList li h2{height: 310px;}
}
@media screen and (min-width:1px) and (max-width: 640px) {
#trends .columnList {display: -ms-flex;display: -webkit-box;display: -webkit-flex;display: flex; margin-left:0;}
#trends .columnList li {width: 50%; margin-left:0;margin-bottom:0;}
#trends .columnList li p{padding: .5em .7em 0;}
#trends .columnList li p span{font-size: 13px;}
}
@media screen and (min-width:641px) and (max-width: 835px) {
#trends .columnList {margin-left:0;}
#trends .columnList li{margin-left:2.5%;}
}
</style>



/*--single--*/
.single-column #contents h1{}
.single-column #contents h2,
.single-trends #contents h2{
	font-size: 25px;
	text-align: center;
}
.single-column h2 + .date,
.single-trends h2 + .date{
	margin:-20px 0 20px;
	font-size: 12px;
	text-align: center;
}
.columnMenu{
	border: 15px #ededed solid;
	width: 85%;
	max-width: 830px;
	padding: 12px;
	margin: 0 auto 30px;
	box-sizing: border-box;
}
.columnMenu dt{
	border-bottom: 1px #000000 solid;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.columnMenu dd{
	height: 150px;
	padding: 0 15px;
	overflow-y: scroll;
}
.columnMenu dd ul{}
.columnMenu dd ul li{
	border-bottom: 1px #000 dotted;
}
.columnMenu dd ul li:last-child{
	border-bottom: none;
}
.columnMenu dd ul li a{
	display: block;
	padding: 5px 12px;
	color:#666666
}
.single-column h3,
.single-trends h3{
	border-bottom: 1px #000000 solid;
	padding: 0 0 4px;
	margin:50px 0 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
}
.single-column .columnMenu + h3,
.single-trends .columnMenu + h3{
	margin-top: 50px;
}
.single-column h3 + .date,
.single-trends h3 + .date{
	margin:-20px 0 10px;
	text-align: right;
	font-size: 12px;
}
.txtArea{
	width: 85%;
	max-width: 830px;
	margin: 0 auto 40px;
}

@media screen and (min-width:1px) and (max-width: 380px) {
.txtArea{
	width:100%;
}
}

.cStyle02,
.cStyle03,
.cStyle04,
.cStyle05,
.cStyle06{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 50px;
}
.cStyle01 figcaption,
.cStyle02 figcaption,
.cStyle03 figcaption,
.cStyle04 figcaption,
.cStyle06 figcaption{
	display: block;
	padding: 5px 0 10px;
	font-size: 12px;
}

.cStyle01{
	padding-bottom: 50px;
}
.cStyle02 li{
	width: 49%;
	max-width: 480px;
}
.cStyle03 figure,
.cStyle04 figure{
	width: 40%;
	max-width: 392px;
}
.cStyle03 .etxt,.cStyle04 .etxt{
	width: 57%;
}
.cStyle04{
	flex-direction: row-reverse;
}
.cStyle05{
	align-items: center;
	border: 1px #9b9b9b solid;
	padding: 5px 10px;
	margin-bottom: 50px;
}
.cStyle05 figure{
	width:22% ;
	max-width: 210px;
	background: #3e3e3e;
}
.cStyle01 figure a,
.cStyle02 figure a,
.cStyle03 figure a,
.cStyle04 figure a,
.cStyle06 figure a{
	background: #3e3e3e;
	    display: block;
}


.cStyle05 a:hover{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.cStyle01 a:hover img,
.cStyle02 a:hover img,
.cStyle03 a:hover img,
.cStyle04 a:hover img,
.cStyle06 a:hover img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.cStyle05 div{
	width:73% ;
}
.cStyle05 h4{
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.cStyle05 h4 a{
	color: #222222;	
}
.cStyle06 li{
	width: 24%;
	max-width: 232px;
}
.cStyle02 figure img,
.cStyle03 figure img,
.cStyle04 figure img,
.cStyle06 figure img{
	object-fit:initial;
	width:100%;
}
.single-column .btnTxt a{
	width: 30%;
	font-weight: bold;
}
.etxt{
	overflow: hidden;
}
.etxt p{margin-bottom: 1em; overflow: hidden;}
/*.etxt p a{
	color: #33cccc;
}*/
.etxt p a:hover{	filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.etxt img.alignright {
    display: block;
    margin: 1px 1px 1px 10px;
    float: right;
}
.etxt img.alignleft {
    display: block;
    margin: 1px 10px 1px 1px;
    float: left;
}
.etxt img.aligncenter {
    display: block;
    margin: 5px auto;
}

/*----------------------------------------------
              TOPICS
---------------------------------------------*/
.topicsList{
	margin-bottom: 45px;
}
.topicsList li a{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
   justify-content: space-between;
  flex-wrap: wrap;
      align-items: center;
         align-items: flex-start;
	padding: 1em 12px;
	border-bottom: 1px dotted #444444;
	color: #222222;
}
.topicsList li .date{
	display: block;
	width: 125px;
	margin-right: 1em;
	padding: .4em;
	background: #bbbbbd;
	border-radius: 4px;
	color: #FFF;
	font-size: 12px;
	letter-spacing: .075em;
	line-height: 1em;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.topicsList li div{
	width: calc( 100% - 140px - 140px - 24px);
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#contents .topicsList li h2{
	font-size: 15px;
	text-align: left;
	margin: 0 0 5px;
}
.topicsList li figure{
	overflow: hidden;
	width: 140px;
	height: 140px;
	background: #3e3e3e;
	margin-left: 12px;
}
.topicsList li figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media all and (-ms-high-contrast: none) {
.topicsList li  figure{
		position: relative;
	}
.topicsList li figure img{
	position: absolute;
	top: 50%;
	left: 50%;	
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	margin: auto;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: 150%;
}
}/*-IE ONLY END-*/
.topicsList .btnTxt{
	margin-bottom: 40px;
}
.topicsList li a:hover figure img{
		filter:Alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.topicsList li a:hover {
	background: #E7E7E7;
}
.topicsList li div p a:hover{
	color:#33cccc;
}
/*--topics article--*/
.topicsArticle{
	padding-bottom: 50px;
	margin-bottom: 10px;
}
#contents .topicsArticle h2{
	border-bottom: 1px #000000 solid;
	padding: 0 0 4px;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
.topicsArticle .date{
	margin-bottom: 10px;
	font-size: 12px;
	text-align: right;
}
.topicsArticle .date + figure{
	margin-bottom: 35px;
}

.topicsArticle .date + figure img{
	/*max-height:500px;*/
}
.topicsArticle p{
	overflow: hidden;
	font-size: 16px;
	margin-bottom: 1em;
}
.topicsArticle table{
	box-sizing: border-box;
	max-width: 100% !important;
}
@media all and (-ms-high-contrast: none) {
.topicsArticle table{
	table-layout: fixed;
}
}/*-IE ONLY END-*/
.topicsArticle table th,
.topicsArticle table td,
.productDetail table th,
.productDetail table td,
.etxt table th,
.etxt table td{
	border: 1px #ccc solid;
	padding: 5px;
}
.topicsArticle a,
#detailBox p a{
	color: #33cccc;
}
.topicsArticle a:hover,
#detailBox p a:hover{	filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}
/* 画像配置 左 */
.topicsArticle img.alignleft {
        text-align: left;
	float: left;
	margin: 1px 10px 1px 1px;
}

/* 画像配置 中央 */
.topicsArticle img.aligncenter {
        display: block;
        margin: 1px auto;
}

/* 画像配置 右 */
.topicsArticle img.alignright {
        display: block;
        margin: 1px 1px 1px 10px;
	float: right;
}

.topicsArticle iframe,
.txtArea iframe,
.etxt iframe{
	margin: 0px auto 12px !important;
}

.topicsArticle p img{
	padding-bottom: 15px;
}


/*----------------------------------------------
              MY FAVORITE
---------------------------------------------*/
.favoriteList{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -2%;
}
.favoriteList li{
	position: relative;
width: 23%;
max-width: 230px;
	margin: 0 0 20px 2%;
}
.favoriteList li label{
	display: block;
	height: 345px;
	overflow: hidden;
}
.favoriteList li input{
	display: inline-block;
	border: 1px #999999 solid;
	background: #FFFFFF;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	bottom: 5px;
	right: 5px;
	-webkit-appearance: none;
	        appearance: none;
}
.favoriteList li input:checked::after{
	content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
	right: 0;
 border-bottom: 3px solid #000000;
 border-right: 3px solid #000000;
 width: 7px;
 height: 14px;
	margin: auto;
 transform: rotate(40deg);
}
.favoriteList li .del{
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
}
.favoriteList li label img{
	height: 100%;
	max-width: none;
}
.othercheck{
	background: #f6f6f6;
	padding: 10px;
	margin: 30px auto 50px;
	text-align: center;
}
.othercheck label{
	display: inline-block;
	vertical-align: middle;
}
.othercheck input{
	position: relative;
	display: inline-block;
	border: 1px #999999 solid;
	background: #FFFFFF;
	width: 25px;
	height: 25px;
	margin: 0 8px 0 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	        appearance: none;
}
.othercheck input:checked::after{
	content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
	right: 0;
 border-bottom: 3px solid #000000;
 border-right: 3px solid #000000;
 width: 7px;
 height: 14px;
	margin: auto;
 transform: rotate(40deg);
}
.btnContact{
	display: block;
	border: 1px #222222 solid;
	background: #FFFFFF;
	width: 80%;
	max-width: 235px;
	padding: 10px;
	margin: 0 auto;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
   border-radius: 0;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.btnContact:hover{
	background: #222222;
	color: #FFFFFF;
}

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

.contactNotice{
	margin-bottom:4em;
	border:1px solid #ddd;
	padding:40px 80px;
}

#contents .contactNotice h2{
	margin:1em 0;
	font-size:1.1rem;
	text-align:left;
	border-left:8px solid #ccc;
	padding-left:12px;
}

.contactNotice p{
	margin-bottom:1em;
}

.contactItem{
	margin-bottom: 2em;
	padding: 1em 1.2em;
	background: #f6f6f6;	
}
.contactItem dt{
	font-weight: bold;
	font-size: 16px;	
}
.contactItem dd ul{
	padding: 1em 0 0;		
}
.contactItem dd ul li{
	display: inline-block;
	border-right: 1px solid #cccccc;
	line-height: 1;
	padding: 0 35px;
	font-size: 22px;
}
#contact-thanks .contactItem{display: none;}
form .req{
	color: #ea2626;
}
form th .req{
	vertical-align:	super;
	font-size: 10px;
}
.page-template-page-contact form table,
.page-template-page-contacttest form table{
	width: 100%;
}
.page-template-page-contact form th,
.page-template-page-contacttest form th{
	box-sizing: border-box;
	width: 23.46%;
	padding: 2em 1.4em;
	background: #999999;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	vertical-align: middle;
}
.page-template-page-contact form td,
.page-template-page-contacttest form td{
	padding: 1.2em 2em;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}
.page-template-page-contact form input[type="text"],
.page-template-page-contact form input[type="email"],
.page-template-page-contacttest form input[type="text"],
.page-template-page-contacttest form input[type="email"]{
	padding: .6em;
	width: 84%;
	border: 1px solid #999999;
}
.page-template-page-contact form select,
.page-template-page-contacttest form select{
	padding: .6em;
	border: 1px solid #999999;
}
.page-template-page-contact .mwform-checkbox-field + .mwform-checkbox-field.horizontal-item,
.page-template-page-contacttest .mwform-checkbox-field + .mwform-checkbox-field.horizontal-item{
	margin-left: 3em;
}
.page-template-page-contact form td input.zip,
.page-template-page-contacttest form td input.zip{
	width: 10%;
}
.page-template-page-contact form td input.zip + .zip,
.page-template-page-contact form td input#age,
.page-template-page-contact form td input#year,
.page-template-page-contact form td input#month,
.page-template-page-contact form td input#day,
.page-template-page-contact form td input#size,
.page-template-page-contact form td input#tall,
.page-template-page-contacttest form td input.zip + .zip,
.page-template-page-contacttest form td input#age,
.page-template-page-contacttest form td input#year,
.page-template-page-contacttest form td input#month,
.page-template-page-contacttest form td input#day,
.page-template-page-contacttest form td input#size,
.page-template-page-contacttest form td input#tall{
	width: 13%;
}
.page-template-page-contacttest select#pref,
.page-template-page-contacttest select#pref{
	width: 20%;
}
.page-template-page-contact form textarea,
.page-template-page-contacttest form textarea{
	padding: .6em;
	width: 93.33%;
	border: 1px solid #999999;
}

.mwform-zip-field .zip:first-of-type{
	margin-right: .5em;	
}
.mwform-zip-field .zip:last-of-type{
	margin-left: .5em;		
}
.page-template-page-contact form #month,
.page-template-page-contact form #day,
.page-template-page-contacttest form #month,
.page-template-page-contacttest form #day{
	margin-left: 1em;	
}
.page-template-page-contact form #tall,
.page-template-page-contacttest form #tall{
	margin-left: 3em;	
}
.contactQuestion p:first-of-type{
	margin-top: 40px;
	margin-bottom: .6em;	
}
.contactQuestion +  .contactQuestion p:first-of-type{
	margin-top: 0px;	
}
.contactQuestion #question{
	margin: 0 2% 2em;
	width: 96%;
    box-sizing: border-box;
}
.contactQuestion .horizontal-item label{
	margin-bottom: 2em;
    display: inline-block;
}
.contactQuestion .horizontal-item:nth-child(4)::after,
.contactQuestion .horizontal-item:nth-child(5)::after,
.contactQuestion .horizontal-item:nth-child(6)::after,
.contactQuestion .horizontal-item:nth-child(7)::after{
	content: "\A" ;
	white-space: pre ;
}
.page-template-page-contact .contactQuestion .horizontal-item:nth-child(5),
.page-template-page-contact .contactQuestion .horizontal-item:nth-child(6),
.page-template-page-contact .contactQuestion .horizontal-item:nth-child(7),
.page-template-page-contacttest .contactQuestion .horizontal-item:nth-child(5),
.page-template-page-contacttest .contactQuestion .horizontal-item:nth-child(6),
.page-template-page-contacttest .contactQuestion .horizontal-item:nth-child(7){
	margin-left: 0;
}
/* inputBox調整*/
.inputBox{
	vertical-align: middle;
}
.page-template-page-contact .inputBox input[type="text"],
.page-template-page-contacttest .inputBox input[type="text"]{
	width: 50%;
	vertical-align: middle;
}
.page-template-page-contact form #undecided-2,
.page-template-page-contacttest form #undecided-2{
	margin-left: 30em;	
}
.timeBox > div{	
	margin: -26px 0 0 9em;
}
.mw_wp_form mw_wp_form_confirm .timeBox > div{
 margin-top: 0;
}
.placeBox .mwform-radio-field + .mwform-radio-field.horizontal-item{
	margin-left: 28em;
}
#placeName{
	margin: -26px 0 0 5em;
}
#triggerMagazine{
	margin: -154px 0 0 4em;
}
#triggerSite{
	margin: 1em 0 0 8em;
}
#triggerOther{
	margin: 1em 0 0 5em;
}



/*body.contact-general-error #dressNumArea{
	font-size: 22px;
	margin: -160px 0 140px 15em;
}*/

/* privacyAccept */
form .privacyAccept{
	margin-top: 50px;
	text-align: center;
}
form .privacyAccept > span::after{
	content: '※';
	color: #ea2626;	
	vertical-align:	super;
	font-size: 10px;
}

/* btn */
.page-template-page-contact form .btnArea,
.page-template-page-contacttest form .btnArea{
	margin-top: 50px;
	}
.page-template-page-contact form .btnArea button,
.page-template-page-contact form .btnArea input,
.page-template-page-contacttest form .btnArea button,
.page-template-page-contacttest form .btnArea input{
	background: #FFF;
	padding: 1em;
	border: 1px solid #222222;
	font-weight: bold;
	width: 33.55%;
	min-width: 250px;
	-webkit-appearance: none;
border-radius: 0;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.page-template-page-contact form .btnArea button:hover,
.page-template-page-contacttest form .btnArea button:hover{
	background: #222222;
	color: #FFFFFF;
}
.page-template-page-contact form .btnArea .btnclear,
.page-template-page-contacttest form .btnArea .btnclear{
	margin-right: 8%;
	width: 25%;
	min-width: 190px;
	border: 1px solid #afafaf;
	color: #afafaf;
	cursor: pointer;
}
.page-template-page-contact form .btnArea .btnclear:hover,
.page-template-page-contacttest form .btnArea .btnclear:hover{
	background: #afafaf;
	color: #FFFFFF;
	
}
form .btnclear{}
form .btnconfirm{}
form .btnsubmit{}

/* 確認画面用調整 */
.mw_wp_form_confirm form .triggerTxt{
	display: none;
}
.mw_wp_form_confirm form #placeName,
.mw_wp_form_confirm form #triggerMagazine,
.mw_wp_form_confirm form #triggerSite,
.mw_wp_form_confirm form #triggerOther{
	margin: 1em 0 0 0em;
}
.mw_wp_form td,
.contactQuestion,
.privacyAccept{
	position: relative;
}
.mw_wp_form .error{
	position: absolute;
	top: -5px;
	left: 3em;
	border: 1px #c02f2f solid;
	background: #fff1f1;
	padding: 2px 10px;
	font-weight: bold;
}
.mw_wp_form .error::before{
	content: "";
	display: block;
	border-bottom: 1px #c02f2f solid;
	border-right: 1px #c02f2f solid;
	background: #fff1f1;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	position: absolute;
	bottom: -4px;
	right: 0;
	left: 0;
	margin: auto;
}
.mw_wp_form .contactQuestion .error{
	left: 18em;
}
.mw_wp_form .privacyAccept .error{
	left: 48%;
	top: -2em;
}
.mw_wp_form_confirm button.btnclear{
	display: none;
}
.mw_wp_form .timeBox .error{
 top: 2em;
 left: 12em;
}
.mw_wp_form .timeBox input[name=mwform_month] + .error{
 left: 21em;
}
.mw_wp_form .timeBox input[name=mwform_day] + .error{
 left: 30em;
}

/*----------------------------------------------
              ABOUT US
---------------------------------------------*/
#about #contents h1 + p{
	margin-bottom: 2em;
}
#about #contents h2{
	border-bottom: 1px #222222 solid;
	padding: 0 0 5px;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}
#about #contents dl{
	overflow: hidden;
	padding: 0 3%;
}
#about #contents dt{
	float: left;
	font-weight: bold;
}
#about #contents dd{
	padding: 0 0 1.2em 8.5em;
	line-height: 1.5;
}
#about #contents dd p + p{
	margin-top: 1em;
}
/*----------------------------------------------
             PRIVACY POLICY
---------------------------------------------*/
#privacy #contents h2{
	border-bottom: 1px #222222 solid;
	padding: 0 0 5px;
	margin: 40px 0 15px;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}
#privacy  h3{
	margin: 20px 0 10px;
	font-size: 15px;
}


/*------------------------------------------------------------------------*/
/*-----------------------tablet 641px ~ 812px   --------------------------*/
/*------------------------------------------------------------------------*/
@media screen and (min-width:641px) and (max-width: 812px) {
	.inner{
		margin: 0 1%;
	}
	#contents{
		margin: 0 1%;
	}
	#top #kinds .itemList li a > span{
		font-size: 12px;
	}
#top #kinds .itemList li a:hover > span{
	padding-bottom: 60%;
	font-size: 12px;
}
	
#productList li a, 
.otherProducts ul li a {
    height: 35.6vw
	}

.productDetail #detailBox .imgMain,
.productDetail #detailBox .data{
	margin:0 auto 20px;
}
	
}/*-END tablet-*/

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
              smartphone
--------------------------------------------------------------------------*/
@media screen and (min-width:1px) and (max-width: 640px) {
	body{
		font-family: Arial, Roboto, “Droid Sans”, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		/*font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	
-webkit-text-size-adjust: 100%;
	}
img{
	max-width:100%;}
.pcOnly,.pcOnlyI{ display:none;}
.spOnly{ display:block;}
.spOnlyI{ display:inline-block;}

/*****************SP  head ***********************/
header{
	padding: 12px 0 10px;
}
header #logo{
	margin-right: 0;
}
header #logo img{
	height: 17px;
	width: auto;
}
header #gNavi > .naviTxt li,
header #gNavi > .naviIc li{
	margin-right: 18px;
	margin-top:0;
}
#top header #gNavi > .naviTxt li,
#top header #gNavi > .naviIc li{
	margin-top: -3px;
}
header #gNavi > .naviTxt img{
	height: 28px;
}
header #gNavi > .naviIc img{
	height: 22px;
}

#menuOpen{
	padding: 10px 3%;
}
/* body:not(#top)	header .inner #gNavi > ul.naviTxt{
		display: none;
	} */

	body	header .inner #gNavi > ul.naviTxt{
		display: none;
	}


/*---- menu ----*/
.menuBtn {
	width: 30px;
	height: 23px;
	margin-right: 15px;
}
.menuBtn span:nth-of-type(2) {
	top: 10px;
}

/*****************SP  foot ***********************/
footer{
	padding: 30px 0 15px;
}
footer h2 img{
	margin-bottom: 15px;
	height: 4.26vw;
}
footer #sns{
	margin-bottom: 20px;
}
footer #sns li{
	margin-right: 30px;
}
footer #footerNavi{
	display: none;
}
footer .copyright{
	margin-top: 10px;
}
.pageTop a{
	border-radius: 13vw;
	line-height: 1.1;
	padding: 4vw 0 6px;
	width: 13vw;
	height: 13vw;
	font-size: 3.2vw;
}
.pageTop a::after{
	top: 2vw;
}

/*****************  contents ***********************/
#contents{
	max-width: 94%;
	padding: 40px 0;
}
#contents h2{
	margin-bottom: 30px;
}
.inner{
	max-width: 94%;
}

#contents .btnArea li .btn{
	letter-spacing: 0;
	width: 140px;
	padding: 10px 10px;
	box-sizing: border-box;
}

.btnTxt a:hover{
	color: #222222;
	background: #FFFFFF;
}
.btnTxt a:hover::after{
	border-right: 1px #222222 solid;
	border-bottom: 1px #222222 solid;
}

.btnTxt a.hover{
	color: #222222;
	background: #FFFFFF;
}
.btnTxt a.hover::after{
	border-right: 1px #222222 solid;
	border-bottom: 1px #222222 solid;
}
/*----------------------------------------------
              SP top
---------------------------------------------*/
#top .instCheck a{
	border-radius: 21vw;
	padding: 0px 0 6px;
	width: 21vw;
	height: 21vw;
	position: fixed;
	top: 60%;
	right: 10px;
}
#top .instCheck a img{
	width: 6.66vw;
	margin: 3.2vw 0 3vw;
}
#top .instCheck a span{
	display: block;
}
#top .instCheck a::after{
	border-width: 2.1vw .8vw 0 .8vw;
	bottom: 8px;
	left: 45%;
}

#top #topMV {
	margin: -12px 0 12px;
	margin-bottom: 0;
	height: 90.66vw;
}
#top #topMV .topSlide {
}
	#top #topMV .topSlide .item{
		height: auto;
	}
#top #topMV .topSlide .item > img{
	object-fit: cover;
	width:100%;
	height: 90.66vw;
}
#top #topMV .topSlide .item h1,
#top #topMV .topSlide .item p{
	position: absolute;
	top: 50%;
	left: 3.8%;
	right: inherit;
	width: 56.5vw;
	padding-top: 0;
  img {
    max-width: 100%;
  }
}
#top #topMV .slick-dots{
		bottom: 10px;
	}
	
#top main{
	padding: 20px 0;
}
#top main section{
	padding: 40px 0 20px 0;
}
#top main section#weddingcolumn{
	padding: 40px 0 40px 0;
}
#top main h2{
	margin-bottom: 5.33vw;
}
#top main h2 img{
	height: 4.26vw;
}
/* common */
#top main .itemList{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top main .itemList li,
	#top #kinds .itemList li,
	#top main .itemList.sp li{
	max-width: none;
	width: 50%;
	margin-bottom: 20px;
}

#top main .itemList.sp li img{
	object-fit: cover;
	height: auto;
	width: auto;
}
/* trends */
#top #trends .itemList{
	margin-bottom: 50px;
}
	#top #trends .slick-arrows{}
/* topics */
#top #topics ul{
	margin-bottom: 45px;
}
#top #topics li a{
	position: relative;
	display: block;
	min-height: 40vw;
	padding: 5vw 0;
	box-sizing: border-box;
}
#top #topics li .date{
	margin-bottom: 10px;
	width:115px;
}
#top #topics li div{
	width: 65vw;
}
#top #topics li figure{
	width: 26vw;
	max-height: 26vw;
	overflow: hidden;
	position: absolute;
	top:5vw;
	right: 0;
	background:none;
}
#top #topics .btnTxt,
#top #trends .btnTxt{
	margin-bottom: 40px;
}
#top #topics .btnTxt a{
	width: 50.8vw;
}

/* kinds */
#top #kinds .itemList li a:hover > h3{
	padding-bottom: 40px;
	font-size: 21px;
}
	#top #kinds .itemList li.long h3{
		font-size: 16px;
		line-height: 1.5;
	}
	#top #kinds .itemList li.long a:hover > h3{
	font-size: 19px;
}
	#top #kinds .itemList li img{
		width: auto;
		height: auto;
		max-height: none;
		max-width: 100%;
	}

/* weddingcolumn */

#top #weddingcolumn ul{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#top #weddingcolumn ul li{
	width: 100%;
	margin-bottom: 20px;
}

#top #weddingcolumn ul li a{
	height:auto;
}

#top #weddingcolumn ul li img{
	height: auto;
}

/* instagram */
#top #instagram h2 img + img{
	height: 29px;
	margin-left: 10px;
}
#top #instagram li{
	width: 50%;
	margin-bottom: 0px;
}


/*----------------------------------------------
        SP      brands
---------------------------------------------*/
/*** brand top ***/
#brand #brandIndex {
    min-width: auto;
	margin-left: 0;
}
#brand #brandIndex li{
	float: none;
	margin-left: 0;
}
#brand #brandIndex li a{
	position: relative;
	overflow: hidden;
	width: 100%;
   
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
   align-items: flex-start;
   background: #f6f6f6;
   padding: 0;
}
	#brandIndex li .brandTxt img {
    margin-bottom: 1.5em;
}
	#brandIndex li .brandTxt p{
	font-size: 11px;
	line-height: 1.3;
}

/*-width-*/
#brandIndex .lateliermariage,
#brandIndex .hardyamies,
#brandIndex .stelladelibero,
#brandIndex .roseateblessing,
#brandIndex .dewy,
#brandIndex .dressweddingbook,
#brandIndex .floraflow{
	width: auto;
}
#brandIndex .annablanca,
#brandIndex .verita,
#brandIndex .ballerina{
	width: auto;
}
#brandIndex .victriafrancezka,
#brandIndex .amanthabride,
#brandIndex .alessa,
#brandIndex .angedeflora,
#brandIndex .elsir,
#brandIndex .otherdress,
#brandIndex .amelia,
#brandIndex .mirte,
#brandIndex .fioretti{
	width: auto;
}
#brandIndex .annekelly-newyork,
#brandIndex .jocelynblanchet,
#brandIndex .biancabyevelyn{
	width:auto;
}
/*-txt img-*/
	#brand #brandIndex li figure{
   position: relative;
		top: 0;
   width: 45%;
   padding-top: 50%;
		overflow: hidden;
	}
#brand #brandIndex li figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
#brand #brandIndex li .brandTxt{
	background: #f6f6f6;
	width: 55%;
	height: auto;
   padding: 20px 10px 10px 20px;
   position: relative;
	bottom: 0;
}
  #brandIndex li .brandTxt h2{
   text-align: center;
  }
#brandIndex .annekelly-newyork p{
	text-shadow:none;
}
#brandIndex .jocelynblanchet p,
#brandIndex .biancabyevelyn p{
	color: #222222;
	text-shadow: none;}

  
  #brandIndex .hardyamies .brandTxt h2 img,
  #brandIndex .roseateblessing .brandTxt h2 img{
   height: 65px;
   margin-bottom: 1.2em;
  }
/*** brand detail index / product detail ***/
	.brandProducts #introduction{
		display: block;
	}
.brandProducts #introduction h1{
	margin: 0 auto;
}
.brandProducts #introduction .leadTxt{
	width: 100%;
	margin-top:20px;
}
#productList{
	margin-bottom: 15px;
}
#productList li,
.otherProducts ul li{
	margin-bottom: 15px;
	width: 48%;
}
	#productList li a,
	.otherProducts ul li a{
		height: 100%;
	}
	#productList li img,
	.otherProducts ul li img{
		object-fit: cover;
		object-position: 0 0;
		width: 100%;
		height: 250px
	}
.productDetail #detailBox,
.productDetail #detailBox .imgMain,
.productDetail #detailBox .data h1,
.productDetail #detailBox .data p{
	margin-bottom: 20px;
}
.productDetail #detailBox .imgMain,
.productDetail #detailBox .data{
	width: 100%;
}
.productDetail #detailBox .data .spec li{
	margin-bottom: 8px;
}
.productDetail #detailBox .data .spec li >span,
	.productDetail #detailBox .data .spec li h2{
	width: 76%;
}
.productDetail #productList{
	margin-bottom: 70px;
}
.otherProducts p{
	width:10px;
}
.otherProducts ul{
	width: 86%;
}
.otherProducts ul li{
	width: 48%;
}
	
	.searchRtxt{
	padding: 15px 15px;
	margin-bottom: 30px;
}

#brandMenu dd ul li img{
	max-width:80%;
}
.btn_contact{
	max-width:initial;
	width: 100%;
  box-sizing: border-box

}	
/*----------------------------------------------
          SP    search dress
---------------------------------------------*/
/*-- 2006 add --*/
#searchdress h1 span.h1txt{
	margin-top: 10px;
}
#searchdress .searchLeadTxt{
	margin-top: -20px;
	margin-bottom: 20px;
}
/*-- /2006 add --*/

#searchDetail{
	padding: 30px 2.5%;
}
#searchDetail dl{
	display: block;
}
#searchDetail dl dt{
	width: auto;
	padding-bottom: 5px;
}
#searchDetail dl dd{
	padding-bottom: 30px;
	width: auto;
}
#searchDetail dl dd ul{
	margin-left: -1%;
}
#searchDetail dl dd ul li{
	margin:0 0 20px 1%;
}

	#searchDetail dl dd ul.txtBtn,
	#searchDetail #design ul,
	#searchDetail #material ul{
		margin-left: -1%;
	}
	#searchDetail dl dd .txtBtn li,
	#searchDetail #design li,
	#searchDetail #material li{
		margin-left: 1%;
	}
	#searchDetail #style label,
	#searchDetail #color label,
#searchDetail #scene label, 
#searchDetail #design label, 
#searchDetail #design .txtBtn label,
	#searchDetail #material label{
	width: 105px;
}
#searchDetail #brand label{
	width: 105px;
}
.search .btnTxt a{
	width: 70%;
}
/*----------------------------------------------
         SP     WEDDING COLUMN
---------------------------------------------*/
/*--archives---*/
.columnList{
	display: block;
}
.columnList li{
	width: auto;
	margin-bottom: 20px;
}
.columnList li a p{
	font-size: 15px;
	letter-spacing: 0;
}
#contents .columnList li h2{
	height:auto;
}
/*--single--*/
.single-column #contents h1{}
.single-column #contents h2,
	.single-trends #contents h2{
	font-size: 20px;
}
.columnMenu{
	border: 10px #ededed solid;
	width: 90%;
	padding: 10px;
}
.columnMenu dt{
	margin-bottom: 10px;
	font-size: 18px;
}
.columnMenu dd{
	height: auto;
	padding: 0 10px;
	overflow-y:hidden;
}
.columnMenu dd ul li a{
	padding: 5px 10px;
}
.single-column h3,
	.single-column h3{
	padding: 0 0 4px;
	margin:10px 0 10px;
	font-size: 18px;
}
.single-column .columnMenu + h3,
	.single-trends .columnMenu + h3{
	margin-top: 30px;
}
.single-column .date,
	.single-trends .date{
	margin:-10px 0 10px;
	font-size: 11px;
}
.single-column h3 + .date,
	.single-trends h3 + .date{
		margin-top: -5px;
}


.cStyle02,
.cStyle03{
	display: block;
}
.cStyle01 figcaption,
.cStyle02 figcaption,
.cStyle03 figcaption,
.cStyle04 figcaption,
.cStyle06 figcaption{
	padding: 4px 0 8px;
	font-size: 12px;
}
.cStyle03 figcaption{
	margin-bottom:10px;
}
.cStyle01{
	padding-bottom: 30px;
}
.cStyle02 li{
	width: auto;
	max-width: none;
}
	.cStyle02 li + li{
		padding-top: 20px;
	}
	.cStyle02 figure{
		text-align: center;
	}
.cStyle03 figure,
.cStyle04 figure{
	width: 100%;
	max-width: none;
	text-align: center;
}
.cStyle03 .etxt,.cStyle04 .etxt{
	width: 100%;
}
.cStyle04{
	flex-direction: column-reverse;
}
.cStyle04 figure{
		padding-top: 10px;
	}
.cStyle05{
	display: block;
	padding: 5px 10px;
	margin-bottom: 30px;
}
.cStyle05 figure{
	width:auto;
	max-width: 210px;
	margin: 0 auto 10px;
}
.cStyle05 div{
	width:auto;
}
.cStyle05 h4{
	margin-bottom: 10px;
	font-size: 16px;
}
.cStyle06 li{
	width: 48%;
	max-width: none;
	padding-bottom: 20px;
}
.single-column .btnTxt a {
    width: 80%;
}

/*----------------------------------------------
         SP     TOPICS
---------------------------------------------*/
.topicsList{}
.topicsList li a{
	position: relative;
	display: block;
	min-height: 40vw;
	padding: 5vw 0;
	box-sizing: border-box;
}
.topicsList li .date{
	margin-bottom: 10px;
	width:115px;
}
.topicsList li div{
	width:65vw;
}
.topicsList li figure{
	width: 26vw;
	height: 26vw;
	position: absolute;
	top:5vw;
	right: 0;
	background: none;
}
.topicsList .btnTxt{
	margin-bottom: 40px;
}
.topicsList .btnTxt a{
	width: 50.8vw;
}
/*--topics article--*/
.topicsArticle{
	padding-bottom: 30px;
}
#contents .topicsArticle h2{
	padding: 0 0 4px;
	margin: 0 0 10px;
	font-size: 18px;
}
.topicsArticle .date{
	margin-bottom: 10px;
	font-size: 11px;
}
.topicsArticle .date + figure{
	margin-bottom: 20px;
}

.topicsArticle .date + figure img{
	max-height:400px;
}

.topicsArticle p{
	font-size: 14px;
	margin-bottom: 1em;
}

/*----------------------------------------------
            SP  MY FAVORITE
---------------------------------------------*/
.favoriteList{
	margin-left: -2%;
}
.favoriteList li{
width: 48%;
max-width: none;
	margin: 0 0 15px 2%;
}
	.favoriteList li label{
		height: 200px;
	}
.favoriteList li label img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	max-width: none;
}
.othercheck{
	margin: 20px auto 40px;
}
.othercheck input{
	margin: 0 5px 0 0;
}

/*----------------------------------------------
          SP    CONTACT
---------------------------------------------*/
	.contactNotice{
	margin-bottom:4em;
	padding:20px 20px;
}

.contactItem dd ul li {
    display: block;
    border-right: none;
    line-height: 2;
}
.page-template-page-contact form table,
.page-template-page-contact form table tbody,
.page-template-page-contact form table tr,
.page-template-page-contact form table th,
.page-template-page-contact form table td{
    display: block;
    width: 100%;
  }
	.page-template-page-contact form th{
		padding:0.6em 1em;
	}
.page-template-page-contact form table td{
    padding: 1.2em 0em;
  }
	.page-template-page-contact .mwform-checkbox-field + .mwform-checkbox-field.horizontal-item{
		margin-left: 0;
	}
.page-template-page-contact form td input.zip{
	width: 10%;
	min-width: 3em;
}
.page-template-page-contact form td input.zip + .zip,
.page-template-page-contact form td input#age,
.page-template-page-contact form td input#year,
.page-template-page-contact form td input#month,
.page-template-page-contact form td input#day,
.page-template-page-contact form td input#size,
.page-template-page-contact form td input#tall{
	width: 13%;
	min-width: 4em;
}
.page-template-page-contact form select#pref{
	width: 20%;
	min-width: 8em;
}
.placeBox .mwform-radio-field,
	.timeBox .mwform-radio-field{
	display: block;
	margin-bottom: 3em;
}
.placeBox .mwform-radio-field + .mwform-radio-field.horizontal-item{
	margin-left: 0em;
}
#placeName{
	margin: -7.5em 0 3em 0em;
}

.page-template-page-contact form #undecided-2{
	margin-left: 0em;	
}
.timeBox > div{	
	margin: -7.2em 0 3em 0em;
}
	
.contactQuestion .horizontal-item {
	margin-left: 0;
	display: block;
}
.contactQuestion .horizontal-item::after {
	display: none;
}
.contactQuestion .horizontal-item:nth-child(5),.contactQuestion .horizontal-item:nth-child(6),.contactQuestion .horizontal-item:nth-child(7) {
	margin-bottom: 3em;
}
	.contactQuestion .horizontal-item label{
		margin-bottom: 1.5em;
	}

.page-template-page-contact form #triggerMagazine {
    margin: -14.2em 0 0 0;
}
.page-template-page-contact form #triggerSite {
    margin: 3.5em 0 0 0em;
}
.page-template-page-contact form #triggerOther {
    margin: 3.5em 0 0 0em;
}
.page-template-page-contact form .btnArea{
	display: block;
	text-align: center;
}
.page-template-page-contact form .btnArea button {
	margin: 0 auto;
    width: 40%;
	min-width: inherit;
}
.page-template-page-contact form .btnArea button.btnclear {
    margin-right: 0%;
    width: 40%;
    min-width: inherit;
	margin: 0 auto;
}
	/*-確認-*/
	.mw_wp_form_confirm .timeBox > div{
		margin: 0.5em 0 0;
	}
	.mw_wp_form_confirm .contactQuestion + .contactQuestion{
		margin-top: 1em;
	}
	.page-template-page-contact .mw_wp_form_confirm #triggerMagazine,
	.page-template-page-contact .mw_wp_form_confirm #triggerSite,
	.page-template-page-contact .mw_wp_form_confirm #triggerOther{
		margin: 0;
	}
	
}/*-SP END-*/
@media screen and (min-width:1px) and (max-width: 360px) {
/*----------------------------------------------
          SP    search dress
---------------------------------------------*/
#contents {
    max-width: 96%;
}
#searchDetail{
	padding: 30px 1%;
}
#searchDetail dl dd ul{
	margin-left: -1%;
}
#searchDetail dl dd ul li{
	margin:0 0 20px 2%;
}
#searchDetail #style label, 
#searchDetail #color label, 
#searchDetail #scene label, 
#searchDetail #design label, 
#searchDetail #design .txtBtn label, 
#searchDetail #material label,
#searchDetail #brand label{
	width:95px;
}
	
}/*-SP 340 END-*/

@media all and (min-width:1px) and (max-width: 640px) and (-ms-high-contrast: none){
	#brandMenu dd ul li img{
		width: 80%;
	max-width:100px;
}
}/*-IE only-*/


/*----------------------------------------------
          SP   landscape columntop
---------------------------------------------*/
@media all and (min-width:641px) and (max-width: 1023px) {
	
#top #weddingcolumn ul li a{
	height:auto;
}
	
#contents .columnList li h2{
	height:auto;
	max-height:200px;
}

}
/*-print-*/
@media print{
header {
    position:relative;
}
body{
padding-top: 0;
width: 1100px;
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
}
#topMV{
	position: relative;
	width:100%;
	overflow:hidden;
	background: url(https://dressandwedding.jp/cms/wp-content/uploads/2019/07/slide02.jpg) no-repeat center top;
}
	#topMV::after{
		content: "";
		background: url(https://dressandwedding.jp/cms/wp-content/uploads/2019/07/logo_dw.png) no-repeat left bottom;
	width: 980px;
		height: 65px;
		position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
	z-index: 2;
	}
#topMV	.topSlide{
		opacity: 0;
	}

.slick-slide{
	width:1100px !important;
	overflow:hidden;
}
#top #trends .slick-track{
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
   -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
         align-items: flex-start;
	-webkit-box-align: stretch;
        -ms-flex-align: stretch;
           align-items: stretch;
}
#top #trends .itemList li{
	width: 17%;
	max-width: 162px;
}
#top #weddingcolumn ul li img {
    width: 100%;
    height: 100%;
	vertical-align:top;
	object-position: top left;
}
	
	
#searchDetail #brand{
	padding-bottom: 40px;
}
#brand{
  transform: scale(0.57);
   -moz-transform: scale(0.57);
   -webkit-transform: scale(0.57);
   transform-origin: 0 0;
    }
#searchDetail #brand li{
height:69px;	
}
#searchDetail #brand label{
	height: 68px;
	width:130px;	
}
#searchDetail #brand label img{
	margin-bottom: 0;
	max-width: 85%;
	max-height: 85%;
    width: 85%;
}
	
#brand #brandIndex::after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	#brandIndex li{
		background: #FFFFFF;
	}

#menuopen{
		display:none;
}

#brand{
   width: 1200px;
   transform: scale(1);
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   transform-origin: 0 0;
/*page-break-before: always;*/
	margin:0 auto;
 }
#searchdress{
   width: 1200px;
   transform: scale(0.59);
   -moz-transform: scale(0.59);
   -webkit-transform: scale(0.59);
   transform-origin: 0 0;
/*page-break-before: always;*/
	margin:0 auto;
 }
/*#searchdress{
	transform: scale(0.66);
   -moz-transform: scale(0.66);
   transform-origin: 0 0;
	}*/	



}
/*@media print and (-ms-high-contrast: none){
#searchdress{
page-break-before: auto;
	transform: scale(0.85);
	zoom:0.85
 }
	
#brand{
page-break-before: auto;	
transform: scale(0.92);
	zoom:0.92
  }
}*/
/*-IE ONLY END-*/