@charset"utf-8";
/*
-----------------------------------------------
brush-up! Web Site Section
latest up-date: 25 July 2015
----------------------------------------------- */



/* **************************************************************************** */
/*
/* #billboardwrap
/*
/* **************************************************************************** */

#billboardwrap { margin-bottom:2px; overflow:hidden;}
.slides_container { position:relative;}
.slides_container .slide { display:block; width:1440px; height:800px; overflow:hidden;}
.slides_container img { position:relative;}

#billboardwrap h1 { position:absolute; top:300px; left:0; z-index:9; margin:0; padding:230px 0 0; width:100%; height:0;
	text-indent:0; white-space:nowrap; overflow:hidden; 
}
.home #billboardwrap h1 { position:absolute; top:260px; left:0; z-index:9; margin:0; padding:0; width:100%; height:245px;
	text-align:center; text-indent:0; white-space:nowrap; overflow:hidden; 
}
.page-oralcare-home #billboardwrap h1 {
	background:url(../img/oralcare/home-billboard-title.png) no-repeat center top;
}
.page-food-home #billboardwrap h1 {
	background:url(../img/food/home-billboard-title.png) no-repeat center top;
}
.page-beauty-home #billboardwrap h1 {
	background:url(../img/beauty/home-billboard-title.png) no-repeat center top;
}



/* **************************************************************************** */
/*
/* home
/*
/* **************************************************************************** */


.home .contents { position:relative; padding:200px 0 160px; background:url(../img/section/home_contents-bg.jpg) no-repeat center -30px;}
.home .contents .inner { margin:0 auto; width:700px; text-align:left; color:#2E2018;}
.home .contents h1 	{ margin:0 0 24px;}
.home .contents h2 	{ margin:0 0 24px; font-size:26px; font-weight:normal;}
.home .contents p	{ font-size:16px;}


/* .home #concept
----------------------------------------------- */
.page-concept #concept { padding:300px 0 850px; background:url(../img/section/home_concept-bg.jpg) no-repeat center top;}
.page-concept  #concept h1 { margin:0 0 60px; padding:0; height:40px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/section/home_concept-title.png) no-repeat center top;
}
.page-concept  #concept .concept-text { margin:0 0 230px; padding:300px 0 0; height:0; overflow:hidden;
	background:url(../img/section/home_concept-text.png) no-repeat center top;
}
.page-concept  #concept .contents { position:absolute; top:520px; left:180px; margin:0 auto; width:660px; text-align:left; color:#fff;}
.page-concept  #concept .contents h2 { margin:0 0 10px;}

.page-concept  #concept .treenav { position:relative; }
.page-concept  #concept .treenav ul { margin:0; padding:0;}
.page-concept  #concept .treenav li { position:absolute; margin:0; padding:0;}
.page-concept  #concept .treenav li.tn_oral { top:0px; left:420px;}
.page-concept  #concept .treenav li.tn_food { top:100px; left:592px;}
.page-concept  #concept .treenav li.tn_beauty { top:160px; left:216px;}
.page-concept  #concept .treenav li.tn_news { top:300px; left:570px;}
.page-concept  #concept .treenav li a {
	text-indent:100%; white-space:nowrap; overflow:hidden;
	background-repeat:no-repeat; background-position:left top;
	animation:flagout .3s ease-out 0s 1 normal;
	-webkit-animation:flagout .3s ease-out 0s 1 normal;
	opacity:0;
}
.page-concept  #concept .treenav li.tn_oral a { display:block; width:150px; height:166px; background-image:url(../img/nav/tn_oral.png);}
.page-concept  #concept .treenav li.tn_food a { display:block; width:150px; height:156px; background-image:url(../img/nav/tn_food.png);}
.page-concept  #concept .treenav li.tn_beauty a { display:block; width:156px; height:162px; background-image:url(../img/nav/tn_beauty.png);}
.page-concept  #concept .treenav li.tn_news a { display:block; width:142px; height:153px; background-image:url(../img/nav/tn_news.png);}
.page-concept  #concept .treenav li:hover a{
	animation:flagflip .8s ease-out 0s 1 normal forwards;
	-webkit-animation:flagflip .8s ease-out 0s 1 normal forwards;
}
@keyframes flagflip {
	0% { transform: rotateY(0deg);}
	25% { transform: rotateY(180deg);}
	100% { transform: rotateY(0deg); opacity:1;}
}
@-webkit-keyframes flagflip {
	0% { -webkit-transform: rotateY(90deg);}
	25% { -webkit-transform: rotateY(270deg);}
	100% { -webkit-transform: rotateY(0deg); opacity:1;}
}
@keyframes flagout {
	0% { transform: rotateY(0deg);}
	100% { transform: rotateY(90deg); opacity:0;}
}
@-webkit-keyframes flagout {
	0% { transform: rotateY(0deg);}
	100% { transform: rotateY(90deg); opacity:0;}
}





/* **************************************************************************** */
/*
/* Oral Care
/*
/* **************************************************************************** */

.page-oralcare-home #intro { position:relative; padding:160px 0 650px; background:url(../img/oralcare/home-intro-bg.jpg) no-repeat center top;}
.page-oralcare-home #intro .h_introduction { margin:0 auto 140px; padding:0 0 0 90px; width:444px; height:233px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/oralcare/home-intro-introduction.png) no-repeat center top;
}
.page-oralcare-home #intro h1 { margin:0 0 60px; padding:0; height:152px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/oralcare/home-intro-h.png) no-repeat 300px top;
}
.page-oralcare-home #intro p { padding:0 0 0 300px; font-size:16px; text-align:left;}


