@charset "utf-8";
/*@import "/sp/sp_css/style.css";*/
/*@import "nouki_bnr.css";*/
/*@import "voice.css";*/
@import "/sp/sp_css/style.css?0306";
@import "/sp/sp_css/faq.css";

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

body a{text-decoration: none;}
body a:link {color:#666;}
body a:visited{text-decoration: none; color:#666;}
body a:hover{text-decoration: underline; color:#333;}
body a:active{text-decoration: none;}

body {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size:14px;
	line-height:1.6;
	color:#333;
    background: #FFF;
	-webkit-text-size-adjust: 100%;	
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.06em;	
}
/*body#FS2_body_Cart{
	letter-spacing: normal;
}*/

.visuallyhidden {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.fixBox {
   position: fixed;
   top: 0;
}
.fixBox2 {
   position: fixed !important;
	top: 0 !important;
   /*top: 35px;*/
}
#order .fixBox {
    position: initial;
}
.mod_nav {
    z-index: 999 !important;
}

strong {
    font-weight: bold;
}
/*strong {
    color: #CC0000;
    font-weight: normal;
}*/

b {
	font-weight: bold;
}

.view_timer{
	display: none;
}

.fixBnr{
	position: fixed;
	top: 0;
	right: 0;	
}

.noukiBnr2 {
    width: 620px;
    padding: 0;
    margin: 0 auto 40px;
}
.noukiBnr2 img{
	width: 100%;
	vertical-align: bottom;
}

#guide #sealNoukiBnr{
	display: none;
}
#guide .realtimeBnr{
	padding-top: 10px;
	background: #F50078;
}

#oshiraseBox{
    margin: 10px 0;
}

.block01{
    margin-bottom: 40px !important;
}

.style01{
    font-size: 20px;
	color:#919191;
	font-weight:bold;
	text-align:center; 
	margin:40px 0 10px !important;
}

.style02{
    font-size: 20px;
	color:#919191;
	font-weight:bold;
	text-align:center; 
	margin:20px 0 10px !important;
}

.navtitle {
	margin: 0 !important;
}

.mfp-close:before {		
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 100%;/*画像の幅*/
	height: 100%;/*画像の高さ*/
	background-image: url(/sp/sp_img/order/ico_close2.png);
	background-repeat: no-repeat;
	background-size: 60% 60%;
	background-position: center center;
	/* vertical-align: baseline;*/
}

/*-----------　商品検索 -----------*/
#search-content input,
#search-content button,
#search-content textarea,
#search-content select {
    /* デフォルトスタイルをリセット */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* font-familyを継承しないので、継承させる */
    font-family: inherit;

    /* box-size */
    box-sizing: border-box;

    /* 文字色を親から継承 */
    color: inherit;
}

label {
    /* iOSでのlabelとinput,select,textareaの関連付け */
    cursor: pointer;
}

#search-content input[type="text"], #search-content select, #search-content textarea{
    display: block;
    width: 100%;
    padding: 5px;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.2em;
    line-height: 1.5;
    transition: ease;
    border: 1px solid #999;
}


.search-check{
    display: none;
}
.search-label{
    font-weight: bold;
    border: 1px solid #c8c0c8;   
    background: #e8e8eb;
    color: #646464;
    display: block;
    padding: 10px;
    position: relative;
    border-radius: 5px;
}
.search-label:before{
    display: block;
    content: "";
    position: absolute;
    top:0; 
    right:10px;
    bottom:0;
    margin:auto;
    width: 14px;
    height: 4px;
    background-color: #606060;
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.search-label:after{
    display: block;
    content: "";
    position: absolute;
    top: 0; 
    right: 10px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 4px; 
    background-color: #606060;
    transition: .3s;
}
.search-label img{
    margin-right: 5px;
    vertical-align: middle;
}

#search-content{
    background: #e8e8eb;
    border-left: 1px solid #c8c0c8;
    border-right: 1px solid #c8c0c8;
    border-bottom: 1px solid #c8c0c8;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .3s;
    visibility: hidden;
    border-radius: 0 0 5px 5px;
    margin-bottom: 5px;
}
.search-check:checked + .search-label:before{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.search-check:checked + .search-label:after{
    background-color: transparent;
}

.search-check:checked + .search-label + #search-content{
    height: auto;
    opacity: 1;
    padding: 0 10px 10px ;
    visibility: visible;
} 
.search-check:checked + .search-label{
    border-bottom: 0;
    border-radius: 5px 5px 0 0 ;
}   

#search-content input[type="text"] {
    background: #fff;
    box-shadow: none;
}

#search-content ul{
    border-top: solid 1px #c8c0c8;
    padding-top: 20px;
}
#search-content li{
    background: #e8e8eb;
    margin-bottom: 1em;
    border-radius: 4px;
}
#search-content li dt{
    font-size: 12px;
    color: #59595f;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 1.2;
}
#search-content li dd{
    font-size: 12px;
}

#search-content select{ 
    border: 1px solid #999;
    text-indent: .01px;
    text-overflow: "";
    background:#fff url("/sp/sp_img/order/ico_select.png") no-repeat right center;
    background-size: contain;
}   
#search-content li .price {
    width: 59px;
    display: inline-block;
    vertical-align: baseline;
}

.searchBtn {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;   
}
.searchBtn input{
    background: #646464 ;
    border: none;
    width: 80px;
    height: 30px;
    margin: 0 auto;
    color: #fff;
    padding: 0;
    cursor: pointer;
    letter-spacing: 0.5em;
    padding-left: 0.5em;
    border-radius: 15px;
}

/*--------------------------------------------------------
　wrapper
--------------------------------------------------------*/
#wrapper {
	width: 1052px;
	display: block;
	margin: 0 auto;
}
#wrapper > h1 {
	width: 1052px;
	padding: 3px 0 2px 0;
	font-size: 10px;
	text-align: right;	
}

.attention strong,
.attention2 strong,
.attention3 strong{
	color:#BE0000;
}

/*--------------------------------------------------------
　人気商品
--------------------------------------------------------*/
#itemBnr {	
	width: 1048px;
	height: 130px;
	background: #C8C8C8;
	padding: 0;
	margin-bottom: 5px;
	box-sizing: border-box;				
}
#itemBnr ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#itemBnr li{
	margin: 0 8px;
}
#itemBnr img {
	vertical-align: bottom;

}

/*--------------------------------------------------------
　カテゴリーバナー用
--------------------------------------------------------*/
#common {
	padding: 50px 0 0 0;
}
#common ul.categoryBanner, ul.categoryBanner {
	overflow: hidden;
	font-size: 12px;
	padding: 20px 0 0 0;
}
#common ul.categoryBanner, ul.categoryBanner {
	overflow: hidden;
	font-size: 12px;
	padding: 10px 0 0 0;
}
#common ul.categoryBanner img, ul.categoryBanner img {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
#common ul.categoryBanner li, ul.categoryBanner li {
	float: left;
	width: 180px;
	height: 160px;
	padding: 0;
	margin: 0 0 5px 25px;
}

ul.categoryBannerB {
	margin-left: -23px;
}

#common ul.categoryBannerB, ul.categoryBannerB {
	overflow: hidden;
	font-size: 12px;
	padding: 20px 0 0 0;
}
#common ul.categoryBannerB, ul.categoryBannerB {
	overflow: hidden;
	font-size: 12px;
	padding: 20px 0 0 0;
}
#common ul.categoryBannerB img, ul.categoryBannerB img {
	width: 150px;
	height: 150px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
