@charset 'euc-jp';

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.plazahouse.co.jp/admin/wp-content/themes/2018.05/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* basic elements */

body {
  margin:0;
  padding:0;
}
ul, ol, dl, dt, dd {
  margin:0;
  padding:0;
}

div.content,
#header > h1,
#navi ul,
#mag form {
  margin:0 auto;
  max-width:1080px;
}

input.text, select, button {
  -webkit-appearance:none;
  margin:0;
  padding:0;
  width:100%;
  height:40px;
  border:1px solid rgb(151,151,151);
}
input.text {
  box-sizing:border-box;
  padding:0 1em;
}
input.text:focus, select:focus {background-color:rgb(241,236,230);}
a.btn, button {
  -webkit-appearance:none;
  box-sizing:border-box;
  display:inline-block;
  padding:0 1em;
  height:54px;
  line-height:54px;
  background-color:rgb(185,162,126);
  border:1px solid rgb(185,162,126);
  text-align:center;
  cursor:pointer;
}
a.btn:hover, button:hover {background-color:rgb(255,255,255);}

hr {display:none;}

/* header */

#header {}
#header h1 {}
#header h1 img {
  margin:20px 12px;
  width:auto;
  height:48px;
}

/* navi */

#navi {border-bottom:1px solid rgb(235,235,235);}
#navi h2 {display:none;}
#navi ul {
  position:relative;
  list-style-type:none;
}
#navi > ul {
  margin-bottom:20px;
  text-align:center;
  font-size:0;
}
#navi > ul > li {
  display:inline-block;
  vertical-align:top;
  text-align:center;
  margin:0;
}
#navi > ul > li > a, #navi > ul > li > span {
  display:block;
  padding:10px 12px 5px;
}
#navi > ul > li > a:after,
#navi > ul > li > span:after {
  content:'';
  display:block;
  margin:5px 0 0;
  font-family:sans-serif;
}
#navi li.regi {margin-left:0;}
#navi li.home a:after {content:'トップ';}
#navi li.shop span:after {content:'ショップ';}
#navi li.brand span:after {content:'ブランド';}
#navi li.regi a:after {content:'新規会員登録';}
#navi li.signin a:after {content:'会員ログイン';}
#navi li.signout a:after {content:'ログアウト';}
#navi li.cart a:after {content:'カートを見る';}
#navi li.cart {position:relative;}
#navi li.cart span.badge {
  position:absolute;
  left:100%;
  top:0;
  margin:-0.75em 0 0 -12px;
  padding:0.5em 0.75em;
  height:1em;
  min-width:1em;
  background-color:rgb(185,162,126);
  text-align:center;
}
#navi a:before {margin:-4px 0.3em 0 0;}
#navi li.cats span {
  position:relative;
  z-index:1;
  padding:10px 27px 5px 12px;
}
#navi li.cats:hover span {background-color:rgb(185,162,126);}
#navi li.cats span:before {
  position:absolute;
  right:7px;
}
#navi div.sub_cats {
  visibility:hidden;
  opacity:0;
  position:absolute;
  top:100%;
  z-index:1;
  margin-top:-1px;
  background-color:rgb(185,162,126);
  box-shadow:0px 0px 3px rgba(0,0,0,0.25);
}
#navi li:hover div.sub_cats {
  visibility:visible;
  opacity:1;
}
#navi li ul {text-align:left;}
#navi li li {
  display:block;
  margin:24px;
}
#navi li li a {}

#pages {}
#pages h2,
#pages li.home, #pages li.util {display:none;}
#pages ul {
  margin:40px 0;
  list-style-type:none;
}
#pages li span {}
#pages li {margin:1em 12px;}
#pages li a {}
#pages li ul {margin:1em 0;}
#pages li li {margin:1em 0 1em 1em;}

/* contents */