/* .oralcategory
----------------------------------------------- */
.oralcategory { padding:80px 0; background:#E6E5E0;}
.oralcategory h1 { margin:0 auto 20px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_category-food.png) no-repeat center top; border-bottom:1px dashed #311203;
}
.oralcategory ul { margin:0 auto; width:920px; text-align:left; border-top:1px solid #B4B662;}
.oralcategory li { padding:18px 0; border-bottom:1px dashed #B4B662;}
.oralcategory li:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .oralcategory li, *:first-child+html .oralcategory li { zoom: 1; } /* IE6, IE7 */
.oralcategory li .image 	{ display:none; float:left; width:200px; text-align:center;}
.oralcategory li h3 		{ margin:1em 0 1em 20px; font-size:18px; color:#666;}
.oralcategory li p 		{ margin:0 20px 0 20px;}




/* post bg
----------------------------------------------- */
.oralcare #containerwrap { background:url(../img/oralcare/bg-2.jpg) no-repeat center top fixed;}
.oralcare_counseling #containerwrap { background:url(../img/oralcare/bg_counseling5.jpg) no-repeat center top fixed; background-size:cover;}



/* oral post 1 キレイな歯茎のための食事
----------------------------------------------- */
.oralcare .tips {
	background-color: #B6D0D8;
	background-image:url(../img/common/tips_oralcare-top.gif),url(../img/common/tips_oralcare-btm.gif);
}
.oralcare .tips.bordered {
	background-color: #fff;
	background-image:url(../img/common/tips-border_oralcare-top.gif),url(../img/common/tips-border_oralcare-btm.gif),url(../img/common/tips-border_oralcare-mid.gif);
}
.oralcare .tips h3 { padding:20px 0 0 0 !important; color:#333;}
.oralcare .tips h4 { padding:20px 0 0 0 !important;}


.oralcare .entry-content ol { list-style:none;}
.oralcare .entry-content ol li { margin:0.2em 0;}
.oralcare .entry-content ol .num { display:inline-block; margin:0 6px 0 0; padding:5px 6px 6px; text-align:center; width:20px; height:20px; background-color:#C8DCE2; border-radius:100%;}


/* キレイな歯茎のための食事 */
.oral_2-1-1 {}
.oral_2-1-1 .cola { float:left; width:510px;}
.oral_2-1-1 .colb { float:right; margin-top:40px; width:238px;}

.oral_2-1-2 {}
.oral_2-1-2 .cola { float:left; width:560px;}
.oral_2-1-2 .colb { float:right; width:286px;}
.oral_2-1-2 .tips { width:300px;}

.oral_2-1-3 h3 { text-align:right}
.oral_2-1-3 .cola { float:right; width:500px;}
.oral_2-1-3 .colb { float:left; width:350px; margin:20px 0 0; text-align:right;}
.oral_2-1-3 .tips { width:300px;}

.oral_2-1-4 h3 { text-align:right}
.oral_2-1-4 .cola { float:right; width:525px;}
.oral_2-1-4 .colb { float:left; width:350px; margin:20px 0 0; text-align:right;}
.oral_2-1-4 .tips { margin-left:175px; width:300px;}

.oral_2-1-5 h3 { text-align:right}
.oral_2-1-5 .cola { float:right; width:415px;}
.oral_2-1-5 .colb { float:left; width:450px; margin:20px 0 0; text-align:right;}
.oral_2-1-5 .tips { margin-left:65px; width:300px;}

.oral_2-1-6 { }
.oral_2-1-6 .cola { float:left; width:510px;}
.oral_2-1-6 .colb { float:right; margin-top:40px; width:350px;}
.oral_2-1-6 .tips { width:390px;}

.oral_2-1-7 { }
.oral_2-1-7 .cola { float:left; width:550px;}
.oral_2-1-7 .colb { float:right; margin-top:40px; width:300px;}
.oral_2-1-7 .tips { width:390px;}


/* できるだけ自然なお手入れ */
.oral_2-2-1 {}
.oral_2-2-1 .cola { float:left; width:510px;}
.oral_2-2-1 .colb { float:right; margin-top:40px; width:340px;}

.oral_2-2-2 h2 {}
.oral_2-2-2 .cola { float:left; width:510px;}
.oral_2-2-2 .colb { float:right; width:340px; text-align:right;}

.oral_2-2-3 .massage { margin:0 auto; width:740px; text-align:center;}
.oral_2-2-3 .massage li { display:inline-block; margin:0 30px; width:300px; vertical-align:top; text-align:left;}
.oral_2-2-3 .massage p { margin:16px 0 2em;}
.oral_2-2-3 .tsubo { position:relative; margin:0 auto; width:600px; text-align:center;}
.oral_2-2-3 .tsubo li { vertical-align:top;}
.oral_2-2-3 .tsubo p.tsubo { position:absolute; top:270px; left:33px; margin:8px 0 2em; width:230px; text-align:left;}
.oral_2-2-3 .tsubo p { float:right; margin:16px 0 2em; width:300px; text-align:left;}

.oral_2-2-4 { margin:40px 0;}
.oral_2-2-4 .cola { float:left; width:480px;}
.oral_2-2-4 .colb { float:right; margin-top:20px; width:310px;}

.oral_2-2-5 .cola { float:left; width:510px;}
.oral_2-2-5 .colb { float:right; margin-top:40px; width:340px; text-align:left;}

.oral_2-2-6 .cola { float:left; width:510px;}
.oral_2-2-6 .colb { float:right; width:340px; text-align:left;}


/*  */
.oral_2-3-1 {}
.oral_2-3-1 .cola { float:left; width:510px;}
.oral_2-3-1 .colb { float:right; margin-top:40px; width:300px;}

.oral_2-3-2 { position:relative; text-align:center;}
.oral_2-3-2 ul li {text-align:left; width:200px;}
.oral_2-3-2 ul li.item1 { position:relative; top:-170px; left:280px; width:280px}
.oral_2-3-2 ul li.item2 { position:absolute; top:116px; left:0px;}
.oral_2-3-2 ul li.item3 { position:absolute; top:66px; right:20px; width:220px}
.oral_2-3-2 ul li h3 { margin-top:0 !important; font-size:16px; color:#6DA1B1;}


/*  */
.oral_2-4-1 {}
.oral_2-4-1 .cola { float:left; width:440px;}
.oral_2-4-1 .colb { float:right; margin-top:20px; width:400px;}

.oral_2-4-2 {}
.oral_2-4-2 .cola { float:right; width:310px;}
.oral_2-4-2 .colb { float:left; width:525px;}


.oral_2-4-5 {}
.oral_2-4-5 .cola { float:left; width:560px;}
.oral_2-4-5 .colb { float:right; width:220px;}


/*  */
.oral_2-5-1 dl { padding:5px 35px 20px; border:2px dashed #B6D0D8;}
.oral_2-5-1 dt { margin:1em 0 0.5em; padding:15px 0 0 20px; font-size:16px; color:#6DA1B1; 
	background:url(../img/section/oralcare_2-5-1-check.gif) no-repeat left bottom;
}
.oral_2-5-1 dd { padding:0 0 0 20px;}
.oral_2-5-1 dd:before { content:'→ ';}


/* 唾液ってこんなにすごい */
.entry-content .oral_6-1-1 h2,
.entry-content .oral_6-1-2 h2,
.entry-content .oral_6-1-3 h2 { margin:0; padding:40px 0 0 0 !important; background:url(../img/oralcare/6-1-headline.gif) no-repeat center top;}
.oral_6-1-1 ol h4 { display:inline-block;}
.oral_6-1-2 ol h5 { display:inline-block;}
.oral_6-1-3 ol h4 { display:inline-block;}
.entry-content .oral_6-1-3 ul.col3 li .image img { width:253px; height:auto;}
.entry-content .oral_6-1-3 ul.col3 li .image img { width:253px; height:auto;}





/* oral care counseling
----------------------------------------------- */
.faq-q { margin: 0 0 24px; color:#769494; background:url(../img/oralcare/frame-faq-mid.gif) repeat-y center top;}
.faq-q .faq-q-top { height:16px; background:url(../img/oralcare/frame-faq-top.gif) no-repeat center top;}
.faq-q .faq-q-btm { height:16px; background:url(../img/oralcare/frame-faq-btm.gif) no-repeat center top;}
.faq-q .faq-q-inner { padding:24px 40px;}
.faq-q .q { display:block; float:left; margin:-10px 24px 12px -10px; width:100px; height:92px; text-indent:100%; overflow:hidden; background:url(../img/oralcare/icon-faq-q.png) no-repeat center top;}

.faq-a { padding:24px 40px;}
.faq-a .a { display:block; float:left; margin:-10px 24px 12px -10px; width:100px; height:92px; text-indent:100%; overflow:hidden; background:url(../img/oralcare/icon-faq-a.png) no-repeat center top;}

.oralcare_counseling .issues { padding:40px 0 40px;}
.oralcare_counseling .counseling { position:relative; z-index:1000; padding:1px 0 0;}

.counseling { position:relative; padding:1px 0 60px; background:url(../img/oralcare/bg_counseling4.jpg) no-repeat center top fixed; background-size:auto 100%;}
.counseling .counseling-inner { margin:1px auto; padding:40px 40px 40px; width:860px; background:rgba(255,255,255,.2);}
.counseling .counseling-inner:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .counseling .counseling-inner, *:first-child+html .counseling .counseling-inner { zoom: 1; } /* IE6, IE7 */

.counseling h1 { position:relative; top:0px; margin:-50px auto 0 !important;}
.counseling ul.counseling-list { float:left; margin:0; width:520px;}
.counseling .counseling-list li { position:relative; padding:10px 0; text-align:left; border-bottom:1px solid #ccc;}
.counseling .counseling-list li a { text-decoration:none;}
.counseling .counseling-list li a .date	{ display:block; font-size:12px; line-height:1.2; color:#999;}
.counseling .counseling-list li a h3		{ margin:5px 0 3px; color:#333;}
.counseling .counseling-list li a p		{ margin:0 0 0 50px; font-size:13px; color:#333;}
.counseling .counseling-list li a .more	{ display:inline-block; padding:0 8px; font-size:12px;}
.counseling .counseling-list li a .new	{ position:absolute; top:4px; left:-8px;}
.counseling .counseling-list li a .new img { width:24px; height:auto;}
.counseling .counseling-list li a:hover p	{ color:#999;}
.counseling .counseling-list li a:hover .more{ color:#c00;}

.counseling .counseling-adviser { position:relative; float:right; margin-right:30px; padding-top:170px; width:240px; text-align:center;}
.counseling .counseling-adviser .balloon { display:block; position:absolute; top:0px; left:0px; width:208px; height:200px; 
	padding:16px 16px; text-align:left; font-size:14px; font-weight:bold; line-height:1.5;
	background:url(../img/oralcare/counseling-balloon.png) no-repeat center top; background-size:240px auto;
}
.counseling .adviser 	{ display:block;}
.counseling .adviser img{ display:block; margin:0 auto; width:200px; height:auto; border-radius:100%;}

.counseling .image { float:left; width:50px;}
.counseling .image img { width:40px; height:auto;}







/* **************************************************************************** */
/*
/* food 
/*
/* **************************************************************************** */

.page-food-home #intro { position:relative; padding:160px 0 550px; background:url(../img/food/home-intro-bg.jpg) no-repeat center bottom;}
.page-food-home #intro .h_introduction { margin:0; padding:0 0 0 90px; width:422px; height:202px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/food/home-intro-introduction.png) no-repeat center top;
}
.page-food-home #intro p { padding:0 0 0 70px; font-size:16px; text-align:left;}



/* .recipecategory
----------------------------------------------- */
.recipecategory { padding:80px 0; background:#E6E5E0;}
.recipecategory h1 { margin:0 auto 20px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_category-food.png) no-repeat center top; border-bottom:1px dashed #311203;
}
.recipecategory ul { margin:0 auto; width:920px; text-align:left; border-top:1px solid #B4B662;}
.recipecategory li { padding:18px 0; border-bottom:1px dashed #B4B662;}
.recipecategory li:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .recipecategory li, *:first-child+html .recipecategory li { zoom: 1; } /* IE6, IE7 */
.recipecategory li .cola 	{ float: left; width:200px;}
.recipecategory li .colb 	{ float:right; width:720px;}
.recipecategory li .image 	{ display:block; width:200px; text-align:center;}
.recipecategory li h3 		{ margin:1em 0; font-size:18px; color:#666;}
.recipecategory li p 		{ margin:0 20px 12px 0;}
.recipecategory li a { color:#333; text-decoration:none;}
.recipecategory li a:hover { color:#c00;}
.recipecategory li.pale { color:#999;}

.recipecategory ul ul { width:720px; border:none;}
.recipecategory ul ul li { display:inline-block; margin:0 10px 0 0; padding:4px 0; border:none;}
.recipecategory ul ul li .image 	{ width:50px; transition: transform 0.2s ease;}
.recipecategory ul ul li .image img { width:50px; height:auto;}
.recipecategory ul ul li a:hover .image 	{ transform:scale(1.1,1.1); box-shadow:1px 1px 4px rgba(0,0,0,.3);}



/* post bg
----------------------------------------------- */
.food.page #containerwrap { background:url(../img/section/food_bg-1.jpg) no-repeat center top fixed;}
#containerwrap.food_oilfreaks { background:url(../img/common/bg_wood1.jpg) repeat-y center top fixed;}


.single-recipe #billboardwrap { position:absolute; width:100%;}
.single-recipe #containerwrap { padding-top:1px; background:transparent;}
.single-recipe #containerwrap article { margin-top:800px; background:#fafafa;}
.single-recipe .nav-single { position:relative; background:#f4f4f4;}
.single-recipe .recentpost { position:relative; background:#f4f4f4;}


.single-food #billboardwrap .billboard-title,
.single-recipe #billboardwrap .billboard-title { position:absolute; top:290px; left:0; z-index:999; margin:0; padding:210px 0 0; width:100%; height:auto;
	text-indent:0; white-space:nowrap; overflow:hidden; 
}
.single-food .billboard-title,
.single-recipe .billboard-title { margin:0; padding:212px 0 0; text-indent:0; white-space:nowrap; overflow:visible; text-align:center;}
.single-food .billboard-title .name,
.single-recipe .billboard-title .name { display:inline-block; padding:16px 0; font-size:35px; color:#fff; border:solid #fff; border-width:2px 0;}
.food_nicebites #billboardwrap h1,
#billboardwrap h1.recipe_nicebites	{ background:url(../img/food/icon-billboard-nicebites.png) no-repeat center top;}
.food_5colors #billboardwrap h1,
#billboardwrap h1.recipe_5colors 	{ background:url(../img/food/icon-billboard-five.png) no-repeat center top;}
.food_beautyfood #billboardwrap h1,
#billboardwrap h1.recipe_beautyfood	{ background:url(../img/food/icon-billboard-beauty.png) no-repeat center top;}
.food_trendfood #billboardwrap h1,
#billboardwrap h1.recipe_trendfood	{ background:url(../img/food/icon-billboard-trend.png) no-repeat center top;}
.food_beautysnack #billboardwrap h1,
#billboardwrap h1.recipe_snack		{ background:url(../img/food/icon-billboard-snack.png) no-repeat center top;}



.food .tips {
	background-color: #CEBD49;
	background-image:url(../img/common/tips_food-top.gif),url(../img/common/tips_food-btm.gif);
}
.food .tips h3 { padding:20px 0 0 0 !important; color:#333;}
.food .tips h4 { padding:20px 0 0 0 !important;}




/* .prologue
----------------------------------------------- */
.prologue { margin:0 auto 40px; padding:10px 10px 0; width:980px; text-align:left;}
.prologue.col1-2 .cola { float:left; width:290px;}
.prologue.col1-2 .colb { float:right; width:625px;}
.prologue.col1-2 .colb .cola { float:left; width:290px; }
.prologue.col1-2 .colb .colb { float:right; width:290px; }

.prologue.col2-1 .cola { float:left; width:625px;}
.prologue.col2-1 .colb { float:right; width:290px;}

.prologue h1 { margin:0 0 6px; padding:0 0 4px; font-size:20px;}
.prologue h2 { margin:0 0 6px; padding:0 0 4px; font-size:16px; border-bottom:1px solid #666;}
.prologue h4 { margin:0 0 6px; padding:0 0 4px; font-size:14px; border-bottom:1px dashed #999;}
.prologue p  { line-height:1.5;}
.prologue ul.data { margin:0 0 20px; padding:4px 0 6px; color:#C1A60A;}
.prologue ul.data .level { padding:8px 0 4px 38px; color:#C1A60A; background:url(../img/food/icon-level.gif) no-repeat left center;}
.prologue ul.data .level img { vertical-align:top;}
.prologue ul.data .time { padding:8px 0 6px 38px; color:#C1A60A; background:url(../img/food/icon-time.gif) no-repeat left center;}
.ingredient ul { margin:0 0 1em;}
.ingredient ul li:before { content:'- ';}
.ingredient ul li span { display:inline; background:#fafafa;}
.ingredient ul li span.quantity { float:right; text-align:right; }


/* recipe
----------------------------------------------- */
.steps { position:relative; z-index:100; }
.steps ol, .steps ol li		{ margin:0; padding:0; border-bottom:2px solid #fff;}
.steps h1#h_howtocook 		{ position:relative; z-index:10; margin:0 0 -80px; padding:0; height:150px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/food/recipe-howtocook.png) no-repeat center top;}
.step 		{ position:relative; height:800px; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.stepimage 	{ position:absolute; top:0; width:100%; overflow:hidden;}
.step .description-wrap { position:relative; top:100px; margin:0 auto; width:90%; height:650px; text-align:left; color:#eee;}
.step .description { position:absolute; top:0; right:0; padding:0 40px 20px; width:320px; background:#333; background:rgba(51,51,51,.8);}
.step .description h3 {position:relative; top:-28px; margin:0; padding:0; height:62px; 
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background-repeat:no-repeat; background-position:center top;
}
#step1 h3 { background-image:url(../img/food/icon-step1.png);}
#step2 h3 { background-image:url(../img/food/icon-step2.png);}
#step3 h3 { background-image:url(../img/food/icon-step3.png);}
#step4 h3 { background-image:url(../img/food/icon-step4.png);}
#step5 h3 { background-image:url(../img/food/icon-step5.png);}
.step .description .bloc { margin:0 2px; padding:2px 8px; background:#C1A60A;}
.step .description .maru { margin:0 2px; padding:2px 8px; text-align:center; background:#C1A60A; border-radius:50px;}
.step .ingredient .b_nextstep,
.step .description .b_nextstep { position:absolute; bottom:0; left:50%;}
.step .ingredient .b_nextstep a,
.step .description .b_nextstep a{ clear:both; display:block; position:relative; top:23px; left:-23px;
	width:46px; height:46px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/food/icon-nextstep.png) no-repeat center top;
}

#voila 				{ position:relative; width:100%; height:800px; overflow:hidden;}
#voila .stepimage	{ position:absolute;}
#voila .voila	{ display:block; width:208px; height:208px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/food/icon-step-voila.png) no-repeat center top;}
#voila .left	{ position:absolute; top:100px; left:200px;}
#voila .right	{ position:absolute; top:100px; right:200px;}
#voila .step .description { position:absolute; top:auto; bottom:0; right:0; padding:20px 40px 20px; width:320px; background:#333; background:rgba(51,51,51,.8);}



/* recipe - 5colors
----------------------------------------------- */
.steps .ingredient-wrap { position:relative; top:0; margin:0 auto; width:920px; height:840px; text-align:left; color:#eee;}
.steps .ingredient { position:absolute; bottom:120px; left:0; padding:0 40px 20px; width:860px; background:#333; background:rgba(51,51,51,.8);}
.steps .ingredient h2 {position:relative; top:-8px; margin:0; padding:28px 0 0 90px !important; height:42px; 
	font-size:20px; text-indent:0; white-space:nowrap; overflow:hidden; 
	background:url(../img/food/icon-title-five.png) no-repeat left top;
}
.steps .ingredient h4 { margin:0 0 6px; padding:0 0 4px; font-size:16px; border-bottom:1px solid #666;}
.steps .ingredient h5 { margin:0 0 6px; padding:0 0 4px; font-size:14px; border-bottom:1px dashed #999;}
.steps .ingredient .cola { float:left; width:260px; margin-right:36px;}
.steps .ingredient .colb { float:left; width:260px;}
.steps .ingredient .colc { float:right; width:260px;}
.steps .ingredient ul li span { display:inline; background:none;}





/* fivenav
----------------------------------------------- */
.fivenav { padding:60px 0;}
.fivenav ul:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .fivenav ul, *:first-child+html .fivenav ul { zoom: 1; } /* IE6, IE7 */
.fivenav ul {}
.fivenav ul li { display:inline-block; position:relative; margin:0 14px ; width:160px; vertical-align:top;}
.fivenav ul li .image {}
.fivenav ul li .image img { border-radius:100%; transition: transform 0.2s ease;}
.fivenav ul li a .name { display:block; margin:12px 0; color:#444;}
.fivenav ul li a .link { display:block; color:#C8AF0A; font-family:'Georgia' sans-serif; font-style:italic;}
.fivenav a { display:block; text-decoration:none;}
.fivenav ul li a:hover .image img { transform:scale(1.1,1.1); box-shadow:1px 1px 8px rgba(0,0,0,.2);}
.fivenav ul li a:hover .link { color:#f00;}

.fivenav ul li .num1,
.fivenav ul li .num2,
.fivenav ul li .num3,
.fivenav ul li .num4,
.fivenav ul li .num5 { display:block; position:absolute; z-index:10; top:-30px; left:40px; width:84px; height:62px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.fivenav ul li .num1 { background-image:url(../img/food/icon-five-num1.png);}
.fivenav ul li .num2 { background-image:url(../img/food/icon-five-num2.png);}
.fivenav ul li .num3 { background-image:url(../img/food/icon-five-num3.png);}
.fivenav ul li .num4 { background-image:url(../img/food/icon-five-num4.png);}
.fivenav ul li .num5 { background-image:url(../img/food/icon-five-num5.png);}

.fivenav ul li.current a .image img { -moz-filter:grayscale(100%); -webkit-filter:grayscale(100%); transform:scale(1.1,1.1); box-shadow:1px 1px 8px rgba(0,0,0,.2);}
.fivenav ul li.current a .name,
.fivenav ul li.current a .link { color:#999;}






/* OIL FREAKS food_oilfreaks-
----------------------------------------------- */
.food_oilfreaks .breadcrumb { background:#fff;}
.food_oilfreaks .sns { background:#fff;}
.food_oilfreaks .entry-header { background:#fff;}
.food_oilfreaks .entry-title { margin:0 auto; padding:40px 0 40px 80px; width:800px; background:url(../img/common/titleicon-trendfood.png) no-repeat left center;}
.food_oilfreaks-lead { background:#fff;}
.food_oilfreaks-lead p { margin:0 auto; padding:0 0 40px; width:880px;}

/*.food_oilfreaks-seibun-wrap { background:url(../img/common/bg_paper.jpg) no-repeat center top fixed;}*/
.food_oilfreaks-seibun { margin:40px auto; padding:40px 0; width:1100px;background:rgba(255,255,255,0.9);}
.food_oilfreaks-seibun .section { margin:0 auto; width:880px;}
.zu-seibun { position:relative; margin:40px 0; padding:0 0 120px;}
.zu-seibun ul { position:absolute; top:0; left:0;}
.zu-seibun li h3 { margin:0 !important;}
.zu-seibun li.zu-seibun-1 { position:absolute; top:26px; left:58px; width:350px;}
.zu-seibun li.zu-seibun-1 p  { position:absolute; top:300px; left:40px;}
.zu-seibun li.zu-seibun-2 { position:absolute; top:46px; left:580px; width:350px;}
.zu-seibun li.zu-seibun-2 p  { position:absolute; top:340px; left:-20px;}
.zu-seibun li.zu-seibun-3 { position:absolute; top:608px; left:140px; width:300px;}
.zu-seibun li.zu-seibun-3 p  { position:absolute; top:294px; left:0px;}
.zu-seibun li.zu-seibun-4 { position:absolute; top:565px; left:590px; width:350px;}
.zu-seibun li.zu-seibun-4 h3 { padding-right:30px !important; text-align:right;}
.zu-seibun li.zu-seibun-4 p  { position:absolute; top:312px; left:0px;}

.food_oilfreaks-shibousan-wrap { padding:0 0 1px;}/* background:url(../img/common/bg_wood1.jpg) no-repeat center top fixed;}*/
.food_oilfreaks-shibousan { margin:0 auto; padding:40px 0 40px; width:1100px; background:rgba(255,255,255,0.9);}
.entry-content .food_oilfreaks-shibousan h1 { margin:0 !important; padding:20px 0 !important; height:70px; text-align:center; font-size:18px; color:#333; background:url(../img/food/trendfood-oilfreaks-shibousan-title.png) no-repeat center top;}
.food_oilfreaks-shibousan .section { margin:0 auto; width:880px;}
.zu-shibousan { position:relative; margin:0 auto; width:1002px;}
.zu-shibousan .fuhouwa,
.zu-shibousan .houwa { position:absolute; top:194px; left:0;}
.zu-shibousan .fuhouwa h2,
.zu-shibousan .fuhouwa h3,
.zu-shibousan .houwa h2,
.zu-shibousan .houwa h3 { margin:0 !important; color:#333;}

.zu-shibousan .fuhouwa-1 { position:absolute; top:0; left:128px; width:300px;}
.zu-shibousan .fuhouwa-1 h2 { text-align:center;}
.zu-shibousan .fuhouwa-1 h3 { text-align:center; padding:16px 0 0 !important; font-size:15px;}
.zu-shibousan .fuhouwa-taka { position:absolute; top:1140px; width:100%;}
.zu-shibousan .fuhouwa-taka h3 { position:absolute; top:0; left:190px; text-align:center; width:166px;}
.zu-shibousan .fuhouwa-taka h4 { margin:46px 0 30px !important; text-align:center; color:#fff;}
.zu-shibousan .fuhouwa-taka h5 { margin:210px 0 0 !important;}
.zu-shibousan .fuhouwa-taka .hoshi span{ display:inline-block; padding:0 0 0 30px; color:#D91925; }
.zu-shibousan .fuhouwa-taka-1 { position:absolute; top:16px; left:30px; width:220px;}
.zu-shibousan .fuhouwa-taka-2 { position:absolute; top:16px; left:308px; width:220px;}
.zu-shibousan .fuhouwa-taka-3 { position:absolute; top:590px; left:300px; width:540px;}
.zu-shibousan .fuhouwa-taka-4 { position:absolute; top:820px; left:240px; width:533px;}
.zu-shibousan .fuhouwa-taka-1 .hoshi { padding:5px 0 0; background:url(../img/food/trendfood-oilfreaks-hoshi1.png) no-repeat 0 0;}
.zu-shibousan .fuhouwa-taka-2 .hoshi { padding:5px 0 0; background:url(../img/food/trendfood-oilfreaks-hoshi2.png) no-repeat 0 0;}
.zu-shibousan .fuhouwa-taka-3 h4 { margin:0 0 0 !important; padding:10px 0 10px 40px !important; text-align:left; color:#D91925; background:url(../img/food/trendfood-oilfreaks-hoshi3.png) no-repeat 0 0;}
.zu-shibousan .fuhouwa-taka-4 h4 { margin:0 0 20px !important; text-align:center;}

.zu-shibousan .fuhouwa-ikka { position:absolute; top:1134px; left:660px; width:280px;}
.zu-shibousan .fuhouwa-ikka h3 { text-align:center;}
.zu-shibousan .fuhouwa-ikka h4 { margin:46px 0 36px !important; text-align:center; color:#fff;}
.zu-shibousan .fuhouwa-ikka h5 { margin:260px 0 0 !important;}

.zu-shibousan .houwa-1 { position:absolute; top:0; left:582px; width:300px;}
.zu-shibousan .houwa-1 h2 { text-align:center; color:#333;}
.zu-shibousan .houwa-1 h3 { text-align:center; padding:16px 0 0 !important; font-size:15px; color:#333;}
.zu-shibousan .houwa-tan { position:absolute; top:498px; left:223px; width:210px;}
.zu-shibousan .houwa-tan h3 { text-align:center; padding:16px 0 12px !important; font-size:15px; color:#333;}
.zu-shibousan .houwa-chu { position:absolute; top:498px; left:503px; width:210px;}
.zu-shibousan .houwa-chu h3 { text-align:center; padding:16px 0 12px !important; font-size:15px; color:#333;}
.zu-shibousan .houwa-cho { position:absolute; top:498px; left:773px; width:210px;}
.zu-shibousan .houwa-cho h3 { text-align:center; padding:16px 0 !important; font-size:15px; color:#333;}
.entry-content .zu-shibousan .houwa-tan div { position:absolute; top:390px;}
.entry-content .zu-shibousan .houwa-chu div { position:absolute; top:390px;}
.entry-content .zu-shibousan .houwa-cho div { position:absolute; top:390px;}

.food_oilfreaks-shibousan-wrap .bordered { margin:40px auto 40px !important; width:1008px; background:rgba(255,255,255,0.9);}






/* **************************************************************************** */
/*
/* Beauty
/*
/* **************************************************************************** */

.page-beauty-home #intro { position:relative; padding:140px 0 650px; background:url(../img/beauty/home-intro-bg.jpg) no-repeat center top;}
.page-beauty-home #intro .h_introduction { margin:0 auto 40px; padding:0 0 0 90px; width:444px; height:240px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/beauty/home-intro-introduction.png) no-repeat center top;
}
.page-beauty-home #intro h1 { margin:0 0 60px; padding:0; height:152px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/beauty/home-intro-h.png) no-repeat 40px top;
}
.page-beauty-home #intro p { padding:0; font-size:16px; text-align:left;}
.page-beauty-home #intro .intro-text1 { position:relative; top:-110px; left:560px; width:300px;}
.page-beauty-home #intro .intro-text2 { position:relative; top:110px; left:170px; width:300px;}
.page-beauty-home #intro .intro-text2 h2 {}
.page-beauty-home #intro h2 { margin:0 0 1em; font-size:18px; text-align:left;}


/* post bg
----------------------------------------------- */
.beauty #containerwrap { background:url(../img/beauty/bg-1.jpg) no-repeat center top fixed;}



/* post 1 「巡り」について考える
----------------------------------------------- */
.meguri .col_1-1 .cola { float:left; width:238px;}
.meguri .col_1-1 .colb { float:right; width:510px; margin-top:30px;}
.meguri .col_1-2 .cola { float:left; width:330px;}
.meguri .col_1-2 .colb { float:right; width:420px; margin-top:20px;}
.meguri .col_1-3 .cola { margin:-40px 0 0 0;}
.meguri .col_1-3 .cola { float:right; width:330px;}
.meguri .col_1-3 .colb { float: left; width:420px; margin:20px 0 0 30px;}

.beauty_1-1 .cola { float:left; width:530px; padding-top:30px;}
.beauty_1-1 .colb { float:right; width:330px;}


.beauty_2-1 { margin:0 0 40px 0;}
.beauty_2-1 .cola { float:left; width:560px;}
.beauty_2-1 .colb { float:right; width:280px;}
.beauty_2-2 { margin:20px 0 40px;}
.beauty_2-2 .cola { float:right; width:550px;}
.beauty_2-2 .colb { float:left; width:300px; text-align:center;}
.beauty_2-3 .cola { float:left; width:560px;}
.beauty_2-3 .colb { float:right; width:280px;}

.beauty_3-1 { margin:0 0 40px 0;}
.beauty_3-1 .cola { float:left; width:400px;}
.beauty_3-1 .colb { float:right; width:450px;}











/* **************************************************************************** */
/*
/* News & campaign
/*
/* **************************************************************************** */

/* post bg
----------------------------------------------- */
.news #containerwrap { background:url(../img/section/news_bg-1.jpg) no-repeat center top fixed;}
.page-news-presents #containerwrap { background:url(../img/section/news_bg-2.jpg) no-repeat center top fixed;}
.page-news-presents #container article { position:relative; margin:100px 0 0; padding:84px 30px 60px; text-align:left; background:rgba(255,255,255,.9); box-shadow:0 0 0;}

.page-news-presents .entry-title { margin:80px 0; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/common/h_news.png) no-repeat center top;}

.news .entry-content p { line-height:2;}




/* **************************************************************************** */
/*
/* recent post
/*
/* **************************************************************************** */

.recentpost { position:relative; padding:80px 0;}
.recentpost h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_recentposts.png) no-repeat center top; border-bottom:1px dashed #ccc;
}


.page-food-home .recentpost h1,
.food .recentpost h1,
.recipe .recentpost h1 {
	background:url(../img/headline/h_recentposts-food.png) no-repeat center top; border-bottom:1px dashed #ccc;
}

.food .recentpost { background:url(../img/food/bg_recentpost.jpg) no-repeat center top fixed; }
.food .recentpost ul li h3 { color:#eee;}
.food .recentpost ul li p  { color:#ccc;}
.food .recentpost ul li a .more { color:#B4B662;}
.food .recentpost ul li a:hover h3,
.food .recentpost ul li a:hover p { color:#fff !important;}
.food .recentpost ul li a:hover .more { color:#E3D264;}



/* **************************************************************************** */
/*
/* list title / issues / counseling
/*
/* **************************************************************************** */

.issues { padding:80px 0;}
.issues .lead { margin:0 auto 40px; width:900px; text-align:left;}

.oralcare .issues h1,
.oralcare_counseling .issues h1,
.page-oralcare-home .issues h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_issues-oral.png) no-repeat center top; border-bottom:1px dashed #ccc;
}
.oralcare .counseling h1,
.oralcare_counseling .counseling h1,
.page-oralcare-home .counseling h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_counseling-oral.png) no-repeat center top; border-bottom:1px dashed #ccc;
}
.food .issues h1,
.page-food-home .issues h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_issues-food.png) no-repeat center top; border-bottom:1px dashed #ccc;
}
.beauty .issues h1,
.page-beauty-home .issues h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_issues-beauty.png) no-repeat center top; border-bottom:1px dashed #ccc;
}

.news .issues h1,
.page-news-presents .issues h1 { margin:0 auto 40px; text-align:center; width:500px; height:106px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_issues-news.png) no-repeat center top; border-bottom:1px dashed #ccc;
}


/* **************************************************************************** */
/*
/* post tiling
/*
/* **************************************************************************** */

.post3 ul { margin:0 auto; width:1000px; text-align:center;}
.post3 ul li 		{ display:inline-block; margin:0 30px 30px; width:256px; vertical-align:top; text-align:left;}
.post3 ul li .new 	{ position:absolute; top:-4px; left:-4px;}
.post3 ul li h3 	{ margin:0.6em 0 1.5em; padding:0 8px; font-size:14px; font-weight:normal; color:#222;}
.post3 ul li p 	{ padding:0 8px; font-size:13px; color:#444;}
.post3 ul li .date 	{ padding:0 8px; font-size:11px; color:#999;}
.post3 ul li a .more { display:block; padding:0 8px; font-size:12px;}
.post3 ul li a 	{ position:relative; display:block; padding:0 0 24px 0; width:256px; text-decoration:none;}
.post3 ul li a:hover {}
.post3 ul li a img	{ max-width:256px;}
.post3 ul li a .image	{ display:block; max-width:256px; max-height:240px; overflow:hidden; transition: transform 0.2s ease;}
.post3 ul li a:hover .image { transform:scale(1.1,1.1); box-shadow:1px 1px 8px rgba(0,0,0,.2);}

.post4 ul { margin:0 auto; width:1000px; text-align:center;}
.post4 ul li 		{ display:inline-block; margin:0 10px 30px; width:220px; vertical-align:top; text-align:left;}
.post4 ul li .new { position:absolute; top:-4px; left:-4px;}
.post4 ul li h3 	{ margin:0.6em 0 1.5em; padding:0 8px; font-size:14px; font-weight:normal; color:#222;}
.post4 ul li p 	{ padding:0 8px; font-size:13px; color:#444;}
.post4 ul li .date 	{ padding:0 8px; font-size:11px; color:#999;}
.post4 ul li a .more { display:block; padding:0 8px; font-size:12px;}
.post4 ul li a 	{ position:relative; display:block; padding:0 0 24px 0; width:220px; text-decoration:none;}
.post4 ul li a:hover {}
.post4 ul li a img	{ max-width:220px;}
.post4 ul li a .image	{ display:block; max-width:220px; max-height:150px; overflow:hidden; transition: transform 0.2s ease;}
.post4 ul li a:hover .image { transform:scale(1.1,1.1); box-shadow:1px 1px 8px rgba(0,0,0,.2);}


article .post4 ul { width:auto;}


#container article .post4 ul li { width:200px;}
#container article .post4 ul li a 	{ width:200px;}
#container article .post4 ul li a img	{ max-width:200px; height:auto;}
#container article .post4 ul li a .image	{ max-width:200px; max-height:136px;}


.sticky ul 		{ margin:0 auto; width:868px;}
.sticky ul li	{ margin:16px 0 0; padding:0 0 16px; border-bottom:1px dashed #ccc;}
.sticky ul li a .image	{ display:block; float:left; width:256px; margin-right:24px;}
.sticky ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .sticky ul li, *:first-child+html ..sticky ul li { zoom: 1; } /* IE6, IE7 */
.sticky ul li .new { position:absolute; top:-4px; left:-4px;}
.sticky ul li h3 	{ margin:0.6em 0 1.5em; padding:0 8px; font-size:18px; font-weight:bold; color:#444;}
.sticky ul li p 	{ padding:0 8px; font-size:14px; color:#444; line-height:1.8;}
.sticky ul li .date 	{ padding:0 8px 0 0; font-size:11px; color:#999;}
.sticky ul li a 	{ position:relative; display:block; text-decoration:none;}
.sticky ul li a .image	{ display:block; max-width:256px; max-height:240px; overflow:hidden; transition: transform 0.2s ease;}
.sticky ul li a:hover .image { transform:scale(1.1,1.1); box-shadow:1px 1px 8px rgba(0,0,0,.2);}




/* **************************************************************************** */
/*
/* behind the scenes
/*
/* **************************************************************************** */

.behind { margin:0 auto; padding:80px 0; background:#f3f3f3;}
.behind h1 { margin:0 auto 20px; text-align:center; width:500px; height:44px;
	text-indent:100%; white-space:nowrap; overflow:hidden; 
	background:url(../img/headline/h_behind.png) no-repeat center top; border-bottom:1px dashed #311203;
}
.behind ul { margin:0 auto; width:1000px;}
.behind li { display:inline-block; margin:12px 10px; width:160px; height:160px;}
.behind li a { display:block; transition: transform 0.2s ease;}
.behind li a:hover { transform:scale(1.2,1.2); box-shadow:1px 1px 8px rgba(0,0,0,.4);}




/* **************************************************************************** */
/*
/* .entry
/*
/* **************************************************************************** */

.category-title p { margin:120px 0 40px; padding:0; text-align:left;
	height:110px; text-indent:100%; white-space:nowrap; overflow:hidden;
	background-repeat:no-repeat; background-position:left top;
}
.oralcare .category-title p { background-image:url(../img/headline/oral_category-title.png);}
.oralcare_counseling .category-title p { background-image:url(../img/headline/oral_category-title.png);}
.food .category-title p 	{ background-image:url(../img/headline/food_category-title.png);}
.beauty .category-title p 	{ background-image:url(../img/headline/beauty_category-title.png);}
.news .category-title p 	{ background-image:url(../img/headline/news_category-title.png);}
.page-news-presents .category-title p 	{ margin-top:0; background:url(../img/headline/h_news-page.png) no-repeat center top;}


.breadcrumb { margin:0 0 64px; font-size:12px;}
.breadcrumb a { margin-right:9px; text-decoration:none;}
.breadcrumb a:hover { text-decoration:underline;}
.breadcrumb a:after { content:' >';}
.breadcrumb span { color:#666;}



#container .sns { position:absolute; top:14px; right:44px; text-align:right;}
#container .sns li { margin-right:16px;}
#container .sns .sns_tweet { display:inline-block; width:44px; height:44px; background:url(../img/nav/b_sns-tweet-article.gif) no-repeat left top;}
#container .sns .sns_share { display:inline-block; width:44px; height:44px; background:url(../img/nav/b_sns-share-article.gif) no-repeat left top;}



.entry-header { }
.single-oralcare .entry-header { height:0;}
.single-beauty .entry-header { height:0;}
.entry-header .terms { display:inline-block; padding:0; width:150px; height:27px; text-align:center; line-height:27px; font-size:12px; color:#fff; background:url(../img/common/bg_terms-beauty.gif) no-repeat 0 0;}
.entry-title { margin:0 0 40px; padding:0; text-align:left; font-size:20px;}

.entry-content,
#container .entry-content { padding-bottom:0px; text-align:left;}
#container .entry-content p { margin-bottom:24px;}
#container .entry-content p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .clearfix, *:first-child+html .clearfix { zoom: 1; } /* IE6, IE7 */

.entry-content h1,
.entry-content h2,
.entry-content h3 { margin:2.5em 0 1.5em !important; padding:0 !important; color:#666;}
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin:1.5em 0 0.5em !important; padding:0 !important;}
.entry-content h2 { font-size:18px;}
.entry-content h3 { font-size:18px;}
.entry-content h4 { font-size:16px;}
.entry-content h2 + h3 { margin-top:0 !important;}

.entry-content .caption{ font-size:13px; line-height:1.4; color:#666;}


/* .entry-content column
----------------------------------------------- */
.entry-content .col2 .cola { float:left; width:420px;}
.entry-content .col2 .colb { float:right; width:420px;}
.entry-content .col2 .cola img,
.entry-content .col2 .colb img { width:420px; height:auto;}


.entry-content .col2_p-t .cola { float: left; width:320px; margin-bottom:24px;}
.entry-content .col2_p-t .colb { float:right; width:520px;}
.entry-content .col2_p-t img { width:320px; height:auto;}


.entry-content .col2_t-p .cola { float:right; width:320px; margin-bottom:24px;}
.entry-content .col2_t-p .colb { float: left; width:520px;}
.entry-content .col2_t-p img { width:320px; height:auto;}


.entry-content .col3 .cola { float:left; width:300px;}
.entry-content .col3 .colb { float:right; width:300px;}
.entry-content .col3 .colc { float:right; width:300px;}
.entry-content ul.col3 { margin:0 !important; padding:0 !important; text-align:center;}
.entry-content ul.col3 li { display:inline-block; float:none; margin:0 12px !important; padding:0 !important; width:253px; vertical-align:top; text-align:left;}
.entry-content ul.col3 li .image { margin:0 0 12px;}






/* bordered column
----------------------------------------------- */
.entry-content .bordered { margin:24px 0; padding:24px 44px 20px; border:1px solid #ccc;}
.entry-content .bordered h3 { margin-top:24px;}
.oralcare .entry-content .bordered { border:1px solid #8BA4A4;}
.beauty .entry-content .bordered { margin:24px 0; padding:24px 44px 20px; border:dashed #C8A8B3; border-width:2px; }
.beauty .entry-content .bordered h3 { color:#C8A8B3; border-bottom:1px solid #C8A8B3;}
.food .entry-content .bordered { margin:24px 0; padding:24px 44px 20px; border:dashed #CEBD49; border-width:2px; }



/* tips column
----------------------------------------------- */
.tips {
	margin-bottom:20px;
	padding:24px 44px 24px;
	line-height:1.5;
	background-repeat:no-repeat, no-repeat;
	background-position:center top, center bottom;
}
.tips.bordered {
	margin-bottom:20px;
	padding:24px 44px 24px;
	line-height:1.5;
	border:none !important;
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:center top, center bottom, center top;
}

.entry-content .tips > h3,
.entry-content .tips > h4 { margin-top:0 !important; padding:0 !important;}

.tips .col2 .cola { float:left; width:380px;}
.tips .col2 .colb { float:right; width:380px;}




/* align
----------------------------------------------- */
.news #container .entry-content img,
.oralcare_counseling #container .entry-content img,
.editor-attachment {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#container .entry-content img.size-full {
	width: auto/9; /* Prevent stretching of full-size images in IE8 */
}
#container .entry-content img[class*="wp-image-"] {
	height: auto;
	max-width: 100%;
}
#container .entry-content img[class*="align"],
#container .entry-content img[class*="wp-image-"],
#container .entry-content img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content .imgleft img { float: left; margin:0 24px 16px 0;}
.entry-content .imgright img { float:right; margin:0 0 16px 24px;}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 2px 24px 16px 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	display: inline;
	float: right;
	margin: 2px 0 16px 24px;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin: 2px auto 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}



/* .wp-caption
----------------------------------------------- */
.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}




/*.pageimage
----------------------------------------------- */
.pageimage { position:relative; margin:0 0 20px; width:880px; height:420px; overflow:hidden;}
.pageimage .after { position:absolute; top:0; left:0; width:880px; height:420px; background:url(../img/common/pageimage-mask.png) no-repeat 0 0;}
.oralcare .pageimage .after { position:absolute; top:0; left:0; width:880px; height:420px; background:url(../img/common/pageimage-mask-oralcare.png) no-repeat 0 0;}
.beauty .pageimage .after { position:absolute; top:0; left:0; width:880px; height:420px; background:url(../img/common/pageimage-mask-beauty.png) no-repeat 0 0;}




/* page previous next navigation
----------------------------------------------- */
.nav-single { margin:0px 0 0; border-top:1px solid #999; border-bottom:1px solid #ddd; text-align:center; line-height:1.4;}
.nav-single .nav-prev 	{ display:block; float: left; margin:15px 2%; width:45%; font-size:18px; text-align:right; }
.nav-single .nav-prev span.nextprev:before { content:'←';}
.nav-single .nav-next 		{ display:block; float:right; margin:15px 2%; width:45%; font-size:18px; text-align:left; }
.nav-single .nav-next span.nextprev:after { content:'→';}
.nav-single a { text-decoration:none;}
.nav-single span.postname { display:block; font-size:14px; color:#666;}





/* **************************************************************************** */
/*
/* ABOUT US
/*
/* **************************************************************************** */

.page-aboutus {}
.page-aboutus #container article { position:relative; margin:0; padding:84px 30px 60px; text-align:left; background:#fafafa; box-shadow:0 0 0;}

.page-aboutus .entry-title { margin:80px 0; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/headline/h_aboutus.png) no-repeat center top;}
.page-aboutus .entry-content a { color:#8BA4A4;}
.page-aboutus .entry-content a:hover { color:#B6D0D8;}


.page-aboutus .entry-content .lead { margin-bottom:2em; font-size:15px;}
.page-aboutus .entry-content .us { text-align:right; font-size:16px;}

.page-aboutus .entry-content .supervisor { margin:0 0 60px;}
.page-aboutus .entry-content .supervisor .image { float:left; width:290px; height:290px; overflow:hidden; border-radius:100%;}
.page-aboutus .entry-content .supervisor .include { float:right; width:600px;}
.page-aboutus .entry-content .supervisor .include .label{ margin:0 !important; font-family:serif;}
.page-aboutus .entry-content .supervisor .include h2 { margin:0 !important;}
.page-aboutus .entry-content .supervisor .include h3 { margin:1.5em 0 0.8em !important; font-family:sans-serif; font-size:15px;}
.page-aboutus .entry-content .supervisor .include .titles { font-family:serif; font-size:13px;}
.page-aboutus .entry-content .supervisor .include .caption { font-size:13px;}
.page-aboutus .entry-content .supervisor .include .url { color:#8BA4A4;}
.page-aboutus .entry-content .supervisor .include .url a { padding-left:12px; font-family: georgia; font-style:italic; text-decoration:none; }
.page-aboutus .entry-content .supervisor .include .url a:hover { text-decoration:underline;}

.page-aboutus .entry-content .supervisor .include #name-tou,
.page-aboutus .entry-content .supervisor .include #name-yamamoto,
.page-aboutus .entry-content .supervisor .include #name-sakiyama { height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:left top; }
.page-aboutus .entry-content .supervisor .include #name-tou { background-image:url(../img/common/name-tou.png); }
.page-aboutus .entry-content .supervisor .include #name-yamamoto { background-image:url(../img/common/name-yamamoto.png); }
.page-aboutus .entry-content .supervisor .include #name-sakiyama { background-image:url(../img/common/name-sakiyama.png); }

.page-aboutus .entry-content .col_staffs {}
.page-aboutus .entry-content .col_staffs ul.col3 { margin:0; padding:0; text-align:center;}
.page-aboutus .entry-content .col_staffs ul.col3 li { display:inline-block; margin:0; padding:0; width:300px; }
.page-aboutus .entry-content .col_staffs ul { margin:0; padding:0; text-align:center;}

.page-aboutus .entry-content .col_staffs h3 { margin:2.5em 0 0.5em !important;}
.page-aboutus .entry-content .col_staffs #credit-design,
.page-aboutus .entry-content .col_staffs #credit-photo,
.page-aboutus .entry-content .col_staffs #credit-styling,
.page-aboutus .entry-content .col_staffs #credit-project,
.page-aboutus .entry-content .col_staffs #credit-company { height:24px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.page-aboutus .entry-content .col_staffs #credit-design 	{ background-image:url(../img/common/credit-design.png); }
.page-aboutus .entry-content .col_staffs #credit-photo 		{ background-image:url(../img/common/credit-photo.png); }
.page-aboutus .entry-content .col_staffs #credit-styling 	{ background-image:url(../img/common/credit-styling.png); }
.page-aboutus .entry-content .col_staffs #credit-project 	{ background-image:url(../img/common/credit-project.png); }
.page-aboutus .entry-content .col_staffs #credit-company 	{ background-image:url(../img/common/credit-unei.png); }


.page-aboutus .aboutus-lead { margin:0 0 80px; }
.page-aboutus .aboutus-lead .cola { float:left; width:600px;}
.page-aboutus .aboutus-lead .colb { float:right; width:290px;}
.page-aboutus .aboutus-lead .colb img { border-radius:100%;}





/* **************************************************************************** */
/*
/* PRIVACY POLICY
/*
/* **************************************************************************** */

.page-contact .entry-title { margin:80px 0; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/headline/h_contact.png) no-repeat center top;}



/* **************************************************************************** */
/*
/* CONTACT
/*
/* **************************************************************************** */

.page-privacy-policy .entry-title { margin:80px 0; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/headline/h_privacy.png) no-repeat center top;}




/* **************************************************************************** */
/*
/* CONTACT FORM
/*
/* **************************************************************************** */

.wpcf7-mail-sent-ok { display:none;}
.wpcf7:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .wpcf7, *:first-child+html .wpcf7 { zoom: 1; } /* IE6, IE7 */

.wpcf7 input { padding:4px; width:260px; font-size:14px; border:2px solid #999; border-radius:5px;}
.wpcf7 input[type=checkbox] { width:1em; vertical-align:text-top;}
.wpcf7 textarea { padding:4px; width:360px; height:10em; font-size:14px; border:2px solid #999; border-radius:5px;}
.wpcf7 input.submit { margin:0; padding:12px 34px 10px; width:auto; font-size:14px; color:#fff; background:#D2BD36; border:none; cursor:pointer;}
.wpcf7 input.submit:hover { background:#F7C200;}

.page-contact .entry-content {}
.page-contact .note{ float:left; width:330px;}
.page-contact .note .sent-complete { display:none; color:#6DA1B1;}
.page-contact .sent .note .info { display:none;}
.page-contact .sent .note .sent-complete { display:block;}
.page-contact .messageform { float:right; width:460px;}
.page-contact .mailform { clear:both;}
.page-contact .mailform li { margin:0 0 1em 0;}
.page-contact .mailform li .dt { display:block;}
.page-contact .mailform li.side {}



.counseling-form { margin:40px -30px; padding:54px 60px; width:800px; height:496px; text-align:left; background:url(../img/oralcare/counseling-notebg.png) no-repeat center top; }
.counseling-form .note{ float:left; width:320px;}
.counseling-form .note h2 { height:58px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/oralcare/counseling-note-h.png) no-repeat center top;}
.counseling-form .note h3 { margin-bottom:36px; text-align:center; color:#666;}
.counseling-form .note p { line-height:2;}
.counseling-form .sent-complete { display:none; color:#6DA1B1;}
.counseling-form .sent .messageform-inner{ display:none;}
.counseling-form .sent .sent-complete { display:block;}

.counseling-form .messageform { float:right; margin:20px 60px 0 0; width:300px;}
.counseling-form input 		{ background:rgba(255,255,255,.5); border-color:#83B3B2;}
.counseling-form textarea 	{ width:300px; background:rgba(255,255,255,.5); border-color:#83B3B2;}
.counseling-form .mailform { clear:both;}
.counseling-form .mailform li { margin:0 0 1em 0;}
.counseling-form .mailform li .dt { display:block;}
.counseling-form .mailform li.side {}
.counseling-form input.submit { background:#789595;}
.counseling-form input.submit:hover { background:#83C9C3;}