/* style.css */

@charset "UTF-8";

@import url('reset.css');
@import url('layout.css');

/* トップページ
============================================*/
/* Arrows */
.slick-slide{
	margin: 0 5px;
}
.slick-dots {
	bottom: -40px;
}
.slick-prev,
.slick-next
{
    width: 60px;
    height: 60px;
		z-index: 20;
}
.slick-prev:hover,
.slick-next:hover
{
    opacity: .75;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 50%;
	margin-left: -560px;
}
[dir='rtl'] .slick-prev
{
    right: 50%;
    left: auto;
}
.slick-prev:before
{
	content: url("../images/index/btn_slide_left.png");
}
[dir='rtl'] .slick-prev:before
{
	content: url("../images/index/btn_slide_right.png");
}

.slick-next
{
    right: 50%;
	margin-right: -560px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 50%;
}
.slick-next:before
{
	content: url("../images/index/btn_slide_right.png");
}
[dir='rtl'] .slick-next:before
{
	content: url("../images/index/btn_slide_left.png");
}


#fv {
	position: relative;
}
	
#fv .copy {
	position: absolute;
	left: 50%;
	top: 20px;
	z-index: 999;
	color: #FFF;
	margin-left: -490px;
	line-height: 1.3;
}
	
#fv .copy h2 {
	font-weight: bold;
}

#fv .copy p.date {
	font-weight: bold;
	color: #0051ba;
	background: #FFF;
}
#fv .copy p.date span{
	font-weight: bold;
}

#main .btn_bannar {
	position: absolute;
	z-index: 50;
}
#main .btn_bannar.fixed {
	position: fixed;
}

#main {
	text-align: center;
}
.block {
	width: 100%;
	text-align: left;
}
#main h2 {
	font-weight: bold;
	text-align: center;
}

#intro {
	position: relative;
}

#intro .text {
	position: absolute;
	left: 50%;
}

#intro .text h2{
	margin: 0;
	text-align: left;
	font-weight: bold;
	font-size: 2.57rem;
	line-height: 1.2;
}

#intro h3 {
	position: absolute;
	left: 50%;
	font-weight: bold;
	font-size: 2.57rem;
	line-height: 1.2;
	top: 5px;
	margin-left: -560px;
}

#intro h3 span {
	background:#5a695a;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
}

#intro .course .people {
	position: absolute;
	left: 50%;
	color: #ff0000;
	font-weight: bold;
}
	
#intro .course p span {
	font-weight: bold;
}
#intro .course p strong {
	font-weight: bold;
}


#intro .course .size {
	position: absolute;
	left: 50%;
	font-size: 0.9rem;
	line-height: 1.1;
}

#intro .courseA .note1,
#intro .courseA .note2,
#intro .courseA .note3 {
	position: absolute;
	left: 50%;
	color: #ed1c24;
}

#intro .courseD .note1 {
	position: absolute;
	left: 50%;
	color: #ed1c24;
	font-weight: bold;
	text-align: center;
}
#intro .courseD .note2 {
	position: absolute;
	left: 50%;
}

#intro .close {
	width: 190px;
	height: 190px;
	box-sizing: border-box;
	padding-top: 75px;
	text-align: center;
	line-height: 1.2;
	position: absolute;
	left: 50%;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	background: rgba(0,0,0,0.75);
}
#intro .courseA .close {
	margin-left: -530px;
	top: 20px;
}
#intro .courseB .close {
	margin-left: -430px;
	top: 817px;
}
#intro .courseD .close {
	margin-left: 50px;
	top: 770px;
}



#tools .catalog {
	float: left;
}

#tools .catalog a {
	display: block;
	overflow: hidden;
	color: #FFF;
	position: relative;
}

#tools .catalog span {
	display: block;
	position: absolute;
	font-weight: bold;
}

#tools .movie {
	float: right;
}

#tools .movie a {
	display: block;
	overflow: hidden;
	color: #FFF;
	position: relative;
}

#tools .movie span {
	display: block;
	position: absolute;
	font-weight: bold;
}


#trouble {
	background: #77cccf;
	max-width: 100%;
	text-align: center;
}

#trouble h2 {
	margin: 0 auto;
	color: #0050bd;
	text-align: left;
}
#trouble h3 {
	margin: 0 auto;
	color: #0050bd;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
#trouble .bannar {
	position: relative;
}
#trouble .bannar p {
	text-align: left;
}

#trouble .bannar p strong {
	font-weight: bold;
}
#trouble .text1 {
	position: absolute;
	left: 50%;
	color: #FFF;
}


#trouble .text2 {
	position: absolute;
	left: 50%;
}


#trouble .text3 {
	position: absolute;
	left: 50%;
	color: #FFF;
}

#trouble .improve {
	margin: 50px auto;
	max-width: 1125px;
	text-align: left;
}

#trouble .t_text {
	float: left;
}
#trouble .t_text strong {
	margin: 0 auto;
	color: #0050bd;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

#trouble .t_img {
	float: right;
}



#trouble .youmeishu {
	text-align: left;
	background: #FFF;
	box-sizing: border-box;
}