#contents {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row-reverse;
  justify-content:center;
}
#main {
  width:75%;
  max-width:810px;
}
#aside {
  width:25%;
  max-width:270px;
}

#categories ul {list-style-type:none;}

.page_top {}
.page_top p {
  margin:80px 0;
  text-align:center;
}
.page_top p a {display:inline-block;}
.page_top p a:before {
  content:'';
  display:block;
  position:relative;
  top:0;
  margin:0 auto;
  padding:0 0 15px;
  width:49px;
  height:25px;
  background:url(https://img21.shop-pro.jp/PA01417/808/etc/page_top.png) center no-repeat;
  background-size:49px 25px;
}
.page_top p a:hover:before {
  position:relative;
  top:-15px;
  opacity:0;
}

#mag {
  margin:0;
  background-color:rgb(185,162,126);
}
#mag form {padding:20px 0;}
#mag form > * {
  display:inline-block;
  vertical-align:middle;
}
#mag h2 {margin:0 12px;}
#mag input[type="text"] {
  margin:0 12px;
  width:380px;
  height:48px;
}
#mag button {
  margin:0 12px;
  width:130px;
  height:48px;
  line-height:48px;
  border:1px solid rgb(255,255,255);
}
#mag span.desc {margin:0 12px;}

#guide {margin:40px 0;}
#guide div.content {
  display:flex;
  flex-wrap:wrap;
}
div.guide {
  box-sizing:border-box;
  margin:0 1.11%;
  width:31.11%;
  border:1px solid rgb(235,235,235);
  text-align:center;
}
div.guide h3 {
  display:inline-block;
  margin:-0.45em 0 0;
  padding:0 0.75em;
  background-color:rgb(255,255,255);
}
div.guide h4 {
  margin:1.5em 1em;
  text-align:left;
}
div.guide p {
  margin:1em;
  text-align:left;
}
div.guide span.credit {
  margin-right:5px;
  font-size:0;
  color:transparent;
}

/* footer */

#footer {
  background-color:rgb(251,251,251);
  overflow:hidden;
}
#footer div.content {
  display:flex;
  flex-wrap:wrap;
}
#ft_info {width:33.33%;}
#footer h1 {
  margin:1rem 12px;
  width:100%;
}
#footer h1 img {
  width:auto;
  height:56px;
}
#footer h2 {margin:1em 12px;}
#footer address {display:block;}
#footer address > span {
  display:block;
  margin:1em 12px;
}
#ft_navi {
  display:flex;
  flex-wrap:wrap;
  width:66.66%;
}
#ft_navi ul {
  width:33.33%;
  margin:0;
  list-style-type:none;
}
#ft_navi li {margin:1em 12px;}
#ft_navi li ul {width:inherit;}
#ft_navi li li {margin:1em 0 1em 1em;}

#copyright {
  display:block;
  margin:40px 0 0;
  padding:2em 0;
  border-top:1px solid rgb(229,226,221);
  text-align:center;
}

/* common elements */

div.path {margin:40px 12px 0;}
div.path span {}
div.path span.home {}
div.path span.cat {}
div.path span.sub_cat {}
div.path span.del {}
div.path a {}

#title {}
#title h2 {
  margin:40px 12px;
  padding:0 0 0.3em;
  border-bottom:1px solid rgb(232,233,235);
}

div.sort {
  margin:0 12px;
  padding:1em 0;
  border-top:1px solid rgb(235,235,235);
  border-bottom:1px solid rgb(235,235,235);
  text-align:right;
}
div.sort h3 {
  display:inline;
  margin:0;
}
div.sort ul {
  display:inline;
  list-style-type:none;
}
div.sort li {display:inline;}
div.sort li:before {content:' - ';}
div.sort li a {}

div.paginate {margin:1em 12px;}
div.paginate span {}
div.paginate span.cerrent {}
div.paginate span.prev {}
div.paginate span.next {}
div.paginate a {}