#common ul.categoryBannerB li, ul.categoryBannerB li {
	float: left;
	width: 150px;
	height: 220px;
	padding: 0;
	margin: 0 0 35px 23px;
}
ul.categoryBannerB p.txt {
	height:2.5em;
}
ul.categoryBannerB p.priceRed {
	text-align: center;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding-top:5px;
	padding-bottom:3px;
	color:#C00;
	font-weight: bold;
}


/*--------------------------------------------------------
　header
--------------------------------------------------------*/
header {
	width: 1052px;
	height: 168px;
	position: relative;
	display: block;
	margin: 0 auto;
	background: url(../common/header_bg_normal.png) 0 0 no-repeat;
}
header h2 ,header h3, header h4, header ul.subNavi,header #logo {
	position: absolute;
	z-index:999;
}
header h2,header #logo { top:10px; left:25px; }
header h3 { top:62px; left:374px; }
header h4 { top:62px; left:551px; }
header ul.subNavi {
	top:105px;
	right: 0px;
	font-size: 12px;
	overflow:hidden;
}
header ul.subNavi li {
	float: left;
	padding: 0px 1px 0 1px;
}


header .headBg{
	position:absolute;
	left:0;
	top:0;
}

/*--------------------------------------------------------
　txtNavi
--------------------------------------------------------*/
#txtNavi {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 1052px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0 5px 0;
}
#txtNavi li {
	float: right;
	background: url(../common/header_icon01.gif) left center no-repeat;
	padding: 5px 0 5px 12px;
	margin-left: 10px;
	font-size: 12px;
}


/*--------------------------------------------------------
　nav
--------------------------------------------------------*/
nav {
	padding: 0 0 1px 0;
}
/*nav li {
	width: 104px;
	height: 31px;
	overflow: hidden;
	float: left;
	margin-left: 1px;
}*/

#menu{
	z-index:999;
	/*z-index:9999999;*/
	background:#fff;
	width:1052px;
}

#menu li {	
	position: relative;
	float: left;
	margin: 0;
	width: 130px;
	height: 32px;
	border-top:1px solid #ccc;
	background:#009eff url(../common/white_dot-2px.png) repeat-x bottom left;
	margin-right: 2px;
	font-size: 13px;
	color: #FFF;
	line-height: 32px;
	text-align: center;
}
#menu li.nav05,
#menu li.nav05 a,
#menu li.nav05 ul li,
#menu li.nav05 ul li a {
	width: 128px;
}
#menu li.nav01 a:hover { background: #EF0000; }
#menu li.nav02 a:hover { background: #BC693A; }
#menu li.nav03 a:hover { background: #FF3298; }
#menu li.nav04 a:hover { background: #00791E; }
#menu li.nav05 a:hover { background: #0076FF; }
#menu li.nav06 a:hover { background: #111B9D; }
#menu li.nav07 a:hover { background: #ff5430; }
#menu li.nav08 a:hover { background: #4F3FCA; }
#menu li.nav09 a:hover { background: #39A676; }


#menu li.nav01 { border-bottom:2px solid #EF0000; }
#menu li.nav02 { border-bottom:2px solid #BC693A; }
#menu li.nav03 { border-bottom:2px solid #FF3298; }
#menu li.nav04 { border-bottom:2px solid #00791E; }
#menu li.nav05 { border-bottom:2px solid #0076FF; }
#menu li.nav06 { border-bottom:2px solid #111B9D; }
#menu li.nav07 { border-bottom:2px solid #ff5430; }
#menu li.nav08 { border-bottom:2px solid #4F3FCA; }
#menu li.nav09 { border-bottom:2px solid #39A676; }


#menu ul.c01 li { background: #EF0000; }
#menu ul.c02 li { background: #BC693A; }
#menu ul.c03 li { background: #FF3298; }
#menu ul.c04 li { background: #00791E; }
#menu ul.c05 li { background: #0076FF; }
#menu ul.c06 li { background: #111B9D; }
#menu ul.c07 li { background: #ff5430; }
#menu ul.c08 li { background: #4F3FCA; }
#menu ul.c09 li { background: #39A676; }
#menu li a {
	width: 130px;
	height: 32px;
	display: block;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}
#menu li:hover {
}
#menu li ul {
 margin-left: 1px;
 display: none;
  position: absolute;
  top: 30px;
  left: -1px;
  width: 128px;
  padding-left: 0px;
  background: #4CBBFF;
  color: #FFF;
  z-index: 999999;  
}
#menu li ul li {
  margin: 0;
  padding: 0 0 0 0px;
  width: 130px;
  font-size: 11px;
  border: none;
  color: #FFF;
  text-align: center;
  z-index: 120;
  border-top:1px solid #FFF;
}
#menu li ul li a {
  display: block;
  vertical-align: middle;
  line-height: 32px;
  width: 130px;
  height: 32px;
  color: #FFF;
}
#menu li ul li a:hover {
  background: #0058DD;
  color: #fff;
  text-decoration: none;
}
#menu li ul.c01 li a:hover { background: #D34B48; }
#menu li ul.c02 li a:hover { background: #D19672; }
#menu li ul.c03 li a:hover { background: #FF6CB7; }
#menu li ul.c04 li a:hover { background: #48A25E; }
#menu li ul.c05 li a:hover { background: #479DFF; }
#menu li ul.c06 li a:hover { background: #6F71B5;/*#C567B3*/ }
#menu li ul.c07 li a:hover { background: #FF886F; }
#menu li ul.c08 li a:hover { background: #8375DD; }
#menu li ul.c09 li a:hover { background: #71C29E; }
#menu li.nav09 {
	margin-right:0px;
}


/*--------------------------------------------------------
　section
--------------------------------------------------------*/
section {
	width: 1052px;
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	/*overflow: hidden;*/
}


/*--------------------------------------------------------
　side
--------------------------------------------------------*/
#side {
	float: left;
	width: 181px;
}
#side p {
	display: block;
	margin: 0;
	padding: 0;
}
#side .st {
	display: block;
	margin: 0px 0 0 0;
	padding: 15px 0 0 0;
}

#side ul.firstBanner {
	border-top: 1px dotted #333;
	padding: 0 0 10px 0;
}
#side ul.firstBanner li {
	border-bottom: 1px dotted #333;
}

#side ul.secondBanner {
	margin-bottom: 15px;
}
#side ul.secondBanner li{
	display: block;
	padding-top: 5px;
}
#side ul.secondBanner li{
	display: block;
}

#side ul.secondBannerB {
	margin-top: 15px;
	margin-bottom: 15px;
}
#side ul.secondBannerB li{
	display: block;
	padding-top: 5px;
}
#side ul.secondBannerB li{
	display: block;
}

#side ul.lastBanner {
	margin-top: 20px;
	overflow: hidden;
}
#side ul.lastBanner li{
	float: left;
	margin-right: 9px;
}
#side ul.lastBanner li.last{
	margin-right: 0px;
}
#side .tweet{
    margin-top: 5px;
    padding:0 5px;
    border: 1px solid #c0c0c0;/*e2e9ec*/
    border-radius: 5px;
}
#twitter-widget-0{
    min-width: auto !important;
}