#trouble .youmeishu h4 {
	float: left;
}

#trouble .youmeishu h4 span{
	display: inline-block;
	border: #000 1px solid;
	position: relative;
	top: -2px;
}


#trouble .youmeishu p {
	float: left;
	color: #0050bd;
}

#trouble .youmeishu p span {
	color: #000;
}

#present {
	background: #ed1c24;
	max-width: 100%;
	width: 100%;
	text-align: center;
	position: relative;
}

#present h2 {
	position: absolute;
	left: 50%;
	color: #FFF;
	text-align: left;
}

#present h2 span {
	background: #FFF;
	color: #ed1c24;
	font-weight: bold;
}

#present p {
	position: absolute;
	left: 50%;
	color: #ff0000;
	font-weight: bold;
}

#present p strong {
	font-weight: bold;
}


#present h2.courseB {
	top: 0;
	margin-left: 300px;
}

#present p.date {
	position: absolute;
	left: 50%;
	font-weight: bold;
	color: #ff221f;
	background: #FFFFFF;
	padding: 0 15px;
	font-size: 2.2rem;
}
#present p.date span{
	font-weight: bold;
	font-size: 1.57rem;
}

#pickup p {
	position: relative;
}






#pickup .pickup04 .text1 {
	display: inline-block;
	position: absolute;
	color: #FFF;
	font-weight: bold;
}
#pickup .pickup04 strong {
	font-weight: bold;
}

#pickup .pickup04 .text2 {
	display: inline-block;
	position: absolute;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0px 0px 5px #000;
}

#pickup .pickup04 .text3 {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: rgba(0,0,0,0.75);
	padding: 5px 0;
	letter-spacing: 0.1em;
}


#pickup .pickup05 span {
	display: inline-block;
	position: absolute;
	color: #323232;
	font-weight: bold;
}


#pickup .pickup05 strong {
	font-weight: bold;
	display: block;
}

#medicine {
	position: relative;
	}

#medicine h2 {
	position: absolute;
	box-sizing: border-box;
	background: #fabe00;
	color: #FFF;
	text-align: left;
}

#medicine .text1 {
	position: absolute;
	}

#medicine .text2 {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	background: #5a695a;
	color: #FFF;
	font-weight: bold;
}


#medicine .text2 strong {
	font-weight: bold;
}

#medicine h3 {
	font-weight: bold;
	position: absolute;
}
#medicine h3 strong {
	font-weight: bold;
}

#medicine .tag {
	position: absolute;
}
#medicine .image {
	position: absolute;
}








#food p {
	position: relative;
}

#food p span {
	position: absolute;
}

#food .name {
	text-align: right;
}


#food .price {
	font-weight: bold;
}
#food .price strong {
	position: relative;
	font-weight: bold;
}
#food .price .tax {
	height: 100px;
	display: block;
	position: absolute;
	font-weight: normal;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

#food a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: right;
	box-sizing: border-box;
	padding: 325px 35px 0;
}
#howto {
	max-width: 100%;
	width: 100%;
}
#howto .howto,
#howto .effect {
	max-width: 100%;
	width: 100%;
	background: #ed1c24;
}
#howto .text {
	margin: 0 auto;
	color: #FFF;
}
#howto .text h3 {
	float: left;
	width: 280px;
	font-size: 2.35rem;
	border-bottom: #FFF 2px solid;
}
#howto .text p {
	float: left;
}
#howto .text p.image {
	float: right;
	position: relative;
}
#howto .open {
	text-align: center;
}
#howto .acc {
	max-width: 100%;
	width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #969696), color-stop(0.00, #525252));
background: -webkit-linear-gradient(top, #525252 0%, #969696 3%);
background: -moz-linear-gradient(top, #525252 0%, #969696 3%);
background: -o-linear-gradient(top, #525252 0%, #969696 3%);
background: -ms-linear-gradient(top, #525252 0%, #969696 3%);
background: linear-gradient(to bottom, #525252 0%, #969696 3%);
	text-align: center;
	display: none;
}
#condition ul {
	position: relative;
}

#condition li {
	position: relative;
}

#condition li span {
	position: absolute;
	font-weight: bold;
}

.page_back {
	margin-bottom: 50px;
}
.page_back a {
	color: #ff221f;
	border: #ff221f 4px solid;
}

/*-------------------------
|                         |
|  レスポンシブCSS        |
|  SP用（767px以下）  　　|
|													|
-------------------------*/

@media screen and (max-width:766px){
.slick-prev
{
	margin-left: -320px;
}
.slick-next
{
	margin-right: -320px;
}


#fv {
	margin: 20px 0;
}
#fv p.date {
	margin: 20px 0;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
}


#fv  p.date span{
	font-size: 1.0rem;
	font-weight: bold;
}
#fv  p.close {
	padding: 10px;
	text-align: center;
	line-height: 1.2;
	position: absolute;
	right: 40px;
	top: 340px;
	font-size: 1.0rem;
	font-weight: bold;
	color: #ffffff;
	background: rgba(0,0,0,0.75);
}

