/*==========================================
  tag
==========================================*/
* {
  margin: 0px;
  padding: 0px;
}
body {
	background: #000;
	color: #CCCCCC;
	font-size: 12px;
}
@media only screen and (min-width: 800px) {
	body {
		background: #000000 url(https://img04.shop-pro.jp/PA01025/202/etc/UO_body_bg.jpg) no-repeat fixed center 102px;
		font-size: 10px;
	}
}

/*==========================================
  #wrapper
==========================================*/
#wrapper {
	position: relative;
}
@media only screen and (min-width: 800px) {
	#wrapper {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header.png) no-repeat center top;
	}
}
#wrapper a {
  color: #33CC00;
}
#wrapper a:hover {
  text-decoration: none;
}

/*==========================================
  #header
==========================================*/
#header {
  margin: 0px auto;
  width: 800px;
  position: relative;
  height: 102px;
  /*=========== menu-top ===========*/
}
#header h1 {
  font-size: 10px;
  font-weight: normal;
  line-height: 1.5em;
  color: #999999;
  position: absolute;
  left: 80px;
  z-index: 1;
}
#header p {
  position: absolute;
  text-indent: -9999px;
  z-index: 1;
  /*=========== logo payment delivery ===========*/
}
#header p a {
  display: block;
  height: 100%;
}
#header p.logo {
  top: 30px;
  height: 50px;
  width: 280px;
  left: 0px;
}
#header p.payment {
  top: 30px;
  height: 35px;
  width: 200px;
  left: 320px;
}
#header p.delivery {
  top: 30px;
  height: 25px;
  width: 270px;
  right: 0px;
}
#header dl.info {
  height: 102px;
  margin-left: 215px;
  position: relative;
  width: 585px;
}
#header dl.info dt {
  display: none;
}
#header dl.info dd {}
	/*=========== ハンバーガーメニュー ===========*/