div.items {
  display:flex;
  flex-wrap:wrap;
  margin:40px 0;
}
div.item {
  margin:0 1.11% 24px;
  width:31.11%;
}
div.item a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
div.item a:hover {background-color:rgba(185,162,126,0.1);}
div.item span {
  display:block;
  margin:1em 12px;
}
div.item span.thumb {margin:12px;}
div.item span.thumb img {
  width:100%;
  height:auto;
}
div.item span.name {}
div.item span.price {text-align:center;}
div.item span.tax {}

div.items.noitem {
  display:block;
  margin:40px 12px;
}
div.notfound {
  background-color:rgba(185,162,126,0.1);
  overflow:hidden;
}
div.notfound p {margin:2em;}

div.related {margin:40px 0;}

div.related h2,
#home_camps h2 {
  position:relative;
  margin:1em 12px;
  text-align:center;
}
div.related h2:before,
#home_camps h2:before {
  content:'';
  position:absolute;
  left:50%;
  top:36px;
  margin-left:-60px;
  width:120px;
  border-top:2px solid rgb(185,162,126);
}
div.related h2:after {
  display:block;
  margin:40px auto 0;
}
#recent h2:after {content:'最近チェックしたアイテム';}

div.more {
  margin:-40px 0 80px;
  text-align:center;
}
div.more a.btn {
  width:310px;
  background-color:rgb(255,255,255);
  color:rgb(185,162,126);
}
div.more a.btn:hover {
  background-color:rgb(185,162,126);
  color:rgb(255,255,255);
}

#main hr {
  display:block;
  margin:40px 12px;
  border:none;
  border-top:1px solid rgb(232,233,235);
}

.body .aligncenter {text-align:center;}
.body .alignright {text-align:right;}

div.btn {
  margin:60px 12px;
  text-align:center;
}

/* body elements */

.body h3, .body h4 {
  clear:both;
  margin:1.5em 12px;
}
.body h3 {
  padding:0 0 0.5em;
  border-bottom:1px solid rgb(185,162,126);
}
.body p {margin:1px 12px;}
.body ul, .body ol {
  margin:1.5em 0;
  padding:0 0 0 2em;
}
.body li {margin:0.8em 12px;}
.body img {max-width:100%;}
.body img.alignleft {
  float:left;
  margin:0 24px 2rem 0;
}
.body img.alignright {
  float:right;
  margin:0 0 2rem 24px;
}
.body img.aligncenter {
  display:block;
  margin:2rem auto;
}
.body table {
  margin:2rem 12px;
  min-width:75%;
  border-top:1px solid rgb(232,233,235);
}
.body th, .body td {border-bottom:1px solid rgb(232,233,235);}
.body th {
  text-align:left;
  white-space:nowrap;
}
.body td {padding:0.8em 1em;}

/* 02.top */

#contents.top {
  display:block;
  margin:0 auto;
  max-width:1080px;
}
#contents.top #main {
  width:100%;
  max-width:inherit;
}
#contents.top #aside {display:none;}

#home_camps {margin:15px 0 40px;}
#home_camps h2 {margin:1.5em 12px 1em;}
#home_camps div.cols {font-size:0;}
#home_camps div.cols a {
  box-sizing:border-box;
  display:inline-block;
  vertical-align:top;
  padding:15px;
}
#home_camps div.cols img {
  width:100%;
  height:auto;
}
#home_camps div.cols a:hover img {opacity:0.8;}
#home_camps div.col1 a {width:100%;}
#home_camps div.col1 img {}
#home_camps div.col2 a {width:50%;}
#home_camps div.col2 img {}
#home_camps div.col3 a {width:33.33%;}
#home_camps div.col3 img {}
#home_camps div.col4 a {width:25%;}
#home_camps div.col4 img {}
#home_camps div.col5 a {width:20%;}
#home_camps div.col5 img {}

