/*
Styles for older IE versions (previous to IE9).
*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}





/* common */




body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	background: #fff;
	color: #313131;
	-webkit-text-size-adjust: 100%;
	border-top:8px solid #b4e0e6;
}
p, dl, dt, dd, ul, li, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
ul, ol {
	list-style: none;
}
a {
	color:#fc83c6;
	text-decoration: none;
}
a:link {
	color:#fc83c6;
}
a:visited {
	color: #1b1b1b;
}
a:hover {
}
a:active {
	color: #1b1b1b;
}

.box2 a:hover {
	text-decoration:underline;
}


.slideshow {
	/*background: #f2f2f2;*/
}

input.search_box {
	border: none;
	background: #e5e5e5;
	color: #b8b8b8;
	text-align: center;
}
input.search_btn {
	border: none;
	display: block;
	text-indent: -9999px;
	width: 17px;
	height: 22px;
	float: left;
	background: url(../imgs/common/search_icon.png) no-repeat top left;
	margin-right: 5%;
}


#s{/* これは検索文字列入力欄 */
  border: none;
	background: #e5e5e5;
	color: #b8b8b8;
	text-align: center;
}
#searchsubmit{/* これは[検索]ボタン */
 border: none;
	display: block;
	text-indent: -9999px;
	width: 17px;
	height: 22px;
	float: left;
	background: url(../imgs/common/search_icon.png) no-repeat top left;
	margin-right: 5%;
}

.search label {
	overflow: hidden;
	height: 0;
	width: 0;
	display: none;	
}


.box {
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}

.box2 {
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}

.pankuzu {
	padding: 2px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}


.pankuzu a {
	color:#313131;
	text-decoration:none;
	display: block;
	float: left;
}

.pankuzu a.page {
	background-image:url(../imgs/common/pankuzu_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 26px;
	padding:0 10px 0 20px;
	background-color: #bcbdbc;
	font-size: 90%;	
}

.pankuzu a.post-page {
	background: url(../imgs/common/pankuzu_arrow.jpg) no-repeat 0% 50%;
	padding-left: 15px;
	line-height: 26px;	
	color: #959595;
	font-size: 90%;
}

.pl {
	padding-left: 2%;	
}

.pr {
	padding-right: 2%;	
}

.pt {
	padding-top: 5%;	
}

.pb {
	padding-bottom: 5%;	
}

.f10{font-size: 77%;}
.f11{font-size: 85%;}
.f12{font-size: 93%;}
.f14 {font-size: 108%;}
.f15 {font-size: 116%;}
.f16 {font-size: 124%;}
.f18 {font-size: 150%;}
.f30 {font-size: 250%;}

.pink_txt {
	color: #fc83c6;	
}

.blue_txt {
	color: rgb(58, 193, 199);	
}

.pink_bg {
	background: #fff9fc;
	border-radius: 5px;	
	padding: 5%;
}

.yellow_bg {
	background: #fffbf0;
	border-radius: 5px;
	padding: 5%;	
}

.fl {
	float: left;	
}

.fr {
	float: right;	
}


span.block {
	display: block;	
	padding-bottom: 0.5%;
}

.link_grey {
	background-color: #dcdcdc;
	background-image: url(../imgs/common/common_link_arrow.png);
	background-repeat: no-repeat ;
	background-position: 97% 50%;
	padding: 0.5% 20px 0.5% 0.8%;	
	font-size: 93%;
	letter-spacing: 0.1em;
	width: auto;
	display: inline-block;
	border-radius: 3px;
	margin: 1% 0;
	text-decoration:none !important;
}

a.link_grey {
	color: #313131 !important;	
}

.link_grey:hover {
	background-color: #ccc;
}

.link_pink {
	background-color: #fc83c6;
	background-image: url(../imgs/common/common_link_arrow2.png);
	background-repeat: no-repeat ;
	background-position: 97% 50%;
	/*padding: 0.5% 20px 0.5% 0.8%;*/	
	font-size: 93%;
	/*letter-spacing: 0.1em;*/
	width: auto;
	display: inline-block;
	border-radius: 3px;
	margin: 1% 0;
	padding: 3px 15px 3px 5px;
	text-decoration:none !important;
}
a.link_pink {
	color:#fff !important;;
}

.link_pink:hover {
	background-color: #fc83aa;	
}


.fb-box .fbcomments,
.fb-box .fb_iframe_widget,
.fb-box .fb_iframe_widget[style],
.fb-box .fb_iframe_widget iframe[style],
.fb-box .fbcomments iframe[style],
.fb-box .fb_iframe_widget span{
    width: 100% !important;
}


.social_btns {
	width: 1000px;
	margin: 5px auto;	
}se


.counselling_pink {
	background: #fff9fc;
	border-radius: 7px;
	padding: 3%;
	margin-bottom: 10px;
}





#sitemap ul.children {
	padding-left: 15px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 15px;	
	margin-bottom: 15px;
	list-style-type:circle;
}