.visible-phone {
  display: none !important;
}
.dropdown-nav {
	display: none;
	margin: 0;
	list-style: none;
}
.list_scroll {
	overflow: auto;
	height:100%;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 50px;
}
@media only screen and (max-width: 799px) {
	.visible-phone {
		display: inherit !important;
	}
	.pull-right {
		position: absolute;
		top: 23%;
		right: 3%;
	}
	.btn-dropdown {
		position: relative;
    height: 45px;
		display: block;
		text-align: center;
		cursor: pointer;
		background: #000;
	}
	.btn-dropdown:before,
	.btn-dropdown:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.btn-dropdown:after {
		clear: both;
	}
	.btn-dropdown img {
		height: 43px;
		padding-top: 1px;
	}
	
  #wrapper {
		padding-top: 4em;
  }
	.header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
  }
	.header-dropdown.affix {
    position: fixed;
  }
	
	.view-cart a {
		color: <{$btn_01_font_color}>;
	}
	.header-dropdown .dropdown-nav a {
		display: block;
		color: #fff!important;
		font-weight: bold;
		background-color: #010a01;
		text-decoration: none;
		padding: 10px;
	}
	.color01 {text-shadow: 1px 1px 5px #f60, 1px -1px 5px #f60, -1px 1px 5px #f60, -1px -1px 5px #f60, 0 0 20px #f60;}
	.color02 {text-shadow: 1px 1px 5px #f0c, 1px -1px 5px #f0c, -1px 1px 5px #f0c, -1px -1px 5px #f0c, 0 0 20px #f0c;}
	.color03 {text-shadow: 1px 1px 5px #1e53ff, 1px -1px 5px #1e53ff, -1px 1px 5px #1e53ff, -1px -1px 5px #1e53ff, 0 0 20px #1e53ff;}
	.color04 {text-shadow: 1px 1px 5px #393, 1px -1px 5px #393, -1px 1px 5px #393, -1px -1px 5px #393, 0 0 20px #393;}
	.color05 {text-shadow: 1px 1px 5px #ff0, 1px -1px 5px #ff0, -1px 1px 5px #ff0, -1px -1px 5px #ff0, 0 0 20px #ff0;}
	.color06 {text-shadow: 1px 1px 5px #f00, 1px -1px 5px #f00, -1px 1px 5px #f00, -1px -1px 5px #f00, 0 0 20px #f00;}
	.color07 {text-shadow: 1px 1px 5px #fff, 1px -1px 5px #fff, -1px 1px 5px #fff, -1px -1px 5px #fff, 0 0 20px #fff;}
	.color08 {text-shadow: 1px 1px 5px #d25bff, 1px -1px 5px #d25bff, -1px 1px 5px #d25bff, -1px -1px 5px #d25bff, 0 0 20px #d25bff;}
	.color09 {text-shadow: 1px 1px 5px #82dbff, 1px -1px 5px #82dbff, -1px 1px 5px #82dbff, -1px -1px 5px #82dbff, 0 0 20px #82dbff;}
	.color10 {text-shadow: 1px 1px 5px #0000db, 1px -1px 5px #0000db, -1px 1px 5px #0000db, -1px -1px 5px #0000db, 0 0 20px #0000db;}
	.color11 {text-shadow: 1px 1px 5px #33CC00, 1px -1px 5px #33CC00, -1px 1px 5px #33CC00, -1px -1px 5px #33CC00, 0 0 20px #33CC00;}
	.color12 {text-shadow: 1px 1px 5px #8494a0, 1px -1px 5px #8494a0, -1px 1px 5px #8494a0, -1px -1px 5px #8494a0, 0 0 20px #8494a0;}
	.color13 {text-shadow: 1px 1px 5px #CAA846, 1px -1px 5px #CAA846, -1px 1px 5px #CAA846, -1px -1px 5px #CAA846, 0 0 20px #CAA846;}
	.color14 {text-shadow: 1px 1px 5px #B6FF01, 1px -1px 5px #B6FF01, -1px 1px 5px #B6FF01, -1px -1px 5px #B6FF01, 0 0 20px #B6FF01;}
	
	.header-dropdown .dropdown-nav li {
		border-bottom: 1px solid #dbdbdb;
		text-align: center;
	}
	.header-dropdown .btn-dropdown-close {
		opacity: 0.4;
	}
	.view-cart {
		position: static;
	}
	.view-cart span {
		display: block;
		width: 130px;
		margin: 0 auto;
	}
	.view-cart .icon-w {
		float: left;
		margin-top: -2px;
	}
	
	.icon-cart {
    background-position: -264px -96px;
  }
	.icon-chevron_thin_up {
    background-position: -192px -216px;
  }
	.icon-b, .icon-w {
		display: inline-block;
		width: 24px;
		height: 24px;
  }
	.icon-b { background-image: url(http://img.shop-pro.jp/tmpl_img/69/icon24_b.png); }
  .icon-w { background-image: url(http://img.shop-pro.jp/tmpl_img/69/icon24_w.png); }
  .icon-list { background-position: -288px -144px; }
	.icon-chevron_thin_up { background-position: -192px -216px; }
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-b,
    .icon-lg-b {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
    }
    .icon-w,
    .icon-lg-w {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
    }
    .icon-b,
    .icon-w {
      -webkit-background-size: 552px 480px;
      background-size: 552px 480px;
    }
  }
}
  /*=========== menu-bottom ===========*/
#header dl.info dd.dd-01 {
  top: 3px;
  right: 0px;
  position: absolute;
  width: 350px;
	font-size: 10px;
}
#header dl.info dd.dd-01 li {
  float: left;
  list-style: none;
  margin: 3px 0px 3px 7px;
  padding-right: 7px;
  border-right: 1px solid #009900;
  line-height: 13px;
}
#header dl.info dd.dd-01 li.add-fav {
  border-style: none;
  text-indent: -9999px;
  width: 134px;
  float: right;
  margin: 0px;
  padding: 0px;
}
#header dl.info dd.dd-01 li.add-fav a {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_add-fav.gif);
  display: block;
  height: 19px;
}
#header dl.info dd.dd-02 {
  width: 585px;
  position: absolute;
  top: 59px;
}
#header dl.info dd.dd-02 ul {
  position: relative;
  height: 42px;
}
#header dl.info dd.dd-02 li {
  list-style: none;
  position: absolute;
  bottom: 0px;
  height: 18px;
  text-indent: -9999px;
}
#header dl.info dd.dd-02 li a {
  display: block;
  height: 100%;
}
#header dl.info dd.dd-02 li.li-01 {
  width: 60px;
}
#header dl.info dd.dd-02 li.li-01 a {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) 0px top;
}
#header dl.info dd.dd-02 li.li-01 a:hover {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) 0px bottom;
}
#header dl.info dd.dd-02 li.li-02 {
  left: 70px;
  width: 75px;
}
#header dl.info dd.dd-02 li.li-02 a {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) -70px top;
}
#header dl.info dd.dd-02 li.li-02 a:hover {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) -70px bottom;
}
#header dl.info dd.dd-02 li.li-03 {
  left: 155px;
  width: 133px;
}
#header dl.info dd.dd-02 li.li-03 a {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) -150px top;
}
#header dl.info dd.dd-02 li.li-03 a:hover {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_header_navi.gif) -150px bottom;
}
#header dl.info dd.dd-02 li.li-04 {
  bottom: 7px;
  right: 2px;
  height: 28px;
  width: 170px;
}