dl.accordion {
	display:block;
	margin:0;
	padding:0;
}
dl.accordion img { 
}
dl.accordion dt {
	font-size:13px;
	color:#8b8b8b;
	background: url(../common/side_arrow.png) no-repeat right 11px center;
	
    width: 162px;
    height: 33px;
	line-height:33px;
	padding-left:19px;
	border-top: 1px dotted #333;
    overflow: hidden;
}
dl.accordion dt a {
	color:#8b8b8b;
}
dl.accordion dt.open {
	color:#ccc;
	background: url(../common/side_arrow_dwn.png) no-repeat right 11px center;
}
dl.accordion dt.colorSeal.open{color:#BD0000;}
dl.accordion dt.colorWappen.open{color:#D1853A;}
dl.accordion dt.colorStamp.open{color:#FF3298;}
dl.accordion dt.colorKey.open{color:#00911E;}
dl.accordion dt.colorTowel.open{color:#ff5430;}
dl.accordion dt.colorPet.open{color:#00BFFF;}
dl.accordion dt.colorWatag.open{color:#D31E6A;}
dl.accordion dt.colorNumber.open{color:#001BC9;}
dl.accordion dt.colorMyball.open{color:#4B6EFF;}
dl.accordion dt.colorGift.open{color:#39BF94;}
dl.accordion dt.colorMens.open{color:#001BC9;}


dl.accordion dt:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #ccc;
	position: relative;
	left: -4px;
	top: 0;
}
dl.accordion dt.colorSeal:before{background:#BD0000;}
dl.accordion dt.colorWappen:before{background:#D1853A;}
dl.accordion dt.colorStamp:before{background:#FF3298;}
dl.accordion dt.colorKey:before{background:#00911E;}
dl.accordion dt.colorTowel:before{background:#ff5430;}
dl.accordion dt.colorPet:before{background:#00BFFF;}
dl.accordion dt.colorWatag:before{background:#D31E6A;}
dl.accordion dt.colorNumber:before{background:#001BC9;}
dl.accordion dt.colorMyball:before{background:#4B6EFF;}
dl.accordion dt.colorGift:before{background:#39BF94;}
dl.accordion dt.colorMens:before{background:#001BC9;}



dl.accordion dt.last {
	border-bottom: 1px dotted #333;
}
dl.accordion dt.last.open {
	border-bottom:none;
}


dl.accordion dt:hover {
	color:#bd0000;
    cursor:pointer;
    overflow:hidden;
    font-weight: normal;
}
dl.accordion dt a:hover {
	color:#bd0000;
	text-decoration:none;
}
/*dl.accordion dt:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	margin-left:-181px;
}
dl.accordion dt.open img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	margin-left:-181px;
}*/
dl.accordion dd {
	display:none;
	padding:0 0 0 0;
	font-size: 12px;
	overflow: hidden;
}
dl.accordion dd li {
	width: 155px;
	padding:2px 0 2px 26px;
	height: 29px;
	line-height:29px;
	display: block;
	/*display: table-cell;*/
	vertical-align: middle;
	border-top: 1px dotted #333;
	color: #333;
}
dl.accordion dd li a{
	display: block;
}
dl.accordion dd ul a:hover {text-decoration: none;}

dl.accordion dd ul.colorSeal li a:hover {color:#BD0000;}
dl.accordion dd ul.colorWappen li a:hover {color:#D1853A;}
dl.accordion dd ul.colorStamp li a:hover {color:#FF3298;}
dl.accordion dd ul.colorKey li a:hover {color:#00911E;}
dl.accordion dd ul.colorTowel li a:hover {color:#ff5430;}
dl.accordion dd ul.colorPet li a:hover {color:#00BFFF;}
dl.accordion dd ul.colorWatag li a:hover {color:#D31E6A;}
dl.accordion dd ul.colorNumber li a:hover {color:#001BC9;}
dl.accordion dd ul.colorMyball li a:hover {color:#4B6EFF;}
dl.accordion dd ul.colorGift li a:hover {color:#39BF94;}
dl.accordion dd ul.colorMens li a:hover {color:#001BC9;}



dl.accordion dd ul li.listBtn a {
	width: auto;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    color: #fff;
    display: block;
    padding: 0 26px 0 16px;
    float: right;
    font-size: 10px;
	margin-top:5px;
}
dl.accordion dd ul li.listBtn:last-child a:hover {
	color:#fff !important;
}

/*dl.accordion dd ul.colorSeal li:last-child a {
    background: #bd0000 url(../common/side_arrow_white.png) no-repeat right 8px center;
}*/

dl.accordion dd ul.colorSeal li:last-child a { background: #BD0000 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorWappen li:last-child a { background: #D1853A url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorStamp li:last-child a { background: #FF3298 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorKey li:last-child a { background: #00911E url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorTowel li:last-child a { background: #ff5430 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorPet li:last-child a { background: #00BFFF url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorWatag li:last-child a { background: #D31E6A url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorNumber li:last-child a { background: #001BC9 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorMyball li:last-child a { background: #4B6EFF url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorGift li:last-child a { background: #39BF94 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorMens li:last-child a { background: #001BC9 url(../common/side_arrow_white.png) no-repeat right 8px center;}
dl.accordion dd ul.colorMens li:last-child a { background: initial;}


dl.accordion dd li:hover {
	background:#FFF;
	color: #000;
}

dl.accordion dd.normal {
    cursor:pointer;
    width: 181px;
    height: 33px;
	border-top: 1px dotted #333;
	display: block;
    overflow: hidden;
}
dl.accordion dd img {
	float: right;
	margin-top:5px;
	margin-bottom:10px;
}

ul.sideNav li {
	font-size:13px;
	color:#8b8b8b;
	background: url(../common/side_arrow.png) no-repeat right 11px center;
	
    width: 153px;
    height: 33px;
	line-height:33px;
	padding-left:14px;
	padding-right:14px;
	border-top: 1px dotted #333;
    overflow: hidden;
}
ul.sideNav li a:before {
	content: '□';
	font-size:10px;
	display: inline-block;
	color:#8a8a8a;
	position: relative;
	left: -4px;
	top: 0;
}
ul.sideNav li a:hover:before {
	color:#009EFF !important;
}

ul.sideNav li a{
	color:#8b8b8b;
    display: block;
}
ul.sideNav li a:hover{
	color:#009EFF;
	text-decoration:none;
}
ul.sideNav li:last-child {
	border-bottom: 1px dotted #333;
}

#side .ranking {
	background: url(../common/side_ranking_bg.gif) 0 0 no-repeat;
	height: 572px;
	width: 181px;
	position: relative;
	margin-top: 30px;
}
#side .ranking li {
	position: absolute;
	font-size: 12px;
	color: #333;
}
#side .ranking li.no01 {
	width: 150px;
	left: 16px;
	top: 111px;
}
#side .ranking li.no01 img{
	width: 150px;
}
#side .ranking li.no02, #side .ranking li.no02 img, 
#side .ranking li.no03, #side .ranking li.no03 img, 
#side .ranking li.no04, #side .ranking li.no04 img, 
#side .ranking li.no05, #side .ranking li.no05 img {
	width: 70px;
	font-size: 10px;
}
#side .ranking li.title { top:-33px; left:0px; }
#side .ranking li.no02 { top:320px; left:16px; }
#side .ranking li.no03 { top:320px; left:95px; }
#side .ranking li.no04 { top:460px; left:16px; }
#side .ranking li.no05 { top:460px; left:95px; }



/*--------------------------------------------------------
　alert
--------------------------------------------------------*/
.alertTop {
	margin:10px 0 10px !important;
}

#alert {
	display: block;
	margin: 10px 0 0 ;
	font-size:12px;
	color:#666;
}
#alert table {
	width: 100%;
	border: 1px solid #CCC;
}
#alert th {
	width: 200px;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}
#alert th img {
	border-right: 1px solid #CCC;
}
#alert td {
	padding: 5px;
	vertical-align: middle;
}

.alert_wappen {
	display: block;
	margin: 10px auto 30px ;
	text-align:center;
}

.index .alert_wappen {
	display: block;
	margin: 20px auto 0 ;
	text-align:center;
}

/* OLD alertBox
.alertBox{
	padding: 15px;
	margin-bottom: 15px;
	border: 1px dotted #dc143c;
	text-align:center;
	color:#dc143c;
	font-size: 12px;
	line-height:1.6;
	font-weight:bold;
}
.alertBox span{
	color:#666;
	font-weight:normal;
}

.alertBox a{
	color:#dc143c !important;
	font-weight:bold ;
	text-decoration:underline ;
}
.alertBox a:hover{
	text-decoration:none ;
}*/

.alertBox{
	padding: 15px;
	margin-bottom: 15px;
	border: 1px dotted #dc143c;
	text-align:center;
	color:#FF0099;
	font-size: 12px;
	line-height:1.6;
}
.alertBox h3{	
	/*color:#dc143c;*/
	margin-bottom: 5px;
	font-size: 16px;
	line-height:1.4;
	font-weight:bold;
}
.alertBox h4{	
	/*color:#dc143c;*/
	margin-bottom: 5px;
	font-size: 14px;
	line-height:1.4;
	font-weight:bold;
}
.alertBox a{
	color:#0044CC !important;
	text-decoration:underline ;
}
.alertBox a:hover{
	text-decoration: none;
}
.alertBox strong{	
	color:#dc143c;
	font-weight:bold;
}

#oshirase{
	padding: 20px;
	margin: 20px 0;
	border: 1px dotted #dc143c;
	font-size:80%;
	line-height: 1.6;
	color:#666;
	text-align:center;
}
#oshirase h2{
	font-size: 20px;
	font-weight:bold;
	color:#dc143c;
	margin-bottom:10px;
}

.oshiraseP{
	padding: 20px;
	margin: 25px 25px;
	border: 1px dashed #ccc;
	background-color:#eee;
	text-align:left;
}

.oshiraseP span{
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

#oshirase a,
.oshiraseP a{
	font-weight:bold;
	text-decoration:underline;
}
#oshirase a:hover,
.oshiraseP a:hover{
	text-decoration:none;
}

.oshiraseP2{
	padding: 20px;
	margin: 25px 25px;
	border: 1px dashed #ccc;
	text-align:left;
	line-height:1.8;
	background-color:#eee;
}
.oshiraseP2 a{
	color:#0044CC !important;
	text-decoration:underline;
}
.oshiraseP2 a:hover{
	text-decoration:none;
}

/*.saleBnr{
	display:none;
}*/


.pMida01{
	font-size:36px;
	line-height:1.3;
	font-weight:bold;
	color:#E30000;
	text-align:center;

}

.pMida02{
	font-size:34px;
	line-height:1.3;
	font-weight:bold;
	color:#595757;
	text-align:center;
}
.pMida02b{
	font-size:31px;
	line-height:1.3;
	font-weight:bold;
	color:#595757;
	text-align:center;
}

.pMida03{
	font-size:33px;
	line-height:1.5;
	font-weight: normal;
	color:#006632;
	text-align:center;
}
.pMida04{
	font-size:30px;
	line-height:1.5;
	font-weight: bold;
	color:#713A0B;
	text-align:center;
	margin-bottom:10px !important;
}

.color-pink{
	color:#F50078 !important;
}

/*--------------------------------------------------------
　ロールオーバー設定
--------------------------------------------------------*/
#main a:hover img.aover{
    opacity:0.7;
    filter: alpha(opacity=70);
}
#main a:hover img.aoverZero{
    opacity:0;
    filter: alpha(opacity=0);
}
#main a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
#main a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*--------------------------------------------------------
　banner
--------------------------------------------------------*/
div.banner { padding:0; margin:0px auto; display:block; width: 756px; height:90px; overflow: hidden; }
div.typeA  { height:91px !important; }
div.typeA img { margin-top:0px; }
div.typeB  { height:91px !important; }
div.typeB img { margin-top:-100px; }
div.typeC  { height:91px !important; }
div.typeC img { margin-top:-200px; }
div.typeD  { height:91px !important; }
div.typeD img { margin-top:-300px; }
div.typeE  { height:91px !important; }
div.typeE img { margin-top:-400px; }
div.typeF  { height:91px !important; }
div.typeF img { margin-top:-500px; }
div.typeG  { height:91px !important; }
div.typeG img { margin-top:-600px; }

.bnr { padding:0; margin:0px auto ; display:block; width: 640px; height:auto; overflow: hidden; }
.bnr img{
	width: 100%;
	vertical-align:bottom;
}
/*.bnr { padding:0; margin:0px auto ; display:block; width: 756px; height:auto; overflow: hidden; }
.bnr img{
	vertical-align:bottom;
}*/
.bnr p {
	margin-bottom:10px;
}
.bnrT {
	color:#666;
	font-size:24px;
	margin-bottom:10px;
	text-align:center;
}

.bnr2 { padding:0; margin:40px auto ; text-align:center; }



/*--------------------------------------------------------
　出荷状況バナー
--------------------------------------------------------*/
.realtime{
	width:845px;
	position:relative;
	margin: 20px auto 40px;
    background: #F50078;
    height: 160px;
}
.realtime img{
	vertical-align:bottom;
}
.realtime a {
	text-align:center;
	color:#F50078 !important;	
	text-decoration:underline;
	
	display:block;
	font-size:85%;
}
.realtime p {
	/*margin:-0.5em 0 2em; 出荷状況のバナーがない場合*/
    margin-top:0.5em; /*出荷状況のバナーがある場合*/
}

.realtimeBnrTop{
	width:310px;
	height:auto;
	position: absolute;
	right:10px;
	top:5px;
	bottom:0;
}

.w640 .realtime{
	width: 100%;
}



/*--------------------------------------------------------
　main
--------------------------------------------------------*/
#main {
	float: right;
	width: 845px;
	
	margin-bottom:50px;
}
#kinen #main{
    float: none;
    margin: 0 auto 50px;
}

/*#main ul.pan {
	font-size: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
#main ul.pan li {
	float: left;
}*/
.pan{
	font-size: 11px;
    background: #F7F7F7;
    padding: 10px 5px;
    margin-bottom: 20px;
    display: flex;
    line-height: 1.2;
}
.pan li{
	margin: 0 5px;
}
/*.pan li::before{
	content: "｜";
	margin: 0 10px;
}
.pan li:first-child::before,
.pan li:last-child::before{	
	content: "";
	margin: 0 5px;
}*/
.pan li.on{
	font-weight: bold;	
}

p.ItemCap {
	width: 766px;
	padding-top: 10px;
	margin: 0 auto;
	clear: both;
	text-align: right;
	font-size: 12px;
}
p.ItemCap2 {
	width: 766px;
	padding-left:20px;
	margin: 0 auto;
	clear: both;
	text-align: left;
	font-size: 12px;
}
p.ItemCap3 {
	width: 760px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	font-size: 12px;
}

.page,
.care{
	padding-bottom: 40px !important;
}
#seal .index {
	border-top: 5px solid #BE0000;
	padding-top: 20px;
}
#seal .page {
	overflow: hidden;
	border: 5px solid #BE0000;
	padding-bottom: 20px;
	padding-top: 20px;
}
#seal .care {
	overflow: hidden;
	border: 5px solid #3D74C7;
	padding-bottom: 20px;
	padding-top: 20px;
}
#harucolor .index {
	border-top: 5px solid #b097c9;
	padding-top: 20px;
}
#harucolor .page {
	overflow: hidden;
	border: 5px solid #b097c9;
	padding-bottom: 20px;
	padding-top: 20px;
}

#kaigo .index {
	border-top: 5px solid #6CACCB;
	padding-top: 20px;
}
#kaigo .page {
	overflow: hidden;
	border: 5px solid #6CACCB;
	padding-bottom: 20px;
	padding-top: 20px;
}

#wappen .index {
	border-top: 5px solid #BD6A3B;
	padding-top: 20px;
}
#wappen .page {
	overflow: hidden;
	border: 5px solid #BD6A3B;
	padding-bottom: 20px;
	padding-top: 20px;
}

#watag .index {
	border-top: 5px solid #D31E6A;
	padding-top: 20px;
}
#watag .page {
	overflow: hidden;
	border: 5px solid #D31E6A;
	padding-bottom: 20px;
	padding-top: 20px;
}

#pettag .index {
	border-top: 5px solid #208ED0;
	padding-top: 20px;
}
#pettag .page {
	overflow: hidden;
	border: 5px solid #208ED0;
	padding-bottom: 20px;
	padding-top: 20px;
}
#metalBox .index {
	border-top: 5px solid #AB2C92;
	padding-top: 20px;
}
#metalBox .page {
	overflow: hidden;
	border: 5px solid #AB2C92;
	padding-bottom: 20px;
	padding-top: 20px;
}
#number .index {
	border-top: 5px solid #111B9D;
	padding-top: 20px;
}
#number .page {
	overflow: hidden;
	border: 5px solid #111B9D;
	padding-bottom: 20px;
	padding-top: 20px;
}

#myball .index {
	border-top: 5px solid #5040CB;
	padding-top: 20px;
}
#myball .page {
	overflow: hidden;
	border: 5px solid #5040CB;
	padding-bottom: 20px;
	padding-top: 20px;
}