#sitemap ul.children li a:hover {
	text-decoration: underline;
}

.headlinenews_title {
	border-bottom: 1px dashed #ea5797;
	padding: 10px 0 5px 0;
	font-size: 110%;
	font-weight: bold;	
}

.headlinenews_body {
	padding-bottom: 40px;	
}



/*  responsive   */






/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	width: auto;
	height: auto;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width: 100%;
}

/* デスクトップレイアウト : 1000 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */


#whole {
	max-width: 980px;
	width: 980px;
	padding: 10px;
	/*margin: auto;
	background: url(../img/common/main_bg.gif);
	border-radius: 5px;*/
}
.gridContainer {
	width: 75%;
	margin-left: 0;
	margin-right: 0;
	float: left;
	clear: none;
}
#hnav {
	/*clear: none;*/
	/*float: left;*/
	/*margin-left: 2.0408%;*/
	width: 750px;
	/*display: block;*/
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
}

#logo:hover {
	opacity: 0.8;	
}

.products {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	max-width: 1000px;
	width: 1000px;
	margin: 10px auto;
}
#aside {
	clear: none;
	float: right;
	width: 24.0%;
	display: block;
	padding: 0 0 0 0px;
}
#footer {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* タイトル */

.common_h2 {
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}
.common_h2 h2.blue {
	background: url(../imgs/common/h2_blue_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.blue span {
	font-size: 9px;
	/*color: #62bee9;*/
	padding-right: 10px;
}
.common_h2 h2.pink {
	background: url(../imgs/common/h2_pink_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px ;
}
.common_h2 h2.pink span {
	font-size: 9px;
	color: #fc83c6;
	padding-right: 10px;
}
.common_h2 h2.green {
	background: url(../imgs/common/h2_green_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.green span {
	font-size: 9px;
	color: #76da86;
	padding-right: 10px;
}
.common_h2 h2 img {
	display: block;
}

/* 3つ並びバナー */

.common_bana {
	margin-bottom: 10px;
	margin-right: -9px;
}
.common_bana ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 5px;
}

.common_bana ul li a {
	border-radius: 5px;	
}


.common_bana ul li.bana1 a {
	background-color: #fc83c6;
	display: block;
}
.common_bana ul li.bana2 a {
	background-color: #62bee9;
	display: block;
}
.common_bana ul li.bana3 a {
	background-color: #46d55d;
	display: block;
}


/* ヘッダー */

#mobile_nav {
	display: none;
}
#mnav_btn {
	display: none;
}
/* ヘッダーナビ */

#hnav #hnav1 {
	width: 100px;
}
#hnav #hnav1 ul li a:hover {
	text-decoration: underline;
}
#hnav #hnav1 ul li {
	background: url(../imgs/common/hnavi_arrow.png) no-repeat 0% 50%;
	padding-left: 17px;
	padding-right: 0px;
	line-height: 24px;
	float: none;
}
#hnav #hnav2 {
	width: 390px;
	/*float: left;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
}
#hnav #hnav2 ul li {
	float: left;
	font-family: Impact, impact;
	font-size: 14px;
	text-align: center;
}
#hnav #hnav2 ul li.search {
	padding: 5px 0 5px 0;
	width: 66.6%;
	height: 26px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#hnav #hnav2 ul li.cart {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #ddd;
	border-right: 0px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.login {
	width: 33.3%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.logout {
	width: 33.0%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.mypage {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	float: left;
}
#hnav #hnav2 ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.mnav1,.mnav2,.mnav3 {
	display: none;	
}


#hnav_strong {
	display:block;
	float:right;
}

/* グローバルナビ */


#gnav {
	display: block;
	width: 100%;
	height: 48px;
	background-image: url(../imgs/common/gnavi_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 100% 100%;
	margin: -10px auto 10px auto;
}
#gnav ul {
	max-width: 1000px;
	width: 1000px;
	margin: 0px auto;
	padding-top: 4px;
}
#gnav ul li {
	float: left;
}
/* サイドナビ */



.subnav {
	background: #fff;
	margin-bottom: 10px;
	padding: 0 8px 8px 8px;
	border-radius: 5px;
}
.subnav li {
	margin-bottom: 1px;
	font-size: 100%;
}
.subnav li:last-child {
	margin-bottom: 0;
}
.subnav li a {
	display: block;
	/*padding: 0.5em 20px;*/
	color: #313131;
	text-decoration: none;
	/*background: #f2f2f2;*/
}
.subnav li a:hover {
}
.subnav h2 {
	padding: 5% 0 5% 5px;
}
.subnav h2 span {
	display: none;
}
/* フッター */