#home_cats {
  margin:30px 12px;
  font-size:0;
}
#home_cats span {}
#home_cats span a {}
#home_cats span img {
  box-sizing:border-box;
  width:100%;
  border:0.5px solid rgb(255,255,255);
}
#home_cats span.col2 img {width:50%;}

#gp_orea h2:after {content:'ナチュラルなのに力強い オリーブ農家から生まれた化粧品 家族で使えるコスメティック';}
#gp_rg h2:after {content:'Rg掲載アイテム';}
#gp_recommend h2:after {content:'プラザハウスオリジナル';}

/* 03.list */

#contents.product_list #title h2 {
  padding:0;
  border:none;
}

/* 04.item */

#item_cat {margin:1em 12px;}
#item_cat span {}

#item_detail {
  display:flex;
  flex-wrap:wrap;
  margin:40px 0;
}

#item_img {
  display:flex;
  flex-wrap:wrap;
  width:73.33%;
}
#item_info {width:26.66%;}

#item_img span {
  position:relative;
  box-sizing:border-box;
  padding:12px;
  width:25%;
  cursor:pointer;
}
#item_img span:first-child {
  padding-top:0;
  width:100%;
}
#item_img span.current {cursor:default;}
#item_img span.current:before {
  content:'';
  position:absolute;
  left:12px;
  right:12px;
  top:12px;
  bottom:12px;
  background-color:rgba(0,0,0,0.2);
}
#item_img img {
  width:100%;
  height:auto;
}
#item_view {}

#item_price {margin:0 12px 1em;}
#item_price span.tax {}

#item_option {margin:0 12px;}
#item_info dl {
  display:flex;
  flex-wrap:wrap;
  margin:1em 0;
  border-top:1px solid rgb(232,233,235);
}
#item_info dt {width:26%;}
#item_info dd {width:74%;}
#item_info dd ul {list-style-type:none;}
#item_info dd li {border-bottom:1px solid rgb(232,233,235);}

#item_option dt {padding:0.75em 0;}
#item_option dd li {padding:0.75em 0;}

#item_info form {}
#item_info form dl {}
#item_info form dt {
  margin:1em 0 0;
  padding:0;
  line-height:40px;
}
#item_info form dd {margin:1em 0 0;}
#item_info input.text {
  vertical-align:middle;
  width:110px;
  text-align:center;
}
span.item_num_handle {
  display:inline-block;
  vertical-align:middle;
}
span.item_num_handle span {
  display:block;
  padding:7.5px 6px;
  font-size:0;
  cursor:pointer;
}
span.item_num_up {}
span.item_num_down {}
span.item_num_handle img {
  width:8px;
  height:5px;
}

#option_tbl {
  margin:0;
  width:100%;
  border-collapse:collapse;
  border-top:1px solid rgb(232,233,235);
}
#option_tbl tr {}
#option_tbl tr.stock_head {display:none;}
#option_tbl th, #option_tbl td {
  vertical-align:middle;
  padding:0.5em;
  border-bottom:1px solid rgb(232,233,235);
}
#option_tbl th {
  text-align:left;
  line-height:1.25;
}
#option_tbl td {}
#option_tbl td div {}
#option_tbl input[type="radio"] {}
#option_tbl label {}
#option_tbl span.table_price {display:none;}
#option_tbl td br {display:none;}

#item_info div.btn {
  margin:1em 0;
  padding:1em 0;
  border-top:1px solid rgb(232,233,235);
}
#item_info button {width:100%;}

#item_link {margin:0 12px;}
#item_link ul {
  margin:2em 0;
  list-style-type:none;
}
#item_link li {margin:1em 0;}

#item_content {margin:40px 0;}

#related h2:after {content:'このアイテムの関連商品';}

/* fx */

#navi li.cart span.badge {border-radius:2em;}
a.btn, button,
input.text, select {border-radius:4px;}