.block {
	margin: 40px auto;
	box-sizing:border-box;
}
#main .btn_bannar {
	width: 230px;
	left: 50%;
	margin-left: 90px;
	top: 550px;
}

#main .btn_bannar.fixed {
	top: 20px;
}


#main h2 {
	margin: 30px auto 10px;
	font-size: 1.8rem;
}

#intro {
	margin: 20px 0 0;
	padding-top: 130px;
}


#intro .text {
	top: 0px;
	margin-left: -290px;
}

#intro .text h2{
	font-size: 1.6rem;
	line-height: 1.2;
	margin-bottom: 5px;
}

#intro h3 {
	font-size: 1.8rem;
	line-height: 1.1;
}

#intro h3 span {
	font-size: 0.8rem;
	padding: 3px 5px;
}

#intro .course .people {
	font-size: 1.4rem;
	line-height: 1.2;
}

#intro .course p span {
	font-size: 1.4rem;
}

#intro .course p strong {
	font-size: 2rem;
}

#intro .course .size {
	font-size: 0.8rem;
}

#intro .courseA h3 {
	top: 330px;
	margin-left: -290px;
}
#intro .courseA .people {
	top: 160px;
	margin-left: -275px;
}
#intro .courseA .note1 {
	top: 510px;
	margin-left: -290px;
	font-size: 1rem;
	line-height: 1.2;
}

#intro .courseA .note2 {
	top: 825px;
	margin-left: -250px;
	font-size: 1rem;
	line-height: 1.2;
}

#intro .courseA .note3 {
	top: 405px;
	margin-left: -50px;
	font-size: 1rem;
	line-height: 1.2;
}

#intro .courseA .size {
	top: 900px;
	margin-left: -290px;
}

#intro .courseB h3 {
	top: 1150px;
	margin-left: -290px;
}

#intro .courseB .people {
	top: 1010px;
	margin-left: -275px;
}
#intro .courseB .size {
	top: 1420px;
	margin-left: -290px;
}


#intro .courseD h3 {
	top: 1680px;
	margin-left: -260px;
}

#intro .courseD .people {
	top: 1520px;
	margin-left: -245px;
}

#intro .courseD .note1 {
	top: 1425px;
	margin-left: 140px;
	font-size: 1.1rem;
	line-height: 1.0;
}
#intro .courseD .size {
	top: 1800px;
	margin-left: -260px;
}



#intro .courseD .note2 {
	top: 1860px;
	margin-left: -290px;
	font-size: 0.9rem;
	line-height: 1.2;
}
#intro .close {
	width: 170px;
	height: 170px;
	padding-top: 70px;
	font-size: 0.85rem;
}
#intro .courseA .close {
	margin-left: -290px;
	top: 130px;
}
#intro .courseB .close {
	margin-left: -290px;
	top: 980px;
}
#intro .courseD .close {
	margin-left: -260px;
	top: 1495px;
}


#tools {
	width: 580px;
}
#tools .catalog {
	width: 280px;
	height: 228px;
}
#tools .catalog span {
	font-size: 1.2rem;
	line-height: 1.4;
	left: 145px;
	top: 15px;
}
#tools .movie {
	width: 280px;
	height: 228px;
}
#tools .movie span {
	font-size: 1.1rem;
	line-height: 1.1;
	left: 20px;
	top: 145px;
}



#trouble {
	padding: 10px 30px;
	margin-bottom: 40px;
}


#trouble h2 {
	line-height: 1.3;
}


#trouble h3 {
	margin: 10px 0;
	font-size: 1.7rem;
	line-height: 1.3;
}

#trouble .bannar p {
	font-size: 1.8rem;
	line-height: 1.2;
}

#trouble .bannar p span {
	font-size: 1rem;
	line-height: 1.1;
	display: inline-block;
}


#trouble .text1 {
	top: 85px;
	text-shadow: 0px 0px 5px #000;
	margin-left: -70px;
}


#trouble .text2 {
top: 65px;
	margin-left: -120px;
}

#trouble .text3 {
margin-left: -70px;
top: 65px;
}


#trouble .improve {
	margin: 20px auto;
}
#trouble .t_text {
	font-size: 0.95rem;
}
#trouble .t_text strong {
	margin: 5px 0;
	display: block;
	font-size: 1.5rem;
	text-align: center;
}


#trouble img {
	margin: 5px 0;
}


#trouble .youmeishu {
	margin: 20px auto;
	padding: 15px;
}


#trouble .youmeishu h4 {
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding-right: 15px;
	margin-bottom: 10px;
}



#trouble .youmeishu h4 span{
	margin: 0 5px;
	padding: 2px 5px 0;
	font-size: 1.1rem;
}

#trouble .youmeishu p {
	font-size: 1rem;
	line-height: 1.2;
}


#pickup {
	padding: 10px 30px;
}
#pickup p {
margin-bottom: 10px;
}

#pickup .pickup01 {
	margin: 10px 0;
	border: #ed1c24 2px solid;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
}
#pickup .pickup01 img {
	display: none;
}