/*==========================================
  #container
==========================================*/
#container {
	max-width: 100%;
	width: 100%;
	margin: 0px auto;
}
#container ul.topicpass {
  font-size: 10px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 800px) {
	#container {
  width: 800px;
	}
	#container ul.topicpass {
		font-size: 12px;
		line-height: 30px;
		padding: 9px 0px;
	}
}
#container ul.topicpass li {
  display: inline;
  list-style: none;
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_topicpass.gif) no-repeat left center;
  padding-left: 20px;
}
#container ul.topicpass li.home {
  background: noneuuuuu;
  padding-left: 0px;
}
#container ul.topicpass a {
  color: #FFFFFF;
  text-decoration: none;
}
#container ul.topicpass a:hover {
  text-decoration: underline;
}

/*==========================================
  #side
==========================================*/
#side {
	display: none;
}
@media only screen and (min-width: 800px) {
	#side {
		display: block;
		float: left;
		width: 220px;
		/*=========== lineup ===========*/
		/*=========== news ===========*/
		/*=========== mobile ===========*/
		/*=========== info ===========*/
	}
}
#side h2 {
  display: none;
}
#side .lineup {
  margin-bottom: 20px;
  line-height: 10px;
  /*=========== category ===========*/
}
#side .lineup h3 {
  display: none;
}
#side .lineup .sale {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_sale.jpg);
  text-indent: -9999px;
  height: 100px;
  width: 220px;
}
#side .lineup h4 {
  line-height: 20px;
  text-indent: -9999px;
}
#side .lineup a {
  display: block;
  height: 100%;
}
#side .lineup dl {
  padding: 0 0 0 30px;
  position: relative;
  z-index: 0;
  top: -10px;
}
#side .lineup dl:before {
  display: block;
  width: 30px;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 1;
}
#side .lineup dt {
  text-indent: -9999px;
  height: 40px;
}
#side .lineup dt a {
  background-image: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category.png);
}
#side .lineup dd {
  font-size: 12px;
}
#side .lineup dd li {
  list-style: none;
  margin-bottom: 5px;
}
#side .lineup dd li a {
  color: #fff;
  text-decoration: none;
  padding: .3em .8em;
  border-radius: 2em;
  background: #333;
  display: inline-block;
}
#side .lineup__mini {
  width: 30px;
}
#side .lineup__normal {
  width: 50px;
}
#side .lineup__long {
  width: 80px;
}
#side .lineup__super {
  width: 120px;
}
#side .lineup__size {
  margin-left: 5px;
  font-size: 10px;
}
#side .lineup__orange {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uo.png) left repeat-y;
}
#side .lineup__orange:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_top.png) left center no-repeat;
}
#side .lineup__orange dt a {
  background-position: left 0;
}
#side .lineup__orange dt a:hover {
  background-position: right 0;
}
#side .lineup__orange-unit a {
  border: 1px solid #f60;
}
#side .lineup__orange-unit a:hover {
  background: #f60;
}
#side .lineup__orange .lineup__size {
  color: #f60;
}
#side .lineup__pink {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_up.png) left repeat-y;
}
#side .lineup__pink:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uo_up.png) left center no-repeat;
}
#side .lineup__pink dt a {
  background-position: left -40px;
}
#side .lineup__pink dt a:hover {
  background-position: right -40px;
}
#side .lineup__pink-unit a {
  border: 1px solid #f0c;
}
#side .lineup__pink-unit a:hover {
  background: #f0c;
}
#side .lineup__pink .lineup__size {
  color: #f0c;
}
#side .lineup__blue {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ub.png) left repeat-y;
}
#side .lineup__blue:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_up_ub.png) left center no-repeat;
}
#side .lineup__blue dt a {
  background-position: left -80px;
}
#side .lineup__blue dt a:hover {
  background-position: right -80px;
}
#side .lineup__blue-unit a {
  border: 1px solid #1e53ff;
}
#side .lineup__blue-unit a:hover {
  background: #1e53ff;
}
#side .lineup__blue .lineup__size {
  color: #1e53ff;
}
#side .lineup__green {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ug.png) left repeat-y;
}
#side .lineup__green:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ub_ug.png) left center no-repeat;
}
#side .lineup__green dt a {
  background-position: left -120px;
}
#side .lineup__green dt a:hover {
  background-position: right -120px;
}
#side .lineup__green-unit a {
  border: 1px solid #393;
}
#side .lineup__green-unit a:hover {
  background: #393;
}
#side .lineup__green .lineup__size {
  color: #393;
}
#side .lineup__yellow {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uy.png) left repeat-y;
}
#side .lineup__yellow:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ug_uy.png) left center no-repeat;
}
#side .lineup__yellow dt a {
  background-position: left -160px;
}
#side .lineup__yellow dt a:hover {
  background-position: right -160px;
}
#side .lineup__yellow-unit a {
  border: 1px solid #ff0;
}
#side .lineup__yellow-unit a:hover {
  background: #ff0;
  color: #333;
}
#side .lineup__yellow .lineup__size {
  color: #ff0;
}
#side .lineup__red {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ur.png) left repeat-y;
}
#side .lineup__red:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uy_ur.png) left center no-repeat;
}
#side .lineup__red dt a {
  background-position: left -200px;
}
#side .lineup__red dt a:hover {
  background-position: right -200px;
}
#side .lineup__red-unit a {
  border: 1px solid #f00;
}
#side .lineup__red-unit a:hover {
  background: #f00;
}
#side .lineup__red .lineup__size {
  color: #f00;
}
#side .lineup__white {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uw.png) left repeat-y;
}
#side .lineup__white:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_ur_uw.png) left center no-repeat;
}
#side .lineup__white dt a {
  background-position: left -240px;
}
#side .lineup__white dt a:hover {
  background-position: right -240px;
}
#side .lineup__white-unit a {
  border: 1px solid #fff;
}
#side .lineup__white-unit a:hover {
  background: #fff;
  color: #333;
}
#side .lineup__white .lineup__size {
  color: #fff;
}
#side .lineup__purple {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_upu.png) left repeat-y;
}
#side .lineup__purple:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_uw_upu.png) left center no-repeat;
}
#side .lineup__purple dt a {
  background-position: left -280px;
}
#side .lineup__purple dt a:hover {
  background-position: right -280px;
}
#side .lineup__purple-unit a {
  border: 1px solid #d25bff;
}
#side .lineup__purple-unit a:hover {
  background: #d25bff;
}
#side .lineup__purple .lineup__size {
  color: #d25bff;
}
#side .lineup__pastelblue {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_upb.png) left repeat-y;
}
#side .lineup__pastelblue:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_upu_upb.png) left center no-repeat;
}
#side .lineup__pastelblue dt a {
  background-position: left -320px;
}
#side .lineup__pastelblue dt a:hover {
  background-position: right -320px;
}
#side .lineup__pastelblue-unit a {
  border: 1px solid #82dbff;
}
#side .lineup__pastelblue-unit a:hover {
  background: #82dbff;
}