a.btn, button, input.text,
#navi li > span, #navi div.sub_cats,
#home_camps div.cols a:hover img,
#home_cats span a:hover img,
.page_top p a:before,
div.item a {transition:0.25s;}
#navi li:hover > span, #navi li:hover div.sub_cats {transition:0;}

#home_camps div.cols a:hover img,
#home_cats span a:hover img {opacity:0.8;}

/* charatoters */

body {
  font-size:16px;
  line-height:1;
  font-family:sans-serif;
  color:rgb(51,51,51);
}

#navi > ul > li > a:after, #navi > ul > li > span:after {font-size:11px;}
#copyright,
div.path, div.paginate {font-size:12px;}
div.guide,
#ft_navi,
div.sort, div.sort h3,
#item_option select,
#item_link {font-size:13px;}
#navi li,
#mag, #mag h2, #mag button,
div.guide h3,
#ft_info, #ft_info h2,
div.item, div.related h2:after,
#item_price, #item_option {font-size:14px;}
#pages,
#item_info button {font-size:15px;}
div.item span.name,
#item_info input.text,
.body h4 {font-size:16px;}
.body h3 {font-size:18px;}
#contents.product_list #title h2,
#item_cat {font-size:20px;}
div.related h2, #home_camps h2 {font-size:26px;}
#title h2 {font-size:30px;}
div.guide span.credit:before {font-size:32px;}

.body h2, .body h3, .body h4,
div.paginate,
div.item span.name {line-height:1.3;}
p {line-height:1.4;}
.body table, .body li {line-height:1.5;}
.body p {line-height:1.8;}

#navi,
#item_info dt {font-weight:bold;}
#navi a:after, #navi span:after,
#title h2,
#mag h2,
div.sort h3 {font-weight:normal;}

a:link, a:visited {text-decoration:underline;}
a:hover, a:active {text-decoration:none;}
a.btn, .page_top p a, div.path a,
#navi > ul > li > a,
#footer a,
#pages a,
div.item a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer address {font-style:normal;}

a:link, a:visited {color:rgb(185,162,126);}
a:hover, a:active {color:rgb(122,122,122);}
#navi > ul > li > a,
#pages a,
div.guide span.credit:before,
div.item span.name {color:rgb(51,51,51);}
a.btn, button,
#navi li:hover span, #navi li li a,
#navi li.cart span.badge,
#mag, #mag a {color:rgb(255,255,255);}
a:hover, button:hover,
#navi > ul > li > a:hover,
#pages a:hover, #pages li span,
#footer a:hover, #ft_navi li span,
#contents.product_list #title h2,
div.item span.price,
#item_cat,
.body h3,
#item_link a:hover {color:rgb(185,162,126);}
#footer, #footer a,
div.path, div.path a,
div.related h2:after,
#item_link a {color:rgb(155,155,155);}

#navi div.sub_cats,
#pages {text-transform:uppercase;}

#navi, #pages, .page_top,
div.related h2, #home_camps h2 {font-family:'Merriweather', serif;}
#copyright, #navi li.cart span.badge {font-family:'Helvetica', sans-serif;}
#pages h2:before, #pages li a:after,
#navi a:before, #navi span:before,
span.credit:before {
  display: inline-block;
  min-width:1em;
  font-size:inherit;
  font-family:'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#navi li.cats span:before {content:'\f107';}
#navi li.regi a:before,
#navi li.signin a:before {content:'\f007';}
#navi li.cart a:before {content:'\f07a';}
span.visa:before {content:'\f1f0';}
span.master:before {content:'\f1f1';}
span.jcb:before {content:'\f24b';}
span.amex:before {content:'\f1f3';}

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

/* basic elements */

div.content,
#header > h1,
#navi ul,
#mag form {
  margin:0;
  max-width:initial;
}

input.text, select, button {
  width:100%;
  height:40px;
}
a.btn, button {
  height:40px;
  line-height:40px;
}

/* header */