#stamp .index {
	border-top: 5px solid #ff5e9c;
	padding-top: 20px;
}
#stamp .page {
	overflow: hidden;
	border: 5px solid #ff5e9c;
	padding-bottom: 20px;
	padding-top: 20px;
}

#series .index {
	border-top: 5px solid #FF3399;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 34px;
}
#series .page {
	overflow: hidden;
	border: 5px solid #FF3399;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 34px;
}



#key .index {
	border: 5px solid #007A1F;
	padding-bottom: 20px;
	padding-top: 20px;
}
#key .page {
	border: 5px solid #007A1F;
	padding-bottom: 20px;
	padding-top: 20px;
}
#flash .page {
	border: 5px solid #006FE6;
	padding-bottom: 20px;
	padding-top: 20px;
}
#kmix .index {
	border: 5px solid #007A1F;
	padding-bottom: 20px;
	padding-top: 20px;
}
#kmix .page {
	border: 5px solid #007A1F;
	padding-bottom: 20px;
	padding-top: 20px;
}


#gift .index {
	border-top: 5px solid #3AA777;
	padding-top: 20px;
}
#gift .page {
	border: 5px solid #3AA777;
	padding-bottom: 20px;
	padding-top: 20px;
}

#wagift .index {
	border-top: 5px solid #406124;
	padding-top: 20px;
}
#wagift .page {
	border: 5px solid #406124;
	padding-bottom: 20px;
	padding-top: 20px;
}

