@charset "shift_jis"; /* CSS Document */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block} audio,canvas,video {display : inline-block} audio:not([controls]) { display: none;height: 0} [hidden] {display: none} html { font-family: sans-serif;font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body { margin : 0} h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0} a:focus { outline: thin dotted} a:hover,a:active { outline : 0} html {font-size: 75%} h1 {font-size: 2em;} p,li,dt,dd,th,td,pre{-ms-line-break: strict;line-break: strict;-ms-word-break: break-strict;word-break: break-strict} abbr[title] { border-bottom : 1px dotted} b, strong { font-weight : bold} dfn { font-style: italic} mark { background: #ff0;color: #000} code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em} pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline} sup {top: -0.5em} sub {bottom: -0.25em} img {max-width :100%;vertical-align: middle;border: 0} svg:not(:root) {overflow: hidden} figure {margin: 0} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;} button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;} button,input {line-height: normal;} button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}/} button[disabled],input[disabled] {cursor: default} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0} textarea {overflow: auto;vertical-align: top;} table {border-collapse: collapse;border-spacing: 0;margin: 10px;} * {margin:0;padding:0;} a {text-decoration:none;} ul,li{list-style:none;} img {vertical-align:middle;} html {background-color:#FFF;} h1,h2,h3,h4,h5,h6{margin:0px;} h1{font-size:48px; line-height: 1;} h2{font-size:36px; line-height: 1.3333;} h3{font-size:24px; line-height: 1;} hgroup h2,h3,h4,h5,h6{font-size:16px;line-height: 1.5;} /* Wapper */ body {display: block;margin: 0px;padding: 0px;background: #FFF;} #Wapper {display: block;/*margin: 0px;padding: 0px;background: #eee;*/} #Wapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} header {width:100%;} header h1 a {margin: 31px auto 23px auto;padding: 0;display:block;text-align:center;} header nav {width:100%;height: 12px;display:block;padding: 9px 0px; border-top:1px solid #007265;/*border-bottom:1px solid #000;*/} header ul {width:800px;height: 30px;display:block;clear:both;margin: 0 auto; font-size: 0.8em;line-height: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} header li {float:none;text-indent: -999em;} header .Li01 a {width: 66px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav01.png) no-repeat;} header .Li02 a {width: 79px;height: 12px;display:block;margin: 0px 0px 0px 47px;background: url(../img/nav02.png) no-repeat;} header .Li03 a {width: 62px;height: 12px;display:block;margin: 0px 0px 0px 47px;background: url(../img/nav03.png) no-repeat;} header .Li04 a {width:116px;height: 12px;display:block;margin: 0px 0px 0px 47px;background: url(../img/nav04.png) no-repeat;} header .Li05 a {width:132px;height: 12px;display:block;margin: 0px 0px 0px 43px;background: url(../img/nav05.png) no-repeat;} header .Li06 a {width:115px;height: 12px;display:block;margin: 0px 0px 0px 46px;background: url(../img/nav06.png) no-repeat;} /* Ofsite */ header #Ofsite a {width:100%;height: 30px;display:block;clear:both;margin: 0 auto;color:#FFFFFF; font-size: 1.5em;line-height: 2em;text-align:center;background:#007265;} header #Ofsite a:hover {color:#FFFF99;} #HeadWapper {} #HeadLeftImg {/*background: url(../img/event/20131226/left_2014.png) no-repeat left top;*/} #HeadRightImg {/*background: url(../img/event/20131226/right_2014.png) no-repeat right top;*/} /* Brand */ #Recherie header ul {/*width:696px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 01 */ #Dosch header ul {/*width:696px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 02 */ #Visalia header ul {/*width:800px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 03 */ #Luccica header ul {/*width:696px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 04 */ #Limeduo header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 05 */ #Si2c header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 05 */ #Forestheart header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 06 */ #Galfit header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 07 */ #Suzutan header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 08 */ #Rej header ul {/*width:800px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 09 */ #Mokushido header ul {/*width:696px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;text-align:center; }/* 10 */ #Illusie300 header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 11 */ #Siebelet header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 12 */ #Incense header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 13 */ #ResortIsland header ul {/*width:756px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 14 */ #Lilou header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 16 */ #DaisyMerry header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 17 */ #sq9 header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 18 */ #LudicPark header ul {/*width:514px;*/width:auto;height: 30px;clear:both;margin: 0 auto;font-size: 0.8em;line-height: 1;}/* 19 */ #Mokushido header ul li {float: none;display: inline-block; } #Mokushido #Concept {margin: 20px auto 50px; } #Mokushido #Concept .ContBox {padding: 0 30px;} #Mokushido #Concept .RightBox {display: none; } #Mokushido #Concept .LeftBox {width: 100%;} #Mokushido #Concept .LeftBox h5 {display: none;} #Mokushido #Concept .LeftBox p:first-of-type{display: none;} #Mokushido #Concept .LeftBox p {text-align: center;} /* [1]Recherie[2]Dosch[4]Si2c[10]Mokushido */ header .BLi01 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav07.png) no-repeat;} header .BLi02 a {width:125px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav08.png) no-repeat;} header .BLi03 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav09.png) no-repeat;} header .BLi04 a {width:173px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav11.png) no-repeat;} header .BLi05 a {width:133px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav12.png) no-repeat;} /* [5]Limeduo[6]Forestheart[7]Galfit[8]Suzutan[11]Illusie300[13]Incense[16]Lilou */ header .BLi06 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav07.png) no-repeat;} header .BLi07 a {width:125px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav08.png) no-repeat;} header .BLi08 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav09.png) no-repeat;} header .BLi09 a {width:133px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav12.png) no-repeat;} /* [12]Siebelet */ header .BLi10 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav07.png) no-repeat;} header .BLi11 a {width:125px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav08.png) no-repeat;} header .BLi12 a {width:133px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav12.png) no-repeat;} /* [3]Visalia[9]Rej */ header .BLi13 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav07.png) no-repeat;} header .BLi14 a {width:125px;height: 12px;display:block;margin: 0px 0px 0px 31px;background: url(../img/nav08.png) no-repeat;} header .BLi15 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav09.png) no-repeat;} header .BLi16 a {width:173px;height: 12px;display:block;margin: 0px 0px 0px 32px;background: url(../img/nav11.png) no-repeat;} header .BLi17 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 32px;background: url(../img/nav10.png) no-repeat;} header .BLi18 a {width:133px;height: 12px;display:block;margin: 0px 0px 0px 29px;background: url(../img/nav12.png) no-repeat;} /* [14]ResortIsland */ header .BLi19 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 0px;background: url(../img/nav07.png) no-repeat;} header .BLi20 a {width:145px;height: 12px;display:block;margin: 0px 0px 0px 40px;background: url(../img/nav13.png) no-repeat;} /*header .BLi21 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 26px;background: url(../img/nav09.png) no-repeat;}*/ header .BLi22 a {width:133px;height: 12px;display:block;margin: 0px 0px 0px 40px;background: url(../img/nav12.png) no-repeat;} header .BLi23 a {width:173px;height: 12px;display:block;margin: 0px 0px 0px 40px;background: url(../img/nav11.png) no-repeat;} header .BLi24 a {width: 70px;height: 12px;display:block;margin: 0px 0px 0px 40px;background: url(../img/nav14.png) no-repeat;} /* [00]OnlineStoer */ header .BLi25 a {width: 75px;height: 12px;display:block;margin: 0px 0px 0px 200px;background: url(../img/nav07.png) no-repeat;} header .BLi26 a {width:125px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav08.png) no-repeat;} header .BLi27 a {width:173px;height: 12px;display:block;margin: 0px 0px 0px 30px;background: url(../img/nav11.png) no-repeat;} /* ContBody */ .ContBody {width:800px;height: auto;display:block;margin: 0 auto;clear:both;} .ContBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .ContBox {width: auto;height: auto;display:block;padding: 20px 0px;background:#eeeeee;} .ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .LeftBox {float: left;} .RightBox {float: right;} .ContBox {clear:both;} /* PageTop */ #PageTop img {margin: 20px 10px 50px auto;} .PageTop {display:none;} /* footer */ footer {margin:10px 0px 0px 0px;padding: 20px;text-align:center;background: #434343;} footer ul {width:430px;height: auto;margin: 0px auto;display:block;} footer li {margin: 0px 10px 0px 0px;float: left;} footer a {color: #FFF;} footer p {clear:both;} h2 {width:100%;height:auto;display:block;text-align:center;clear:both;margin: 20px auto;} h3 {width:100%;height:auto;display:block;text-align:center;clear:both;margin: 10px auto;} h4 {width:100%;height:auto;display:block;text-align:center;clear:both;margin: 10px auto;} /* Home --------------------------------------------------------------------------------------------------------------------------- */ #Home {margin: 0px 0px 0px 0px;padding:14px 0px 0px 0px;clear:both;} /* MainImg */ #MainImg {width:800px;height:450px;display:block;margin: 20px auto 0px auto;clear:both;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainImg img {border: none;max-width :100%;display:block;} #MainImg img:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home .ContBody {width:800px;height: auto;display:block;margin: 0 auto;clear:both;} /* Pickup */ #Pickup {width:800px;height:auto;display:block;clear:both;margin: 0px auto 10px auto; font-size: 0.8em;line-height: 1;} #Pickup .Li01 {width:800px;height:auto;display:block;margin: 0px;} #Pickup .Li02 {width:800px;height:auto;display:block;margin: 0px;} #Pickup .Li03 a {width:800px;height: 88px;display:block;margin: 0px; max-width: 100%;background: url(../img/home/member_new.png) no-repeat;} #Pickup .Li03 img {display:none;} #Pickup .Li04 a {width:800px;height:160px;display:block;margin: 0px; max-width: 100%;background: url(../img/home/member_mypage.png) no-repeat;} #Pickup .Li04 img {display:none;} #Pickup .Li05 {width:800px;height: 150px;display:block;margin: 20px 0px 0px 0px; max-width: 100%;background: url(../img/event/20131105/hb2014.png) no-repeat;} #Pickup .Li05 img {display:none;} #Pickup .Li06 {font-size: 1.2em;line-height: 1.5em;text-align:left;color:#FFFFFF; display:block;padding: 0.5em;background-color: #ff2934;} #Pickup .Li07 a {width:800px;height: 120px;display:block;margin: 20px 0px 0px 0px; max-width: 100%;background: url(../img/event/20140221/30thevent.png) no-repeat;} #Pickup .Li07 img {display:none;} /* ContBox */ #Home .ContBox {width:800px;height: auto;display:block;padding: 10px 0px 10px 0px;} /* Topics */ #Home #Topics {width:482px;height: 212px;display:block;float:left; background:#eeeeee;margin: 0px 10px 0px 0px;padding: 24px;} #Home #Topics h1 {width:150px;height: 40px;display:block;} #Home #Topics dl {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #Home #Topics dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #Topics dt {width: 6em;height: auto;display:block;color: #333;float:left;} #Home #Topics dd {width: auto;height: auto;display:block;color: #333;float:left;} #Home #Topics dd a {color: #333;} /* PosLi */ .PosLi01 {display:block;} .PosLi02 {display: none;} /* Banner */ #Banner {width:800px;height: auto;display:block;margin: 10px auto;} #Banner:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Banner img {float:left;} #Banner .Event20140301 a{width:800px;height: 120px;display:block;margin: 20px 0px 0px 0px; max-width: 100%;background: url(../img/event/20140221/30thevent.png) no-repeat;} #Banner .Event20140301 img{display:none;} #Banner .Event20140521 a{width:800px;height: 120px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140521/ri2014.png) no-repeat;} #Banner .Event20140521 img{display:none;} #Banner .Event20140621 a{width:800px;height: 400px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140621/bargain2014.png) no-repeat;} #Banner .Event20140621 img{display:none;} #Banner .Event20140709 {width:800px;height: 400px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140709/clearance_sale2014.png) no-repeat;} #Banner .Event20140709 img{display:none;} #Banner .Event20140905 a{width:800px;height: 300px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140912/grandopen_20140912.png) no-repeat;} #Banner .Event20140905 img{display:none;} #Banner .Event20141106 a{width:auto;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20141106/outercollection_20141106.png) no-repeat;} #Banner .Event20141106 img{display:none;} #Banner .Event20141107 a{width:800px;height: 120px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20141106/palemoba_pc.png) no-repeat;} #Banner .Event20141107 img{display:none;} /* 2014.11.21 */ #Banner .Event20141121R a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20141121/hb2015regular.png) no-repeat;} #Banner .Event20141121R img{display:none;} #Banner .Event20141121L a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20141121/hb2015large.png) no-repeat;} #Banner .Event20141121L img{display:none;} #Banner .Event20141121 a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20141121/hb2015home.png) no-repeat;} #Banner .Event20141121 img{display:none;} /* 2015.01.01 */ #Banner .Event20150101R a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150101/hb2015regular.png) no-repeat;} #Banner .Event20150101R img{display:none;} #Banner .Event20150101L a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150101/hb2015large.png) no-repeat;} #Banner .Event20150101L img{display:none;} #Banner .Event20150101 a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150101/hb2015home.png) no-repeat;} #Banner .Event20150101 img{display:none;} #Banner .Event20150227 a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150227/palemoba_os20150227.png) no-repeat;} #Banner .Event20150227 img{display:none;} #Banner .Event20150228 a{width:800px;height: 300px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../../event/2015/img/20150227/event20150227.jpg) no-repeat;} #Banner .Event20150228 img{display:none;} #Banner .Event20150521 a{width:800px;height: 120px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150521/ri2015.png) no-repeat;} #Banner .Event20150521 img{display:none;} #Banner01 {width:800px;height: auto;display:block;margin: 10px auto;} #Banner01:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Banner01 img {float:left;} #Banner01 .Event20140521 a{width:800px;height: 120px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140521/ri2014.png) no-repeat;} #Banner01 .Event20140521 img{display:none;} #Banner01 .Event20140905 a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20140912/palemoba_os20140912.png) no-repeat;} #Banner01 .Event20140905 img{display:none;} #Banner01 .Event20150227 a{width:800px;height: 210px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../img/event/20150227/palemoba_os20150227.png) no-repeat;} #Banner01 .Event20150227 img{display:none;} #Banner01 .Event20150228 a{width:800px;height: 300px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../../event/2015/img/20150227/event20150227.jpg) no-repeat;} #Banner01 .Event20150228 img{display:none;} #Banner01 .Event20150801 a{width:800px;height: 300px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../../event/2015/img/20150801/palemoba_os20150801.png) no-repeat;} #Banner01 .Event20150801 img{display:none;} /* 2014.12.26 */ #Banner .Event20141226 a{width:800px;height: 160px;display:block;margin: 20px 0px 10px 0px; max-width: 100%;background: url(../../layered/img/event141226.png) no-repeat;} #Banner .Event20141226 img{display:none;} /* #PcUser {width:800px;height: 120px;display:block;margin: 0px auto;text-indent: -999em; background: url(../img/banner/pcuser.png) no-repeat;} #Off500Link a {width:800px;height: 150px;display:block;margin: 0px auto;text-indent: -999em; background: url(../img/banner/500off.png) no-repeat;} #Off500 {width:800px;height: 150px;display:block;margin: 0px auto;text-indent: -999em; background: url(../img/banner/500off.png) no-repeat;} */ /* Brand -------------------------------------------------------------------------------------------------------------------------- */ #Brand {width:800px;height: auto;display:block;clear:both;margin: 50px auto;} #Brand .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #Brand li {margin: 20px auto;float:left;} /* 2014.08.21 #Brand #ResortIsland {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Recherie {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Dosch {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Visalia {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Luccica {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Limeduo {width: 30%;margin: 2% 2% 0% 0%;} #Brand #Forestheart {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Galfit {width: 30%;margin: 2% 0% 0% 2%;} #Brand #Suzutan {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Rej {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Mokushido {width: 30%;margin: 2% 0% 0% 2%;} #Brand #Illusie300 {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Siebelet {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Incense {width: 30%;margin: 2% 0% 0% 2%;} */ /* 2014.05.21 */ /* #Brand #Recherie {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Dosch {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Visalia {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Luccica {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Si2c {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Limeduo {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Forestheart {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Galfit {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Suzutan {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Rej {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Mokushido {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Illusie300 {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Siebelet {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Incense {width: 30%;margin: 2% 0% 0% 3%;} */ /* BK:2016.07.05 */ /* #Brand #Recherie {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Dosch {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Luccica {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Si2c {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Limeduo {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Forestheart {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Galfit {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Suzutan {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Rej {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Mokushido {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Illusie300 {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Siebelet {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Incense {width: 30%;margin: 2% 3% 0% 0%;} */ #Brand #ResortIsland {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Recherie {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Dosch {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Luccica {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Si2c {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Limeduo {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Forestheart {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Galfit {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Suzutan {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Rej {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Mokushido {width: 30%;margin: 2% 3% 0% 0%;} #Brand #Illusie300 {width: 30%;margin: 2% 0% 0% 3%;} #Brand #Siebelet {width: 30%;margin: 2% 2% 0% 2%;} #Brand #Incense {width: 30%;margin: 2% 3% 0% 0%;} /* News --------------------------------------------------------------------------------------------------------------------------- */ #News {width:800px;height: auto;display:block;clear:both;margin: 100px auto;} #News .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #News dl {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #News dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #News dt {width: 6em;height: auto;display:block;color: #333;float:left;} #News dd {width: auto;height: auto;display:block;color: #333;float:left;} #News dd a {color: #333;} #News li {padding: 5px;clear:both;border-bottom: 1px dotted #444;} #News li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #News li em {color: #333;padding: 0em 0em 0em 0.5em;font-style: normal;} #News li a {color: #333;padding: 0em 0em 0em 0.5em;} /* ShopList ----------------------------------------------------------------------------------------------------------------------- */ #ShopList {width:800px;height: auto;display:block;clear:both;margin: 50px auto;} #ShopList .ContBox {width:780px;height: auto;display:block;padding: 10px;background:#eeeeee;text-align:center;} #ShopList table {width:760px;height: auto;padding: 0px;} #ShopList th {width: auto;height: auto;padding: 5px;text-align:left;} #ShopList td {width: auto;height: auto;padding: 5px;text-align:left;border-bottom: 1px dotted #999999;} #ShopList .Type01 {background:f0f0f0;} #ShopList .Type02 {background:#FFF;} #ShopList #SubmitImg {width: 250px;height: 80px;display:block;border: 0px;margin: 10px auto; background: url(../img/shoplist/search.png) no-repeat;} /* Webstore --------------------------------------------------------------------------------------------------------------------------- */ #Webstore {width:800px;height: auto;display:block;clear:both;margin: 50px auto;} #Webstore #Ri h3 img {width:auto;height: 50px;} #Webstore h3 img {width:auto;height: 30px;} #Webstore h3 {margin: 0px auto;padding: 1em 0em 0em 0em;} #Webstore .ContBox {width:740px;height: auto;display:block;padding-left: 30px;background:#eeeeee;} #Webstore ul {width:740px;height: auto;display:block;margin: 5px auto 5px auto; padding: 0px 0px 20px 0px;} #Webstore ul:after{width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;} #Webstore a {color: #444;} #Webstore .WebShop li {width:auto;height: 20px;display:block;margin: 0px 10px 10px 0px;padding: 7px 0px 0px 0; /*background: url(../img/ico/cart.png) no-repeat left center;*/float:left;text-align:left;} #Webstore .WebSite li {width:150px;height: 20px;display:block;margin: 0px 0px 30px 0px;padding: 7px 0px 0px 25px; background: url(../img/ico/site.png) no-repeat left center;float:left;text-align:left;} /* Blog --------------------------------------------------------------------------------------------------------------------------- */ #Blog {width:800px;height: auto;display:block;clear:both;margin: 100px auto;} #Blog .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #Blog dl {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #Blog dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Blog dt {width: 6em;height: auto;display:block;color: #333;float:left;} #Blog dd {width: auto;height: auto;display:block;color: #333;float:left;} #Blog dd a {color: #333;} #Blog ul {width:740px;height: auto;display:block;margin: 5px auto 5px auto;padding: 10px 0px 20px 0px;} #Blog a {color: #444;} #Blog .BlogLi li {width:150px;height: 20px;display:block;margin: 0px 0px 30px 0px;padding: 7px 0px 0px 25px; background: url(../img/ico/blog.png) no-repeat left center;float:left;} /* Sns --------------------------------------------------------------------------------------------------------------------------- */ #Sns {width:800px;height: auto;display:block;clear:both;margin: 100px auto;} #Sns .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #Sns dl {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #Sns dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Sns dt {width: 6em;height: auto;display:block;color: #333;float:left;} #Sns dd {width: auto;height: auto;display:block;color: #333;float:left;} #Sns dd a {color: #333;} #Sns ul {width:740px;height: auto;display:block;margin: 5px auto 5px auto;padding: 10px 0px 20px 0px;} #Sns a {color: #444;} #Sns .mid {text-align:center;font-size: 1.5em;line-height: 1.5em;} /* Concept -------------------------------------------------------------------------------------------------------------------------- */ #Concept {width:620px;height: auto;display:block;clear:both;margin: 50px auto;} #Concept .ContBox {width: auto;height: auto;display:block;padding: 30px;background:#fff;text-align:center;} #Concept li {float:none;clear: both;} #Concept .LeftBox {width: 290px;height: auto;display:block;text-align:left;} #Concept .RightBox {width: 270px;height: auto;display:block;text-align:right;} #Concept h5 {color: #444;font-size: 1em;line-height: 1.5em;border-bottom: thin solid #999999;} #Concept p {color: #444;padding: 8px;} /* Members --------------------------------------------------------------------------------------------------------------------------- */ #Members {width:800px;height: auto;display:block;clear:both;margin: 50px auto;} #Members .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #Members li {float:none;clear: both;} /* ContFrame --------------------------------------------------------------------------------------------------------------------------- */ .ContFrame {width:800px;height: auto;display:block;clear:both;margin: 50px auto;} #ContFrame .ContBox {width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #ContFrame li {float:none;clear: both;} /* List ---------------------------------------------------------------------------------------------------------------------------- */ #List #News .ContBox{width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} #List #Webstore .ContBox{width:740px;height: auto;display:block;padding: 30px;background:#eeeeee;} /* Detail ---------------------------------------------------------------------------------------------------------------------------- */ #Detail .ContBox {} #Detail .Comment {font-style: normal;font-size: 1.0em;line-height: 1.8em;} #Detail #Topics { width:750px; height:260px; display:block; clear:both; font-size: 1.0em; line-height: 1; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } #Detail #Topics li {width:243px;float:left;} #Detail #Topics li a {width:243px;height: auto;display: block;overflow: hidden;} #Detail #Topics img {width:243px;} #Detail #Topics em {width:243px;clear:both;display: block;padding: 0.5em 0em; font-style: normal;font-size: 1.0em;line-height: 1.8em;} #Detail #Topics .Img01 {margin: 10px 0px 0px 0px;} #Detail #Topics .Img02 {margin: 10px 0px 0px 10px;} #Detail #Topics .Img03 {margin: 10px 0px 0px 10px;} #Detail #Topics .Img04 {margin: 10px 0px 0px 0px;clear:both;} #Detail #Topics .Img05 {margin: 10px 0px 0px 10px;} #Detail #Topics .Img06 {margin: 10px 0px 0px 10px;} #Detail h3 {padding: 2em 0em 0em 0em;} #Detail .ContBox {width:740px;height: auto;display:block;padding: 10px;background:#eeeeee;} #Detail #lightboxCaption{background:#666666;color:#FFFFFF;border: 3px solid #666666; font-size: 1em;line-height: 1.5em;display:block;} #BrandTop a {width:250px;height: 80px;display:block;clear:both;margin: 20px auto; background: url(../img/brandtop.png) no-repeat;text-indent:-999em;} /* PaleMobaTop */ #PaleMobaTop a {width:225px;height: 50px;display:block;clear:both;margin: 20px auto; background: url(../img/palemobatop.png) no-repeat;text-indent:-999em;} /* NewsList */ #NewsList a {width:225px;height: 50px;display:block;clear:both;margin: 20px auto; background: url(../img/newlist.png) no-repeat;text-indent:-999em;} /* Close */ #Close a {width:250px;height: 80px;display:block;clear:both;margin: 20px auto; background: url(../img/close.png) no-repeat;text-indent:-999em;} /* ScrollBox */ #Terms {} #ScrollBox {width:700px;height: auto;display:block;margin: 0px;} #ScrollBox .ContBox {width: auto;height: auto;display:block;padding: 1em;} /* FaQ */ #Faq {} #Faq h5 {font-size: 1.2em;line-height: 1.1em;margin: 1em 0em;color:#444; border-bottom: thin solid #444;} #Faq h6 {font-size: 1.0em;line-height: 1.5em;margin: 1em 2em 2em 2em;} #Faq p {font-size: 1.0em;line-height: 1.5em;margin: 1em 2em 2em 1em;} #Faq .Query {width: auto;height: auto;display:block;padding: 0.5em 0px 0.5em 50px; background: url(../img/h/faq_q.png) no-repeat;} #Faq .Answer {width: auto;height: auto;display:block;padding: 0.5em 0px 0.5em 50px; background: url(../img/h/faq_a.png) no-repeat;} #Faq .ContBox {width: auto;height: auto;display:block;padding: 1em;} /* ResortIsland */ #ResortIsland {width:800px;height: auto;display: block;clear:both;margin: 0px auto;} #WebCatalog {width:800px;height: auto;display: block;clear:both;margin: 100px auto 100px auto;} #WebCatalog:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #WebCatalog #Links li {width: 50%;height: auto;display: block;float:left;} #WebCatalog #Links li img {width: 100%;height: auto;display: block;} #WebCatalog #Links img:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";} #Model {width:800px;height: auto;display: block;clear:both;margin: 100px auto 300px auto;} #Model #Links li {width: 50%;height: auto;display: block;float:left;} #Model #Links li img {width: 100%;height: auto;display: block;} #ResortIsland .PhotoBox {margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;} #ResortIsland .PhotoBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ResortIsland .PhotoBox li {width:180px;height:180px;display:block;float:left; margin: 0px 10px 10px 0px;padding:0px; overflow: hidden;border: 2px solid #fff;background:#fff;box-shadow: 5px 4px #0d6fb8;} #ResortIsland .PhotoBox img {width:auto;height: auto;display:block;} /* ResortIsland[ProductMain] */ #ProductMain {width:800px;height: auto;display: block;clear:both;} #ProductMain:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContLeft {width: 50%;height: auto;display: block;float:left;} #ProductMain .ContLeft:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContLeft img {width: 100%;height: auto;display: block;} #ProductMain .ContLeft img {border: 5px solid #fff;box-shadow: 10px 10px #ffff66;} #ProductMain .ContRight {width: 48%;height: auto;display: block;float:right;} #ProductMain .ContRight:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContRight h3 {width: auto;height: auto;display: block;clear:both;color:#666666; text-align:left;padding: 0px 10px;font-weight: normal;} #ProductMain .ContRight h4 {width: auto;height: auto;display: block;clear:both;color:#0d6fb8; text-align:left;padding: 0px 10px; font-weight: normal;font-family: Georgia, "Times New Roman", Times, serif;} #ProductMain .PhotoBox {margin: 0px 10px;} #ProductMain .PhotoBox li {width:80px;height: 80px;display:block;float:left; margin: 0px 10px 10px 0px;padding:0px;overflow: hidden; border: 2px solid #fff;background:#fff;box-shadow: 5px 4px #0d6fb8;} #ProductMain .PhotoBox li img{} #ProductMain .PhotoBox img {width: auto;height: auto;display:block;} #ProductMain .Dosch {width:70px;height: 20px;display:block;} #ProductMain .RecHerie {width:63px;height: 20px;display:block;} /* PageCtrl */ .PageCtrl {width:286px;height: auto;display: block;clear:both;margin: 80px auto; font-style: normal;font-size: 14px;line-height: 24px;} .PageCtrl li {float:left;} .PageCtrl .Pre a {width: 70px;height: 24px;padding: 0px 0px 0px 30px;display: block;color:#333333; background: url(../img/ctrl_left.png) no-repeat left;text-align: left;} .PageCtrl .List a {width: 86px;height: 24px;padding: 0px 0px 0px 0px;display: block;color:#333333; background: url(../img/ctrl_list.png) no-repeat center;text-indent:-999em;} .PageCtrl .Next a {width: 70px;height: 24px;padding: 0px 30px 0px 0px;display: block;color:#333333; background: url(../img/ctrl_right.png) no-repeat right;text-align:right;} /* PageLinks */ .PageLinks a {width:350px;height: 50px;display: block;clear:both;margin: 80px auto;} /* ONblist */ #ONblist {margin: 20px 0px 20px 0px;display:block;} #ONblist:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ONblist h2 {font-style: normal;font-size: 1.5em;line-height: 2.5em;color:#666666;} #ONblist li {float:left;} #ONblist .Li01 {width: 30%;margin: 5% 0% 0% 3%;} #ONblist .Li02 {width: 30%;margin: 5% 2% 0% 2%;} #ONblist .Li03 {width: 30%;margin: 5% 3% 0% 0%;} #ONblist .Li04 {width: 30%;margin: 5% 0% 0% 3%;} #ONblist .Li05 {width: 30%;margin: 5% 2% 0% 2%;} #ONblist .Li06 {width: 30%;margin: 5% 3% 0% 0%;} #ONblist .Li07 {width: 30%;margin: 5% 0% 0% 3%;} #ONblist a img:hover {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;} /* #ONblist .Li01 {width: 40%;margin: 5% 10% 0% 0%;} #ONblist .Li02 {width: 40%;margin: 5% 0% 0% 0%;} #ONblist .Li03 {width: 40%;margin: 5% 10% 0% 0%;} #ONblist .Li04 {width: 40%;margin: 5% 0% 0% 0%;} #ONblist .Li05 {width: 40%;margin: 5% 10% 0% 0%;} #ONblist .Li06 {width: 40%;margin: 5% 0% 0% 0%;} #ONblist .Li07 {width: 40%;margin: 5% 10% 0% 0%;} */ /* Character */ #Character {margin: 20px 0px 20px 0px;display:block;} #Character:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Character h2 {font-style: normal;font-size: 1.5em;line-height: 2.5em;color:#666666;} #Character li {float:left;} #Character .Li01 {width: 30%;margin: 5% 0% 0% 3%;} #Character .Li02 {width: 30%;margin: 5% 2% 0% 2%;} #Character .Li03 {width: 30%;margin: 5% 3% 0% 0%;} #Character .Img01 {width: 35%;height: auto;margin: 0% auto;} #Character .Img02 {width: 50%;height: auto;margin: 0% auto;} #Character .DlList01 {width: auto;margin: 20px 0px 20px 27%;display:block;} #Character .DlList01 li a {width: auto;height: auto;color:#fff; font-style: normal;font-size: 1.0em;line-height: 2.0em;text-align:center; margin: 10px 10px 10px 10px;padding: 5px 10px 5px 10px;background-color: #444; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} #Character .DlList02 {width: auto;margin: 20px 0px 20px 20%;display:block;} #Character .DlList02 li a {width: auto;height: auto;color:#fff; font-style: normal;font-size: 1.0em;line-height: 2.0em;text-align:center; margin: 10px 10px 10px 10px;padding: 5px 10px 5px 10px;background-color: #444; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;} .apple {display: none;} .android {display: none;} .apple .apple {display: block;} .android .android {display: block;} #Rej #Webstore ul,#Webstore ul {display:flex; justify-content: center;} #Rej #Webstore ul li,#Webstore ul li{float: none; } @media screen and (max-width: 799px) { /* Wapper */ body {background: #FFF;} #Wapper {} #Wapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} header {width:100%;} header h1 a {width:214px;height: 55px;margin: 10px auto 10px auto;padding: 0;display:block;} header h1 img {max-width :80%;max-height :40px;} header nav {width:100%;height: auto;display:block;padding: 0px 0px; border-top:0px solid #000;border-bottom:0px solid #000;} header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto; font-size: 1.0em;line-height: 3em;} header li {width: 33%;height: auto;float:left;text-indent: 0em;text-align:center;} header li a {color:#333333;} header .Li01 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .Li02 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .Li03 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .Li04 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .Li05 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .Li06 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* header li a {color:#FFFFFF;} header .Li01 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} header .Li02 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} header .Li03 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} header .Li04 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} header .Li05 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} header .Li06 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #a50012;} */ /* Brand */ #Lilou header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 01 */ #DaisyMerry header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 01 */ #LudicPark header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 01 */ #Recherie header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 01 */ #Recherie header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 01 */ #Dosch header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 02 */ #Visalia header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 03 */ #Luccica header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 04 */ #Si2c header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 04 */ #Limeduo header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 05 */ #Forestheart header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 06 */ #Galfit header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 07 */ #Suzutan header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 08 */ #Rej header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 09 */ #Mokushido header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 10 */ #Illusie300 header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 11 */ #Siebelet header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 12 */ #Incense header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 13 */ #ResortIsland header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 14 */ #sq9 header ul {width:100%;height: auto;display:block;clear:both;margin: 0 auto;font-size: 1.0em;line-height: 3em;}/* 14 */ /* [1]Recherie[2]Dosch[3]Visalia[4]Si2c[10]Mokushido */ header .BLi01 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi02 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi03 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi04 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi05 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* [5]Limeduo[6]Forestheart[7]Galfit[8]Suzutan[13]Incense */ header .BLi06 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi07 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi08 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi09 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* [11]Illusie300[12]Siebelet */ header .BLi10 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi11 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi12 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* [9]Rej */ header .BLi13 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi14 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi15 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi16 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi17 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi18 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* [14]ResortIsland */ header .BLi19 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi20 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi21 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi22 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi23 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi24 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* [00]OnlineStore */ header .BLi25 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi26 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} header .BLi27 a {width: auto;height: 3em;display:block;margin: 0.2em 2%;background: none;background: #eeeeee;} /* ContBody */ .ContBody {width:100%;height: auto;display:block;margin: 0 auto;clear:both;} .ContBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* PageTop */ #PageTop img {margin: 20px 10px 50px auto;} .PageTop {width:100%;height: auto;display:block;text-align:center; margin: 1em 0em;clear:both;} /* footer */ footer {margin:10px 0px 0px 0px;padding: 1.5em 0px;text-align:center;background: #434343;} footer ul {width:100%;height: auto;margin: 0px auto;display:block;} footer li {margin: 0px 10px 0px 0px;float: left;} footer a {color: #FFF;} footer p {clear:both;} h2 {width:100%;height:auto;display:block;text-align:center;clear:both;} h2 img {max-width :80%;max-height :40px;} h3 {width:100%;height:auto;display:block;text-align:center;clear:both;} /* Home --------------------------------------------------------------------------------------------------------------------------- */ #Home {margin: 0px 0px 0px 0px;padding:14px 0px 0px 0px;clear:both;} /* MainImg */ #MainImg {width: auto;height: 450px;display:block;clear:both;text-align:center;} #MainImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainImg img {width :100%;display:block;background:#990000;} #MainImg img:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Gallery {width:100%;height:auto;display:block;margin: 0px auto;clear:both;} #Gallery:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home .ContBody {width:100%;height: auto;display:block;margin: 0 auto;clear:both;} /* Pickup */ #Pickup {width:100%;height:auto;display:block;margin: 10px 0px;clear:both;} #Pickup img {width:100%;height: auto;display:block;} #Pickup .Li01 {width:100%;height: auto;display:block;} #Pickup .Li02 {width:100%;height: auto;display:block;} #Pickup .Li03 {width:100%;height: auto;display:block;} #Pickup .Li04 {width:100%;height: auto;display:block;} #Pickup .Li03 a {width:100%;height: auto;display:block;margin: 0px; max-width: 100%;background:none;} #Pickup .Li03 img {display:block;} #Pickup .Li04 a {width:100%;height:auto;display:block;margin: 0px; max-width: 100%;background:none;} #Pickup .Li04 img {display:block;} #Pickup .Li05 {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px; max-width: 100%;background:none;} #Pickup .Li05 img {display:block;} #Pickup .Li07 a {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px; max-width: 100%;background:none;} #Pickup .Li07 img {display:block;} /* ContBox */ #Home .ContBox {width:100%;height: auto;display:block;padding: 10px 0px 10px 0px;} /* Topics */ #Home #Topics {width:100%;height: auto;display: none;float:left; background:#eeeeee;margin: 0px 10px 0px 0px;padding: 24px;} #Home #Topics h1 {width:150px;height: 40px;display:block;} #Home #Topics dl {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #Home #Topics dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #Topics dt {width: 6em;height: auto;display:block;color: #333;float:left;} #Home #Topics dd {width: auto;height: auto;display:block;color: #333;float:left;} #Home #Topics dd a {color: #333;} /* PosLi */ .PosLi01 {display: none;} .PosLi02 {display:block;} /* Banner */ #Banner {width: 100%;height: auto;display:block;float:none;} #Banner li {width: 50%;height: auto;display:block;float: left;margin: 0px 0px 0px 0px;text-align:center;} #Banner img {width: 100%;height: auto;display:block;float: none;text-align:center;} .index_banner a {margin: 0 0 10px;} #Banner .Event20140301 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner .Event20140301 img{display:block;} #Banner .Event20140521 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner .Event20140521 img{display:block;} #Banner .Event20140621 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner .Event20140621 img{display:block;} #Banner .Event20140709 {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner .Event20140709 img{display:block;} #Banner .Event20140905 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner .Event20140905 img{display:block;} #Banner .Event20141106 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141106 img{display:block;} #Banner .Event20141107 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141107 img{display:block;} /* 2014.11.21 */ #Banner .Event20141121R a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141121R img{display:block;} #Banner .Event20141121L a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141121L img{display:block;} #Banner .Event20141121 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141121 img{display:block;} /* 2014.12.26 */ #Banner .Event20141226 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20141226 img{display:block;} /* 2015.01.01 */ #Banner .Event20150101 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20150101 img{display:block;} #Banner01 {width: 100%;height: auto;display:block;float:none;} #Banner01 li {width: 50%;height: auto;display:block;float: left;margin: 0px 0px 0px 0px;text-align:center;} #Banner01 img {width: 100%;height: auto;display:block;float: none;text-align:center;} #Banner01 .Event20140521 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner01 .Event20140521 img{display:block;} #Banner01 .Event20140905 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner01 .Event20140905 img{display:block;} /* 2015.02.27 */ #Banner .Event20150227 a {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20150227 img{display:block;} #Banner01 .Event20150227 a {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner01 .Event20150227 img{display:block;} #Banner .Event20150228 a {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;clear:both;} #Banner .Event20150228 img{display:block;} #Banner01 .Event20150228 a {width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner01 .Event20150228 img{display:block;} #Banner01 .Event20150801 a{width:100%;height: auto;display:block;margin: 20px 0px 0px 0px;max-width: 100%;background:none;} #Banner01 .Event20150801 img{display:block;} /* Brand -------------------------------------------------------------------------------------------------------------------------- */ #Brand {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #Brand .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #Brand li {margin: 0px auto;float:left;} /* #Brand #Recherie {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Dosch {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Visalia {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Luccica {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Si2c {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Limeduo {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Forestheart {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Galfit {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Suzutan {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Rej {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Mokushido {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Illusie300 {width: 49%;margin: 2% 0% 0% 0%;} #Brand #Siebelet {width: 49%;margin: 2% 0% 0% 2%;} #Brand #Incense {width: 49%;margin: 2% 0% 0% 0%;} */ #Brand #ResortIsland {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Recherie {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Dosch {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Visalia {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Luccica {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Si2c {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Limeduo {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Forestheart {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Galfit {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Suzutan {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Rej {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Mokushido {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Illusie300 {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Siebelet {width: 50%;margin: 1% 0% 0% 0%;} #Brand #Incense {width: 50%;margin: 1% 0% 0% 0%;} /* News --------------------------------------------------------------------------------------------------------------------------- */ #News {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #News .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #News dl {padding: 1em;clear:both;border-bottom: 1px dotted #444;} #News dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #News dt {width: 6em;height: auto;display:block;color: #333;float:left;} #News dd {width: auto;height: auto;display:block;color: #333;float:left;} #News dd a {color: #333;} #News li {padding: 3px;clear:both;border-bottom: 1px dotted #444;} #News li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #News li em {color: #333;font-style: normal;padding: 0em 0.3em;} #News li a {color: #333;display:block;} /* Blog --------------------------------------------------------------------------------------------------------------------------- */ #Blog {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #Blog .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #Blog ul {width: auto;height: auto;display:block;margin: 5px auto 5px auto;padding: 10px 0px 20px 0px;} #Blog .BlogLi li {width: auto;height: 20px;display:block;margin: 0px 0px 0.5em 1em;padding: 7px 0px 0px 25px; background: url(../img/ico/blog.png) no-repeat left center;float:none;} /* ShopList ----------------------------------------------------------------------------------------------------------------------- */ #ShopList {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #ShopList .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;text-align:center;} #ShopList table {width: 100%;height: auto;padding: 0px;margin: 0 0 10px; } #ShopList th {width: auto;height: auto;padding: 0px;display:block;text-align:center;} #ShopList tr {border-bottom: 1px dotted #999999;} #ShopList td {width: auto;height: auto;padding: 0px 0px 0.5em 0px;display:block;text-align:center;border: none;} #ShopList .Type01 {background:f0f0f0;} #ShopList .Type02 {background:#FFF;} /* Webstore --------------------------------------------------------------------------------------------------------------------------- */ #Webstore {width:100%;height: auto;display:block;clear:both;margin: 50px auto;} #Webstore .ContBox {width:100%;height: auto;display:block;padding: 0.5em 0em;background:#eeeeee;} #Webstore h3 {margin: 0px auto;padding: 0.5em 0em 0em 0em;} #Webstore ul {width:100%;height: auto;display:block;margin: 0px auto; padding: 1em 10px 0;display: flex;flex-wrap: wrap;} #Webstore a {color: #444;} #Webstore .WebShop li {width: 30%;height: auto;display:block;margin: 0px 10px 0.5em 0;padding: 0px 0px 0px 0; /* background: url(../img/ico/cart.png) no-repeat left center;*/float:none;} #Webstore .WebShop li:nth-of-type(3n){margin: 0 0 0.5em;} #Webstore .WebSite li {width: auto;height: 20px;display:block;margin: 0px 0px 0.5em 20px;padding: 0px 0px 0px 35px; background: url(../img/ico/site.png) no-repeat left center;float:left;} /* Concept -------------------------------------------------------------------------------------------------------------------------- */ #Concept {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #Concept .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#fff;text-align:left;} #Concept p {padding: 0em 2em;} #Concept li {float:none;clear: both;} #Mokushido #Concept .ContBox {padding: 0; } #Mokushido #HeadRightImg .PageTop {display: none; } #Mokushido p br {display: none;} #Concept .LeftBox {width: auto;height: auto;display:block;float:none;text-align:left;padding:1em;box-sizing: border-box; } #Concept .RightBox {width: auto;height: auto;display:block;float:none;text-align:center;} #Concept h5 {color: #444;font-size: 1em;line-height: 1.5em;border-bottom: thin solid #999999;} #Concept p {color: #444;padding: 8px;} /* Members --------------------------------------------------------------------------------------------------------------------------- */ #Members {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #Members .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #Members li {padding: 0em 1em;float:none;clear: both;} #Members p {padding: 0em 1em;} /* ContFrame --------------------------------------------------------------------------------------------------------------------------- */ .ContFrame {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #ContFrame .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #ContFrame li {padding: 0em 1em;float:none;clear: both;} #ContFrame p {padding: 0em 1em;} /* List ---------------------------------------------------------------------------------------------------------------------------- */ #List #News {width: 100%;height: auto;display:block;padding: 0px;margin: 10px auto;background:#eeeeee;} #List #News .ContBox{width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #List #Webstore {width: 100%;height: auto;display:block;padding: 0px;margin: 10px auto;background:#eeeeee;overflow: hidden;} #List #Webstore .ContBox{width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} /* Detail ---------------------------------------------------------------------------------------------------------------------------- */ #Detail #Topics {width: 100%;height: auto;display:block;clear:both;margin: 20px auto;} #Detail #Topics .ContBox{width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #Detail h3 {width:auto;padding: 1em 1em 0em 1em;} #Detail .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#eeeeee;} #Detail .Comment {padding: 1em;} #Detail #Topics li {width: 30%;float:left;} #Detail #Topics li a {width: auto;height: auto;display: block;overflow: hidden;} #Detail #Topics img {width:auto;} #Detail #Topics em {width:auto;clear:both;padding: 0.5em 0em;} #Detail #Topics .Img01 {width: 30%;margin: 2% 0% 0% 3%;} #Detail #Topics .Img02 {width: 30%;margin: 2% 2% 0% 2%;} #Detail #Topics .Img03 {width: 30%;margin: 2% 3% 0% 0%;} #Detail #Topics .Img04 {width: 30%;margin: 2% 0% 0% 3%;} #Detail #Topics .Img05 {width: 30%;margin: 2% 2% 0% 2%;} #Detail #Topics .Img06 {width: 30%;margin: 2% 3% 0% 0%;} #BrandTop a {width:250px;height: 80px;display:block;clear:both;margin: 20px auto; background: url(../img/brandtop.png) no-repeat;text-indent:-999em;} /* ScrollBox */ #Terms {} #ScrollBox {width: 100%;height: auto;display:block;margin: 0px;} #ScrollBox .ContBox {width: auto;height: auto;display:block;padding: 1em;} /* ResortIsland[799px] */ #ResortIsland {width:100%;height: auto;display: block;clear:both;margin: 0px auto;} #WebCatalog {width:100%;height: auto;display: block;clear:both;margin: 10% auto 10% auto;} #WebCatalog:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #WebCatalog #Links li {width: 100%;height: auto;display: block;float:none;} #WebCatalog #Links li img {width: auto;height: auto;display: block;margin: 5% auto;} #WebCatalog #Links img:hover {opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";} #Model {width:100%;height : auto;display: block;clear:both;margin: 100px auto 300px auto;} #Model #Links li {width: 100%;height: auto;display: block;float:none;} #Model #Links li img {width: auto;height: auto;display: block;margin: 5% auto;} #ResortIsland .PhotoBox {margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;} #ResortIsland .PhotoBox:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ResortIsland .PhotoBox li {width: 33%;height: 180px;display:block;float:left; margin: 0px 0px 0px 0px;padding:0px; overflow: hidden;border:none;/*border: 2px solid #CCCCCC;background:#fff;*/} #ResortIsland .PhotoBox img {width:auto;height: auto;display:block;} /* ResortIsland[ProductMain] */ /* #Concept {width: 100%;height: auto;display:block;clear:both;margin: 50px auto;} #Concept .ContBox {width: 100%;height: auto;display:block;padding: 1em 0em;background:#fff;text-align:left;} */ #ProductMain {width: 100%;height: auto;display: block;clear:both;} #ProductMain:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContLeft {width: 88%;height: auto;display: block;float:none;margin: 0 auto;} #ProductMain .ContLeft:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContLeft img {width: 100%;height: auto;display: block;} #ProductMain .ContRight {width: 88%;height: auto;display: block;float:none;margin: 0 auto;} #ProductMain .ContRight:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ProductMain .ContRight h3 {width: auto;height: auto;display: block;clear:both;color:#666666; text-align:left;padding: 0px 10px;font-weight: normal;} #ProductMain .ContRight h4 {width: auto;height: auto;display: block;clear:both;color:#666666; text-align:left;padding: 0px 10px;font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;} #ProductMain .PhotoBox {margin: 0px 10px;} #ProductMain .PhotoBox li {width: 30%;height: 30%;display:block;float:left;margin: 0px 3% 3% 0px;padding:0px; overflow: hidden;border: 0px solid #CCCCCC;background:#fff;} #ProductMain .PhotoBox img {width: auto;height: auto;display:block;} } @media screen and (max-width: 750px) { #MainImg {width: auto;height: 430px;display:block;clear:both;text-align:center;} } @media screen and (max-width: 700px) { #MainImg {width: auto;height: 380px;display:block;clear:both;text-align:center;} } @media screen and (max-width: 650px) { #MainImg {width: auto;height: 360px;display:block;clear:both;text-align:center;} } @media screen and (max-width: 600px) { #MainImg {width: auto;height: 330px;display:block;clear:both;text-align:center;} #HeadLeftImg {/*background: url(../img/event/20131226/left_2014_m.png) no-repeat left top;*/} #HeadRightImg {/*background: url(../img/event/20131226/right_2014_m.png) no-repeat right top;*/} /* Detail */ #Detail #Topics li {width: 45%;float:left;} #Detail #Topics .Img01 {width: 45%;margin: 2% 0% 0% 3%;} #Detail #Topics .Img02 {width: 45%;margin: 2% 2% 0% 2%;} #Detail #Topics .Img03 {width: 45%;margin: 2% 0% 0% 3%;} #Detail #Topics .Img04 {width: 45%;margin: 2% 2% 0% 2%;} #Detail #Topics .Img05 {width: 45%;margin: 2% 0% 0% 3%;} #Detail #Topics .Img06 {width: 45%;margin: 2% 2% 0% 2%;} } @media screen and (max-width: 550px) { #MainImg {width: auto;height: 280px;display:block;clear:both;text-align:center;} } @media screen and (max-width: 500px) { #MainImg {width: auto;height: 260px;display:block;clear:both;text-align:center;} } @media screen and (max-width: 450px) { #MainImg {width: auto;height: 240px;display:block;clear:both;text-align:center;} #Webstore h2 {} #Rej .WebShop li {width: auto;height: 40px;} #Rej .WebShop li img {width: auto;height: 100%; } #Supure .WebShop li {width: auto;height: 40px;} #Supure .WebShop li img {width: auto;height: 100%; } } @media screen and (max-width: 414px) {/* iPhone6 Plus[414~736] */ /* Detail */ #Detail #Topics li {width: 100%;float: none;} #Detail #Topics .Img01 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics .Img02 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics .Img03 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics .Img04 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics .Img05 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics .Img06 {width: 100%;margin: 2% 0% 0% 0%;} #Detail #Topics em {width:auto;clear:both;padding: 0.5em;} } @media screen and (max-width: 400px) { #MainImg {width: auto;height: 220px;display:block;clear:both;text-align:center;} #HeadLeftImg {/*background: url(../img/event/20131226/left_2014_s.png) no-repeat left top;*/} #HeadRightImg {/*background: url(../img/event/20131226/right_2014_s.png) no-repeat right top;*/} } @media screen and (max-width: 375px) {/* iPhone6[375~667px] */ } @media screen and (max-width: 350px) { #MainImg {width: auto;height: 200px;display:block;clear:both;text-align:center;} .PageLinks a {width: 300px;height: 50px;display: block;clear:both;margin: 80px auto;} .PageLinks img {width: 300px;height: 50px;display: block;} } @media screen and (max-width: 320px) {/* iPhone5/5s[320~568px] */ #MainImg {width: auto;height: 180px;display:block;clear:both;text-align:center;} .PageLinks a {width: auto;height: auto;display: block;clear:both;margin: 80px auto;} .PageLinks img {width: 100%;height: auto;display: block;} }