#side .lineup__pastelblue .lineup__size {
  color: #82dbff;
}
#side .lineup__deepblue {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_udb.png) left repeat-y;
}
#side .lineup__deepblue:before {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_upb_udb.png) left center no-repeat;
}
#side .lineup__deepblue:after {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_category_bottom.png) left center no-repeat;
  display: block;
  content: "";
  width: 30px;
  height: 20px;
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: 0;
}
#side .lineup__deepblue dt a {
  background-position: left -360px;
}
#side .lineup__deepblue dt a:hover {
  background-position: right -360px;
}
#side .lineup__deepblue-unit a {
  border: 1px solid #0000db;
}
#side .lineup__deepblue-unit a:hover {
  background: #0000db;
}
#side .lineup__deepblue .lineup__size {
  color: #0000db;
}
#side .lineup .group {
  margin-top: 30px;
}
#side .lineup .group li {
  list-style-type: none;
  margin-bottom: 8px;
}
#side .news {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_bg.gif) repeat-y right 0px;
}
#side .news h3 {
  font-size: 10px;
  line-height: 10px;
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_news.jpg);
  height: 36px;
  text-indent: -9999px;
}
#side .news p {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0px 10px 0px 30px;
  text-align: justify;
  padding-bottom: 8px;
}
#side .news p img {
  display: block;
  margin: 0px auto 20px;
  width: 148px;
}
#side .news table {
  margin: 0px auto;
  width: 148px;
  font-size: 10px;
  color: #000000;
}
#side .news table td,
#side .news table th {
  height: 15px;
  line-height: 15px;
}
#side .mobile h3 {
  font-size: 10px;
  line-height: 10px;
  text-indent: -9999px;
  height: 30px;
}
#side .mobile img {
  display: block;
  margin: 0px auto;
  width: 148px;
}
#side .info h3 {
  font-size: 10px;
  line-height: 10px;
  text-indent: -9999px;
  height: 30px;
}
#side .info p {
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_mailmaga.jpg);
  text-indent: -9999px;
  height: 51px;
  margin-bottom: 20px;
}
#side .info a {
  display: block;
  height: 100%;
}
#side .info ul {
  height: 17px;
  position: relative;
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_side_feed.jpg);
}
#side .info li {
  font-size: 10px;
  line-height: 10px;
  list-style: none;
  position: absolute;
  text-indent: -9999px;
  width: 101px;
  height: 17px;
}
#side .info li.atom {
  right: 0px;
}