#wagift_mothers .index {
	border-top: 5px solid #ff8091;
	padding-top: 20px;
}
#wagift_mothers .page {
	border: 5px solid #ff8091;
	padding-bottom: 20px;
	padding-top: 20px;
}

#wagift_pair .index {
	border-top: 5px solid #6d4d4d;
	padding-top: 20px;
}
#wagift_pair .page {
	border: 5px solid #6d4d4d;
	padding-bottom: 20px;
	padding-top: 20px;
}

#babygift .index {
	border: 5px solid #96CFBF;
	padding-top: 20px;
}
#babygift .page {
	border: 5px solid #96CFBF;
	padding-bottom: 20px;
	padding-top: 20px;
}

#nyuen .index {
	border: 5px solid #62C54E;
	padding-top: 0px;
	padding-bottom: 20px;
}
#nyuen .page {
	border: 5px solid #62C54E;
	padding-bottom: 20px;
	padding-top: 20px;
}

#nyuengift .index {
	border: 5px solid #FFB1B6;
	padding-top: 20px;
	padding-bottom: 20px;
}
#nyuengift .page {
	border: 5px solid #FFB1B6;
	padding-bottom: 20px;
	padding-top: 20px;
}

#guide .index {
	border-top: 5px solid #FF9900;
	padding-top: 20px;
}
#guide .page {
	border: 5px solid #FF9900;
	padding-bottom: 20px;
	padding-top: 20px;
}

#category .index {
	padding-top: 0px;
}
#category .page {
	padding-bottom: 20px;
	padding-top: 0px;
}

#exp .index {
	border-top: 5px solid #01C2FF;
	padding-top: 20px;
}
#exp .page {
	border: 5px solid #01C2FF;
	padding-bottom: 20px;
	padding-top: 20px;
}

#option .index {
	border-top: 5px solid #964ad1;
	padding-top: 20px;
}
#option .page {
	overflow: hidden;
	border: 5px solid #964ad1;
	padding-bottom: 20px;
	padding-top: 20px;
}


#lesonbag .index {
	border: 5px solid #98b6f7;
	padding-bottom: 20px;
	padding-top: 20px;
}
#lesonbag .page {
	border: 5px solid #98b6f7;
	padding-bottom: 20px;
	padding-top: 20px;
}

#filterlist li,
#filterlist2 li{
  /* 徐々に背景色を変化させる */
	transition: background-color 0.5s ease 0s;	
}



/*--------------------------------------------------------
　attention
--------------------------------------------------------*/
.attention {
	width:680px;
	margin:10px auto 0;
}

.attention .p1{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}

.attention .p2{
	font-size:14px;
	line-height:18px;
}

.attention .btn01{
	text-align:center;
	margin:20px 0 0;
}


.attention .red,
.attention2 .red {
	color:#CC0000;
}

.attention a:link,
.attention2 a:link  {
	color:#1D20FF;
	text-decoration:none;
}

.attention a:hover ,
.attention2 a:hover{
	color:#1D20FF;
	text-decoration:underline;
}