#pickup .pickup01 a {
	display: block;
	padding: 30px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.50, #dfd9df), color-stop(0.49, #fff), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: linear-gradient(to bottom, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
}

#pickup .pickup01 span {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
}

#pickup .pickup01 strong {
	display: block;
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
	position: absolute;
	left: 15px;
	top: 10px;
}


#pickup .pickup02 {
	margin: 10px 0;
	border: #ed1c24 2px solid;
	width: 100%;
	box-sizing: border-box;
}
#pickup .pickup02 img {
	display: none;
}


#pickup .pickup02 a {
	display: block;
	padding: 25px 15px 25px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.50, #dfd9df), color-stop(0.49, #fff), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: linear-gradient(to bottom, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
}


#pickup .pickup02 span {
	display: none;
}

#pickup .pickup02 strong {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
}


#pickup .pickup03 {
	margin: 10px 0;
	border: #ed1c24 2px solid;
	width: 100%;
	box-sizing: border-box;
}
#pickup .pickup03 img {
	display: none;
}


#pickup .pickup03 a {
	display: block;
	padding: 25px 15px 25px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.50, #dfd9df), color-stop(0.49, #fff), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
background: linear-gradient(to bottom, #e6e6e6 0%, #fff 49%, #dfd9df 50%, #f0f0f0 100%);
}


#pickup .pickup03 span {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
}

#pickup .pickup04 .text1 {
	padding: 10px;
	left: 15px;
	top: 15px;
	font-size: 1.1rem;
	line-height: 1.2;
}

#pickup .pickup04 strong {
	font-size: 1.3rem;
}

#pickup .pickup04 .text2 {
	left: 280px;
	top: 15px;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
}

#pickup .pickup04 .text3 {
	font-size: 1rem;
}



#pickup .pickup05 span {
	padding: 9px;
	left: 15px;
	top: 10px;
	font-size: 1rem;
	line-height: 1.2;
}


#pickup .pickup05 strong {
	font-size: 1.3rem;
	margin-bottom: 5px;
}


#present {
	margin: 80px auto 40px;
	padding-top: 50px;
	background: #ed1c24;
}



#present h2 {
	font-size: 1.8rem;
	line-height: 1.2;
}


#present h2 span {
font-size: 1.1rem;
padding: 0 5px;
}



#present p {
letter-spacing: -0.05em;
	font-size: 0.8rem;
}


#present p strong {
	font-size: 1.2rem;
}


#present h2.courseA {
	font-size: 2.35rem;
	top: -30px;
	margin-left: -290px;
}


#present p.courseA {
	font-size: 1.5rem;
	top: 255px;
	margin-left: -280px;
}
#present p.courseA strong {
	font-size: 2.6rem;
}


#present h2.courseB {
	top: 685px;
	margin-left: -20px;
}

#present p.courseB {
	top: 685px;
	margin-left: -255px;
}


#present h2.courseD {
	top: 880px;
	margin-left: -270px;
}
#present p.courseD {
	top: 890px;
	margin-left: 190px;
}
#present p.date {
	padding: 5px 10px;
	top: 1120px;
	margin-left: -290px;
	line-height: 1.1;
}

#medicine {
	height: 2500px;
	margin: 20px auto 60px;
	overflow: hidden;
}

#medicine h2 {
	left: 30px;
	top: -5px;
	width: 265px;
	height: 240px;
	padding: 60px 20px 0;
	font-size: 1.5rem;
	line-height: 1.3;
}

#medicine .text1 {
	left: 315px;
	top: 20px;
	font-size: 1rem;
	line-height: 1.5;
}


#medicine .text2 {
	left: 30px;
	width: 580px;
	height: 102px;
	padding: 15px;
	font-size: 1.2rem;
	line-height: 1.5;
	z-index: 2;
	bottom: 13px;
}


#medicine .text2 strong {
	font-size: 1.35rem;
}

#medicine h3 {
margin: 0 0 10px;
	font-size: 0.8rem;
	line-height: 1.2;
z-index: 10;
}


#medicine h3 a {
	font-weight: bold;
	color: #ed1c24;
	text-decoration: underline;
}

#medicine h3 strong {
	font-size: 1.6rem;
}



#medicine .tag {
z-index: 10;
	font-size: 0.5rem;
	width: 72px;
	margin-bottom: 30px;
}
#medicine .tag:after {
	border: 36px solid transparent;
	border-top: 18px solid #ed1c24;
}
#medicine .tag strong {
	font-size: 1rem;
}


#medicine .image {
	z-index: 5;
}

#medicine .image img {
	max-width: 100%;
	width: 100%;
}




/*生薬ページ
====================================*/

#medicine .medicine01 h3 {
	left: 30px;
	top: 1150px;
}
#medicine .medicine01 .tag {
	left: 30px;
	top: 1065px;
}
#medicine .medicine01 .image {
	left: 35px;
	top: 955px;
	width: 220px;
}





#medicine .medicine02 h3 {
	left: 360px;
	top: 1935px;
}
#medicine .medicine02 .tag {
	left: 365px;
	top: 1850px;
}
#medicine .medicine02 .image {
	left: 290px;
	top: 1815px;
	width: 440px;
}





