@charset "utf-8";
@import "../../css/thickbox.css";
@import "/sp/sp_css/style.css";

#itemBox{
	display: none;
}

/*--------------------------------------------------------
　リニューアル追加分　2022.05
--------------------------------------------------------*/
/*#main h1{
    font-size: 16px;
    font-weight: normal;
    width: 93.75%;
    color: #946134;
    text-align: center;
    padding: 1em;
    margin: 1em auto 0;
    border: 1px dotted #946134;    
}
#main .section h2{
    font-size: 16px;
    color: #946134;
    font-weight: bold;
    text-align: center;
    padding: 1em 4em;
    margin: 1em auto 0;
    background-color:#f1ede9 ;
    background-image: url("../../sp/sp_img/common/ico_cat.png"), url("../../sp/sp_img/common/ico_dog.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left 0.8em center, right 0.8em center;
    background-size: 10% auto, 10% auto;
}
#main .section h3{
    
}

#main .section .no{
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}*/


/*.balloon1 {
    position: relative;
    display: block;
    margin: 3em 1em 2em !important;
    padding: 1em !important;
    min-width: 120px !important;
    max-width: 100% !important;
    font-weight: normal !important;
    background: #C7E6F0 !important;
    border-radius: 10px;
}

.balloon1:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #C7E6F0;
}

.balloon2 {
    position: relative;
    display: block;
    margin: 3em 1em 2em !important;
    padding: 1em !important;
    min-width: 120px !important;
    max-width: 100% !important;
    font-weight: normal !important;
    background: #E1C7EB !important;
    border-radius: 10px;
}

.balloon2:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #E1C7EB;
}*/

/****************************************************************************
　 index CSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2014.09.01
   Last up date   : 2014.09.01
****************************************************************************/

.mfp-image-holder .mfp-close{
    top:20px !important;
    right: -20px !important;
}
.mfp-container {
    width: 640px !important;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;    
}
.mfp-iframe-holder .mfp-close {
    right: -20px !important;
}

/*--------------------------------------------------------
　初期化
--------------------------------------------------------*/
.w640 {
	width: 640px;
	margin: 0 auto 60px;
	padding: 0;
	position:relative;
}
.w640 p img {
	display: block;
	margin: 0;
	padding: 0;
}
.w640 p {
	display: block;
	margin: 0;
	padding: 0;
}

.section{
	margin:60px auto !important;	
}
.section img{
	vertical-align:bottom;
}


.pTop {
	margin-top:-40px !important;
	text-align:center;	
}
.pTop a {
	color: #0044CC !important;
    text-decoration: underline !important;
}
.pTop a:hover {
    text-decoration: none !important;
}



.youtube {
  margin:2em auto;
}

#itemBox ul{
    width: 795px;
    margin: 0 auto;
}

#itemBox ul li {
	width: 390px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
}
#itemBox ul li:nth-child(1), 
#itemBox ul li:nth-child(3), 
#itemBox ul li:nth-child(5), 
#itemBox ul li:nth-child(7), 
#itemBox ul li:nth-child(9), 
#itemBox ul li:nth-child(11), 
#itemBox ul li:nth-child(13), 
#itemBox ul li:nth-child(15) {
	clear: both;
} 
#itemBox ul li:nth-child(2), 
#itemBox ul li:nth-child(4), 
#itemBox ul li:nth-child(6), 
#itemBox ul li:nth-child(8), 
#itemBox ul li:nth-child(10), 
#itemBox ul li:nth-child(12), 
#itemBox ul li:nth-child(14), 
#itemBox ul li:nth-child(16) {
	margin: 0 0 15px 0;
} 

#itemBox img {
	width: 100%;
}

.none-PC {
    display: none;
}

/*--------------------------------------------------------
　文字装飾
--------------------------------------------------------*/
.mida-st01{
	width: 795px;
	height:30px;
	line-height:30px;
	margin:20px auto;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	background:url(../../img/dot-line.png) ;
	background-position:right 20px;
	background-repeat: repeat-x;
	background-color:#ff5e9c;

}

.mida-st01 span{
	display: inline-block;
	height:30px;	
	background: url(../../img/ico-button.png) ;
	background-position:14px center ;
	background-repeat:no-repeat;
	background-color:#ff5e9c;
	padding-left:40px;
	padding-right:10px;
}