.attention a:visited,
.attention2 a:visited  {
	color:#1D20FF;
	text-decoration:none;
}


.notes01 {
	font-size:13px;
	margin:20px 80px 60px;
}

/*--------------------------------------------------------
　文字入力箇所
--------------------------------------------------------*/
.text_check {
	width:680px;
	margin:20px auto 0;
}

.text_check img{
	vertical-align:top;
	padding-right:15px;
}

.text_check div{
	margin-bottom:10px;
}

.text_check p{
	margin-top:0px;
	font-size:14px;
	text-align:left;
}
.text_check p.miyoji{
	margin-left:200px;
	margin-top:0px;
	padding:0;
}
.text_check div.relative p.input {
	position:absolute;
	top: 3px;
	left: 0px;
}

input[type="text"]{
	padding:5px;
}

input#num{
	padding:0;
}


.text_check2 {
	width:680px;
	margin:20px auto 60px;
}

.text_check2 img{
	vertical-align: middle;
	padding-right:15px;
}

.text_check2 div{
	margin-bottom:15px;
}

.text_check2 input{
	margin-right:10px;
}



/*--------------------------------------------------------
　relative
--------------------------------------------------------*/
div.relative {
	position: relative;
	padding:0;
	margin:0 auto 0 auto;
	display: block;
	width: 766px;
}
div.relative img {
	display: block;
}
div.relative p{
	position:absolute;
}
div.posiCenter {
	margin:0 auto 20px auto;
	display: block;
	text-align: center;
	width:756px;
}
div.posiCenter img {
	display: block;
	margin:0; 
	padding: 0;
}

/*--------------------------------------------------------
　set
--------------------------------------------------------*/
div.set {
	margin-left: 80px;
}



/*--------------------------------------------------------
　スペース調整用
--------------------------------------------------------*/
.nonespace { padding: 0 !important; margin:0 !important; display:block !important; }

p.space { font-size: 10px; height: 20px; padding: 0; margin:0; line-height:1.0; }
p.space05 { font-size: 5px; height: 5px; padding: 0; margin:0; line-height:1.0; }
p.space10 { font-size: 5px; height: 10px; padding: 0; margin:0; line-height:1.0; }
p.space15 { font-size: 10px; height: 15px; padding: 0; margin:0; line-height:1.0; }
p.space20 { font-size: 10px; height: 20px; padding: 0; margin:0; line-height:1.0; }
p.space25 { font-size: 10px; height: 25px; padding: 0; margin:0; line-height:1.0; }
p.space30 { font-size: 10px; height: 30px; padding: 0; margin:0; line-height:1.0; }
p.space35 { font-size: 10px; height: 35px; padding: 0; margin:0; line-height:1.0; }
p.space40 { font-size: 10px; height: 40px; padding: 0; margin:0; line-height:1.0; }
p.space45 { font-size: 10px; height: 45px; padding: 0; margin:0; line-height:1.0; }
p.space50 { font-size: 10px; height: 50px; padding: 0; margin:0; line-height:1.0; }

.spTB10, .spTB15, .spTB20, spTB25, spTB30, spTB35, spTB40 {
	display: block;
}
.spTB10 { margin: 10px auto 10px auto !important; padding: 0 !important; text-align: center;  }
.spTB15 { margin: 15px auto 15px auto !important; padding: 0 !important; text-align: center;  }
.spTB20 { margin: 20px auto 20px auto !important; padding: 0 !important; text-align: center;  }
.spTB25 { margin: 25px auto 25px auto !important; padding: 0 !important; text-align: center;  }
.spTB30 { margin: 30px auto 30px auto !important; padding: 0 !important; text-align: center;  }
.spTB35 { margin: 35px auto 35px auto !important; padding: 0 !important; text-align: center;  }
.spTB40 { margin: 40px auto 40px auto !important; padding: 0 !important; text-align: center;  }
.spTB45 { margin: 45px auto 45px auto !important; padding: 0  !important; text-align: center;  }
.spTB50 { margin: 50px auto 50px auto !important; padding: 0  !important; text-align: center;  }