#medicine .medicine03 h3 {
	left: 315px;
	top: 355px;
}
#medicine .medicine03 .tag {
	left: 315px;
	top: 275px;
}
#medicine .medicine03 .image {
	left: 400px;
	top: 230px;
	width: 300px;
	z-index: 6;
}





#medicine .medicine04 h3 {
	left: 150px;
	top: 1340px;
}
#medicine .medicine04 .tag {
	left: 150px;
	top: 1255px;
}
#medicine .medicine04 .image {
	left: -30px;
	top: 1240px;
}





#medicine .medicine05 h3 {
	left: 395px;
	top: 1390px;
}
#medicine .medicine05 .tag {
	left: 395px;
	top: 1305px;
}
#medicine .medicine05 .image {
	left: 450px;
	top: 1240px;
	width: 230px;
}





#medicine .medicine06 h3 {
	left: 280px;
	top: 645px;
}
#medicine .medicine06 .tag {
	left: 280px;
	top: 560px;
}
#medicine .medicine06 .image {
	left: 340px;
	top: 490px;
	width: 410px;
}





#medicine .medicine07 h3 {
	left: 155px;
	top: 665px;
}
#medicine .medicine07 .tag {
	left: 155px;
	top: 585px;
}
#medicine .medicine07 .image {
	left: -30px;
	top: 590px;
}





#medicine .medicine08 h3 {
	left: 470px;
	top: 980px;
}
#medicine .medicine08 .tag {
	left: 470px;
	top: 895px;
}
#medicine .medicine08 .image {
	left: 230px;
	top: 830px;
	width: 250px;
}




#medicine .medicine09 h3 {
	left: 30px;
	top: 865px;
}
#medicine .medicine09 .tag {
	left: 30px;
	top: 780px;
}
#medicine .medicine09 .image {
	left: 80px;
	top: 780px;
}




#medicine .medicine10 h3 {
	left: 30px;
	top: 2265px;
}
#medicine .medicine10 .tag {
	left: 30px;
	top: 2185px;
}
#medicine .medicine10 .image {
	left: 75px;
	top: 2100px;
}




#medicine .medicine11 h3 {
	left: 515px;
	top: 1085px;
}
#medicine .medicine11 .tag {
	left: 435px;
	top: 1090px;
}
#medicine .medicine11 .image {
	left: 200px;
	top: 1055px;
	width: 280px;
}




#medicine .medicine12 h3 {
	left: 455px;
	top: 1635px;
}
#medicine .medicine12 .tag {
	left: 455px;
	top: 1555px;
}
#medicine .medicine12 .image {
	left: -15px;
	top: 1370px;
}




#medicine .medicine13 h3 {
	left: 30px;
	top: 475px;
}
#medicine .medicine13 .tag {
	left: 30px;
	top: 395px;
}
#medicine .medicine13 .image {
	left: 70px;
	top: 335px;
}




#medicine .medicine14 h3 {
	left: 220px;
	top: 1965px;
}
#medicine .medicine14 .tag {
	left: 220px;
	top: 1880px;
}
#medicine .medicine14 .image {
	left: 25px;
	top: 1860px;
}


/*ここまで
=====================================*/



#food {
	padding: 10px 30px;
}

#food h2 {
	font-size: 1.4rem;
}
#food .name {
	right: 25px;
	top: 80px;
	font-size: 1.8rem;
	line-height: 1.2;
}


#food .text {
	right: 20px;
	top: 175px;
	width: 225px;
	font-size: 0.8rem;
	line-height: 1.3;
}


#food .price {
	right: 30px;
	top: 230px;
	font-size: 2.0rem;
	line-height: 1;
	padding-right: 20px;
}



#food .price strong {
	top: 20px;
	font-size: 3.4rem;
	line-height: 1.4;
}
#food .price .tax {
	display: block;
	font-size: 0.9rem;
	right: -3px;
	top: 20px;
}


#food .kenkou .text {
	width: 240px;
}



#food a {
padding: 365px 35px 0;
}



#howto .howto,
#howto .effect {
padding: 20px 0 0;
}


#howto .text {
width: 580px;
padding-bottom: 10px;
}


#howto .text h3 {
width: 340px;
font-size: 1.7rem;
margin-bottom: 15px;
}


#howto .text p {
width: 320px;
}


#howto .text p.image {
width: 240px;
}

#howto .open {
	display: none;
}


#howto .acc {
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #969696), color-stop(0.00, #525252));
	background: -webkit-linear-gradient(top, #525252 0%, #969696 1%);
	background: -moz-linear-gradient(top, #525252 0%, #969696 1%);
	background: -o-linear-gradient(top, #525252 0%, #969696 1%);
	background: -ms-linear-gradient(top, #525252 0%, #969696 1%);
	background: linear-gradient(to bottom, #525252 0%, #969696 1%);
}


#condition {
	width: 588px;
	margin: 40px auto;
}
#condition li {
	margin-bottom: 16px;
	float: left;
	margin: 5px;
}


#condition li span {
	left: 10px;
	top: 10px;
	font-size: 1rem;
}

}



