@charset "shift_jis";

/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 640px) {

/* ここからテンプレートエリア */
.rps_del{
    display:none;
}
.rps_visible{
    display:block;
}




body{
    min-width:320px;
}


/* class指定
*************************************/

/* 背景
*************************************/
.white_bg{
  	position:relative;
	width:100%;
	margin:4% auto 0;
	background:#ffffff;
	padding:5%;
	box-sizing:border-box;
}

.beige_bg{
  	position:relative;
	width:100%;
	margin:0 auto 0;
	background:#f9f8f2;
	padding:5%;
	box-sizing:border-box;
}



/* オーバーキャンセル
*************************************/
.over_img{
	display:none;
}



/* フォント
*************************************/
.mincho{
	font-family: 'Noto Serif JP', serif;
	font-weight:normal;
}

.white{
	text-shadow:0px 3px 1px #ffffff,0px 2px 1px #ffffff,1px 2px 1px #ffffff,2px 2px 1px #ffffff,2px 1px 1px #ffffff,2px 0px 1px #ffffff,3px 0px 1px #ffffff,2px -1px 1px #ffffff,2px -2px 1px #ffffff,2px -3px 1px #ffffff,1px -3px 1px #ffffff,0px -3px 1px #ffffff,-1px -3px 1px #ffffff,-2px -3px 1px #ffffff,-3px -3px 1px #ffffff,-3px -2px 1px #ffffff,-3px -1px 1px #ffffff,-3px 0px 1px #ffffff,-3px 1px 1px #ffffff,-3px 2px 1px #ffffff,-2px 2px 1px #ffffff,-1px 2px 1px #ffffff;
}/* メインタイトル
*************************************/
.title_set{
	position:relative;
    min-width:320px;
	padding-top:6%;
	padding-bottom:8%;
	background-image:url("../images/main_bg.jpg");
	background-position:top center;
	z-index:2;
	text-align:center;
}

.head_photo{
	position:absolute;
	bottom:-9.4vw;
	left:auto;
	right:1.5%;
	margin-left:0;
	width:17.5%;
	height:auto;
	z-index:2;
}

.title_set h1{
	position:relative;
	font-size:10vw;
	display:inline-block;
}

.title_set h1.column_long{
	font-size:8.5vw;
}

.underline {
	position:relative;
	display:inline-block;
	overflow:visible;
}

.main_title_text{
	position:relative;
	z-index:1;
}

.main_title_line{
	position:absolute;
	width:100%;
	height:10px;
	background:#f3e827;
	bottom:0;
	z-index:-1;
	display:block;
}


.title_set_sub{
	position:relative;
	font-size:5vw;
	margin-top:2%;
	margin-bottom:4%;
}


/* コンテンツエリア
*************************************/
.contents_area{
	width:100%;
	margin:auto;
	margin-top:4%;
	margin-bottom:7%;
	padding:7% 5%;
	box-sizing:border-box;
}



/* ライン
*************************************/
.grayline{
	width:100%;
	height:1px;
	background:#d3d1d0;
	margin:7% auto;
}

.grayline02{
	width:100%;
	height:1px;
	background:#d3d1d0;
	margin:7% auto;
}



/* マージン調整用
*************************************/
.pt10{
	padding-top:0;
}

.pt20{
	padding-top:0;
}

.pt25{
	padding-top:0;
}

.pt30{
	padding-top:0;
}


.pt40{
	padding-top:0;
}

.pt50{
	padding-top:0;
}

.pb25{
	padding-bottom:0;
}

.pb40{
	padding-bottom:0;
}

.m_pb4{
	padding-bottom:4%;
}

.m_pt4{
	padding-top:4%;
}

.m_pt7{
	padding-top:7%;
}



/* ボタン
*************************************/
.btn_box{
	position:relative;
	width:100%;
	text-align:center;
}

.btn{
	position:relative;
	width:100%;
	font-size:5.5vw;
	line-height:1;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	padding:7% 0;
	margin:7% auto 0;
}

.btn img{
	position:absolute;
	right:4%;
	top:50%;
	margin-top:-11px;
	vertical-align:0;
}

.btn:hover{
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
}

.btn_hachimi{
	font-size:4.8vw;
}

.btn_hachimi_double{
	font-size:4.8vw;
	line-height:1.4;
	padding-top:2.5%;
	padding-bottom:2.5%;
}



/* 見出し
*************************************/
.caption{
	position:relative;
	width:100%;
	font-size:7vw;
	font-weight:bold;
	margin-bottom:4%;
	padding-top:4%;
}

.number{
	width:15vw;
	height:15vw;
	background:#231714;
	border-radius:100px;
	text-align:center;
	line-height:14vw;
	color:#f3e827;
	font-size:10vw;
	float:left;
	margin-top:-3%;
}

.caption_text_set{
	width:calc(100% - 18vw);
	display:block;
	float:right;
	margin-top:-5%;
	line-height:1.3;
}

.caption_text_set02{
	width:auto;
	display:inline;
	margin-top:0;
	clear:none;
	float:none;
}

.double{
	margin-top:-5%;
}

.m_single{
	margin-top:0;
}

.q_box{
	width:100%;
	padding:0 0;
	margin-bottom:0;
}

.q_box .caption_text_set{
	width:calc(100% - 21vw);
	display:block;
	float:right;
	margin-top:-5%;
	line-height:1.3;
}

.q{
	font-family: 'Arial';
	font-weight:normal;
	line-height:14vw;
	margin-left:4%;
}

.a{
	font-family: 'Arial';
	font-weight:normal;
	line-height:14vw;
	color:#231714;
	background:#ede127;
	margin-top:0;
	float:left;
	display:block;
	margin-right:3%;
}




/* 本文テキスト
*************************************/
.text{
	clear:both;
	font-size:4.3vw;
	line-height:1.8;
	margin-top:0;
}

.text_left{
	width:100%;
	float:none;
}

.text_right{
	width:100%;
	float:none;
}

.text_center{
	width:100%;
}

.red{
	color:#d71616;
}

.img_right{
	width:100%;
	height:auto;
	float:none;
	display:block;
}

.img_left{
	width:100%;
	height:auto;
	float:none;
	display:block;
}

.img_center{
	width:100%;
	height:auto;
	margin:0 auto 0;
	display:block;
}

.indent_set01{
	padding-left:1em;
}

.indent01{
	padding-left:1.2em;
	text-indent:-1.2em;
}

.indent02{
	padding-left:2.7em;
	text-indent:-2.7em;
}



/* ミニボックス
*************************************/
.mini_box{
	margin-top:4%;
	clear:both;
	background:#f9f8f2;
	padding:4%
}

.mini_box_margin20{
	margin-top:4%;
}

.mini_box_margin50{
	margin-top:7%;
}

.mini_box_caption{
	font-size:5.5vw;
	font-weight:bold;
	color:#9f8a28;
	margin-bottom:2%;
}

.black{
	font-size:5vw;
	color:#231714;
	margin-bottom:2%;
}

.mini_box_caption_big{
	font-size:10vw;
	font-weight:bold;
	color:#9f8a28;
	line-height:1.3;
	margin-bottom:2%;
}

.mini_box_img_box{
	width:100%;
	height:auto;
	display:block;
}

.mini_box_photo{
	width:100%;
	height:auto;
	float:none;
	margin-right:0;
	margin-bottom:3%;
}

.mini_box_photo_text{
	display: block;
	vertical-align: middle;
}

.mini_box_margin10{
	margin-top:1%;
}



/* テーブル
*************************************/
.table{
	width:100%;
}

.table,.table td,.table th{
	border-collapse: collapse;
	border:1px solid #231714;
	padding:3%;
	line-height:1.4;
	margin:7% auto;
	font-size:4.2vw;
}



/*　腎虚リンク
*************************************/
.jinkyo_link_set{
	width:100%;
	text-align:center;
}

.jinkyo_link_set02{
	width:100%;
	text-align:center;
	padding-top:2%;
	padding-bottom:7%;
}

.jinkyo_link_caption{
	font-size:5.5vw;
	line-height:1;
}


/* 尿トラブルコラムへのリンク
*************************************/
.jinkyo_link_set02_top{
	width:100%;
	text-align:center;
	padding-top:7%;
	padding-bottom:10%;
}

.sub_menu_box_top{
	position:relative;
	width:90%;
	text-align:left;
	margin:4% auto 0;
	float:none;
}

.sub_menu_box_top a{
	color:#ffffff;
}

.sub_menu_detail_top{
	float:none;
	margin-right:0;
	display:block;
}

a.sub_menu_detail_top:nth-of-type(2){
	margin-right:0px;
	margin-top:3%;
}

.sub_menu_box_top a img{
	width:100%;
	height:auto;
	display:block;
}

.sub_menu_box_top img{
	width:100%;
	height:auto;
	display:block;
}

a.sub_menu_detail_top{
	background:#ffffff;
	border:solid 2px #aa9429;
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	text-decoration:none;
}

.sub_menu_box_caption_top{
	position:relative;
	width:100%;
	text-align:left;
	margin-top:0;
	margin-left:0;
	padding:15px;
	font-size:6vw;
	line-height:1;
	z-index:1;
	background:#231714;
	box-sizing:border-box;
}

.sub_menu_box_text_top{
	position:relative;
	width:100%;
	text-align:left;
	margin-top:0;
	margin-left:0;
	padding:15px;
	font-size:4.5vw;
	line-height:1.6;
	z-index:1;
	background:#ffffff;
	color:#231714;
	box-sizing:border-box;
}

.sub_menu_box_top p span{
	font-size:24px;
}

.sub_menu_box_top .small{
	font-size:18px;
	margin-top:120px;
}


a.sub_menu_detail_top:hover{
	border:solid 2px #aa9429;
}

a.sub_menu_detail_top:hover .sub_menu_box_text_top{
	background:#ffffff;
	background-image:url("../images/column_link_icon_sp.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:8.5% auto;
	color:#231714;
}




/* コラムボタン
*************************************/
.sub_menu_detail_top_column{
	padding-bottom:3%
}


.sub_menu_detail_top_btn_box{
	position:relative;
	width:90%;
	text-align:center;
	margin:0 auto 0;
}

.sub_menu_detail_top_btn{
	position:relative;
	width:100%;
	font-size:4.5vw;
	line-height:1;
	display: inline-block;
	cursor: pointer;
	text-align:left;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	padding:7% 7%;
	margin:0 auto 4%;
}


.sub_menu_detail_top_column_first{
	margin-bottom:6%;
}


.sub_menu_box_top .sub_menu_detail_top_btn_box a img{
	position:absolute;
	right:4%;
	top:50%;
	margin-top:-11px;
	vertical-align:0;
	width:auto;
}

.sub_menu_detail_top_btn:hover{
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
}









/* サブメニュー
*************************************/
.sub_menu{
	position:relative;
	background-image:url("../images/sub_menu_bg.jpg");
	background-position:top center;
	z-index:1;
	text-align:center;
	padding-top:7%;
	padding-bottom:4%;
}

.sub_menu_title{
	font-size:5.5vw;
	line-height:1;
	font-weight:normal;
}

.sub_menu_box{
	width:100%;
	text-align:left;
	margin:4% auto 0;
	display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

.three_box{
	width:100%;
}

.two_box{
	width:90%;
}

.sub_menu_box a{
	color:#231714;
}

.sub_menu_detail{
	position:relative;
	width:44%;
	float:left;
	margin-right:2%;
}

.two_box .sub_menu_detail{
	position:relative;
	width:100%;
	float:left;
	margin:0;
}

.sub_menu_detail img{
	width:100%;
	height:auto;
}

.sub_menu_detail:nth-of-type(2),
.sub_menu_detail:nth-of-type(4){
	margin-right:0;
}



.three_box .sub_menu_detail:nth-of-type(3){
	margin-left:5%;
	margin-right:2%;
}

.three_box .sub_menu_detail:nth-of-type(4){
	margin-left:0;
	margin-right:0px;
}

.three_box .sub_menu_detail:nth-of-type(5){
	margin-left:5%;
	margin-right:2%;
}

.two_box .sub_menu_detail:nth-of-type(1){
	margin-left:0;
	margin-right:0px;
}

.two_box .sub_menu_detail:nth-of-type(2){
	margin-left:0;
	margin-right:0px;
}

.sub_menu_box p{
	position:absolute;
	width:100%;
	text-align:center;
	margin-top:52%;
	margin-left:-1%;
	font-size:6vw;
	line-height:1;
	z-index:1;
}

.jinkyo_link_set .sub_menu_box p{
	position:absolute;
	width:100%;
	text-align:center;
	margin-top:57%;
	margin-left:-1%;
	font-size:6vw;
	line-height:1;
	z-index:1;
}

.jinkyo_link_set02 .two_box p{
	position:absolute;
	width:100%;
	text-align:left;
	margin-top:38.5%;
	margin-left:4%;
	font-size:6vw;
	line-height:1;
	z-index:1;
}

.sub_menu_box p span{
	font-size:5vw;
}

.jinkyo_link_set .sub_menu_box .small{
	font-size:4vw;
	margin-top:58%;
}

.sub_menu_detail:hover .over_img{
	opacity:1;
	transition:0.2s;
}

.sub_menu_detail:hover p{
	color:#231714;
	transition:0s;
}






/* ヘッダ
*************************************/
.page_top{
    position:fixed;
	width:10%;
	height:auto;
    bottom:1.5%;
    right:3%;
    cursor:pointer;
	z-index:997;
    display:none;
	transition:0s;
}

.over:hover{
	opacity:1;
	transition:0s;
}

.header{
	position:relative;
    width:100%;
	margin:auto;
	padding-top:3%;
	padding-bottom:0.5%;
}

.logo_h1{
	height:auto;
	padding:0;
	margin:0;
	padding-top:3%;
	padding-bottom:3%;
}

.logo{
	margin-top:0;
	margin-left:3%;
	width:69%;
	height:auto;
	display:inline-block;
}

.buybtn{
	position:absolute;
	top:0;
	right:0;
	margin-top:54px;
	font-size:16px
	line-height:1;
	display: inline-block;
	padding:5px 16px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	display:none;
}

.buybtn:hover{
	background: linear-gradient(0deg, #ff6600 50%, #ff761a 50%);
}


/* ナビ
*************************************/
.sp_nav{
	position:absolute;
	top:0;
	margin-top:2.5%;
	right:2%;
	z-index:3;
	width:12.1%;
	height:auto;
}

.sp_nav_close{
	position:absolute;
	top:0;
	margin-top:2.5%;
	right:2%;
	z-index:3;
	width:12.1%;
	height:auto;
	display:none;
}

.nav{
	position:absolute;
    width:100%;
	margin:auto;
	background:#231815;
	z-index:999;
	display:none;
}

.menu_line{
	width:100%;
	height:1px;
	display:block;
	float:none;
	background:#ffffff;
	opacity:0.2;
}

.menu_line:nth-of-type(1),
.menu_line:nth-of-type(9){
	display:none;
}

.menu_line p{
	display:none;
}

.menu_text{
	width:100%;
	height:auto;
	display:block;
	text-align:left;
	float:none;
	padding:0;
}

.menu_text:nth-of-type(odd){
	width:100%;
}

.menu_text a{
	width:100%;
	font-size:4.2vw;
	line-height:1.4;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	display:block;
	vertical-align: middle;
	transition:0s;
	padding:3% 5%;
	box-sizing:border-box;
}

.menu_text a:hover{
	color:#ffffff;
	background:#221815;
	border-radius:0;
	transition:0.2s;
}

.menu_text .menu_text_on{
	color:#221815;
	background:#fff100;
	border-radius:0;
}

.menu_text .menu_text_on:hover{
	color:#221815;
	background:#fff100;
	border-radius:0;
}

.sp_cursor{
	display:inline;
}




/*　商品リンク
*************************************/
.product_link{
	width:100%;
	background:#ffffff;
	padding-top:7%;
	padding-bottom:7%;
	text-align:center;
}

.product_link_title{
	position:relative;
	display:inline-block;
	padding-bottom:7%;
}

.product_link_title img{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	width:43%;
	height:auto;
}

.product_link_text{
	font-size:5vw;
	display:inline-block;
	vertical-align:0;
}

.product_link_box{
	position:relative;
	width:100%;
	margin:auto;
}

.product_link_photo{
	width:100%;
	height:auto;
	float:none;
	margin:0 auto 15px;
}

.tenpo_box{
	position:relative;
	width:90%;
	height:auto;
	background-image:url("../images/product_bg_pc.jpg");
	float:none;
	border:solid 2px #d71616;
	box-sizing:border-box;
	margin:2% auto 0;
	padding:7% 0;
	box-sizing:border-box;
}


.tenpo_box_text{
	position:relative;
	margin-top:0;
	margin-bottom:15px;
	font-size:7vw;
	color:#d71616;
	line-height:1;
	display:inline-block;
}


.tenpo_box_text span{
	position:relative;
	font-size:10vw;
	line-height:1;
	display:inline-block;
	vertical-align:-8%;
}

.tenpo_box_attention{
	font-size:3.7vw;
}



.amazon_link{
	width:90%;
	clear:both;
	position:relative;
	margin-top:4%;
	float:none;
	display:inline-block;
}

.amazon_link img{
	width:100%;
	height:auto;
	
}

.amazon_link_text{
	position:absolute;
	width:100%;
	font-size:5vw;
	line-height:1;
	text-align:center;
	color:#231815;
	z-index:1;
	display:block;
	margin:3.5% auto 0;
}

.amazon_link:hover p{
	color:#231815;
	transition:0.2s;
}






/*　パンくずリスト
*************************************/
.breadcrumbs{
  	position:relative;
	width:100%;
	margin:10% auto 3.5%;
	padding:0 3%;
	box-sizing:border-box;
	line-height:1.3;
}

.breadcrumbs ol{
	font-size:3.2vw;
}

.breadcrumbs li{
}

.breadcrumbs li a:hover{
	text-decoration:underline;
}

.breadcrumbs li::after{
  padding: 0 2%;
}



/*　ロゴ
*************************************/
h1{
	font-size:100%;
}


/*　テキストリンク
*************************************/
.text_link{
	color:#f08300;
}

.text_link:hover{
	color:#f08300;
}


/*　出典
*************************************/
.source{
	font-size:3.2vw;
	margin-top:4%;
}



/*　腎虚について系ページ下部　「八味地黄丸A」について
*************************************/
.jinkyo_hachimi_box{
  	position:relative;
	width:90%;
	margin:0 auto 7%;
	background:#ffffff;
	padding:4%;
	box-sizing:border-box;
	border:solid 2px #ab952a;
	text-align:center;
}

.jinkyo_hachimi_caption{
  	position:relative;
	font-size:6.5vw;
	margin-top:0;
}

.jinkyo_hachimi_text{
	font-size:4.2vw;
	margin-top:4%;
}

.jinkyo_hachimi_box .btn{
	position:relative;
	width:100%;
	margin-top:40px;
	font-size:4.2vw;
	line-height:1;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	background: linear-gradient(0deg, #f08300 50%, #f2901a 50%);
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	padding:7% 0;
	margin:7% auto 0;
}



/*　共通フッター
*************************************/
.brandSiteFooter{
	margin-top:0;
}














}