@charset "utf-8";

@media screen and (max-width: 1019px) {
/*iPhoneのフォントサイズ可変を制御*/
html{
	-webkit-text-size-adjust: none;
	font-size:62.5%;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	line-height: 1;
	color: #0059AC;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
a:visited{
	text-decoration: underline;
}

img {
	vertical-align: top;
	line-height: 0;
	font-size: 0;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#wrapper{
	padding: 0 10px;
}


/*pc-block-tablet-none-sp-none*/

.display-change-tablet-none{
	display: none;
}

/*pc-none-tablet-block-sp-block*/

.display-change-tablet-block{
	display: block;
}


/****************************************
wrapper
****************************************/
body{
	font-size: 1.4rem;
}


.wrapper{
	border-right:8px solid #699ccf;
	border-left:8px solid #699ccf;
	background-color:#fff;
	width:100%;
	box-sizing:border-box;
}

/******************************
header
******************************/
.header{
}

.header .head-content .site-logo{
}

.header .head-content .site-logo img{
	max-width:234px;
}

/********************
head-bar
********************/

.header .head-bar{
	background-color:#699ccf;
	padding:10px 0;
}

.header .head-bar h1{
	font-size:1.2rem;
	color:#fff;
	margin:0;
	line-height:1.4;
	padding-left:0;
	padding-right:0;
	text-align:center;
	font-weight:normal;
}

.header .head-bar ul{
	margin-bottom:0;
}

/********************
head-content
********************/

.header .head-content{
	background-color:#fff;
	padding:20px 0;
}

.head-content{
	position:relative;
}

.header .head-content .site-logo{
	text-align:center;
	margin-bottom:10px;
}

.header #glovalNavi{
	padding-left:0;
	padding-right:0;
}

.header .content-navi{
	margin-top:0;
	margin-bottom:20px;
	padding-right:0;
	width:100%;
	float:none;
	display:none;
}

.header .content-navi li{
	float:none;
	margin-right:0;
	display:inline-block;
	text-align:center;
	width:46%;
	border-bottom:2px solid #699ccf;
	margin:0 2%;
}

.header .content-navi li a{
	color:#699ccf;
}


.header .user-navi{
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
	display:table;
	margin-left:auto;
	margin-right:auto;
}

.header .user-navi li{
	padding-left:15px;
	padding-right:15px;
}

.header .user-navi li a{
	position:relative;
	display:block;
}

.header .user-navi li a i{
	color:#699ccf;
	font-size:3.8rem;
}



.header .user-navi li.user-navi{
	position:relative;
}

.header .user-navi li a.cart span{
	background-color: #f89698;
	border-radius: 50em;
	font-size: 1.2rem;
	color: #fff;
	display:table;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
	top: -5px;
	left: 60%;
}

.hov-menu{
	display:none;
}

/**********
検索
**********/
#search{
	position:relative;
	display:none;
}

.search_inner{
	width: 100%;
	background-color: #bce3d1;
	padding: 20px;
}

.search-formlist{
	width:100%;
}

/******************************
side-navi
******************************/
.side-cat{
	display:none;
}


.side-navi{
	width:auto;
	float:none;
	margin-right:40px;
	display:none;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
    background: #e9eff5;
}

.side-navi ul{
}

.side-category{
	display:none;
}

.side-navi ul li{
	background-color:#fff;
	font-size:1.2rem;
	position:relative;
	font-weight:bold;
	padding: 0;
    border-bottom: 1px solid #e9eff5;
}

.side-navi ul li:last-child{
	border:none;
}

.side-navi ul li a{
	color:#333;
	padding:13px 10px;
	display:block;
	text-decoration:none;
}

.side-navi ul li.open > a > i{
	display:none;
}

.side-navi ul li.open ul li i{
}

.side-navi ul li a i{
	font-size:1.4rem;
	margin-right:0.5em;
}

.side-navi ul li a:after{
	content: "\e080";
    font-family: "Glyphicons Halflings";
    color: #699ccf;
	float: right;
    font-size: 1.2rem;
    font-weight: normal;
}

.side-navi ul li.open a:hover{
	opacity:1;
}

.side-navi ul li.open > a:after{
	content:"\002b";
}

.side-navi ul li.open a.active:after{
	content:"\2212";
}

.side-navi ul li.open > a.active:after{
}

.side-navi ul li ul{
	display:none;
}

.side-navi ul li ul li{
}