/*--------------------------------------------------------
　スペース設定
--------------------------------------------------------*/
.ST5 { margin-top: 5px !important; }
.ST10 { margin-top: 10px !important; }
.ST20 { margin-top: 20px !important; }
.ST30 { margin-top: 30px !important; }
.ST40 { margin-top: 40px !important; }
.ST50 { margin-top: 50px !important; }
.ST60 { margin-top: 60px !important; }
.ST70 { margin-top: 70px !important; }
.ST80 { margin-top: 80px !important; }
.ST90 { margin-top: 80px !important; }
.SB5 { margin-bottom: 5px !important; }
.SB10 { margin-bottom: 10px !important; }
.SB20 { margin-bottom: 20px !important; }
.SB30 { margin-bottom: 30px !important; }
.SB40 { margin-bottom: 40px !important; }
.SB50 { margin-bottom: 50px !important; }
.SB60 { margin-bottom: 60px !important; }
.SB70 { margin-bottom: 70px !important; }
.SB80 { margin-bottom: 80px !important; }
.SB90 { margin-bottom: 90px !important; }
.STB5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.STB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.STB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.STB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.STB40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.STB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.STB60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.STB70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.STB80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.STB90 { margin-top: 90px !important; margin-bottom: 90px !important; }

.normal {
	margin: 20px 0 20px 0 !important;
}
.nospace {
	margin: 0;
}
.nospace img {
	margin: 0;
	display: block;
	padding: 0;
}
.Title {
	margin: 20px 0 25px 0 !important;
}
.price {
	margin: 20px 0 20px 0;
}


.noukiBnr{
	width:600px;
	padding:0 ;
	margin:20px auto ;
}
.noukiBnr img{
	width:100%;
}

p.bnrBlock01{
	padding:0 ;
	margin:40px 0 !important;
}

p.block01{
	margin:0 auto 1em !important;
}
p.block02{
	margin:0 10px 0 !important;
}

/*p.block01{
	margin:0 3.125% 1em !important;
}
p.block02{
	margin:0 3.125% 0 !important;
}*/
p.block01 img,
p.block02 img{
	width:100%;
}