/*-------------------------
|                         |
|  レスポンシブCSS        |
|  PC用（767px以上）  　　|
|													|
-------------------------*/

@media screen and (min-width:767px){
#main_menu p.date {
	display: none;
}
	
#fv .copy h2 {
	font-size: 2.7rem;
}

#fv .copy p {
	font-size: 1.8rem;
}


#fv p.date,#fv p.close {
	display: none;
}

#main .btn_bannar {
	left: 50%;
	margin-left: 300px;
	top: 440px;
	width: 290px;
}

#main .btn_bannar.fixed {
	top: 20px;
}


.block {
	margin: 40px auto;
	max-width: 1060px;
}

#main h2 {
	margin: 30px auto 10px;
	font-size: 2.2rem;
}

#intro {
	width: 1240px;
	max-width: 1240px;
}


#intro .text {
	top: 30px;
	margin-left: -310px;
}

#intro .text h2{
	font-size: 2.57rem;
	line-height: 1.2;
}

#intro h3 {
font-size: 2.57rem;
	line-height: 1.2;
	top: 5px;
	margin-left: -560px;
}

#intro h3 span {
	font-size: 1.2rem;
	padding: 3px 5px;
	display: inline-block;
	margin-bottom: 5px;
}



#intro .course .people {
font-size: 1.8rem;
	line-height: 1.2;
}

#intro .course p span {
font-size: 2rem;
}



#intro .course p strong {

font-size: 3rem;
}


#intro .courseA h3 {
	top: 520px;
	margin-left: -540px;
}




#intro .courseA .people {
	top: 60px;
	margin-left: -510px;
}


#intro .courseA .note1 {
	top: 220px;
	margin-left: -335px;
	font-size: 1.2rem;
	line-height: 1.2;
}

#intro .courseA .note2 {
	top: 625px;
	margin-left: 435px;
	font-size: 1.2rem;
	line-height: 1.2;
}

#intro .courseA .note3 {
	top: 295px;
	margin-left: 415px;
	font-size: 1.2rem;
	line-height: 1.2;
}
#intro .courseA .size{
	top: 700px;
	margin-left: -540px;
}


#intro .courseB h3 {
	top: 980px;
	margin-left: -540px;
}
#intro .courseB .size {
	top: 1280px;
	margin-left: -540px;
}


#intro .courseB .people {
	top: 850px;
	margin-left: -410px;
}

#intro .courseC h3 {
	top: 950px;
	margin-left: -540px;
}

#intro .courseC .people {
	top: 800px;
	margin-left: -510px;
}


#intro .courseD h3 {
	top: 755px;
	margin-left: 260px;
	line-height: 1.1;
}

#intro .courseD .size {
	top: 920px;
	margin-left: 260px;
}



#intro .courseD .people {
	top: 810px;
	margin-left: 70px;
}

#intro .courseD .note1 {
	top: 975px;
	margin-left:400px;
	font-size: 1.5rem;
	line-height: 1.0;
}



#intro .courseD .note2 {
	top: 1250px;
	margin-left: 50px;
	font-size: 0.85rem;
	line-height: 1.2;
}



#tools .catalog {
	width: 520px;
	height: 422px;
}
#tools .catalog span {
	font-size: 3.2rem;
	line-height: 1.4;
	left: 265px;
	top: 25px;
}
#tools .movie {
	width: 520px;
	height: 422px;
}
#tools .movie span {
	font-size: 2.85rem;
	line-height: 1.2;
	left: 30px;
	top: 265px;
}

#trouble {
	padding: 30px 20px 20px;
	margin-bottom: 100px;
	margin-top: 100px;
}


#trouble h2 {
	padding: 20px 0 10px;
	font-size: 3rem;
	line-height: 1.3;
	max-width: 1125px;
}


#trouble h3 {
	padding: 20px 0 10px;
	font-size: 2.8rem;
	line-height: 1.3;
	max-width: 1125px;
}

#trouble .bannar p {
	font-size: 4rem;
	line-height: 1.3;
}

#trouble .bannar p span {
	font-size: 1.4rem;
	letter-spacing: 0.3em;
}


#trouble .text1 {
top: 55px;
}


#trouble .text2 {
top: 65px;
	margin-left: -300px;
}

#trouble .text3 {
margin-left: -90px;
	left: 50%;
	top: 55px;
}


#trouble .improve {
	margin: 50px auto;
	max-width: 1125px;
}
#trouble .t_text strong {
	font-size: 2.14rem;
}


#trouble img {
	margin: 5px 0;
}


#trouble .youmeishu {
	margin: 50px auto;
	max-width: 1125px;
padding: 15px;
}


#trouble .youmeishu h4 {
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding-right: 15px;
}



#trouble .youmeishu h4 span{
	margin: 0 5px;
	padding: 2px 5px 0;
	font-size: 1.4rem;
}

#trouble .youmeishu p {
	font-size: 1.4rem;
}


