@charset "utf-8";
/*****************************************************************/
/*                                                               */
/*  <スタイルシート名> ：SMS共通スタイルシート定義(ID)(TAG)      */
/*                                                               */
/*  <機能概要>         ：各ページで共有するコンテンツを指定      */
/*                                                               */
/*****************************************************************/

/*フォント
─────────────────────────────────────*/
@font-face{ 
font-family: logotypegothic;
src: url('/font/logotypegothic.woff') format('woff');
}
@font-face{ 
font-family: utsukushimincho;
src: url('/font/utsukushimincho.woff') format('woff');
}
@font-face{ 
font-family: Mutsuki;
src: url('/font/Mutsuki.woff') format('woff');
}


/*---------------------------------------------------------------*/
/*  TAG共通の指定                                                */
/*---------------------------------------------------------------*/

body{
width                      : 100%;
font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
margin                     : 0px 0px 0px 0px;
padding                    : 0px 0px 0px 0px;
overflow                   : auto;
}

section,div,table,header,nav,footer,address,span,small,storng,figure,aside,h1,h2,h3,h4,h5,table,th,td,ul,li,img{
color                      : #333333;
margin                     : 0px 0px 0px 0px;
padding                    : 0px 0px 0px 0px;
}

section,div,th,td,li{
font-size                  : 16px;
line-height                : 180%;
text-align                 : left;
list-style                 : none;
}

/*---------------------------------------------------------------*/
/*  共有コンテンツ                                               */
/*---------------------------------------------------------------*/

header {
width                  : 100%;
text-align:center;
margin                 : 0px;
padding                : 0px 0px 0px 0px;
background:url(/img/top_hdr_bg.jpg) no-repeat;
background-position:center top;
}
header>div {
width                  : 1200px;
margin                 : 0px auto 8px auto;
}
header>div:after {
content                : "";
display                : block;
clear                  : both;
height                 : 1px;
overflow               : hidden;
}

header>div>a {
width                  : 300px;
margin                 : 21px 0px 0px 6px;
padding                : 0px 0px 0px 0px;
float:left;
}
header>div>div {
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
}
header>div>div>h1 {　　  /* seo対策用text */
	width:100%;
	font-size:12px;
	font-weight:normal;
	text-align:right;
margin                 : 0px 0px 0px 0px;
padding                : 0px 3px 0px 0px;
}
header>div>div>img {
margin                 : 0px 4px 0px 0px;
padding                : 0px 0px 0px 0px;
position:relative;
top:-11px;
}
header>div>div a {
	width:200px;
	height:60px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
}
header>div>a {
width                  : 300px;
margin                 : 21px 0px 0px 6px;
padding                : 0px 0px 0px 0px;
float:left;
}

header>img {
width                  : 1194px;
height:auto;
margin                 : 7px auto 17px auto;
padding                : 0px 0px 0px 0px;
}

header>h1 {   /* 階層ページの見出し */
width                  : 1200px;
height:150px;
margin                 : -6px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}

nav {
width                  : 100%;
height:56px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background-color: rgba(255,255,255,0.3);
display:inline-block;
}
nav ul {
width                  : 1200px;
height:56px;
margin                 : 0px auto;
padding                : 0px 0px 0px 0px;
	}
nav ul li {
width                  : 240px;
height:56px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}

div#pankuzu {
width                  : 100%;
border-bottom: 1px solid #DDD;
	}
div#pankuzu div{
width                  : 988px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
margin                 : 0px auto;
padding                : 7px 0px 6px 12px;
font-size:12px;
	}


div#contents {
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}
div#contents section>h2{
color:#555555;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:30px;
text-align:center;
	}



div#cta {
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div#cta div{
width                  : 50%;
height:420px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background-color:#9ED37E;
float:left;
	}
div#cta>div>section{
width                  : 600px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background:url(/img/icon01.png) no-repeat;
background-position: 98px 26px;
background-size: 60px auto;
float:right;
	}
div#cta>div>iframe{
width                  : 100%;
height                 : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div#cta section h3{
width                  : 600px;
margin                 : 43px 0px 38px 0px;
padding                : 0px 0px 0px 0px;
font-size:26px;
text-align:center;
color:#fff;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
div#cta section address{
margin                 : 30px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
color:#fff;
text-align:center;
	}
div#cta section figure{
width                  : 600px;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
	}