.side-navi ul li ul.hov-menu li{
	background-color:#eee;
	padding-left:1em;
}

.side-navi ul li button{
	background:none;
	border:none;
	color: #333;
	padding: 13px 10px;
	display: block;
	text-decoration: none;
}

.side-navi ul li button i{
	font-size:1.4rem;
	margin-right:0.5em;
}

.side-navi ul li ul.hov-menu.child li{
	padding-left:2em;
	margin-left:-1em;
	background-color:#ccc;
}

.side-navi ul li ul.hov-menu.child li a{
	color:#333;
}


/******************************
main
******************************/
main{
	float:none;
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	margin-left: 0;
}


/******************************
パンくずリスト
******************************/
.topicpath{
	padding:5px 10px 7px 10px;
	margin-top:;
	border:1px dashed #ddd;
	margin-left:15px;
	margin-right:15px;
}

.topicpath ol{
	padding:0;
}

.topicpath ol li{
	display:inline-block;
	font-size:1.0rem;
}

/********************
キービジュアル
********************/
.key-visual{
	padding:0 20px;
}

.key-visual li{
}

.key-visual li img{
	width:100%;
	height:auto;
}


/********************
部位別・病気別
********************/
.type-search .innner{
	/*width:33.3333%;*/
	width: 30%;
	/*border-right:10px solid #fff;*/
	/*margin-right:0;*/
}

.type-search .innner:last-child{
	border:none;
}

.type-search .innner ul{
	margin-bottom:0;
}


/*****
会員登録ページ
*****/
.flow-list{
}

.flow-list li{
	margin-bottom:30px;
	padding-bottom:30px;
    border-bottom: 1px dashed #ccc;
}

.flow-step{
	margin-bottom:0;
}

.flow-step dt{
	width:auto;
	float:none;
	margin-bottom:15px;
}

.flow-step dd{
	float:none;
	width:auto;
}

.flow-step dd img{
	margin-bottom:15px;
	width:auto;
}


/********************
おすすめ商品
********************/

main .pop-item-list{
	padding-left:-15px;
	padding-right:-15px;
}

main .pop-item-list .items{
	width:33.33333333%;
	background-color:#fff;
	box-sizing:border-box;
	float:left;
	margin-right:0;
	padding:0;
	border-right:1px solid #f5f5f5;
}

main .pop-item-list .items:last-child{
	margin-right:0;
	border:none;
}

main .pop-item-list .items a{
	padding:0 15px 45px 15px;
	text-decoration:none;
	border:none;
}

main .pop-item-list .items figure{
	text-align:center;
}

main .pop-item-list .items a span.category{
	font-size:1.2rem;
	border:1px solid #699ccf;
	padding:5px 10px;
	color:#699ccf;
	display:inline-block;
}

.pop-item-list .item-name{
	font-size:1.6rem;
	margin-bottom:10px;
	line-height:1.4;
}

.review{
	display:inline-block;
	margin-bottom:10px;
}

.review i{
	color:#ff9c00;
}

.pop-item-list .price{
	color:#db0000;
	font-size:2.4rem;
	margin-bottom:0;
	bottom:15px;
}

.pop-item-list .price span{
	font-size:1.2rem;
}