.spT10 { margin: 10px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT15 { margin: 15px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT20 { margin: 20px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT25 { margin: 25px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT30 { margin: 30px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT35 { margin: 35px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT40 { margin: 40px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT45 { margin: 45px auto 0 auto !important; padding: 0 !important; text-align: center;  }
.spT50 { margin: 50px auto 0 auto !important; padding: 0 !important; text-align: center;  }

.spB10 { margin: 0 auto 10px auto !important; padding: 0 !important; text-align: center;  }
.spB15 { margin: 0 auto 15px auto !important; padding: 0 !important; text-align: center;  }
.spB20 { margin: 0 auto 20px auto !important; padding: 0 !important; text-align: center;  }
.spB25 { margin: 0 auto 25px auto !important; padding: 0 !important; text-align: center;  }
.spB30 { margin: 0 auto 30px auto !important; padding: 0 !important; text-align: center;  }
.spB35 { margin: 0 auto 35px auto !important; padding: 0 !important; text-align: center;  }
.spB40 { margin: 0 auto 40px auto !important; padding: 0 !important; text-align: center;  }
.spB45 { margin: 0 auto 45px auto !important; padding: 0 !important; text-align: center;  }
.spB50 { margin: 0 auto 50px auto !important; padding: 0 !important; text-align: center;  }



/*--------------------------------------------------------
　footer
--------------------------------------------------------*/
footer {
	clear: both;
	border-top: 5px solid #009EFF;
	margin: 20px 0 0 0;
	width: 1052px;
	display: block;
	background: #FFFCE8;
	overflow: hidden;
}

footer .st {
	width: 960px;
	margin:30px auto 20px auto;
}

footer ul.threeBlocks {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
}
footer ul.threeBlocks img {
	display: block;
	margin: 0 0 5px 0;
}
footer ul.threeBlocks img.banner {
	margin: 0 0 15px 0;
}
footer ul.threeBlocks img.linkBtn {
	margin: 5px 0 20px 0;
}
footer ul.threeBlocks li {
	float: left;
	width: 300px;
	font-size: 14px;
	line-height: 1.6;
	margin-right: 30px;
}
footer ul.threeBlocks li.last {
	margin-right: 0px;
}
footer ul.threeBlocks li strong {
	font-weight: bold;
}
footer ul.threeBlocks li a img {
	margin-bottom: 15px;
}

div.sub {
	background: #D9F1FF;
	font-size: 12px;
	overflow: hidden;
	padding: 30px 0 30px 110px;
}
div.sub ul {
	float: left;
	padding-right: 30px;
}
div.sub ul li {
	background: url(../common/footer/icon01.png) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}
div.sub ul li.Heading {
	background: none;
	padding-left: 0px;
	height: 15px;
	display: block;
	margin-bottom: 10px;
}
div.copyright {
	background: #009EFF;
	color: #FFF;
	text-align: right;
	font-size: 10px;
	padding: 10px;
	line-height: 2.0;
}





/*--------------------------------------------------------
　入力エラー表示用
--------------------------------------------------------*/
div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../common/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../common/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}





.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p, .alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #F00;
    border-color: #C00;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #F00;
    border-color: #C00;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #F00;
    border-color: #C00;
    color: #FFF
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}


.alert_kumamoto .kumamotoOrder,
.alert_kumamoto_order .kumamotoItem{
	display:none;
}



/*--------------------------------------------------------
　注文フォーム　プルダウン表示位置
--------------------------------------------------------*/
select.posi {
	margin: 0 0 0 80px;
}


p.balloon {
	width: 500px;
	margin: 0 50%;
	overflow: hidden;
	text-align: left;
}
p.balloon input {
	margin-left: -30px;
}
li.balloon {
	width: 500px;
	margin: 0 50%;
	overflow: hidden;
	text-align: left;
	border: none !important;
	background:#000;
}
li.balloon input {
	margin-left: -30px;
}


#main select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    height: 40px;
    font-size: 14px;
    padding: 10px 45px 10px 15px;
    border: 1px solid  #999;
    border-radius: 5px;    
    text-indent: .01px;
    text-overflow: "";
	
	background: url(../img/ico_arrow02.png) no-repeat right center,-webkit-linear-gradient(top, #F7F7F7, #F1F1F1); /* Chrome 10+, Safari 5.1+ */
	background: url(../img/ico_arrow02.png) no-repeat right center,-moz-linear-gradient(top, #F7F7F7, #F1F1F1);    /* 3.6+ */
	background: url(../img/ico_arrow02.png) no-repeat right center,-ms-linear-gradient(top, #F7F7F7, #F1F1F1);     /* 10+ */
	background: url(../img/ico_arrow02.png) no-repeat right center,-o-linear-gradient(top, #F7F7F7, #F1F1F1);      /* 11.1+ */
	background: url(../img/ico_arrow02.png) no-repeat right center,linear-gradient(to bottom, #F7F7F7, #F1F1F1);   /* Standard */
}



/*--------------------------------------------------------
　カレンダー設定
--------------------------------------------------------*/
div.cal_wrapper {
	padding: 10px 0px 5px 5px;
}
div.schedule_wrapper {
	padding: 10px 0px;
	width: 151px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
div.schedule_wrapper h3 {
	padding: 0px 3px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.schedule_wrapper div.schedule_list {
	padding: 0px 3px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 3px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th p {
	float: left;
	padding: 3px !important;
	margin: 0px !important;
	color: #666;
	font-size: 10px !important;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC !important;
	background-color: #FFF !important;
	font-size: 10px !important;
	margin: 0px 1px !important;
	padding: 1px 3px !important;
	border-radius: 3px !important;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
	font-size: 10px !important;
	text-align: center !important;
	padding: 2px !important;
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #666;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 5px 3px;
	font-size: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: normal;
	color: #000;
	background-color: #FEE;
/*	border-radius: 3px;*/
}
div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
	background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
	background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: normal;
	color: #F00;
	background-color: #FEE;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}


/*--------------------------------------------------------
　共通みだし処理
--------------------------------------------------------*/
#main p.smallTitle {
	margin: 30px auto 0 auto;
	padding: 0 0 10px 0;
	display: block;
	text-align:center;
}
#main h2.orderTitle {
	margin: 10px auto 10px auto;
	display: block;
	text-align:center;
}
#main h3.orderTitle {
	margin: 10px auto 10px auto;
	display: block;
	text-align:center;
}
#main p.orderTitle {
	margin: 10px auto 0 auto;
	display: block;
	text-align:center;
}
#main p.price {
	width: 766px;
	display: block;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
}
#main h2.price img {
	display:block;
}
#main h2.mainPhoto {
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
}
#main h3.mainPhoto {
	display: block;
	padding: 0px 0 20px 0;
	text-align: center;
}
#main p.mainPhoto {
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
}
#main p.mainPhoto2 {
	display: block;
	padding: 10px 0 0 0;
	text-align: center;
}

#main h2.smallTitle {
	margin: 10px auto 0 auto;
	display: block;
	text-align:center;
}
#main h2.normal {
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
}
#main h2.top {
	padding: 50px 0 30px 0;
}
#main h2.normal img {
	display: block;
	margin: 0 auto;
}
#main h3.normal {
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
}
#main h3.top {
	padding: 50px 0 30px 0;
}
#main h3.normal img {
	display: block;
	margin: 0 auto;
}
#main h3.smallTitle {
	margin: 30px auto 0 auto;
	padding: 0 0 10px 0;
	display: block;
	text-align:center;
}


#main h3.smallTitle2 {
	margin: 20px auto 30px auto;
	padding: 0 ;
	display: block;
	text-align:center;
}


/*--------------------------------------------------------
　注文画面　共通処理
--------------------------------------------------------*/
#main div.Number,
#main div.Number2 {
	width: 716px;
	height: 40px;
	margin: 35px auto 15px auto;
	padding: 0 0 0 50px;
	overflow: hidden;
	color: #FFF;
	display: block;
	vertical-align: middle;
	line-height: 40px;
}
#main div.no01 { background-position-y: 0; }
#main div.no02 { background-position-y: -40px; }
#main div.no03 { background-position-y: -80px; }
#main div.no04 { background-position-y: -120px; }
#main div.no05 { background-position-y: -160px; }
#main div.no06 { background-position-y: -200px; }
#main div.no07 { background-position-y: -240px; }
#main div.no08 { background-position-y: -280px; }
#main div.no09 { background-position-y: -320px; }
#main div.no10 { background-position-y: -360px; }
#main div.no11 { background-position-y: -400px; }
#main div.no12 { background-position-y: -440px; }






/*--------------------------------------------------------
　ページトップ設定
--------------------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 99999;
}
.pagetop a {
	display: block;
	width: 61px;
	height: 62px;
	text-align: center;
	overflow:hidden;
}
.pagetop img {
	width: 61px;
	height: 62px;
	margin-bottom: 15px;
	display:block;
}



/*--------------------------------------------------------
　納期バナー
--------------------------------------------------------*/

.noukiBnr01{
	width:756px;
	margin:0 auto;
}


/*----------------------------------------------------------------------
  マージン調整
----------------------------------------------------------------------*/

.mt0em{
	margin-top:0 !important;
}
.mt-05em{
	margin-top:-0.5em !important;
}
.mt-1_4em{
	margin-top:-1.4em !important;
}
.mt-1em{
	margin-top:-1em !important;
}
.mt-2em{
	margin-top:-2em !important;
}

.mb0{
	margin-bottom:0 !important;
}
.mb04em{
	margin-bottom:0.4em !important;
}
.mb05em{
	margin-bottom:0.5em !important;
}
.mb1em{
	margin-bottom:1em !important;
}
.mb1_5em{
	margin-bottom:1.5em !important;
}
.mb2em{
	margin-bottom:2em !important;
}
.mb3em{
	margin-bottom:3em !important;
}
.mb4em{
	margin-bottom:4em !important;
}

.mt05em{
	margin-top:0.5em !important;
}
.mt1em{
	margin-top:1em !important;
}
.mt1_5em{
	margin-top:1.5em !important;
}
.mt2em{
	margin-top:2em !important;
}


/*----------------------------------------------------------------------
  パディング調整
----------------------------------------------------------------------*/
.pd1em{ padding:1em !important; }

.pdLR1em{ padding:0 1em !important; }
.pdLR05em{ padding:0 0.5em !important; }


/*--------------------------------------------------------
　スペック
--------------------------------------------------------*/