#header h1 {
  position:fixed;
  left:0;
  top:0;
  z-index:101;
  width:100%;
  height:60px;
  background-color:rgba(255,255,255,0.95);
  border-bottom:1px solid rgb(235,235,235);
}
#header h1 img {
  margin:16px 5%;
  height:28px;
}
@media only screen and (max-width:320px) {
  #header h1 img {
    margin:18px 5%;
    height:24px;
  }
}

/* navi, pages */

#navi li:not([class="cart"]),
#navi > ul > li > a:after {display:none;}

#navi li.cart a,
#pages h2 {
  position:fixed;
  right:5%;
  top:10px;
  z-index:101;
  margin:0;
  font-size:0;
  color:transparent;
}
#navi li.cart a {
  right:calc(5% + 40px);
  z-index:102;
  padding:0;
}
#navi li.cart a:before,
#pages h2:before {
  margin:0;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
}
#navi li.cart a:before {
  box-sizing:border-box;
  padding:0 0 0 5px;
  text-align:left;
}
#navi li.cart span.badge {
  position:absolute;
  left:100%;
  top:0;
  margin:-0.5em 0 0 -1.25em;
  padding:0.25em 0.5em;
  height:1em;
  min-width:1em;
  background-color:rgb(185,162,126);
  text-align:center;
  font-size:14px;
}
#navi.active li.cart span.badge {background-color:rgb(102,102,102);}

#pages {}
#pages h2,
#pages li.home, #pages li.util {display:block;}
#pages > ul {
  position:fixed;
  left:0;
  top:0;
  z-index:100;
  box-sizing:border-box;
  margin:0;
  padding:60px 0 0;
  width:100%;
  height:100%;
  background-color:rgba(185,162,126,0.95);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
#pages > ul {
  top:-100%;
  opacity:0;
}
#pages.active > ul {
  top:0;
  opacity:1;
}
#pages li,
#pages li span {
  position:relative;
  margin:0;
  border-bottom:1px solid rgb(255,255,255);
}
#pages div.sub_cats li:last-child {border:none;}
#pages li a, #pages li span {
  display:block;
  padding:1em 6% 1em 1em;
}
#pages li a:after {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-0.5em;
}
#pages > ul:after {
  content:'';
  display:block;
  height:3em;
}
#pages li.util {font-family:sans-serif;}
#pages li ul {
  margin:0;
  padding:0 0 0 5%;
}
#pages li li {margin:0;}

/* contents */

#contents {
  display:block;
  margin:60px 0 0;
  overflow:hidden;
}
#main, #aside {
  width:initial;
  max-width:initial;
}

.page_top p {margin:3rem 0;}
.page_top p a:before {
  padding:0 0 10px;
  width:36px;
  height:18px;
  background-size:36px 18px;
}
.page_top p a:hover:before {top:-15px;}

#mag form {padding:1rem 0;}
#mag form > * {display:block;}
#mag h2 {margin:1em 5%;}
#mag input[type="text"] {
  margin:1rem 5%;
  width:90%;
  height:40px;
}
#mag button {
  margin:1rem 5%;
  width:90%;
  height:40px;
  line-height:40px;
}
#mag span.desc {margin:1rem 5%;}

#guide {margin:2rem 0;}
#guide div.content {display:block;}
div.guide {
  box-sizing:border-box;
  margin:1.5rem 5%;
  width:initial;
}

/* footer */

#footer div.content {display:block;}
#ft_info {
  margin:1.5rem 0;
  width:initial;
}
#footer h1 {margin:1rem 5%;}
#footer h1 img {
  width:auto;
  height:32px;
}
#footer h2 {margin:1em 5%;}
#footer address {display:block;}
#footer address > span {
  display:block;
  margin:0.5em 5%;
}
#ft_navi {
  display:block;
  width:initial;
}
#ft_navi ul {
  margin:0;
  width:initial;
  list-style-type:none;
}
#ft_navi li {margin:0.75em 5%;}
#ft_navi li ul {}
#ft_navi li li {margin:0.75em 0 0.75em 1em;}