/*==========================================
  #contents
==========================================*/
#contents {
	max-width: 100%;
	width: 100%;
}
@media only screen and (min-width: 800px) {
	#contents {
  float: right;
  width: 560px;
  font-size: 1.2em;
	}
}
#contents br {
  letter-spacing: 0;
}
#contents h2 {
	font-size: 15px;
	color: #FF6600;
	letter-spacing: 0.2em;
	background: linear-gradient(transparent 60%,  #FFAB00 75%, rgb(255,96,0) 80%, rgb(255,96,0) 90%, #FFAB00 90%, transparent 100%);
	padding-bottom: 1em;
	padding-left: .3em;
	margin-bottom: 12px;
}
@media only screen and (min-width: 800px) {
	#contents h2 {
		font-size: 14px;
		background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_contents_h2.gif) no-repeat top;
		height: 49px;
		text-indent: 60px;
		margin-bottom: 5px;
		clear: both;
		color: #FF6600;
		text-shadow: inherit;
	}
}
#contents h3 {
	font-size: 13px;
	color: #7FFF7F;
	text-shadow: 0 0 5px #00CC00, 0 0 15px #00CC00, 0 0 20px #00CC00, 0 0 40px #00CC00, 0 0 60px #009900, 0 0 10px #00CC00, 0 0 98px #00CC00;
	line-height: 35px;
	letter-spacing: 0.2em;
	margin: 30px 0 10px;
}
@media only screen and (min-width: 800px) {
	#contents h3 {
		font-size: 12px;
		line-height: 50px;
		letter-spacing: 0.3em;
		text-align: center;
		background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_contents_h3.png) no-repeat center bottom;
		margin: 30px auto 10px;
		width: 500px;
		height: 50px;
		clear: both;
		color: #009900;
		text-shadow: inherit;
	}
}

#contents img {
  border-style: none;
}

#contents ul, #contents ol {
  line-height: 2em;
  margin: 20px 0px 20px 60px;
}

#contents p {
  line-height: 1.5em;
  margin: 0 0 15px;
  text-align: justify;
}
@media only screen and (min-width: 800px) {
	#contents p {
		margin: 0px 60px 15px;
	}
}
/*=========== productlist ===========*/
#contents p.none {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#contents p.sort {
  text-align: right;
	margin: 0 10px 20px 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 800px) {
	#contents p.sort {
		margin: 0px 40px;
	}
}
#contents ul.pl {
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	margin: 10px 0;
}
#contents ul.pl li {
  height: 190px;
  width: calc((100% - 10px) / 2);
  font-size: 12px;
  list-style: none;
  line-height: 1.2em;
  text-align: center;
}

#contents ul.pl li a.img {
  display: block;
  margin: 0px auto 2px;
  text-align: center;
}
/*
#contents ul.pl li a.img img {
	width: 100%;
	max-width: 100%;
}
*/
@media only screen and (min-width: 768px) {
	#contents ul.pl li a.img {
		height: 100px;
		width: 100px;
	}
	#contents ul.pl li {
		width: calc((100% - (10px * 3)) / 4);
	}
}
#contents ul.pl li a.img img,
#contents dl.cate-pl li a.img img {
  border-style: none;
}