#spec{
	margin:3em 0;
	color: #666;
}
#spec h3{
	font-size:85%;	
	font-weight:bold;
	margin-bottom:0.5em;
}
#spec h4{
	font-weight:bold;
}

#spec a{
	color:#0066CC;
}

#spec p{
	margin:0 0 1em !important;
}

#spec dl {
	font-size:75%;
	line-height:1.6;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#spec dt {
	padding:1em;
	font-weight:bold;
	text-align: left;
	background-color: #F3F3F3;
	border-bottom: 1px solid #999;
}

#spec dd{
	padding: 1em;
	background-color: #fff;
	border-bottom: 1px solid #999;
}

#spec ul,
#spec dl{
	margin-bottom:1em;
	padding:0;
}

#spec dl dl{
	font-size:inherit;
	border:none;
	margin-bottom:1em;
	overflow:hidden;
}

#spec dl dl dt {
	width:15%;
	clear: left;
	float:left;
	border:none;
	background:none;
	padding:0;
}
#spec dl dl dt a{
	font-weight:bold;	
	color:#666;	
}
#spec dl dl　dt a:hover{
	text-decoration:underline;
}
#spec dl dl dd{
	margin-left:15%;
	border:none;
	padding:0;
}

#spec dl dl dt.wide {
	width:100%;
}




#spec table{
width: 100%;
border-collapse: collapse;
font-size:75%;
line-height:1.6;
color: #666;
}
#spec table th{
padding:1em;
font-weight:bold;
text-align: left;
vertical-align: middle;
background-color: #F3F3F3;
border: 1px solid #999;
}
#spec table td{
padding: 1em;
background-color: #fff;
border: 1px solid #999;
}

#spec table a{
	color:#0066CC;
}


#spec table ul,
#spec table dl{
	margin-bottom:1em;
	padding:0;
}


#spec table dt {
	width:12%;
	clear: left;
	float:left;
}
#spec table dt a{
	font-weight:bold;	
	color:#666;	
}
#spec table dt a:hover{
	text-decoration:underline;
}
#spec table dd{
	margin-left:12%;
}

/*--------------------------------------------------------
　お客様の声
--------------------------------------------------------*/
#voiceBox {
	width:750px;
	margin:20px auto 40px;
}
.w640 #voiceBox {
	width:640px;
	margin:40px auto 40px;
}

#voiceBox h2{
	font-size:18px;	
	color:#4D4D4D;
	margin-bottom:8px;
	background:url(../img/ico-voice-dot.png) repeat-x left center;
	background-size:8px auto;
}
#voiceBox h2 span{
	display: inline-block;
	font-weight:bold;
	background:#fff url(../img/ico-voice.png) no-repeat left center;
	background-size:32px auto;
	min-height:32px;
	line-height:32px;
	padding-left:38px;
	padding-right:8px;
}

#voiceBox .inner{
	padding:0 40px;
	margin:0 auto 10px;
	border:1px solid #ccc;
	overflow:auto;
	height:600px;
}

.voiceBtn {
		width:260px;
		height:30px;
		margin:20px auto 0 !important;
			
		color:#fff;
		font-size:14px;
		line-height:30px;		
		text-align: center;
	}	
	.voiceBtn a{
		color:#fff !important;
		background:#009EFF url(../img/icon-arrow-next.png) no-repeat right 10px center;		
		background-size:16px auto;
		display:block;
		border-radius: 15px;
	}
	.voiceBtn a:hover{
		display:block;
		background:#007EC6 url(../img/icon-arrow-next.png) no-repeat right 10px center;		
		background-size:16px auto;
		color:#fff;
		text-decoration:none !important;
	}

.yotpo .yotpo-default-button, .yotpo input[type="button"].yotpo-default-button {
    background: #009EFF !important;
    border-radius: 18px !important;
}
.yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes {
    height:0 !important;
}


.yotpo.yotpo-main-widget .yotpo-icon-btn, .yotpo .yotpo-modal-dialog .yotpo-icon-btn {
    padding: 8px 11px !important;
}

.yotpo.yotpo-main-widget .yotpo-icon-btn .yotpo-icon-button-text, .yotpo .yotpo-modal-dialog .yotpo-icon-btn .yotpo-icon-button-text {
    font-weight:bold !important;
}


.yotpo-hidden-mobile{
	display:initial !important;
}
.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .write-question-button, .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .write-review-button, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .write-question-button, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .write-review-button {
    display: none !important
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button {
    float: right !important;
    position: inherit !important;
    right: initial !important;
}
.yotpo.yotpo-main-widget.yotpo-small .yotpo-icon-btn .yotpo-icon-button-text, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-icon-btn .yotpo-icon-button-text {
    display: initial !important;
}
.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button {
    top: initial !important;
	
}

.yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 {
    
}


.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .transparent-color-btn, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-nav .transparent-color-btn {
    display: none !important;
}
.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse .yotpo-nav-dropdown-category, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse .yotpo-nav-dropdown-category {
    display: none !important;
}

.yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-nav .yotpo-dropdown-wrapper.mobile-collapse .yotpo-menu-mobile-collapse {
    border: none !important;
}

.yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-empty-state .write-question-button, .yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-empty-state .write-review-button, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-bottomline.yotpo-bottomline-empty-state .write-question-button, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-bottomline.yotpo-bottomline-empty-state .write-review-button {
    width: 100% !important;
	margin-bottom:20px !important;
}



/*--------------------------------------------------------
　cancel
--------------------------------------------------------*/
#cancel{
	width:580px;
	margin:2em auto ;
}
#cancel img{
	margin-bottom:1em;
}
#cancel p{
	font-size:13px;
	line-height:1.4;
	margin-bottom:0.5em;	
}


/*--------------------------------------------------------
　最終確認
--------------------------------------------------------*/

#formCheck{
	clear:both;
	width:100%;
	margin:0 auto ;
	text-align:center;	
}

#formCheck label{
	width:100%;
	height:100%;
}

#checkBtn{
	/*width:100%;*/
	background:#FCEBF2;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin: 20px auto 30px;
	padding:2em 1em;
	font-size:108%;
}

.formBtn {
	width: 756px;
	margin:0 auto 4em;
}


/*--------------------------------------------------------
　ボタン
--------------------------------------------------------*/
.btn-detail {
	text-align: center;
}
.btn-detail a{
    width: auto;
    height: auto;
    margin: 5px auto ;
    padding: 10px 30px 10px 60px;
    background: #009EFF url(/img/icon-arrow-next.png) no-repeat 20px center;
    background-size: 20px auto;
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    text-decoration: none !important;
}
.btn-detail a:hover{
	background: #0071BC url(/img/icon-arrow-next.png) no-repeat 20px center;
	background-size: 20px auto;
}

.btn-order {
	text-align: center;
}
.btn-order a {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0.5em auto;
    padding: 0.5em 1em 0.5em 2.2em;
    box-shadow: 2px 2px #999;
    border: 2px solid #BE0000;
    text-align: center;
    border-radius: 3em;
    color: #BE0000 !important;
    font-size: 116%;
    font-weight: bold;
    background: #fff url("/sp/sp_img/order/ico_plus4.png") no-repeat left 0.6em center;
    background-size: 20px 20px;
}

.mfp-bg {
    z-index: 10000001 !important;
}
.mfp-wrap {
    z-index: 10000002 !important;
}