.more{
	display:block;
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#f89698;
	padding:15px 0;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/********************
商品一覧
********************/
.item-list{
	background-color:#fff;
/*	border:1px solid #eee;*/
	box-sizing:content-box;
	border:none;
	margin-bottom:0;
}

.item-list .items{
	box-sizing:border-box;
	padding:20px 20px 20px 20px;
}

.item-list .items a{
	text-decoration:none;
}

.item-list .items a:hover{
	opacity:0.75;
}

.item-list .items figure{
	text-align:center;
}

.item-list .items .category{
	font-size:1.2rem;
	color:#666666;
}

.item-list .items .item-name{
	font-size:1.4rem;
	line-height:1.4;
	margin-bottom:7px;
}

.item-list .items .price{
	font-size:1.2rem;
	text-align:left;
	margin-bottom:5px;
	position:static;
}

.price span{
	font-size:1.0rem;
}

.price span.item-price{
	font-size:1.2rem;
}

.search-word li a{
	padding:5px 3px;
}


/********************
商品詳細
********************/
.item-details .details-area .item-name{
	font-size:2.1rem;
}

/*目次*/
.table-of-contents{
}

.table-of-contents h3{
}

.table-of-contents ol{
}

.table-of-contents ol li{
	margin-bottom:10px;
}


.item-details .thumbnail-area {
    margin-right: 20px;
    width: 30%;
    float: left;
	margin-right:3%;
}

.details{
	width:67%;
}

.details dl{
}

.details dl dt{
	width:20%;
	min-width:90px;
}

.details dl dd{
	width:80%;
}



/********************
関連商品
********************/
.wrap.item-list.involved_slide{
	background-color:transparent;
	margin-bottom:0;
}

/******************************
footer
******************************/
.footer{
	background-color:#f5f5f5;
	padding:40px 0 0 0;
}

.footer .wrap{
}

/********************
sns
********************/
.footer .site-logo{
}


.footer .sns-area{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

.footer .sns-area li{
	display:inline-block;
	padding:0 5px;
}

.footer .sns-area li a{
	display:block;
}

.footer .sns-area li a i{
	font-size:4.2rem;
}

.footer .sns-area li.twitter a i{
	color:#5fa8db;
}

.footer .sns-area li.facebook a i{
	color:#465092;
}

.footer .sns-area li.instagram i{
	color:#211f1f;
}

.footer .sns-area li a img{
	vertical-align:sub;
}

.footer .sns-area li.line img{
	height:36px;
}


/********************
right-content
********************/
.footer .right-content{
	padding-right:0;
}

.footer .right-content dt{
	font-size:2.4rem;
}

/**********
right-content
**********/

.foot-navi{
	display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.foot-navi li{
	margin-right:10px;
	display:inline-block;
}

.foot-navi li:after{
	content:"|";
	margin-left:10px;
}

.foot-navi li a{
	color:#333;
	font-size:1.2rem;
}

.foot-navi li:last-child{
	margin-right:0;
}

.foot-navi li:last-child:after{
	content:"";
	margin-left:0;
}

/*
copy right
*/
.footer p.copy{
	text-align:center;
	color:#fff;
	background-color:#699ccf;
	padding:15px 0;
	margin-bottom:0;
}


/*購入画面*/
#address_area .information{
	width:100%;
	float:none;
}

#address_area .add_multiple {
	width:100%;
	float:none;
}

.sign-up{
	float:none;
	width:100%;
	margin-bottom:15px;
}

.no-sign-up{
	float:none;
	width:100%;
	margin-bottom:30px;
}

/****************************************
共通部分
****************************************/

/******************************
wrap
******************************/
.wrap{
	margin-left:auto;
	margin-right:auto;
	width:auto;
}

main .wrap{
	width:100%;
}

.space-wrap{
	padding:0 10px;
}

/******************************
見出し
******************************/
/*
.content-heading{
	color:#699ccf;
	font-size:2.4rem;
	margin:0 0 15px 0;
	padding:0 10px;
	text-align:center;
}
*/

.tab-content-title{
	font-weight:500;
}


.content-heading{
	color: #699ccf;
    font-size: 2.0rem;
    /*margin: 0 0 15px 0;*/
    /*border: none;*/
    /*background: none;*/
	/*padding-bottom:0;*/
    /*
	border-bottom: 1px solid #699ccf;
    border-top: 1px solid #699ccf;
    padding-bottom: 5px;
    display: table;
    padding: 5px 30px 5px;
    margin-left: auto;
    margin-right: auto;
	*/
	background-color: #699ccf;
	color: #fff;
}

.content-heading:before{
	/*
	width:24px;
	height:23px;
	content:"";
	display:inline-block;
	background-image:url(../img/head-icon.png);
	background-size:contain;
	background-repeat:no-repeat;
	transform: rotate(10deg);
	background-position:bottom left;
	*/
}

.item-details .content-heading{
	padding-right:0;
}

.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

.side-navi{
  position: fixed;
  top: 0;
  right: -308px;
  width: 300px;
  height: 100%;
  padding-top: 65px;
  text-align: left;
  font-size: 13px;
  background: #e9eff5;
  z-index: 1;
  display:block;
  margin-right:0;
}

/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 13px;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

/*キービジュアル*/
.slick-dots {
	display:table;
	width:auto;
	margin:10px auto 0 auto;
}

.slick-slide img{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0 auto;
}
}