#footer .fnav {
	display: block;
	font-size: 110%;
	font-weight: bold;
	max-width: 1000px;
	width: 1000px;
	margin: 0 auto 0 auto;
	/*padding-bottom: 20px;*/
}
#footer .fnav ul {
	float: left;
	width: auto;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul:last-child {
	float: left;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul li {
	margin: 10px 0;
	/*background: url(../img/common/fnavi_arrow.gif) no-repeat 0% 50%;*/
	padding-left: 20px;
}
#footer .fnav1 {
	width: auto;
	margin-right: 50px;
	border-bottom: 0px dotted #666;
}
#footer .fnav2 {
	margin-right: 50px;
	clear: none;
}
#footer .fnav3 {
	margin-right: 50px;
}
#footer .fnav4 {
}
#footer h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	display: none;
}
/* 商品一覧 */

.products ul {
	list-style: none;
	margin: 0 -1% 0 0;
	padding: 0;
}
.products li {
	width: 32.3%;
	float: left;
	margin: 0 1% 10px 0;
}
.products li:first-child {
	margin-top: 0;
}
.products li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 10px 10px 1px 10px;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
.products li a:hover {
	background: url(../imgs/common/item_hover.gif);
	/*border: 1px solid #aa89bd;*/
	padding: 9px 9px 0px 9px;
}
.products li:first-child a {
	margin-top: 0;
}
.products li a .photo {
	margin: 0;
	cursor: pointer;
}

.products li a span {
	display: block;

}
.products ul li.mb_pagetop {
	background: none;
	display: none;
	width: 49%;
	height: 100%;
}

.txt {
	padding-left: 3%;	
}
.fb-box {
	max-width:980px;
	width:980px;
	display: block;
} 

.pankuzu {
	display: block;	
}








/*  style  */


/* ---------------------------------------------------------
top
----------------------------------------------------------*/

/* tnav */

#tnav {
	margin-bottom: 10px;
	margin-right: -7px;
}
#tnav ul li {
	background: #fff;
	padding: 9px;
	border-radius: 5px;
	float: left;
	margin-right: 7px;
	margin-bottom: 0px;
	width: 29.9%;
}
#tnav ul li:hover {
	padding: 8px;/*background: url(../img/common/item_hover.gif);*/
}
#tnav ul li.tnav1:hover {
	border: 1px solid #e4007f;
}
#tnav ul li.tnav2:hover {
	border: 1px solid #007bd0;
}
#tnav ul li.tnav3:hover {
	border: 1px solid #22ac38;
}
#tnav ul li a {
	padding: 7px 10px;
	color: #fff;
	text-align: center;
}
#tnav ul li.tnav1 a {
	background-color: #fc83c6;
	background-image: url(../imgs/top/tnavi_arrow_1.gif);
	background-repeat: no-repeat;
	background-position: 5% 45%;
	display: block;
}
#tnav ul li.tnav2 a {
	background-color: #62bee9;
	background-image: url(../imgs/top/tnavi_arrow_2.gif);
	background-repeat: no-repeat;
	background-position: 5% 45%;
	display: block;
}
#tnav ul li.tnav3 a {
	background-color: #46d55d;
	background-image: url(../imgs/top/tnavi_arrow_3.gif);
	background-repeat: no-repeat;
	background-position: 5% 45%;
	display: block;
}
/* counselling */

#counselling div.counselling_grad {
	width: auto;
	height: 100%;
	padding: 10px;
	background: #ffe9e8; /* Old browsers */
	background: -moz-linear-gradient(left, #ffe9e8 0%, #ffcecf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffe9e8), color-stop(100%, #ffcecf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffe9e8 0%, #ffcecf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffe9e8 0%, #ffcecf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffe9e8 0%, #ffcecf 100%); /* IE10+ */
	background: linear-gradient(to right, #ffe9e8 0%, #ffcecf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9e8', endColorstr='#ffcecf', GradientType=1 ); /* IE6-9 */
}
#counselling p {
	float: left;
	width: 52%;
}
#counselling .list {
	width: 45%;
	padding: 10px;
	background: #fff;
	float: left;
}
#counselling .list h3 {
	margin-bottom: 10px;
}
#counselling .list ul li {
	background: url(../imgs/top/counselling_arrow.png) no-repeat 0% 50%;
	padding-left: 20px;
	padding-bottom: 5px;
}
#counselling .list ul li a {
	color: #ea5797;
	text-decoration: underline;
	font-weight: bold;
	font-size: 110%;
}
#counselling .search input.top_search_box {
	width: 95%;
}
/* tbana */

