@charset "euc-jp";

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


#container{
width:350px;
margin: auto;
padding:0 1%;
position:relative;
}

#container2{
width:350px;
margin: auto;
padding:0 1%;
position:relative;
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

#br:before {
	content: "\A" ;
	white-space: pre ;
}

#headerbar,
#footerbar,
#totop,
#product1,
#text1,
#globalmenu,#h_item1,#h_item2,#h_item3,
#phrase,
#logoimg,#cont1,#cont2,#cont3,#containts1,
#br {
display:none;
}


/* PC版に転記
#cologo,
#s_main,
#btn,#btn1,#btn2,#btn3 {
display:none;
}

*/

#menuLine {
	margin:0 0 10px 0;
	padding:2px 2px;
	border-width:0 0 5px 0 ;
	border-color:#E99;
	border-style:solid;
	background:#fff;
	color:#5B8602;
	line-height:100%;
	font-weight:bold;
}



/*main*/
/*
#h_main{
width:300px;
height:260px;
background:url(../img/backsmall.gif) top left no-repeat;
}*/

/*
#s_main{
	weight:200px;
	background-image:url(../img/back.gif);
	background-repeat: no-repeat;
}
*/


/* コンテンツ２　生薬ページ　*/

/*
#h_c2_main {
	background-image: url(../img/contents2_back_s.gif);
	background-repeat: no-repeat; 
	background-position: top center;
	width:500px;
	height:600px;
}
#h_c2_main h1{
	color: #ff5555;
	text-shadow: 1px 1px 1px 1px #999999;
	font-family : serif;
	font-size: 30px;
}
#h_c2_main h2{
	color: #ff5555;
	text-shadow: 1px 1px 1px 1px #999999;
	font-family : serif;
	font-size: 24px;
	text-align:center;
}
#rondellCarousel{
	margin-top:220px;
	margin-left:auto;
	margin-right:auto;
}
ul#h_contents{
	width: 100%;
	height:100%;
}
ul#h_contents li {
 	display: inline-block;
 	width: 100%;
	height:300px;
 	background-image: url(../img/contents_button.gif);
 	background-size: auto;
}
#h_c2_prod_1{
	margin-top:10px;
	margin-left:50px;
}
#h_c2_prod_2{
	margin-top:10px;
	margin-left:100px;
}
#contents-foot{
	clear:both;
	border-top:3px solid #ff4444;
}
*/

/*
h1.title{
	text-align: left;
	color: #fff;
	width: 550px;
	height: 20px;
	text-shadow: 5px 5px 20px 2px #ffaaaa; /* #FF6694; 
	font-size: 50px;
	font-family: 'Hiragino Maru Gothic Pro','\O\e\R\I3t#S Pro W4', sans-serif;

    padding: 20px 0px 0px 40px;
    margin: 0;
    background-color: rgba(255,220,220,0);
}
/*

/*冷え症*/

/*
#h_item1 {
	display: none;
    padding: 0;
    color: transparent;
	text-shadow: 0 0 0.5px #ee8888;
    text-shadow: 0px 0px 0.3px 2px #ee8888;
    font-size: 27px;
    position: relative;
    top: 30px;
    left: 670px;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 40px 2px #ff9999;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    line-height: 97px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
}

/*貧血*/

/*
#h_item2 {
	display: none;
    padding: 0;
    color: transparent;
	text-shadow: 0 0 0.5px #ee8888;
    text-shadow: 0px 0px 0.3px 2px #ee8888;
    font-size: 27px;
    position: relative;
    top: 50px;
    left: 670px;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 40px 2px #ff9999;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    line-height: 98px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: right;
    letter-spacing: 16px;
}
/*生理痛*/

/*
#h_item3 {
	display: none;
    padding: 0;
    color: transparent;
	text-shadow: 0 0 0.5px #ee8888;
    text-shadow: 0px 0px 0.3px 2px #ee8888;
    font-size: 27px;
    position: relative;
    top: 70px;
    left: 670px;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 40px 2px #ff9999;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    line-height: 98px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
/*    letter-spacing: 16px;*/
}

#prodimg {
    position: relative;
    top: -330px;
    left: 500px;
    background-color: white;
    box-shadow: 0px 0px 15px 15px white;
    text-align: center;
    letter-spacing: 10px;
    color: transparent;
    text-shadow: 0px 0px 1px 1px #ff4466;
    font-weight: bold;
    font-family: osaka;
    font-size: 20px;
   	float:left;
}