/*--------------------------------------------------------
　head menu
--------------------------------------------------------*/
/* mod_nav
-----------------------------------------*/
.mod_nav {
	width:805px;
	margin:0 15px 40px;
 color: #fff;
 padding: 18px 0 ;
 background-color: rgba(102,102,102,0.95);
 /* box-shadow 
 -webkit-box-shadow: 0px 2px 4px #CCC;
 -moz-box-shadow: 0px 2px 4px #CCC;
 box-shadow: 0px 2px 4px #CCC;*/
 z-index:99;
position:relative;

border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.fixBox2 {
   position: fixed !important;
   top: 35px;
}

.navtitle {
	font-size:16px;
	
	font-weight:bold;
	position:absolute;
	 left:20px;	
}
.navtitle a{
	color:#fff !important;
	text-decoration:none;
}
.navtitle a:hover{
	color:#FFE300 !important;
	text-decoration:none;
	transition: 0.7s;
}

.orderBtn{
	position:absolute;
	 top:0;
	 right:20px;
	 bottom:0;
	 margin:auto;
	
	background: -webkit-linear-gradient(top, #FFE300, #FFCF00); /* Chrome 10+, Safari 5.1+ */
  background: -moz-linear-gradient(top, #FFE300, #FFCF00);    /* 3.6+ */
  background: -ms-linear-gradient(top, #FFE300, #FFCF00);     /* 10+ */
  background: -o-linear-gradient(top, #FFE300, #FFCF00);      /* 11.1+ */
  background: linear-gradient(to bottom, #FFE300, #FFCF00);   /* Standard */
  
	color:#CD0000;
	width:65px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.orderBtn a{
	display:block;
	text-decoration:none !important;
	color:#CD0000 !important;
	font-weight:bold;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.orderBtn a:hover{
	background:#FFE300;
	transition: 0.7s;
}



	
 
@media screen and (max-width:768px) {
.mod_nav {
 position:relative;
 padding: 0;
 height: 45px;
}
}
/* nav_arrow */ 
.mod_nav p.nav_arrow {
 display: none;
}
 
@media screen and (max-width:768px) {
.mod_nav p.nav_arrow {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin:auto;
 width:34px;
 height:34px;
 display: block;
 font-size:34px;
 line-height:34px;
 cursor:pointer;
 /* top:8px;
 left:10px;
 font-size:20px;*/
}
.mod_nav p.nav_arrow i{
 font-size:38px;
}
.mod_nav p.nav_arrow span{
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
}
/* mod_nav_inner */
.mod_nav_inner {
}
@media screen and (max-width:768px) {
.mod_nav_inner {
 display:none;
 position:relative;
 top:45px;
 left:0;
 background-color:rgba(102,102,102,0.95);
}
}
.mod_nav_inner ul {
 margin: 0 120px 0 20px;
 text-align: right;
}
@media screen and (max-width:768px) {
.mod_nav_inner ul {
 margin: 0;
 padding:1em 2em;
 text-align: left;
 border-top: solid 1px #999999;
}
}
.mod_nav_inner ul li {
	font-size:13px;
 display: inline-block;
 margin: 0 1em;
}
@media screen and (max-width:768px) {
.mod_nav_inner ul li {
 display: block;
 margin:0;
 border-bottom: dashed 1px #CCC;
}
}
.mod_nav_inner ul li a {
 display: block;
 padding: 0;
 position: relative;
}
@media screen and (max-width:768px) {
.mod_nav_inner ul li a {
 display: block;
 padding: 0.5em;
}
}
.mod_nav_inner ul li a:before {
 position: absolute;
 margin-top: -8px;
 top: 50%;
 left: 4px;
 color: #fff;
 /*content: " \f054";
 font-family: FontAwesome;*/
}
@media screen and (max-width:768px) {
.mod_nav_inner ul li a:before {
 left: 15px;
}
}
.mod_nav_inner ul li a:link {
 color: #fff;
 text-decoration: none;
}
.mod_nav_inner ul li a:visited {
 color: #fff;
 text-decoration: none;
}
.mod_nav_inner ul li a:hover, .mod_nav_inner ul li a:hover:before {
 color:#FFE300;
 text-decoration: none;
}
.mod_nav_inner ul li a:active, .mod_nav_inner ul li a:hover:before {
 color:#FFE300;
 text-decoration: none;
}
/* mod_nav_btn */ 
.mod_nav_inner p.closebtn {
 display:none;
}
 
@media screen and (max-width:768px){
.mod_nav_inner p.closebtn{
 display:block;
 /* background-color:rgba(102,102,102,0.95);*/ 
 color:#FFF;
 margin:0;
 padding:10px;
 line-height:1;
 font-size:16px;
 cursor:pointer;
 text-align:center;
}
.mod_nav_inner p.closebtn i{
 margin:0 5px 0 0;
}
 
}


/*--------------------------------------------------------
　mainHead
--------------------------------------------------------*/
#mainHead {
	margin:0 auto 40px;
	padding:24px 0 50px;
	border-bottom:#E6E6E6 solid 60px;
	position:relative;
}
#mainHead img{
	width:100%;
	height:auto;
}

#mainHead ul{
	width:600px;
	height:auto;
	margin:0 auto;	
}

.imgOff {
	display:none;
}
/*.slick-dots {
    position: inherit !important;
    bottom: 0 !important;
}*/

/*
#bxslider li {
  display: none;
}
.bx-viewport #bxslider li {
  display: block !important;
}

.bx-wrapper .bx-pager {
    padding-top: 20px !important;
}*/



/*--------------------------------------------------------
　btnBlock1sp
--------------------------------------------------------*/
.btnBlock1sp {
	width: 100%;
	margin: 40px auto;
	text-align: center;
}
.btnBlock1sp li {
	width: 100%;
	margin: 0 auto;
}
.btnBlock1sp a img{
	width: 100%;
	margin: 0 auto;
}


/*--------------------------------------------------------
　btnBlock2sp
--------------------------------------------------------*/
.btnBlock2sp {
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	overflow: hidden;
}
.btnBlock2sp li {
	width: 50%;
	float: left;
	margin: 0;
}
.btnBlock2sp li img {
	width:100%;
}
.btnBlock2sp li:nth-child(1) {  }
.btnBlock2sp li > *:first-child {  }

.colorA {
	background-color: #FFF3CF;
	display: block;
	padding: 0px 0 40px 0;
}
p.notes {
	font-size: 14px;
	text-align: center;
	display: block;
	padding:5px 0 20px 0;
}
p.bgA {
	background: url(/sp/seal/img/math/seal-math_type_btn6bg.png) no-repeat;
	display: block;
}


/*--------------------------------------------------------
　pointBlock
--------------------------------------------------------*/
.pointBlock ul{
	overflow:hidden;
}

.pointBlock li{
	width:320px;
	float:left;
}
.pointBlock img{
	vertical-align:bottom;
}

.pointBlock p{
	clear:both;
}

.pointBlock li.wide{
	float:none;
	width:640px;
}



.read{
	width:700px;
	color:#976F51;
	line-height:1.6;
	font-size:18px;
	margin:25px auto 0;
}

.read-anniv{	
	color:#B57655;
	line-height:2;
	font-size:19px;
	background: url(../../sale/img/15th-anniv/read-bg.png) no-repeat center center;
	height:177px;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:20px;
	text-align:center;
}
.read strong{
	color:#F55CC2;
}


/*--------------------------------------------------------
　h6
--------------------------------------------------------*/
#main p.normal {
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
}
#main p.top {
	padding: 50px 0 30px 0;
}
#main p.normal img {
	display: block;
	margin: 0 auto;
}

#main p.midashi {
	width: 756px;
	height: 30px !important;
	margin: 0 auto;
	padding: 0;
	display: block;
	background: #BE0000;
	overflow: hidden;
	font-size: 10px;
	color: #FFF;
}
#main p.nospace {
	display: block;
	padding: 0;
	text-align: center;
}
#main p.nospace img {
	display: block;
	margin: 0 auto;
}