@media (min-width: 1020px) {
/********************
margin-bottom(余白)
********************/

.lg-mb-5{
	margin-bottom:5px;
}

.lg-mb-10{
	margin-bottom:10px;
}

.lg-mb-15{
	margin-bottom:15px;
}

.lg-mb-20{
	margin-bottom:20px;
}

.lg-mb-25{
	margin-bottom:25px;
}

.lg-mb-30{
	margin-bottom:30px;
}

.lg-mb-35{
	margin-bottom:35px;
}

.lg-mb-40{
	margin-bottom:40px;
}

.lg-mb-45{
	margin-bottom:45px;
}

.lg-mb-50{
	margin-bottom:50px;
}

.lg-mb-55{
	margin-bottom:55px;
}

.lg-mb-60{
	margin-bottom:60px;
}

.lg-mb-65{
	margin-bottom:65px;
}

.lg-mb-70{
	margin-bottom:70px;
}

.lg-mb-75{
	margin-bottom:75px;
}

.lg-mb-80{
	margin-bottom:80px;
}

.lg-mb-85{
	margin-bottom:85px;
}

.lg-mb-90{
	margin-bottom:90px;
}



/********************
margin-right(余白)
********************/
.lg-mr-5{
	margin-right:5px;
}

.lg-mr-10{
	margin-right:10px;
}

.lg-mr-15{
	margin-right:15px;
}

.lg-mr-20{
	margin-right:20px;
}

.lg-mr-25{
	margin-right:25px;
}

.lg-mr-30{
	margin-right:30px;
}

.lg-mr-35{
	margin-right:35px;
}

.lg-mr-40{
	margin-right:40px;
}

.lg-mr-45{
	margin-right:45px;
}

.lg-mr-50{
	margin-right:50px;
}

.lg-mr-55{
	margin-right:55px;
}

.lg-mr-60{
	margin-right:60px;
}

.lg-mr-65{
	margin-right:65px;
}

.lg-mr-70{
	margin-right:70px;
}

.lg-mr-75{
	margin-right:75px;
}

.lg-mr-80{
	margin-right:80px;
}

.lg-mr-85{
	margin-right:85px;
}

.lg-mr-90{
	margin-right:90px;
}

}

@media (max-width: 1019px) {
/********************
margin-bottom(余白)
********************/

.md-mb-5{
	margin-bottom:5px;
}

.md-mb-10{
	margin-bottom:10px;
}

.md-mb-15{
	margin-bottom:15px;
}

.md-mb-20{
	margin-bottom:20px;
}

.md-mb-25{
	margin-bottom:25px;
}

.md-mb-30{
	margin-bottom:30px;
}

.md-mb-35{
	margin-bottom:35px;
}

.md-mb-40{
	margin-bottom:40px;
}

.md-mb-45{
	margin-bottom:45px;
}

.md-mb-50{
	margin-bottom:50px;
}

.md-mb-55{
	margin-bottom:55px;
}

.md-mb-60{
	margin-bottom:60px;
}

.md-mb-65{
	margin-bottom:65px;
}

.md-mb-70{
	margin-bottom:70px;
}

.md-mb-75{
	margin-bottom:75px;
}

.md-mb-80{
	margin-bottom:80px;
}

.md-mb-85{
	margin-bottom:85px;
}

.md-mb-90{
	margin-bottom:90px;
}



/********************
margin-right(余白)
********************/
.md-mr-5{
	margin-right:5px;
}

.md-mr-10{
	margin-right:10px;
}

.md-mr-15{
	margin-right:15px;
}

.md-mr-20{
	margin-right:20px;
}

.md-mr-25{
	margin-right:25px;
}

.md-mr-30{
	margin-right:30px;
}

.md-mr-35{
	margin-right:35px;
}

.md-mr-40{
	margin-right:40px;
}

.md-mr-45{
	margin-right:45px;
}

.md-mr-50{
	margin-right:50px;
}

.md-mr-55{
	margin-right:55px;
}

.md-mr-60{
	margin-right:60px;
}

.md-mr-65{
	margin-right:65px;
}

.md-mr-70{
	margin-right:70px;
}

.md-mr-75{
	margin-right:75px;
}

.md-mr-80{
	margin-right:80px;
}

.md-mr-85{
	margin-right:85px;
}

.md-mr-90{
	margin-right:90px;
}

}


@media screen and (max-width: 1019px) {

a{
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}
}



.banner-list{
	padding:0 20px;
}

.banner-list li{
	text-align:center;
}

.rank-button{
	width:100%;
}