#description {
color: #A5A ;
font-family: 'Bevan', serif;
font-size: 21px ;
width: 100%;
 margin: 0 0 10px 0;
}



ul,li{
  display: inline-block;
}
/*コンテンツリスト*/
.containts1 {
	display: inline-block;
	position: relative;
    top: -350px;
    left: 0px;
	float:left;
	display: inline-block;
}
/*コンテンツ項目*/

/*
.containts2 {
    color: #fff;
    
    letter-spacing: 5px;
	font-size: 21px;
    background-image: url("../img/contents_button.gif");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px;
    float: left;
    width: 256px;
    height: 115px;
    text-align: center;
    line-height: 108px;
    display: inline-block;
}
*/

/*ボタン*/
.containts2 {
    font-size: 22px;
	background: #DC1493;
    border: 2px solid #DDD;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    text-shadow:1px 1px 3px rgba(0,0,0,0.2);
    width: 640px;
    padding: 12px 12px;
    border-radius:10px;
    text-decoration: none;
}


/*各メニューボタン用*/

#cont1 {
	position: relative; 
    left: 10px;
}


#cont2 {
	position: relative; 
    left: 10px;
    top:5px
}

#cont3 {
	position: relative; 
    left: 10px;
    top:5px
}

#cont4 {
	position: relative; 
    left: 10px;
    top:5px
}
#btn {
	margin-bottom:20px;
}
#btn1 {
	text-align:center;
    margin-top:2px;
	position: relative; 
    left: 2px;
    top:5px
    width:100%;
}
#btn2 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:95%;
}

#btn3 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:100%;
}

#btn4 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:100%;
}

#btn5 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:100%;
}

#btn2-1 {
	text-align:center;
    margin-top:30px;
	position: relative; 
    left: 2px;
    top:25px
    width:50%;
}
#btn2-2 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:95%;
}

#btn2-3 {
	text-align:center;
	margin-top:20px;
	position: relative; 
    left: 2px;
    top:15px
    width:100%;
}






.containts3 {
	display: inline-block;
	position: relative;
    left: 0px;
	float:left;
}

/*問い合わせダイアル*/
#dial{
/*	margin:10px 0 300px 0; */
	margin-top:20px;
	text-align: left;
	position:relative;
/*	top:  370px;*/
}


.to_top{
	margin:0px;
	height:10px;
	float:left;
	position:relative;
	top: -230px;
	left: 700px;
}

.block {
    padding: 10px 20px;
    margin: 10px;
    background: #ffe4e1 ;
    box-shadow: #ffe4e1 0 0 10px 10px;
    -webkit-box-shadow: #ffe4e1 0 0 10px 10px;
    -moz-box-shadow: #ffe4e1 0 0 10px 10px;
}
.sample10{
    transform: rotate(-1deg);
    display: inline-block;
}
h1.loader {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-size: 4.6875em;
  color: transparent;
  letter-spacing: 0.01em;
}
#h_c2_prod {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:840px;
}
#h_c2_prod_1{
	display: inline;
}
#h_c2_prod_2 {
	display: inline;
}
#contents-foot{
	clear:both;
	border-top:2px solid #ff4444;
}

/* ----- */
.back1,.touko1,.fukidashi1,.fukidashi2,.fukidashi3,.fukidashi4,.fukidashi5
	,.fukidashi6,.fukidashi7,.fukidashi8,.pittari,.fujinhou,.fujinhou2
	,.fujinhou3,.kuwasiku,.setumei,.fujinhou_back,.fujinhou_back2 {
  opacity:0;
}