.tbana ul {
	margin-right: -1.7%;
	margin-left: auto;
}
.tbana ul li {
	text-align: center;
	float: left;
	padding: 0.9%;
	background: #fff;
	border-radius: 5px;
	margin-right: 1.7%;
	width: 46.5%;
}
/* ---------------------------------------------------------
detail
----------------------------------------------------------*/
.detail_main .info, .detail_main .purchase {
	width: 50%;
	float: left;
}
.detail_main .photo, .detail_main .detail {
	width: 40%;
	float: left;
	/*padding-left: 5%;*/
}
.detail_main .photo {
	padding-top: 0px;
}
.detail_main .detail {
	float:right;
	width:320px;
}
.detail_main .detail dl {
	border: 1px solid #ddd;
	/*width: 100%;*/
	background: #fff;
	padding: 5% 5%;
}
.detail_cont .recommend ul {
	width: 45%;
	float: left;
	margin-top: 5%;
}
.detail_cont .recommend p {
	width: 50%;
	float: right;
}
#main_v.detail_main dl.price dt {
	float:left;
}

div.purchase .btn2 {
	width:auto;
}


div.purchase .btn2 input.btn_cart {
	/*width:186px;
	height:50px;*/
}

div.purchase .btn2 .item_math {
	margin:0;
}

div.purchase .btn2 {
	padding-top:5px;
}

div.purchase div.info .price {
	font-size:126%;

}
div.purchase div.info p.name {
	font-size:180%;
}

.detail_main {
	padding: 20px 10px 20px 40px;
}

.detail_cont .recommend {
	padding:0 0 5% 45px;
}





/* ---------------------------------------------------------
about
----------------------------------------------------------*/

.box_about {
	padding: 0 0 5% 5%;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}
.box_about .fr {
	float: right;
}
.box_about .fl {
	float: left;
}
.box_about .txt1 {
	padding-top: 60px;
	padding-bottom: 0;
}
.box_about .txt2 {
	padding-top: 30px;
	padding-bottom: 0;
}
.about_box pt {
	padding-top: 40px;
}
/* ---------------------------------------------------------
step
----------------------------------------------------------*/





.table2 {
	background: #eef9fa;
}
dl.col_head {
	color: #008aa9;
	font-weight: bold;
	background: #eef9fa;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	width: 100%;
}
.col_head dt {
	border-right: none;
	border-bottom: none;
	float: left;
	clear: both;
	padding: 10px;
	background: #eef9fa;
}
.col_head dd {
	margin-left: 25.2%;
	padding: 0;
	border-left: solid 1px #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
.col_head dd p {
	float: left;
	padding: 10px;
	margin-bottom: 0em!important;
	margin-right: 1px;
}
.table2 dt {
	width: 22.3%;
	float: left;
	clear: both;
}
.table2 dd {
	width: 75%;
	margin-left: 25.2%;
	backrgound: #fff;
	padding: 0;
	border-left: solid 1px #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
.table2 dd p {
	margin-bottom: 0!important;
	padding: 10px;
}
.table2 dd p.col1, .col_head dd p.col1 {
	float: left;
	border-bottom: none;
	width: 30%;
}
.table2 dd p.col2, .col_head dd p.col2 {
	float: left;
	border-bottom: none;
	width: 60%;
	border-left: solid 1px #d2d2d2;
}
input.btn_cart {
	
}
.detail_main form {
	float:right;
	width: 100%;
}



/*  bx-slider  */



.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
 	*zoom: 1;
	width: 560px;
	float: left;
}	

.bx-viewport {
	-webkit-box-shadow: 20px 0px 15px -7px rgba(119, 119, 119, 0.51);
	-moz-box-shadow: 20px 0px 15px -7px rgba(119, 119, 119, 0.51);
	box-shadow: 20px 0px 15px -7px rgba(119, 119, 119, 0.51);
	z-index:1;
}
	
#bx-pager {
	width: 149px;
	float : left;
	/*padding-top: 5px;*/
}
#bx-pager a {
	/*margin: 0 0 5px 0;*/
	display: block;
	/*border: 2px solid #c8c6c8;*/
	background: #fff;
}
#bx-pager a:hover {
	/*border: 2px solid #5c5b5c;*/
	background: #fff;
}
#bx-pager a.active {
	/*border: 2px solid #000;*/
	background: #fff;
}
#bx-pager a.active  {
	opacity: 0.5;
}
.bxslider_mobile, #bx-pager_mobile {
	display: none;
}
.bxslider, #bx-pager {
	display: block;
}