#present {
	margin: 80px auto 40px;
min-width: 1279px;
height: 645px;
}



#present h2 {
font-size: 2.57rem;
	line-height: 1.2;
}


#present h2 span {
font-size: 1.1rem;
padding: 0 5px;
}



#present p {
letter-spacing: -0.05em;
}


#present p strong {
	font-size: 1.7rem;
}


#present h2.courseA {
	font-size: 3.35rem;
	top: -45px;
	margin-left: -560px;
}


#present p.courseA {
	font-size: 2.228rem;
	top: 210px;
	margin-left: -560px;
}
#present p.courseA strong {
	font-size: 3.71rem;
}


#present h2.courseB {
	top: 50px;
margin-left: 360px;
}

#present p.courseB {
	top: 100px;
	margin-left: 80px;
}


#present h2.courseD {
	top: 340px;
	margin-left: 70px;
}
#present p.courseD {
	top: 365px;
	margin-left: 525px;
}
#present p.date {
	padding: 5px 10px;
	top: 578px;
	margin-left: 220px;
	line-height: 1.1;
}


#present img {
}

#pickup {
	margin-bottom: 100px;
	margin-top: 100px;
}

#pickup p {
	float: left;
	margin-bottom: 10px;
}

#pickup .pickup01 {
	margin: 0 10px 10px 0;
}

#pickup .pickup01 span {
	display: inline-block;
	padding: 9px;
	position: absolute;
	color: #FFF;
	font-weight: bold;
	padding: 9px;
	left: 10px;
	top: 5px;
	font-size: 0.9rem;
	line-height: 1.2;
}
#pickup .pickup01 strong {
	font-size: 1.5rem;
	font-weight: bold;
}

#pickup .pickup02 {
	margin: 0 10px 10px 0;
}

#pickup .pickup02 span {
	position: absolute;
	font-weight: bold;
	color: #000;
	right: 10px;
	bottom: 8px;
	font-size: 1rem;
}
#pickup .pickup02 strong {
	display: inline-block;
	position: absolute;
	color: #000;
	font-weight: bold;
	font-size: 1.7rem;
	padding: 9px;
	left: 10px;
	top: 5px;
	line-height: 1.2;
}
#pickup .pickup03 span {
	display: inline-block;
	position: absolute;
	color: #000;
	font-weight: bold;
	font-size: 1.7rem;
	padding: 9px;
	left: 10px;
	top: 8px;
	line-height: 1.2;
}


#pickup .pickup04 .text1 {
padding: 15px;
left: 35px;
	top: 35px;
font-size: 1.3rem;
	line-height: 1.2;
}

#pickup .pickup04 strong {
font-size: 2.2rem;
}

#pickup .pickup04 .text2 {
padding: 15px;
left: 380px;
	top: 20px;
font-size: 2.1rem;
	line-height: 1.2;
letter-spacing: 0.05em;
}

#pickup .pickup04 .text3 {
	font-size: 1.5rem;
}



#pickup .pickup05 span {
padding: 9px;
left: 20px;
	top: 15px;
	font-size: 1.3rem;
	line-height: 1.2;
}


#pickup .pickup05 strong {
font-size: 2.7rem;
margin-bottom: 15px;
}


#medicine {
max-width: 1280px;
	width: 1280px;
	height: 1610px;
	margin: 100px auto 100px;
}

#medicine h2 {
left: 110px;
	top: -35px;
	width: 220px;
	height: 200px;
padding: 60px 15px 10px;
	font-size: 1.8rem;
	line-height: 1.3;
}

#medicine .text1 {
left: 350px;
	top: -5px;
	font-size: 0.95rem;
	line-height: 1.5;
}


#medicine .text2 {
left: 110px;
	width: 1060px;
	height: 142px;
	padding: 20px;
	font-size: 1.8rem;
	line-height: 1.5;
	z-index: 2;
}


#medicine .text2 strong {
	font-size: 2.28rem;
}

#medicine h3 {
margin: 0 0 10px;
	font-size: 1.14rem;
	line-height: 1.2;
z-index: 10;
}

#medicine h3 a {
	font-weight: bold;
	color: #000;
}


#medicine h3 strong {
	font-size: 2.3rem;
}



#medicine .tag {
z-index: 10;
}


#medicine .image {
	z-index: 5;
}




/*生薬ページ
====================================*/

#medicine .medicine01 h3 {
	left: 135px;
	top: 546px;
}
#medicine .medicine01 .tag {
	left: 134px;
	top: 455px;
}
#medicine .medicine01 .image {
	left: 170px;
	top: 425px;
}





#medicine .medicine02 h3 {
	left: 925px;
	top: 1240px;
}
#medicine .medicine02 .tag {
	left: 925px;
	top: 1155px;
}
#medicine .medicine02 .image {
	left: 895px;
	top: 1160px;
}





#medicine .medicine03 h3 {
	left: 770px;
	top: 96px;
}
#medicine .medicine03 .tag {
	left: 770px;
	top: 5px;
}
#medicine .medicine03 .image {
	left: 855px;
	top: -20px;
}