p.txtBlock {
	font-size:18px;
	color:#946134;
	line-height:1.6;
	padding:0 1em !important;
	margin:20px 0 !important;
}



/*--------------------------------------------------------
　index
--------------------------------------------------------*/
ul.indexTOP {
	overflow: hidden;
}
ul.indexTOP li {
	float: left;
	width: 265px;
	height: 486px;
	margin-left: 24px;
	position: relative;
	padding: 0;
}

ul.indexTOP li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.indexTOP li:nth-child(1) { margin-left: 0px; }
ul.indexTOP li > *:first-child { margin-left: 0px; }

ul.indexTOP li p {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.indexTOP li p.btn01 { left:20px; bottom:70px; }
ul.indexTOP li p.btn02 { left:20px; bottom:15px; }

ul.indexUNDER {
	overflow: hidden;
}
ul.indexUNDER li {
	float: left;
	width: 845px;
	height: 486px;
	margin: 0;
	position: relative;
	padding: 0;
}
ul.indexUNDER li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.indexUNDER li p {
	position: absolute;
	margin: 0;
	padding: 0;
}

ul.indexUNDER li p.btn03 { left:20px; bottom:25px; }
ul.indexUNDER li p.btn04 { left:210px; bottom:25px; }
ul.indexUNDER li p.btn05 { left:450px; bottom:25px; }
ul.indexUNDER li p.btn06 { left:640px; bottom:25px; }


ul.indexTOPsale {
	overflow: hidden;
}

ul.indexTOPsale li {
	float: left;
	width: 265px;
	height: auto;
	margin-left: 24px;
	margin-bottom:24px;
	position: relative;
	padding: 0;
}

ul.indexTOPsale li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.indexTOPsale li:nth-child(1) { margin-left: 0px; }
ul.indexTOPsale li > *:first-child { margin-left: 0px; }

ul.indexTOPsale li p {
	position: absolute;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
　index　sale用設定
--------------------------------------------------------*/
#saleA img.sealzone {
	margin-top: -486px;
}


/*--------------------------------------------------------
　キャンペーン
--------------------------------------------------------*/
.indexCAM {
	margin:20px 0 40px;
	overflow:hidden;
}
.indexCAM li{
	float:left;
	margin:8px;
	
}

/*--------------------------------------------------------
　index　キャンペーン
--------------------------------------------------------
ul.indexCAM {
	overflow: hidden;
	padding-bottom: 25px;
}
ul.indexCAM li {
	float: left;
	margin-left: 24px;
	position: relative;
	padding: 0;
	margin-top: 25px;
}
ul.indexCAM li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.indexCAM li:nth-child(1) { margin-left: 0px; }
ul.indexCAM li > *:first-child { margin-left: 0px; }

ul.indexCAM li p {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.indexCAM li p.btn01 { left:20px; bottom:70px; }
ul.indexCAM li p.btn02 { left:20px; bottom:15px; }*/


/*--------------------------------------------------------
　説明ページ
--------------------------------------------------------*/
#main ul.btnBlock1 {
	width: 756px;
	margin: 0 auto;
	text-align: center;
}
#main ul.btnBlock1 li {
	width: 360px;
	margin: 0 auto;
}
#main ul.btnBlock2 {
	width: 756px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: center;
	overflow: hidden;
}
#main ul.btnBlock2 li {
	width: 364px;
	float: left;
	margin: 0;
}
#main ul.btnBlock2 li:nth-child(1) { margin-right: 27px; }
#main ul.btnBlock2 li > *:first-child { margin-right: 27px; }