#contents ul.pl li span.price {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 4px;
  display: block;
  color: #FFFFFF;
}

#contents ul.pl li span.price span {
  font-size: 10px;
  font-weight: normal;
}

#contents ul.page {
  clear: both;
  text-align: center;
}

#contents ul.page li {
  display: inline;
  margin: 50px;
}

#contents ul.page a {
  padding: 0.5em 6px;
  border: 1px solid #333333;
  text-decoration: none;
  background: #111111;
}

#contents ul.page a:hover {
  background: #333333;
}

/*=========== dl.cell ===========*/
#contents dl.cell {
  margin: 0 0 50px;
  line-height: 1.5em;
  border-top: 2px solid #333333;
  border-bottom: 1px solid #333333;
}
#contents dl.cell dt {
  font-weight: bold;
  width: 100%;
  padding: 10px 5px 0;
	font-size: 13px;
}
#contents dl.cell dd {
  padding: 5px 5px 10px;
  border-bottom: 1px solid #333333;
}
@media only screen and (min-width: 800px) {
	#contents dl.cell {
		margin: 0px 60px 50px;
	}
	#contents dl.cell dt {
		font-weight: bold;
		text-align: center;
		width: 180px;
		float: left;
		clear: left;
		padding: 5px 0px;
		font-size: revert;
	}
	#contents dl.cell dd {
		padding: 5px 0px 5px 190px;
	}
}
/*=========== sitemap ===========*/
#contents dl.sitemap {
  line-height: 2em;
  margin: 0px 60px 40px 60px;
}

#contents dl.sitemap dt {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_li-ico.png) no-repeat left center;
  text-indent: 20px;
}

#contents dl.sitemap dd {
  margin-bottom: 10px;
  padding-left: 20px;
}

#contents dl.sitemap dt a, #contents dl.sitemap dd a {
  color: #CCCCCC;
}

#contents dl.sitemap ul {
  margin: 0px;
}

#contents dl.sitemap dd li {
  display: inline;
  margin-right: 20px;
  letter-spacing: 0.2em;
}

#contents ul.sitemap {
  margin-left: 80px;
  letter-spacing: 0.2em;
}

#contents ul.sitemap a {
  color: #CCCCCC;
}

/*=========== campaign ===========*/
#contents img.top-image {
  display: block;
	max-width: 100%;
  margin: 0px auto 15px;
}

/*==========================================
  #footer
==========================================*/
#footer {
  clear: both;
  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_footer_bg.gif) repeat-x left 24px;
}
#footer h2 {
  display: none;
}
#footer dl {
  margin: 0px auto;
  width: 800px;
}
#footer dt {
  display: none;
}
#footer dd.page-top {

  background: url(https://img04.shop-pro.jp/PA01025/202/etc/UO_footer_pagetop.jpg) no-repeat 640px;
  text-indent: -9999px;
  padding-top: 24px;
}
#footer dd.page-top a {
  display: block;
  height: 23px;
  width: 108px;
  margin-left: 665px;
}
#footer ul {
  text-align: center;
}
#footer li {
  line-height: 5em;
  display: inline;
  margin: 10px;
}
#footer p {
  line-height: 2em;
  text-align: center;
}


#mobile_footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#mobile_footer {
  position: relative;
  background: #000;
}
#mobile_footer .logo {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #111;
}
#mobile_footer .logo a {
  display: inline-block;
}
#mobile_footer .logo img {
  width: 200px;
}
#mobile_footer .nav a {
  display: block;
  padding: 0 10px;
  color: #ccc;
	text-decoration: none;
}
@media only screen and (min-width: 800px) {
	#mobile_footer {
		display: none;
	}
}
@media only screen and (max-width: 799px) {
  #mobile_footer {
    text-align: center;
  }
  #mobile_footer .nav li {
    border-top: 1px solid #555555;
  }
  #mobile_footer .nav li:last-child {
    border-bottom: 1px solid #555555;
  }
  #mobile_footer .nav li a {
    padding: 12px 20px;
    text-align: left;
  }
	.copyright {
		padding: 15px;
	}
}
/*==========================================
  common
==========================================*/
@media only screen and (max-width: 40em) {
	.spnon {display: none;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.tabnon {display: none;}
}
@media only screen and (max-width: 799px) {
	.display_non799 {display: none;}