div#cta section figcaption{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
color:#fff;
	}


footer {
width                  : 100%;
text-align:center; 
margin: 5px 0px; 
font-size:16px; 
color:#c1c1c1;
}

/*  float乗り上げを阻止 */ 
/*
div#all:after {
content                : "";
display                : block;
clear                  : both;
height                 : 1px;
overflow               : hidden;
}
*/


/*---------------------------------------------------------------*/
/*  共有コンテンツ以外                                           */
/*---------------------------------------------------------------*/

/*-トップページ--------------------------------------------------------------*/

div.top_banner_area {
width                  : 1200px;
margin                 : 43px auto 26px auto;
padding                : 0px 0px 0px 0px;
}
div.top_banner_area a{
width                  : 585px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}
div.top_banner_area a:nth-of-type(2){
margin                 : 0px 0px 0px 18px;
}
div.top_banner_area img{
width                  : 585px;
border-top: solid 1px #eeeeee;
border-right: solid 2px #cccccc;
border-bottom: solid 2px #bbbbbb;
border-left: solid 1px #eeeeee;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}


div.top_aisatsu {
width                  : 100%;
margin                 : 31px 0px 0px 0px;
padding                : 0px 0px 36px 0px;
background:url(/img/bg_top_aisatsu.jpg) no-repeat center top;
background-color:#fafafa;
display:inline-block;
	}
div.top_aisatsu section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.top_aisatsu section h2{
width                  : 1000px;
margin                 : 46px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
color:#333333;
text-align:left !important;
font-size:26px !important;
	}
div.top_aisatsu section p{
margin                 : 26px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.top_aisatsu section figure{
width                  : 180px;
margin                 : 0px 0px 0px 20px;
padding                : 0px 0px 0px 0px;
float:right;
	}
div.top_aisatsu section figure img{
width                  : 180px;
height:auto;
	}
	

div.top_soudan_link {
width                  : 100%;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.top_soudan_link section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.top_soudan_link section h2{
width                  : 1200px;
margin                 : 68px 0px 25px 0px;
padding                : 0px 0px 0px 0px;
	}
div.top_soudan_link section a{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}
div.top_soudan_link section img{
margin                 : 5px 0px 0px 6px;
padding                : 0px 0px 0px 0px;
}
/*div.top_soudan_link section img{
margin                 : 16px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float: left;
}
div.top_soudan_link section a:nth-of-type(even) img{
margin                 : 16px 0px 0px 16px;
}
*/

div.top_blog_title {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 70px 0px;
    display: inline-block;
	}
div.top_blog_title section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.top_blog_title section h2{
width                  : 1200px;
margin                 : 68px 0px 38px 0px;
padding                : 0px 0px 0px 0px;
	}

div.top_blog_title section>ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.top_blog_title section>ul li{
width: 1180px;
border-top: solid 1px #dbdee1;
padding: 20px 0px 0px 20px;
text-align:center;
}

div#feed {
width: 1180px;
padding: 0px 0px 20px 20px;	
}
div#feed li{
width: 1180px;
padding: 5px 0px 0px 0px;	
text-align:center;
}



/*-上人橋薬局について--------------------------------------------------------------*/



div.about_aisatsu {
width                  : 100%;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.about_aisatsu section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.about_aisatsu section h2{
width                  : 1000px;
margin                 : 68px 0px 54px 0px;
padding                : 0px 0px 0px 0px;
	}
div.about_aisatsu section figure{
	width:230px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float: left;
}
div.about_aisatsu section figure img{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}
div.about_aisatsu section span{
	width:740px;
color: #579332;
font-size: 18px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float: right;
}
div.about_aisatsu section p{
	width:740px;
margin                 : 30px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float: right;
}



div.about_tokucho {
width                  : 100%;
margin                 : 81px 0px 0px 0px;
padding                : 0px 0px 60px 0px;
background: #FAFAFA;
display:inline-block;
	}
div.about_tokucho>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.about_tokucho>section h2{
width                  : 1000px;
margin                 : 68px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.about_tokucho>section>p{
width                  : 1000px;
margin                 : 41px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
	}
div.about_tokucho>section section{
width                  : 490px;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 19px 0px;
background-color:#fff;
float:left;
	}
div.about_tokucho>section section:nth-of-type(2){
margin                 : 20px 0px 0px 20px;
	}
div.about_tokucho>section section h3{
width                  : 490px;
color: #579332;
margin                 : 35px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
	}
div.about_tokucho>section section img{
width                  : 450px;
margin                 : 10px 0px 14px 0px;
padding                : 0px 0px 0px 0px;
	}
div.about_tokucho>section section p{
width                  : 450px;
margin                 : 10px 0px 0px 20px;
padding                : 0px 0px 0px 0px;
	}



div.about_shopgaiyo {
width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 60px 0px;
    display: inline-block;
	}
div.about_shopgaiyo>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.about_shopgaiyo>section h2{
width                  : 1000px;
margin                 : 68px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.about_shopgaiyo>section table{
width                  : 1000px;
margin                 : 38px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background-color:#CCCCCC;
	}
div.about_shopgaiyo>section table th{
width                  : 148px;
margin                 : 0px 0px 0px 0px;
padding                : 15px 0px 11px 0px;
text-align:center;
font-weight:normal;
background-color:#FAFAFA;
	}
div.about_shopgaiyo>section table td{
width                  : 327px;
margin                 : 0px 0px 0px 0px;
padding                : 15px 10px 11px 10px;
background-color:#ffffff;
	}




/*-漢方相談--------------------------------------------------------------*/

div.medicine_aisatsu {
width                  : 100%;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.medicine_aisatsu>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.medicine_aisatsu>section h2{
width                  : 1000px;
margin                 : 68px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_aisatsu>section>p{
width                  : 1000px;
margin                 : 17px 0px 54px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
	}

div.medicine_aisatsu>section section{
width                  : 992px;
margin                 : 0px 0px 0px 0px;
padding: 0px 0px 29px 0px;
border: 4px solid #DBEFCF;
display:inline-block;
	}
div.medicine_aisatsu>section section h3{
width: 932px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 2px 77px;
font-weight: normal;
font-size: 30px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
div.medicine_aisatsu>section section p{
width                  : 500px;
margin                 : 27px 0px 0px 79px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.medicine_aisatsu>section section>img{
width                  : 337px;
margin                 : 21px 37px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
	}
div.medicine_aisatsu>section img{
margin                 : 3px 0px 0px 388px;
padding                : 0px 0px 0px 0px;
	}

div.medicine_aisatsu>section section:nth-of-type(1) h3{
background: url(/img/medicine_flow01.gif) no-repeat 24px;
	}
div.medicine_aisatsu>section section:nth-of-type(2) h3{
background: url(/img/medicine_flow02.gif) no-repeat 24px;
	}
div.medicine_aisatsu>section section:nth-of-type(3) h3{
background: url(/img/medicine_flow03.gif) no-repeat 24px;
	}
div.medicine_aisatsu>section section:nth-of-type(4) h3{
background: url(/img/medicine_flow04.gif) no-repeat 24px;
	}
div.medicine_aisatsu>section section:nth-of-type(5) h3{
background: url(/img/medicine_flow05.gif) no-repeat 24px;
	}


div.medicine_aisatsu>section section:nth-of-type(1) p img{
width                  : 500px;
margin                 : 17px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_aisatsu>section section:nth-of-type(2) p img{
width:1px; 
height:34px;
margin: 0px;
	}
div.medicine_aisatsu>section section:nth-of-type(2) p b{
margin: 0px 6px 0px 0px;
padding: 3px 6px;
background-color: #83C75A;
color: #fff;
font-weight: normal;
	}
div.medicine_aisatsu>section section:nth-of-type(2) p a{
margin: 0px 0px 0px 54px;
	}


div.medicine_qa {
width                  : 100%;
margin                 : 110px 0px 0px 0px;
padding                : 0px 0px 50px 0px;
background-color: #fcffef;
display:inline-block;
	}
div.medicine_qa>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.medicine_qa>section h2{
width                  : 1000px;
margin                 : 61px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_qa>section>p{
width                  : 1000px;
margin                 : 17px 0px 36px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
	}

div.medicine_qa>section section{
width                  : 996px;
margin                 : 18px 0px 0px 0px;
padding: 5px;
border: 2px solid #DBEFCF;
background-color:#fff;
display:inline-block;
}
div.medicine_qa>section section h3{
width: 320px;
margin: 0px 0px 0px 0px;
padding: 13px 0px 13px 70px;
font-weight: normal;
font-size: 16px;
background:url(/img/icon_medicine_qa.gif) no-repeat 0px 0px;
float:left;
	}
div.medicine_qa>section section p{
width: 590px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
	}


div.medicine_explanation {
width                  : 100%;
margin                 : 100px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.medicine_explanation>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 44px 0px;
background:url(/img/bg_medicen.jpg) right bottom no-repeat;
background-size: 400px auto;
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
	}
div.medicine_explanation>section h2{
width                  : 1000px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_explanation>section span{
width                  : 1000px;
color:#579333;
font-size:22px;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align:center;
margin                 : 46px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.medicine_explanation>section p{
width                  : 900px;
margin                 : 29px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}


div.medicine_different {
width                  : 100%;
margin                 : 100px 0px 0px 0px;
padding                : 0px 0px 50px 0px;
background-color:#FAFAFA;
display:inline-block;
	}
div.medicine_different>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.medicine_different>section h2{
width                  : 1000px;
margin                 : 61px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_different>section p{
width                  : 900px;
margin                 : 29px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
	
div.medicine_different>section>section{
width                  : 495px;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_different>section>section h3{
width                  : 175px;
font-size:22px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
margin                 : 23px 0px 0px 12px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_different>section>section p{
width                  : 175px;
margin                 : 8px 0px 0px 14px;
padding                : 0px 0px 0px 0px;
	}
div.medicine_different>section>section img{
width                  : 303px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
	}
		
div.medicine_different>section>section:nth-of-type(1){
background-color:#F1E2CC;
float:left;
	}
div.medicine_different>section>section:nth-of-type(1) h3{
color:#975032;
	}
div.medicine_different>section>section:nth-of-type(2){
background-color:#E4ECF3;
float:right;
	}
div.medicine_different>section>section:nth-of-type(2) h3{
color:#395471;
	}
	
	
	
	
/*-ダイエット商品--------------------------------------------------------------*/
div.treatment_goods {
width                  : 100%;
margin                 : 0px 0px 45px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.treatment_goods>div {
width: 1005px;
margin: 58px auto 0px auto;
padding: 0px 0px 0px 0px;
display: block ruby;
	}
div.treatment_goods>div>a{
width                  : 501px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
float: left;
	}
div.treatment_goods>div img {
width                  : 501px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
/*float: left;*/
	}
div.treatment_goods>div img:nth-of-type(1) {
border-right:none;
	}
div.treatment_goods>section{
width                  : 1000px;
margin                 : 104px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.treatment_goods>section>h2{
    width: 954px;
margin                 : 45px 0px 0px 0px;
padding: 20px 0px 13px 46px;
border-bottom:solid 1px #83c75a;
background-image:url(/img/bg-icon02.png);
background-repeat:no-repeat;
background-position:244px 19px;;
background-size:35px auto;

	}

section.things{
    width: 980px;
    margin: 60px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
display:inline-block;
}
section.things:nth-of-type(1){
    width: 980px;
    margin: 30px 0px 0px 20px;
    padding: 0px 0px 0px 0px;

}
section.things h3{
font-size:19px;
    width: 631px;
				font-weight:normal;
				border-bottom:solid 1px #b0d3ae;
    margin: 15px 0px 0px 0px;
    padding: 2px 0px 4px 24px;
				background-image:url(/img/bgicon-03.gif);
				background-repeat:no-repeat;
				background-position:2px 2px;
				float:right;
}
section.things p{
font-size:16px;
    width: 631px;
    margin: 15px 0px 0px 0px;
				line-height:160%;
				float:right;
}
section.things figure{
    width: 300px;
				float:left;
}
section.things figure img{
box-shadow         : 3px 3px 5px rgba(0,0,0,0.3);
}

section.things01{ /*ダイエット商品用*/
    width: 480px;
    margin: 60px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
				float:left;

}
section.things01:nth-of-type(1){
    width: 480px;
    margin: 30px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things01 h3{
    width: 456px;
				border-bottom:solid 1px #b0d3ae;
				font-size:19px;
								font-weight:normal;

    padding: 2px 0px 4px 24px;
    margin: 2px 0px 4px 0px;
				background-image:url(/img/bgicon-03.gif);
				background-repeat:no-repeat;
				background-position:2px 2px;
}

section.things02{ /*漢方商品用*/
    width: 480px;
    margin: 90px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things02:nth-of-type(1){
    margin: 40px 0px 0px 0px;
}
section.things02:nth-of-type(2){
    margin: 40px 0px 0px 0px;
}
section.things02:nth-of-type(odd){
				float:left;
}
section.things02:nth-of-type(even){
				float:right;
}
section.things02 h3{
    width: 475px;
				border-bottom:solid 1px #b0d3ae;
				font-size:19px;

    padding: 2px 0px 2px 5px;
    margin: 2px 0px 4px 0px;
/*				background-image:url(/img/bgicon-03.gif);
				background-repeat:no-repeat;
				background-position:2px 4px;
*/}
section.things02 figure{
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things02 img{
    width: 200px;
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things02 p{
    width: 270px;
    margin: 6px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things02 table{
    width: 480px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
				float:left;
}
section.things02 table th{
    width: 475px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
				background-color: #eee;
}
section.things02 table td{
    width: 235px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}


div.things_cta{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:center;
background-color:#eeeeee;
position:relative;
top:20px;
display:inline-block;
	}
div.things_cta img{
margin                 : 30px 0px;
padding                : 0px 0px 0px 0px;
border-top:solid 1px #eee;
border-right:solid 2px #ddd;
border-bottom:solid 3px #ccc;
border-left:solid 1px #eee;
	}
	
	
/*-お客さまのコラム--------------------------------------------------------------*/
div.customer_column {
width                  : 100%;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.customer_column>section{
width                  : 1000px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.customer_column>section h2{
width                  : 1000px;
margin                 : 68px 0px 0px 0px;
padding: 20px 0px 9px 46px;
font-size: 22px;
border-bottom: solid 1px #83c75a;
background-image: url(/img/icon03.gif);
background-repeat: no-repeat;
background-position: 5px 8px;
background-size: 35px auto;
text-align:left !important;
	}
div.customer_column>section>p{
width                  : 1000px;
margin                 : 15px 0px 0px 17px;
padding                : 0px 0px 0px 0px;
	}

	
	
	
	
/*-ダイエット商品--------------------------------------------------------------*/
div.diet_aisatsu {
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.diet_aisatsu>section{
width                  : 1200px;
margin                 : 123px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu>section figure{
width                  : 219px;
margin                 : 85px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.diet_aisatsu>section figure img{
width                  : 219px;
height:auto;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu>section figure figcaption{
width                  : 219px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
font-weight:bold;
text-align:center;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
div.diet_aisatsu>section p{
width: 950px;
margin: 55px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background:url(/img/bg-icon03.png) no-repeat right bottom;
background-size:300px auto;
float:right;
	}


div.diet_letter {
width                  : 100%;
margin                 : 150px 0px 0px 0px;
padding                : 100px 0px;
background:url(/img/bg_diet_green.gif) center;
display:inline-block;
	}
div.diet_letter>section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.diet_letter>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
background:url(/img/bg-icon04.png) no-repeat;
background-position:923px 16px;
	}
div.diet_letter>section>section:nth-of-type(1){ /* 1つ目のsectionのみコントロール */
width                  : 580px;
margin                 : 50px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.diet_letter>section>section:nth-of-type(2){ /* 2つ目のsectionのみコントロール */
width                  : 580px;
margin                 : 50px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
	}

section.diet_letter_top1_2>h3{
width                  : 565px;
margin                 : 0px 0px 0px 0px;
padding                : 12px 0px 10px 15px;
background:url(/img/bg_diet_01.gif);
font-size: 22px;
color:#444;
font-weight:normal;
	}
section.diet_letter_top1_2>div{
width                  : 329px;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:right;
float:left;
	}
section.diet_letter_top1_2>div>img{
width                  : 329px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_top1_2>figure{
width                  : 235px;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
	}
section.diet_letter_top1_2>figure figcaption{
width                  : 235px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_top1_2>figure figcaption img{
width                  : 235px;
height:auto;
margin                 : 7px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_top1_2>figure>img{
width                  : 235px;
height:auto;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}

div.diet_letter_top3_end{
width                  : 1200px;
margin                 : 50px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.diet_letter_top3_end>section{
width                  : 380px;
margin                 : 0px 0px 0px 16px;
padding                : 0px 0px 0px 0px;
display: inline-block;
	}
div.diet_letter_top3_end>section>h3{
width                  : 365px;
margin                 : 0px 0px 0px 0px;
padding                : 12px 0px 10px 15px;
background:url(/img/bg_diet_01.gif);
font-size: 22px;
color:#444;
font-weight:normal;
	}
div.diet_letter_top3_end>section>img{
width                  : 380px;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_letter_top3_end>section>label{
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
	}

	
	
	
	
	
section.diet_letter_syosai{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai h3{
width                  : 96%;
margin                 : 0px 0px 0px 0px;
padding                : 7px 2% 5px 2%;
background:url(/img/bg_diet_01.gif);
font-size: 26px;
line-height:140%;
color:#444;
	}
section.diet_letter_syosai figure{
width                  : 100%;
text-align:center;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai a{
width                  : 400px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai a img{
width                  : 400px;
height:auto;
margin                 : 10px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai span{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
text-align:right;
display:inline-block;
	}
section.diet_letter_syosai>section{
width                  : 100%;
margin                 : 20px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai>section h4{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai>section p{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai>section ul{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
section.diet_letter_syosai>section ul li{
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
list-style-type: disc !important;
list-style-position: inside;
	}


span.enquete_list_link {
	width: 1200px;
    border: solid 1px #eaa76f;
    background-color: #fefff9;
    text-align: center;
    padding: 20px 0px;
    margin: 63px 0px 0px 0px;
    float: left;
	}
span.enquete_list_link a{
padding: 20px 483px;
	}

div.diet_tokucho {
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.diet_tokucho>section{
width                  : 1200px;
margin                 : 140px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.diet_tokucho>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_tokucho>section>section{
width                  : 1200px;
margin                 : 88px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
display:inline-block;
	}
div.diet_tokucho>section>section:nth-of-type(1){
margin                 : 57px 0px 0px 0px;
	}
div.diet_tokucho>section>section h3{
width                  : 1200px;
height:49px;
margin                 : 0px 0px 0px 0px;
padding                : 24px 0px 0px 0px;
background:url(/img/diet_tokucho_bg01.png) no-repeat;
display:inline-block;
font-size:30px;
	}
div.diet_tokucho>section>section h3 img{
width                  : 188px;
margin                 : -7px 102px 0px 56px;
padding                : 0px 0px 0px 0px;
float:left;

	}
div.diet_tokucho>section>section>img{
width                  : 327px;
height:auto;
margin                 : 30px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.diet_tokucho>section>section>p{
width                  : 847px;
margin                 : 30px 0px 0px 0px;
padding                : 0px 10px 0px 0px;
float:right;
	}



div.diet_flow {
width                  : 100%;
margin                 : 150px 0px 0px 0px;
padding                : 63px 0px 100px 0px;
background:url(/img/bg_diet_yellow.gif) center;
display:inline-block;
	}
div.diet_flow>section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
text-align:center;
	}
div.diet_flow>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 37px 0px 0px 0px;
background:url(/img/bg-icon04.png) no-repeat;
background-position:923px 1px;
	}
div.diet_flow>section>img{
	width:43px;
margin                 : 19px 400px;
padding                : 0px 0px 0px 0px;
	}
div.diet_flow>section>section{
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 19px 0px;
display:inline-block;
border:solid 3px #f2a86a;
border-radius: 10px;
background:url(/img/diet_flow_bg.gif) bottom;
		}
div.diet_flow>section>section:nth-of-type(1){
margin                 : 59px 0px 0px 0px;
		}
div.diet_flow>section>section h3{
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 12px 0px 7px 0px;
background-color:#f2a86a;
text-align:center;
float:left;
		}
div.diet_flow>section>section>img{
width                  : 240px;
height:auto;
margin                 : 20px 0px 0px 10px;
padding                : 0px 0px 0px 0px;
background-color:#f2a86a;
text-align:center;
float:left;
		}
div.diet_flow>section>section>p{
width                  : 530px;
margin                 : 20px 10px 0px 0px;
padding                : 0px 0px 0px 0px;
float:right;
		}



div.diet_aisatsu_end {
width                  : 100%;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 100px 0px;
display:inline-block;
	}
div.diet_aisatsu_end>section{
width                  : 1200px;
margin                 : 155px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu_end>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu_end>section figure{
width                  : 219px;
margin                 : 79px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float:left;
	}
div.diet_aisatsu_end>section figure img{
width                  : 219px;
height:auto;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_aisatsu_end>section figure figcaption{
width                  : 219px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
font-weight:bold;
text-align:center;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
div.diet_aisatsu_end>section p{
width: 940px;
margin: 52px 0px 0px 0px;
padding                : 24px 10px 40px 0px;
background:url(/img/bg-icon03.png) no-repeat right bottom;
background-size:300px auto;
float:right;
	}



div.diet_contact {
width: 100%;
margin: 0px auto 0px auto;
padding: 100px 0px;
background-color: #feffe2;
text-align: center;
border-top: solid 4px #87d151;
border-bottom: solid 4px #87d151;
background: url(/img/bg_diet_cta.png);
}
div.diet_contact>img {
width                  : 706px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_contact>a {
width                  : 873px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}
div.diet_contact>a>img {
width                  : 873px;
margin                 : 46px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}





div.diet_qa {
width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 110px 0px;
    background: url(/img/bg_diet_green.gif) center;
    display: inline-block;
	}
div.diet_qa>section{
width                  : 1200px;
margin                 : 0px auto 0px auto;
padding                : 0px 0px 0px 0px;
	}
div.diet_qa>section h2{
width                  : 1200px;
margin                 : 0px 0px 0px 0px;
padding                : 39px 0px 0px 0px;
background:url(/img/bg-icon04.png) no-repeat;
background-position:785px bottom;

	}
div.diet_qa>section>section{
width                  : 1198px;
margin                 : 48px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
border:solid 1px #8be062;
background:url(/img/bg-icon03.png) no-repeat;
background-size:95px auto;
background-position: bottom right;
background-color:#fff;
	}
div.diet_qa>section>section h3{
width                  : 1177px;
margin                 : 0px 0px 0px 0px;
padding                : 19px 0px 16px 17px;
border:solid 2px #8be062;
background:url(/img/diet_qa_bg.gif) bottom;
color:#5ed625;
font-size:30px;
	}
div.diet_qa>section>section p{
margin                 : 0px 0px 0px 0px;
padding                : 11px 25px 13px 20px;
	}
div.diet_qa>section>section p img{
	width:200px;
height:auto;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
	}




/*----------------------------- pagetop -------------------------sta-*/


.pagetop{
display: none;
position: fixed;
bottom: 7%;
right: 5%;
opacity: 0.7;
Z-index: 5;
}
.pagetop:hover{
opacity: 0.55;
}
.pagetop img{
width: 80px;
height: 80px;
}
.slick-slide{
padding                : 15px;
}
.slick-prev:before,.slick-next:before{
color: #E2C5AF;
}
.slick-next:hover:before{
color: #000000;
}
.slick-slide:not(.slick-center) {
  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);
  transition: 0.2s linear;
}





/*----------------------------- popup overlay -------------------------sta-*/

.modal .checkbox{
  display: none;
}

/* Gray background */
.modal .modal-overlay{
  opacity: 0;
  transition: all 0.3s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: none;
  background: rgba(250,250,250,0.5);
}

/* Box */
.modal .modal-wrap{
  background: rgba(255,255,255,0.9);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  padding: 40px 50px;
  width: 60%;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.5s ease;
}
.modal .modal-wrap.small{
  width: 30%;
}
.modal .modal-wrap.full{
  width: 100%;
  height: 100%;
}

.modal .modal-wrap.a-center {
  align-self: center;
}
.modal .modal-wrap.from-left {
  transform: translateX(-100%);
}
.modal .modal-wrap.from-right {
  transform: translateX(100%);
}
.modal .modal-wrap.from-top {
  transform: translateY(-100%);
}
.modal .modal-wrap.from-bottom {
  transform: translateY(100%);
}


/* Close button */

.modal .modal-overlay .close{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 40px;
  width: 30px;
  height: 30px;
  color: #282c34;
}

.modal .modal-overlay .close:hover{
  cursor: pointer;
  color: #4b5361;
}


.modal .o-close {
   width: 100%;
   height: 1000%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
}

.modal input:checked ~ .o-close {
  z-index: 9998;
}
.modal input:checked ~ .modal-overlay{
  transform: scale(1);
  opacity  : 1;
  z-index: 9997;
  overflow: auto;
  display: flex;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
.modal input:checked ~ .modal-overlay .modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

/* Responsive Design */

/* Tablet size */
@media (max-width: 800px){
  .modal .modal-wrap {
    width: 80%;
    padding: 20px;
  }
}

/* Phone size */
@media (max-width: 500px){
  .modal .modal-wrap {
    width: 90%;
  }
}

/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}