#copyright {
  margin:2rem 0 0;
  padding:1em 5%;
}

/* common elements */

div.path {margin:2rem 5% 0;}

#title h2 {
  margin:2rem 5%;
  padding:0 0 0.3em;
}

div.sort {
  margin:1rem 5%;
  padding:0.5em 0;
}

div.paginate {margin:1rem 5%;}

div.items {
  display:block;
  margin:2rem 0;
}
div.item {
  margin:1rem 5%;
  width:initial;
}
div.item a:hover {background-color:transparent;}
div.item span {margin:1em 0;}
div.item span.thumb {margin:1em 0;}

div.items.noitem {margin:2rem 5%;}
div.notfound p {margin:1em;}

div.related {margin:2rem 0;}
div.related h2,
#home_camps h2 {margin:1em 5%;}
div.related h2:before,
#home_camps h2:before {
  top:2.2rem;
  margin-left:-60px;
  width:120px;
}
div.related h2:after {margin:1.5rem auto 0;}

div.more {margin:-1em 5% 2em;}
div.more a.btn {width:100%;}

#main hr {margin:2rem 5%;}

/* body elements */

.body h3, .body h4 {margin:1.5em 5%;}
.body h3 {padding:0 0 0.3em;}
.body p {margin:1px 5%;}
.body li {margin:0.8em 5%;}
.body img.alignleft,
.body img.alignright,
.body img.aligncenter {
  float:none;
  display:block;
  margin:2rem auto;
}
.body table {
margin:2rem 5%;}
.body th {white-space:initial;}
.body td {padding:0.5em;}

/* 02.top */

#contents.top {
  display:block;
  margin:60px 0 0;
  max-width:initial;
}
#contents.top #aside {display:block;}

#home_camps {margin:0;}
#home_camps div.cols a {
  box-sizing:content-box;
  display:block;
  margin:0 0 10px;
  padding:0;
}
#home_camps div.col1 a,
#home_camps div.col2 a,
#home_camps div.col3 a,
#home_camps div.col4 a,
#home_camps div.col5 a {width:100%;}

#home_cats {
  margin:0;
  font-size:0;
}
#home_cats span img {
  border:none;
  border-bottom:1px solid rgb(255,255,255);
}
#home_cats span.col2 img {width:100%;}

/* 03.list */

/* 04.item */

#item_cat {margin:1em 5%;}

#item_detail {
  display:block;
  margin:2rem 0;
}

#item_img {
  display:flex;
  flex-wrap:wrap;
  width:initial;
}
#item_info {width:initial;}

#item_img span {
  margin:0 0 0 5%;
  padding:0;
  width:18.75%;
}
#item_img span:first-child {
  margin:0 5% 1rem;
  width:90%;
}
#item_img span.current:before {
  left:0;
  right:0;
  top:0;
  bottom:0;
}

#item_price {margin:1em 5%;}

#item_option {margin:1em 5%;}

#item_info div.btn {}

#item_link {margin:2rem 0;}
#item_link ul {margin:2em 0;}
#item_link li {margin:1em 5%;}

#item_content {margin:2rem 0;}

/* fx */

#pages > ul {transition:0.25s;}

/* charatoters */

body {
  font-size:100%;
  line-height:1;
  font-family:sans-serif;
  color:rgb(51,51,51);
  -webkit-text-size-adjust:none;
}

div.path, #copyright {font-size:75%;}
div.guide,
#ft_navi,
div.sort, div.paginate,
#item_option select,
#item_link,
#navi > ul li,
#ft_info,
div.item span.price,
#item_price, #item_option {font-size:87.5%;}
div.sort h3,
#item_info button,
#item_info input.text,
.body h4 {font-size:100%;}
.body h3,
#contents.product_list #title h2 {font-size:125%;}
div.related h2, #home_camps h2,
#title h2 {font-size:150%;}
#mag h2, #mag button,
div.guide h3,
#ft_info h2,
div.related h2:after {font-size:1rem;}
div.guide span.credit:before {font-size:32px;}

