@charset "UTF-8";
/* CSS Document */
html {
 width: 100%;
 height: 100%;
 font-size: 62.5%;
 overflow-x: hidden;
}
body {
 width: 100%;
 height: 100%;
 font-family: Arial,Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #000000;
 letter-spacing: 0px;
 font-size: 1.3rem;
 overflow-x: hidden;
}

header {
 background-repeat: repeat-x;
 padding-top: 40px;
 padding-bottom: 25px;
 margin-bottom: 70px;
 background-position: center top;
}
header #logo {
 margin-bottom: 10px;
}
header #nav {
 font-weight: bold;
 color: #FFFFFF;
 display: inline;
 text-align: center;
 letter-spacing: 1px;
 margin-top: 10px;
}
header #nav a {
 color: #FFFFFF;
 display: block;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 20px;
 padding-right: 20px;
}
header #nav a:hover {
 text-decoration: none;
}
@media screen and (max-width:768px){
header {
 padding-top: 20px;
 padding-bottom: 10px;
 margin-bottom: 30px;
}
 header #logo {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-width: 260px;
 width: expression(this.width >= this.height ? "200px" : "auto");
}
 header div {
 display: inline; /* Safari */
 display: inline;
}
}


ul#pan {
 margin-bottom: 50px;
}
ul#pan li {
 display: inline;
 line-height: 1.8rem;
}
ul#pan li.bg_none {
 font-weight: bold;
 color: #DFDFDF;
}


main {
}
main section {
 margin-bottom: 80px;
}

#productSct {
}
#productSct #clm_l {
 margin-bottom: 50px;
}
#productSct #clm_l .thumb-item {
 -webkit-box-shadow: 0px 0px 15px #E2E2E2;
 box-shadow: 0px 0px 15px #E2E2E2;
 margin-bottom: 20px;
 width: 98%;
}
#productSct #clm_l .thumb-item-nav li img {
 border: 2px solid #E2E2E2;
 width: 90%;
}
#productSct #clm_r {
}
#productSct #clm_r h2 {
 font-size: 2.8rem;
 line-height: 3.5rem;
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px dashed #CFCFCF;
}
#productSct #clm_r dl {
 margin-bottom: 20px;
}
#productSct #clm_r dl dt {
}
#productSct #clm_r dl dd {
}
#productSct #clm_r div {
 margin-bottom: 20px;
}
#productSct #clm_r #price {
 font-size: 2.5rem;
 line-height: 3.5rem;
 font-weight: bold;
 letter-spacing: 1px;
 margin-bottom: 20px;
}
#productSct #clm_r #price span {
 font-size: 1.8rem;
 font-weight: normal;
}
#productSct #clm_r #price span.line {al;
 text-decoration: line-through;
}

#productSct #clm_r #price2 {
 font-size: 2.5rem;
 line-height: 3.5rem;
 font-weight: bold;
 letter-spacing: 1px;
 margin-bottom: 0px;
}
#productSct #clm_r #price2 span {
 font-size: 1.8rem;
 font-weight: normal;
}
#productSct #clm_r #price2 span.line {al;
 text-decoration: line-through;
}

#price1 {
 font-size: 2.5rem;
 line-height: 3.5rem;
 font-weight: bold;
 letter-spacing: 1px;
 margin:0px 0p 20px 0px;
 color: #FF0000;
}
#price1 span {
 font-size: 1.8rem;
 font-weight: normal;
}
#price1 span.line {al;
 text-decoration: line-through;
}


.price4 {
 font-size: 2.0rem;
 line-height: 2.0rem;
 font-weight: bold;
 letter-spacing: 1px;
 margin-bottom: 0px;
}
.price4 span {
 font-size: 1.8rem;
 font-weight: normal;
}
.price4 span.line {al;
 text-decoration: line-through;
}

.price3 {
 font-size: 2.0rem;
 line-height: 2.0rem;
 font-weight: bold;
 letter-spacing: 1px;
 margin:0px 0p 20px 0px;
 color: #FF0000;
}
.price3 span {
 font-size: 1.8rem;
 font-weight: normal;
}
.price3 span.line {al;
 text-decoration: line-through;
}