.back1 {
    width: auto;
    height: 700px;
background: linear-gradient(-45deg, #ffdddd 25%, white 25%, white 50%, #ffdddd 50%, #ffdddd 75%, white 75%, white);
    background-size: 6px 6px;
    transition-duration: 1.5s;
}

.back2 {
    width: auto;
    height: 700px;
	background-color: #eeeeff;
    background: linear-gradient(-45deg, #eeeeff 25%, white 25%, white 50%, #eeeeff 50%, #eeeeff 75%, white 75%, white);
    background-size: 6px 6px;
    transition-duration: 1.5s;
}
.back3 {
    width: auto;
    height: 700px;
	background-color: #ffffff;
    background: linear-gradient(-45deg, white 25%, white 25%, white 50%, white 50%, white 75%, white 75%, white);
    background-size: 6px 6px;
    transition-duration: 1.5s;
}
.back4 {
    width: auto;
    height: 700px;
background: linear-gradient(-45deg, #ffffbb 20%, white 70%, white 100%, #ffffbb 50%, #ffffbb 75%, white 100%, white);
background-size: 9px 9px;
    transition-duration: 1.5s;
}
.touko1 {
    background-image: url("../img/touko_komari1.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 500px;
    height: 500px;
	float: left;
    position: relative;
    top: -500px;
    left: 250px;
    transition-duration: 1.5s;
}
.touko2 {
    background-image: url("../img/touko_komari2.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 500px;
    height: 500px;
	float: left;
    position: relative;
    top: -500px;
    left: 270px;
    transition-duration: 1.5s;
}

.fukidashi1 {
    float: left;
    position: relative;
    top: -670px;
    left: -450px;
    transition-duration: 2s;
    font-size: 25px;
    background-color: white;
    border-radius: 100%;
    width: 350px;
    height: 170px;
    text-align: center;
    line-height: 165px;
    color: #5dccff;
    box-shadow: 2px 2px 10px 2px;
}

.fukidashi2 {
    float: left;
    position: relative;
    top: -795px;
    left: 10px;
    transition-duration: 2s;
    font-size: 25px;
    background-color: white;
    border-radius: 100%;
    width: 300px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    color: #5dccff;
    box-shadow: 2px 2px 10px 2px;
}

.fukidashi3 {
    float: left;
    position: relative;
    top: -700px;
    left: 75px;
    transition-duration: 2s;
    font-size: 25px;
    background-color: white;
    border-radius: 100%;
    width: 330px;
    height: 140px;
    text-align: center;
    line-height: 150px;
    color: #5dccff;
    box-shadow: 2px 2px 10px 2px;
}

.fukidashi4 {
    float: left;
    position: relative;
    top: -840px;
left: -520px;
    transition-duration: 2s;
    font-size: 25px;
    background-color: white;
    border-radius: 100%;
    width: 300px;
    height: 160px;
    text-align: center;
    line-height: 165px;
    color: #5dccff;
    box-shadow: 2px 2px 10px 2px;
}

.fukidashi5 {
    float: left;
    position: relative;
    top: -1300px;
    left: 40px;
    transition-duration: 2s;
    font-size: 25px;
    background-color: white;
    border-radius: 100%;
    width: 400px;
    height: 160px;
    text-align: center;
    line-height: 45px;
    color: #5dccff;
    box-shadow: 2px 2px 10px 2px;
    padding: 50px 10px 0 10px;
    vertical-align: middle;
}
.fukidashi6 {
    font-size: 55px;
    text-align: center;
	color: rgba(255, 173, 203, 1);
    text-shadow: 3px 3px 5px rgba(250,211,226,1);
}
.fukidashi7 {
    font-size: 55px;
    text-align: center;
	color: rgba(255, 173, 203, 1);
    text-shadow: 3px 3px 5px rgba(250,211,226,1);
}
.fukidashi8 {
    font-size: 55px;
    text-align: center;
	color: rgba(255, 173, 203, 1);
    text-shadow: 3px 3px 5px rgba(250,211,226,1);
}

.pittari {
    float: left;
    position: relative;
    top: -1500px;
    left: 100px;
    transition-duration: 2s;
    width: 600px;
    height: 175px;
    line-height: 45px;
    padding: 50px 20px 0 20px;
    vertical-align: middle;
    letter-spacing: 0.5em;
    line-height: 100px;
}
.fujinhou {
    background-image: url("../img/fujinhou.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 350px;
    height: 238px;
    float: left;
    position: relative;
    top: -1930px;
    left: 35px;
    transition-duration: 1.5s;
}

.fujinhou2 {
    background-image: url("../img/fujinhou_logo.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 850px;
height: 265px;
    float: left;
    position: relative;
top: -1775px;
    left: 0px;
    transition-duration: 1.5s;
    
}

/*media screen and (min-width: 640px)*/
.fujinhou3 {
    background-image: url("../img/fujinhou_logo2.gif");
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 100px;
    float: left;
    position: relative;
    top: -2470px;
    left: 475px;
    transition-duration: 1.5s;
    -webkit-filter: brightness(110%);
	z-index: 1;
}
.fujinhou_back {
    background-color: white;
    float: left;
    top: -1680px;
    left: -350px;
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    box-shadow: 0px 0px 30px 20px white;
}
/*media screen and (min-width: 640px)*/
.fujinhou_back2 {
    font-family: hgｹﾔｽ�ﾂﾎ;
    letter-spacing: -35px;
    font-size: 140px;
    color: rgba(255,255,255,0.1);
    float: left;
    top: -2922px;
    left: 444px;
    position: relative;
    text-shadow: 0px 0px 40px white;
    text-shadow: 0px 0px 50px 20px white;
    font-weight: bold;
}


.animatein {
  opacity: 1;
}
.animateout {
  opacity: 0;
}
.fukidashiout1 {
  opacity: 0;
}
.txt_l {
	font-size: 35px;
}
/*media screen and (min-width: 640px)*/
.setumei {
    float: left;
    font-size: 15px;
    top: -1579px;
    left: 430px;
    position: relative;
    width: 360px;
    height: auto;
    background-color: #ffe3e3;
    box-shadow: 0px 0px 23px 9px #ffe3e3;
    padding: 20px;
    font-family: \a\?\e\a;
    letter-spacing: 3px;
    border-radius: 20%;
    transition-duration: 2s;
}



.dial {
    text-align: left;
    
    float: left;
    position: relative;
top: -1820px;
}

/*media screen and (min-width: 640px)*/
.content4 {
    float: left;
	top: -1795px;
    position: relative;
}
/*media screen and (min-width: 640px)*/
.detail-foot_cont1 {
    float: left;
    top: -1700px;
    position: relative;
    width: 850px;
    height: auto;
}
/*media screen and (min-width: 640px)*/
.to-top_cont1 {
    margin: 0px;
    height: 10px;
    float: left;
    position: relative;
    top: -1690px;
    left: 700px;
}
.bottun {
    color: #fff;
    font-size: 16px;
    background-image: url("../img/contents_button.gif");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px;
    float: left;
    width: 256px;
    height: 115px;
    text-align: center;
    line-height: 108px;
    display: inline-block;
}
  .slider {
    width: 90%;
    margin: 0 auto 80px;
  }
/* 332_cont1.html end */

#out_Div { /* A｡ｭAI?IIE!｡・3?3?E\O\A\A?o3EC? */
	margin-left:10px;
	position: relative; /* AeAD｡・AO */
	padding-top: 26px;  /*  #in_Div ?I3｢罎腦｡・AO */
/*	padding-bottom: 26px;	*/
	border:1px solid #b0c4de; /* 3｡・E */
	width: 820px; /* IoEy?I1c｡ｦ｡ﾟ!U\｢臀e｡ｭO?IEy?I1c｡ｦ｡ﾟ */
	/*background-color: #fff;*/ /* Co */
	/*height: 428px;*/
}
#in_Div {/* tbody?｢ﾌAt?A?A???e!｡・3?3?｢ﾌ\1\｡ｱ\i!?\eAD?Y*/
	overflow: auto; /* \1\｡ｱ\i!?\e\D!?*/
	height: 350px; /* tbody?oE??｡ｯ?1?e1a?ｦﾌ */
}
#resulttbl thead {
	position: absolute; /* AaAD｡・AO */
	top: 0px; /* ?a?｢・e?I｡・AO */
	left: 0px; /* o｡､?｢・e?I｡・AO */
	background-color: #fff;
}
#resulttbl th {
	background-color:#ff69b4;
	font-size:0.875em;
	white-space:nowrap;
	border:1px solid #b0c4de;
	padding: 5px;  
}
#resulttbl td {
	background-color:#fff;
	font-size:0.875em;
	white-space:nowrap;
	border:1px solid #b0c4de; 
	padding: 5px;
}
.coL0 {width: 230px;}
.coL1 {width: 430px;}
.coL2 {width: 100px;}
/*2016/5/30 T.Handa*/
#h_c5_main {
	background-image: url(../img/cont5_back.gif);
	background-repeat: no-repeat; 
	background-position: top center;
	width:800px;
	height:600px;
}
#h_c5_main h1{
	padding-top:35px;
	text-align:center;
	color: white;
	text-shadow: 2px 2px 2px 2px #999999;
	font-family : serif;
	font-size: 36px;  
}

#h_c5_main table{
	border-collapse:separate;
	border-spacing:3px;
}

#h_c5_main td{
	color: white;
	font-size:18px;
}
#h_c5_main th{
	text-align:center;
	width:150px;
	font-size:20px;
	background-color:white;
	color:lightcoral;
	border-radius: 10px;
}
#h_c5_main h2{
	text-align:center;
	color: white;
	text-shadow: 2px 2px 2px 2px #999999;
	font-family : serif;
	font-size: 28px;  
}
#h_c5_main h4{
	padding-top:10px;
	text-align:center;
	color: white;
}