#pages a {text-decoration:none;}

#pages, #pages a, #pages a:hover,
#pages li span {color:rgb(255,255,255);}

#navi li.cart a:before,
#pages h2:before {
  font-size:28px;
  color:rgb(51,51,51);
}
#navi.active li.cart a:before,
#pages.active h2:before {color:rgb(185,162,126);}

#pages h2:before {content:'\f0c9';}
#pages.active h2:before {content:'\f00d';}
#pages li a:after {content:'\f105';}

} /* @media only screen and (max-width:768px) */

/* camp_20180920 */

#contents[class*="free"] #main {
  width:100%;
  max-width:1080px;
}
#contents[class*="free"] #aside {display:none;}

#camp_img {
  margin:40px 12px;
  border:1px solid rgb(232,88,140);
  text-align:center;
}
div.mainImg {
  padding:40px 0;
  background:url(https://img21.shop-pro.jp/PA01417/808/etc/camp_201809_img_02.png) center no-repeat;
  background-size:cover;
}
div.desc {
  background-color:rgb(232,88,140);
  overflow:hidden;
}
div.desc p {
  margin:1em;
  font-size:24px;
  color:rgb(255,255,255);
}
div.desc p strong {
  padding:0 0.25em;
  background-color:rgba(255,255,255,0.2);
  background:linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
  font-size:34px;
}

div.btn {margin:80px 12px;}
div.btn a.btn {
  padding:0 3em;
  font-size:24px;
  font-weight:bold;
}

#contents[class*="free"] #main h2 {
  margin:40px 12px;
  text-align:center;
  font-size:28px;
}
#contents[class*="free"] #main h2 span {
  display:inline-block;
  padding:0 1em;
  background:url(https://img21.shop-pro.jp/PA01417/808/etc/camp_201809_img_06.png) center no-repeat;
  background-size:100%;
}

#camp_tokuten {
  display:flex;
  margin:40px 0;
}
div.camp {
  margin:0 12px;
  border:1px solid rgb(236,236,236);
}
div.point {width:33.33%;}
div.present {width:66.66%;}
div.camp h3 {
  margin:-0.5em 0 0;
  padding:0;
  border:none;
  text-align:center;
  font-size:20px;
  line-height:1;
  color:rgb(51,51,51);
}
div.camp h3 span {
  display:inline-block;
  padding:0 2em;
  background-color:rgb(255,255,255);
}
div.tokuten {padding:2rem 0;}
div.tokuten span.thumb {
  display:block;
  margin:1rem;
}
div.tokuten img {
  width:100%;
  height:auto;
}
div.tokuten p {
  margin:1rem;
  text-align:left;
}
div.present div.tokuten {
  float:left;
  margin:0;
  width:50%;
}

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

#contents[class*="free"] #aside {display:block;}

#camp_img {margin:1rem 5%;}
div.mainImg {padding:1rem 0;}
div.desc p {font-size:16px;}
div.desc p strong {font-size:120%;}

div.btn {margin:3rem 5%;}
div.btn a.btn {
  padding:0 1em;
  width:100%;
  font-size:1rem;
}

.body h2 {
  margin:2rem 5%;
  font-size:20px;
}

#camp_tokuten {
  display:block;
  margin:2rem 0;
}
div.camp {
  margin:3rem 5%;
  width:initial;
}
div.camp h3 {font-size:120%;}
div.camp h3 span {padding:0 1em;}
div.tokuten {padding:0;}
div.present div.tokuten {
  float:none;
  width:initial;
}

} /* @media only screen and (max-width:768px) */