.font-r { 
 font-size: 2.8rem;
 color:#F00;
 font-weight:bold;
}

#productSct #clm_r .att {
 font-size: 1.3rem;
 line-height: 1.9rem;
 margin-bottom: 20px;
}
#productSct #clm_r #cartBtn {
 text-align: center;
 color: #FFFFFF;
 font-size: 2.3rem;
 letter-spacing: 1px;
}
#productSct #clm_r #cartBtn a {
 padding-top: 20px;
 padding-bottom: 20px;
 color: #FFFFFF;
 display: block;
 border-radius: 10px;
 box-shadow: 3px 3px 5px 0px rgba(255,255,255,0.5) inset,-3px -3px 5px 0px rgba(0,0,0,0.5) inset;
}
#productSct #clm_r #cartBtn a:hover {
 text-decoration: none;
}

#lineupSct {
	background-image: url(../img/common/bg_lineup.png);
	background-repeat: repeat;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
	position: relative;
}
#lineupSct .new {
	position: absolute;
	top: -30px;
	left: -30px;
}
@media screen and (max-width:991px){
#lineupSct {
	padding-top: 30px;
}
#lineupSct .new {
	position: static;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
}
@media screen and (max-width:768px){
 #lineupSct {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
}

#lineupSct h2 {
 font-size: 2.8rem;
 font-weight: bold;
 padding-bottom: 5px;
 margin-bottom: 30px;
 letter-spacing: 1px;
 display: inline-block;
}
#lineupSct ul {
}
#lineupSct ul li {
 margin-bottom: 50px;
}
#lineupSct ul li .fukidashi {
 border-radius: 30px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #FFFFFF;
 display: inline-block;
 padding-left: 20px;
 padding-right: 20px;
 margin-bottom: 10px;
 letter-spacing: 1px;
 position: relative;
}
#lineupSct ul li .fukidashi span {
 position: absolute;
 top: 22px;
 left: 48%;
}
#lineupSct ul li figure {
 margin-top: 10px;
 margin-bottom: 10px;
}
#lineupSct ul li figcaption {
}
#lineupSct ul li figcaption .pdtname {
 line-height: 2.5rem;
 margin-bottom: 5px;
}
#lineupSct ul li figcaption .pdtname span {
 font-size: 2.0rem;
 font-weight: bold;
}
#lineupSct ul li figcaption .cost {
 font-size: 1.4rem;
 text-decoration: line-through;
 margin-bottom: 10px;
}
#lineupSct ul li figcaption .price {
	font-size: 3.0rem;
	line-height: 3.3rem;
	letter-spacing: 1px;
	color: #ff6898;
	font-weight: bold;
}
#lineupSct ul li figcaption .price span.s_pink {
 font-size: 1.5rem;
}
#lineupSct ul li figcaption .price span.s_black {
 font-size: 1.5rem;
 color: #000000;
}
#lineupSct ul li figcaption .att {
 font-size: 1.0rem;
 font-weight: normal;
 color: #000000;
 line-height: 1.2rem;
 margin-top: 10px;
 text-align: left;
}


footer {
 color: #828282;
}
footer section {
 margin-bottom: 50px;
}
footer h2 {
 font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 2.0rem;
 text-align: center;
 margin-bottom: 15px;
 padding-bottom: 5px;
 border-bottom: 1px solid #CFCFCF;
 letter-spacing: 1px;
}
footer div {
 margin-bottom: 30px;
 margin-top: 10px;
}
footer h3 {
 font-size: 1.5rem;
 font-weight: bold;
 margin-bottom: 5px;
}
footer h3:before {
 content: "■";
 margin-right: 5px;
 font-size: 2.5rem;
}
footer p {
 margin-bottom: 5px;
}
footer p img#freedial {
 display: inline;
}
footer a {
 font-size: 1.3rem;
 letter-spacing: 1px;
}
footer a:hover {
}
footer p span.red {
 color: #ff6898;
}
footer small {
 text-align: center;
 padding-top: 10px;
 margin-bottom: 20px;
 border-top: 1px solid #000000;
 display: block;
}