ul.sealUNDER {
	width: 766px;
	margin: 0 auto;
	overflow: hidden;
}
ul.sealUNDER li {
	float: left;
	width: 246px;
	margin: 10px 0 0 10px;
	position: relative;
	padding: 0;
}
ul.sealUNDER li img {
	display: block;
	margin: 0;
	padding: 0;
}
ul.sealUNDER li p {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.sealUNDER li:nth-child(1) { margin-left: 0px; }
ul.sealUNDER li:nth-child(4) { margin-left: 0px; }
ul.sealUNDER li > *:first-child { margin-left: 0px; }
ul.sealUNDER li > *:first-child + * + * + * { margin-left: 0px; }


ul.sealUNDER li p.btn05 { left:20px; bottom:70px; }
ul.sealUNDER li p.btn06 { left:20px; bottom:15px; }

ul.sealUNDER li p.btn09 { right:20px; bottom:70px; }
ul.sealUNDER li p.btn10 { right:20px; bottom:15px; }

ul.sealUNDER li:nth-child(7),
ul.sealUNDER li:nth-child(8) { width:760px; margin-left:0;}

.transition_no {
filter: alpha(opacity=100) !important;
-moz-opacity:1.0 !important;
opacity:1.0 !important;
}



/*--------------------------------------------------------
　注文ページ
--------------------------------------------------------*/

.attention div.bg {
	position: relative;
}
.attention div.bg p.p2 {
	position: absolute;
	left: 170px;
	top: 10px;
	font-size: 14px;
}
.attention div.bg p.p3 {
	position: absolute;
	left: 170px;
	top: 2.2em;
	font-size: 14px;
}



#main ul.btnBlock6 {
	width: 766px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
#main ul.btnBlock6 li {
	width: 240px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin: 10px 0 0 20px;
}
#main ul.btnBlock6 li:nth-child(1) { margin-left: 0px; }
#main ul.btnBlock6 li:nth-child(4) { margin-left: 0px; }
#main ul.btnBlock6 li:nth-child(7) { margin-left: 0px; }
#main ul.btnBlock6 li > *:first-child { margin-left: 0px; }
#main ul.btnBlock6 li > *:first-child + * + * + * { margin-left: 0px; }

#main ul.btnBlock6 li.on img {
	margin-top: -50px;
}

#main div.Number {
	background-image: url(../img/choose_step.gif);
}