#medicine .medicine04 h3 {
	left: 1120px;
	top: 730px;
}
#medicine .medicine04 .tag {
	left: 1120px;
	top: 635px;
}
#medicine .medicine04 .image {
	left: 920px;
	top: 620px;
}





#medicine .medicine05 h3 {
	left: 925px;
	top: 1008px;
}
#medicine .medicine05 .tag {
	left: 915px;
	top: 910px;
}
#medicine .medicine05 .image {
	left: 1010px;
	top: 879px;
}





#medicine .medicine06 h3 {
	left: 420px;
	top: 480px;
}
#medicine .medicine06 .tag {
	left: 410px;
	top: 390px;
}
#medicine .medicine06 .image {
	left: 470px;
	top: 260px;
}





#medicine .medicine07 h3 {
	left: 272px;
	top: 312px;
}
#medicine .medicine07 .tag {
	left: 272px;
	top: 220px;
}
#medicine .medicine07 .image {
	left: 90px;
	top: 230px;
}





#medicine .medicine08 h3 {
	left: 934px;
	top: 424px;
}
#medicine .medicine08 .tag {
	left: 925px;
	top: 330px;
}
#medicine .medicine08 .image {
	left: 980px;
	top: 285px;
}




#medicine .medicine09 h3 {
	left: 260px;
	top: 805px;
}
#medicine .medicine09 .tag {
	left: 255px;
	top: 710px;
}
#medicine .medicine09 .image {
	left: 110px;
	top: 710px;
}




#medicine .medicine10 h3 {
	left: 535px;
	top: 1280px;
}
#medicine .medicine10 .tag {
	left: 530px;
	top: 1185px;
}
#medicine .medicine10 .image {
	left: 580px;
	top: 1115px;
}




#medicine .medicine11 h3 {
	left: 538px;
	top: 790px;
}
#medicine .medicine11 .tag {
	left: 538px;
	top: 696px;
}
#medicine .medicine11 .image {
	left:336px;
	top: 765px;
}




#medicine .medicine12 h3 {
	left: 120px;
	top: 1020px;
}
#medicine .medicine12 .tag {
	left: 120px;
	top: 930px;
}
#medicine .medicine12 .image {
	left: 5px;
	top: 979px;
}




#medicine .medicine13 h3 {
	left: 442px;
	top: 197px;
}
#medicine .medicine13 .tag {
	left: 440px;
	top: 105px;
}
#medicine .medicine13 .image {
	left: 490px;
	top: 55px;
}




#medicine .medicine14 h3 {
	left: 808px;
	top: 881px;
}
#medicine .medicine14 .tag {
	left: 808px;
	top: 790px;
}
#medicine .medicine14 .image {
	left: 630px;
	top: 880px;
}


/*ここまで
=====================================*/


#food {
	margin-top: 100px;
	margin-bottom: 100px;
}
#food .kurasuwa {
	float: left;
}
#food .kenkou {
	float: right;
}

#food .name {
	right: 25px;
	top: 80px;
	font-size: 2.2rem;
	line-height: 1.2;
}


#food .text {
	right: 20px;
	top: 160px;
	width: 190px;
	font-size: 0.9rem;
	line-height: 1.4;
}


#food .text {
	right: 20px;
	top: 165px;
	width: 190px;
	font-size: 0.9rem;
	line-height: 1.4;
}


#food .price {
	right: 30px;
	top: 210px;
	font-size: 2.5rem;
	line-height: 1;
	padding-right: 20px;
}



#food .price strong {
top: 20px;
	font-size: 4.4rem;
	line-height: 1.4;
}
#food .price .tax {
	display: block;
	font-size: 0.9rem;
	right: 1px;
	top: 30px;
}


#food .kenkou .text {
	width: 200px;
}



#food a {
padding: 325px 35px 0;
}



#howto .howto,
#howto .effect {

min-width: 1060px;
padding: 20px 0 0;
margin-top: 40px;
}


#howto .text {
width: 530px;
padding-bottom: 10px;
}


#howto .text h3 {
width: 280px;
font-size: 2.35rem;
margin-bottom: 15px;
}


#howto .text p {
width: 280px;
}


#howto .text p.image {
width: 250px;
top: -35px;
}

#howto .open {
padding-bottom: 10px;
}


#howto .acc {
min-width: 1060px;
padding: 40px 0;
}

#condition {
	margin-top: 100px;
	margin-bottom: 100px;
}

#condition li {
margin-bottom: 16px;
}

#condition li:nth-child(3) {
	position: absolute;
	top: 0;
	left: 363px;
}

#condition li:nth-child(4) {
	position: absolute;
	left: 363px;
	top: 144px;
}

#condition li:nth-child(5) {
	position: absolute;
	left: 363px;
	top: 288px;
}

#condition li:nth-child(6) {
	position: absolute;
	top: 0;
	left: 808px;
}

#condition li:nth-child(7) {
	position: absolute;
	left: 808px;
	top: 216px;
}


#condition li span {
left: 10px;
	top: 10px;
font-size: 1.2rem;
}


}