ul.item2 {
	width: 764px;
	margin:0 auto;
	overflow: hidden;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
ul.item2 li {
	float: left;
	width: 380px !important;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
	padding: 10px 0 10px 0;
}
ul.item2 li img {
	display: block;
	margin: 0 auto 10px auto;
	width:273px;
	height:auto;
}
ul.item2 li input {
	margin-right: 5px;
}

div.hamidashi {
	position: relative;
}
ul.item4, ul.item4B {
	width: 764px;
	margin:0 auto;
	overflow: hidden;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
ul.item4 li {
	float: left;
	width: 190px !important;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 10px 0;
	position: relative;
	overflow: visible;
}
ul.item4B li {
	float: left;
	width: 190px !important;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	text-align: center;
	padding: 30px 0 30px 0;
	position: relative;
	overflow: visible;
}
ul.item4 li img, ul.item4B li img {
	margin-top: 8px;
	margin-bottom: 8px;
	width:146px;
	height:auto;
}
ul.item4 li input, ul.item4B li input {
	margin-right: 3px;
}

ul.item4C {
	width: 704px;
	margin:0 auto;
	overflow: hidden;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
ul.item4C li {
	float: left;
	width: 175px !important;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	text-align: center;
	padding: 30px 0 30px 0;
	position: relative;
	overflow: visible;
}
ul.item4C li img {
	margin-top: 8px;
	margin-bottom: 8px;
	width:110px;
	height:auto;
}
ul.item4C li input {
	margin-right: 3px;
}

img.star {
	position: absolute;
	bottom: 10%;
	left: 10px;
}
img.mizu {
	position: absolute;
	bottom: 10%;
	left: 10px;
}
img.lace {
	position: absolute;
	bottom: 10%;
	left: 10px;
}


#filter {
	margin: 0 auto;
	padding: 15px 0;
	width: 550px;
	text-align: center;
}
#filter a:link { text-decoration:underline; color: #000;}
#filter a:visited { text-decoration:none; color: #000;}
#filter a:active { text-decoration:none; color: #000;}
#filter a:hover { text-decoration:none; color: #000;}

#filter .active {
	font-weight: bold;
}
#filter a.active:link { text-decoration:none; color: #000;}
#filter a.active:visited { text-decoration:none; color: #000;}
#filter a.active:active { text-decoration:none; color: #000;}
#filter a.active:hover { text-decoration:none; color: #000;}

.text_check p {
	margin-left:75px;
}

div.sealError {
	width:764px;
	margin:0 auto;
}


img.size-notes,
img.size-notes2{
	margin:-2px auto 0 !important;
	display: block !important;
}
img.size-notes2{
	width:146px !important;
}


/*--------------------------------------------------------
　button　position
--------------------------------------------------------*/
p.btn07 { left:50px; bottom:5px; }
p.btn08 { right:50px; bottom:0px; color:#000; font-size: 12px; }
p.btn08 a{text-decoration: none;}
p.btn08 a:link {color:#000; font-weight: bold; }
p.btn08 a:visited{text-decoration: none; color:#000;}
p.btn08 a:hover{text-decoration: underline; color:#333;}
p.btn08 a:active{text-decoration: none;}


/*--------------------------------------------------------
　text　position
--------------------------------------------------------*/
p.txt01, p.txt02, p.txt03, p.txt04, p.txt05 {
	position: absolute;
	font-size: 12px;
	font-weight: normal;
	left: 396px;
	line-height: 1.6;
}

p.txt01 { top :252px; }
p.txt02 { top :424px; }
p.txt03 { top :610px; }
p.txt04 { top :794px; }
p.txt05 { top :993px; }



/*--------------------------------------------------------
　design list
--------------------------------------------------------*/
.btnList {
	width:752px;
	margin: 10px auto 30px auto;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #BE0000;
	overflow: hidden;
}
.btnList li {
	float:left;
	width:178px;
	margin:0;
	padding:0;
	margin-right:10px;
}



/*--------------------------------------------------------
　くまモンページ
--------------------------------------------------------*/
div.kumamon {
	position:relative;
	width:756px;
	margin:0 auto;
}
div.kumamon p {
	position:absolute;
}
div.kumamon p.btn01 { top:435px; left:36px; }
div.kumamon p.btn02 { top:435px; left:280px; }
div.kumamon p.btn03 { top:435px; left:526px; }



/*--------------------------------------------------------
　ランキング
--------------------------------------------------------*/

#design{	
	background:#FFE6EB;
	padding-bottom:2.5em;
	overflow:hidden;
}


.rank{
	margin-top:50px;
	color:#595757;
	padding:0 3.125% ;
}
.rank h3 img{
	width:100%;
	vertical-align:bottom;
}

.rank .inner{
	background:#fff url(../../sp/seal/img/common/dot.png) repeat-y center top;
	background-size:4px auto;
	
	box-shadow: 0 0 0 4px #FFF inset;
	-moz-box-shadow: 0 0 0 4px #FFF inset;
    -webkit-box-shadow: 0 0 0 4px #FFF inset;
	
	padding:0 0 1.2em;
	margin-bottom:0.5em;
	border-radius: 0 0 0.5em 0.5em;
    -webkit-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
	overflow:hidden;
}

.rank ul{
	width:43.4%;
	float:left;
	padding:3.3% 3.3% 0;
}
.rank li {
	padding:0 3.3% 0 19.7%;
	margin:0 0 0.8em;
	overflow:hidden;
}
.rank li img{
	width:100%;
}

.rank ul.boy li:nth-child(1) {
	padding:0;
	margin:0 0 0.8em;
}

.rank ul.boy li:nth-child(2) {
	background: url(../../sp/seal/img/common/boy_r1.png) no-repeat left 4px center;
	background-size:38px auto;
}
.rank ul.boy li:nth-child(3) {
	background: url(../../sp/seal/img/common/boy_r2.png) no-repeat left 4px center;
	background-size:38px auto;
}
.rank ul.boy li:nth-child(4) {
	background: url(../../sp/seal/img/common/boy_r3.png) no-repeat left 4px center;
	background-size:38px auto;
}


.rank ul.girl li:nth-child(1) {
	padding:0;
	margin:0 0 0.8em;
}

.rank ul.girl li:nth-child(2) {
	background: url(../../sp/seal/img/common/girl_r1.png) no-repeat left 4px center;
	background-size:38px auto;
}
.rank ul.girl li:nth-child(3) {
	background: url(../../sp/seal/img/common/girl_r2.png) no-repeat left 4px center;
	background-size:38px auto;
}
.rank ul.girl li:nth-child(4) {
	background: url(../../sp/seal/img/common/girl_r3.png) no-repeat left 4px center;
	background-size:38px auto;
}


.rankDate{
	float:left;
	font-size:73%;
	margin-left:0.5em;
}
.rankNotes{
	float: right;
	font-size:73%;
	margin-right:0.5em;
}

.rankDate2{
	color:#595757;
	font-size:73%;
	float: left;
	padding:0.5em 0 1em 2em !important;
}
.rankNotes2{
	color:#595757;
	font-size:73%;
	float:right;
	padding:0.5em 2em 1em 0 !important;
}

.rankBtn{
	width:65.625%;
	height:auto;
	margin:2.4em auto 1em !important;
}





.item4 li {
  /* 徐々に背景色を変化させる */
	transition: background-color 1s ease 0s;
	
}

/* 強調用のクラス */
.marking {
	background: #FFE300;
}

#label1,#label2,#label3,#label4,#label5,#label6{
	/*padding-top: 20px;
	margin-top:-10px !important;*/
}


#main .select {
	width:650px;
	margin:30px auto ;
}



/*----------------------------------------------------------------------
  注意
----------------------------------------------------------------------*/

dl.attention{
	width:664px;
	margin:0 auto 12px;
	border:3px solid #F9D5E4;
	padding:6px;
	border-radius: 6px ;
    -webkit-border-radius: 6px ;
    -moz-border-radius: 6px ;
}

dl.attention dt{
	
	/*height: 40px;*/
	padding:0.5em 0;
	background-color:#F9D5E4;
	background-image: url(../../inc/img/ico_+.png) ;
	background-repeat:no-repeat;
	background-position:98% /*right 0.8em*/ center;
	/*background-size:21px auto;*/
	text-align:center;
	
	color:#595757;
	font-size:18px;
	font-weight:bold;
	border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
}
dl.attention dt.hovered{
	background-color:#F9D5E4;
	background-image: url(../../inc/img/ico_-.png);
	background-repeat:no-repeat;
	background-position:98% /*right 0.8em*/ center;
	/*background-size:21px auto;*/
}
dl.attention dt span{
	font-size:14px;
	font-weight:normal;
	margin:0 -5px;
}

dl.attention dd{
	padding:15px 12px 10px;	
	text-align:center;
}
dl.attention dd p{
	font-size:13px;
	line-height:1.4;
	text-align:left;
	padding:0 ;
}

dl.attention dd p.center{
	text-align:center !important;
}

dl.attention dd hr{
	border: 0;
    border-bottom:1px dashed #323232;
	margin:1.5em 0;
}

dl.attention ul{
	margin:1.5em 0 0;
	padding:0.5em 0;
	background: url(../../inc/img/line.png) repeat-y center top;
}
dl.attention ul li{
	display:inline;
	margin-right:70px;
}
dl.attention ul li:nth-child(2){
	margin-right:0;
}

dl.attention dt:nth-child(1){
	text-indent:-1.5em;
}
dl.attention dt:nth-child(2){
	font-size:108% !important;
}
dl.attention dt:nth-child(3){
}


/*----------------------------------------------------------------------
  新index
----------------------------------------------------------------------*/
#stamp .newBox {
	overflow:hidden;
	padding: 0 0 0 20px;
}
#stamp ul.indexBox {
	float: left;
	width: 246px;
	height: 388px;
	position:relative;
	margin: 0 0 20px 10px;
}
#stamp ul.indexBox li {
	position: absolute;
}
#stamp ul.indexBox li.btnP01 {
	top: 280px; left: 20px;
}
#stamp ul.indexBox li.btnP02 {
	top: 330px; left: 20px;
}