@charset "UTF-8";
@media screen and (max-width: 640px) {

body{
	padding-top:40px;
	min-width:320px;
	-webkit-text-size-adjust: 100%;
}

/* pcのみ・スマホのみ表示するdiv */

div.pc-only {
	display: none !important;
}

div.smp-only {
	display: block !important;
}

/* pcのみ・スマホのみ表示する画像と文字 */

img.pc-only,
span.pc-only {
	display: none !important;
}

img.smp-only,
span.smp-only {
	display: inline !important;
}

/* スマホのみ改行する */

br.smp-only {
	display: inline !important;
}

/* スマホのみ表示するthead */

thead.smp-only {
	display: table-header-group !important;
}

/* ------------------------------
ヘッダー
------------------------------ */
#HEADER_LINE{
	display:none;
}

#HEADER_LINE .header_line{
	width:auto;
	margin:5px 10px 0;
}

#HEADER_LINE .header_line h1{
	font-weight:normal;
}

header{

}

header .header{
	width:auto;
	margin:0px auto 4px;
	background-color:#fff;
}

header .header .header_left{
	width:auto;
	height:auto;
	float:none;
	box-sizing:border-box;
	text-align:center;
}

header .header .header_right{
	display:none;
}

header .header .header_left img{
	width:200px;
	vertical-align:bottom;
	display:block;
	margin:0 auto;
}

/* ------------------------------
スマホ固定ヘッダー
------------------------------ */

#SP_NAV{
	background-color:#fff;
	width:100%;
	height:40px;
	box-sizing:border-box;
	position:fixed;
	top:0;
	display:block;
	z-index:9999;
	border-bottom: 1px solid #F2F3F1;
}

#SP_NAV ul{
	position:relative;
}

#SP_NAV ul li a{
	display:block;
	width:20%;
	box-sizing:border-box;
	float:left;
	font-size:10px;
	text-align:center;
	color:#32B9D9;
	font-weight:normal;
	position:relative;
	padding-top:21px;
	text-decoration:none;
}

#SP_NAV ul li a:before{
	content:" ";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	width:25px;
	height:25px;
	background-size:25px 25px;
	top:1px;
	left:50%;
	margin-left:-12.5px;
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/sp_nav_icon01.png");
}

#SP_NAV ul li.new a:after{
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	border-radius: 22px;
	border: 1px solid #fff;
	background-color: #F39800;
	color: #fff;
	width: 25px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	font-size: 10px;
	padding:0 2px;
	content:"New";
}

#SP_NAV ul li:nth-of-type(2) a:before{
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/sp_nav_icon02.png");
}


#SP_NAV ul li:nth-of-type(3) a:before{
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/sp_nav_icon03.png");
}

#SP_NAV ul li:nth-of-type(4) a:before{
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/sp_nav_icon04.png");
}

#SP_NAV ul li:nth-of-type(5) a:before{
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/sp_nav_icon05.png");
}

/* ------------------------------
スマホメニュー
------------------------------ */

#overlay {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999;
}

#gm_sp {
	opacity: 0;
	position: fixed;
	top: 0;
	right: -100%;
	background-color: #fff;
	width: 80%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	font-size:100%;
	border-left:1px solid #A4A5A5;
	padding-bottom:30px;
	-webkit-overflow-scrolling: touch;
}

.pc_none{
	display:block;
}

#gm_sp #close{
	padding:10px 10px 11px;
	font-weight:bold;
	border-bottom:1px solid #99dcec;
	background-color:#32B9D9;
	font-size:120%;
	color:#fff;
	text-align:right;
}

#gm_sp #close:before{
	content:"\f00d";
	font-family:FontAwesome;
	display:inline-block;
	margin-right: 10px;
	font-size:120%;
}

/*
#gm_sp h3{
	background-color: #32B9D9;
	color: #fff;
	padding:8px 10px;
	position:relative;
	font-size:100%;
	border-bottom:1px solid #99dcec;
}
*/

#gm_sp .sp_menu01 h3 {
    color: #333;
    background: none;
    text-align: center;
    position: relative;
    padding: 7px 0 7px;
}

#gm_sp .sp_menu01 h3:before {
    content: " ";
    display: block !important;
    width: 100px;
    height: 22px;
    background: url(https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/menu_link_txt.png);
    background-size: 100px 22px;
    position: relative;
    right: 0;
    margin: 0px auto 0px;
}

#gm_sp .sp_menu02 h3 {
    color: #333;
    background: none;
    text-align: center;
    position: relative;
    padding: 0px 0 7px;
}

#gm_sp .sp_menu02 h3:before {
    content: " ";
    display: block !important;
    width: 100px;
    height: 22px;
    background: url(https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/entry_link_txt.png);
    background-size: 100px 22px;
    position: relative;
    right: 0;
    margin: 0px auto 0px;
}

/*
#gm_sp .sp_menu01 h3:before,
#gm_sp .sp_menu02 h3:before{
 	content: "\f040";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
 	right: 10px;
	top:50%;
	margin-top:-9px;
	font-weight: normal;
}

#gm_sp .sp_menu02 h3:before {
 	content: "\f005";
}
*/

#gm_sp .sp_menu02 li a{
	display:block;
	color:#303030;
	text-decoration:none;
	padding:15px 10px 15px 60px;
	padding-left:10px;
	box-sizing:border-box;
	position:relative;
	font-size:100%;
	background-color:#fff;
	font-weight:normal;
	border-bottom:1px solid #99dcec;
}

#gm_sp .sp_menu01 li a:after,
#gm_sp .sp_menu02 li a:after{
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	right:10px;
}

#gm_sp .sp_menu01 li a{
	display:block;
	color:#303030;
	text-decoration:none;
	padding:15px 10px 15px 46px;
	box-sizing:border-box;
	position:relative;
	font-size:100%;
	background-color:#fff;
	font-weight:normal;
	border-bottom:1px solid #99dcec;
}

#gm_sp .sp_menu01 li:nth-of-type(1) a{
	border-top:1px solid #99dcec;
}

#gm_sp .sp_menu02 li:nth-of-type(1) a{
	border-top:1px solid #99dcec;
}

/*
#gm_sp .sp_menu01 li a:before,
#gm_sp .sp_menu02 li a:before {
	content: " ";
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	position: absolute;
	left:14px;
	top: 50%;
	margin-top: -18px;
}
*/

#gm_sp .sp_menu01 li a:before{
	content: " ";
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	position: absolute;
	left:10px;
	top: 50%;
	margin-top: -18px;
}


#gm_sp .sp_menu01 li:nth-of-type(1) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon01.png");
}

#gm_sp .sp_menu01 li:nth-of-type(2) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon03.png");
}

#gm_sp .sp_menu01 li:nth-of-type(3) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon02.png");
}

#gm_sp .sp_menu01 li:nth-of-type(4) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon13.png");
}

#gm_sp .sp_menu01 li:nth-of-type(5) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon05.png");
}

#gm_sp .sp_menu01 li:nth-of-type(6) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon06.png");
}

#gm_sp .sp_menu01 li:nth-of-type(7) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon07.png");
}

#gm_sp .sp_menu01 li:nth-of-type(8) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon08.png");
}

#gm_sp .sp_menu01 li:nth-of-type(9) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon09.png");
}

#gm_sp .sp_menu01 li:nth-of-type(10) a:before {
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_link_icon10.png");
}

#gm_sp .sp_menu_banner{
	padding:10px;
}

#gm_sp .sp_menu_banner h3 {
    color: #333;
    background: none;
    text-align: center;
    position: relative;
    padding: 0px 0 7px;
}

#gm_sp .sp_menu_banner h3:before {
    content: " ";
    display: block !important;
    width: 100px;
    height: 22px;
    background: url(https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/pickup_link_txt.png);
    background-size: 100px 22px;
    position: relative;
    right: 0;
    margin: 0px auto 0px;
}

#gm_sp .sp_menu_banner img{
	width:100%;
	vertical-align:bottom;
}

#gm_sp .sp_menu_banner ul li{
	margin-bottom:10px;
}

#gm_sp .sp_menu_banner ul li:nth-last-of-type(1){
	margin-bottom:0;
}

/* ------------------------------
パンくず
------------------------------ */
#PANKUZU{
	padding:0 10px;
}

#PANKUZU .pankuzu{
	width:auto;
}

/* ------------------------------
コンテンツエリア
------------------------------ */
#CONTENTS{
	padding:0 10px;
	margin:0 auto;
}

#CONTENTS .contents{
	width:auto;
	margin:0 auto;
}

#CONTENTS .contents #SIDE{
	width:auto;
	float:none;
}

#CONTENTS .contents #MAIN{
	width:auto;
	float:none;
}

/* ------------------------------
トップページ
------------------------------ */
#TOPPAGE .top_box{
	background-color:#fff;
	padding:10px;
	margin-bottom:4px;
	border-radius: 4px;
	box-sizing:border-box;
}

#TOPPAGE .top_box:nth-of-type(2),
#TOPPAGE .top_box:nth-of-type(3),
#TOPPAGE .top_box:nth-of-type(4),
#TOPPAGE .top_box.bottom_box,
#TOPPAGE .top_box.bottom_box2{
	width:auto !important;
	float:none;
}

#TOPPAGE .top_box:nth-of-type(2){
	margin-right:0;
}

#TOPPAGE .top_box_ver + .top_box:nth-of-type(3){
	margin-right:0;
}

mini_box .mini_box{
	width:49.5%;
	vox-sizng:border-box;
}

mini_box.top_box:nth-of-type(2){
	width:auto;
	margin-right:0;
}

#TOPPAGE .top_box:nth-of-type(6){
	width:49.5%;
	float:left;
	box-sizing:border-box;
}


#TOPPAGE .top_box:nth-of-type(7){
	width:49.5%;
	float:right;
	box-sizing:border-box;
}

#TOPPAGE .top_box:nth-of-type(5){
	float:none;
}

#TOPPAGE .top_box:nth-of-type(4),
#TOPPAGE .top_box:nth-of-type(5),
#TOPPAGE .top_box:nth-of-type(6),
#TOPPAGE .top_box:nth-of-type(7),
#TOPPAGE .top_box:nth-of-type(8),
#TOPPAGE .top_box:nth-of-type(9),
#TOPPAGE .top_box:nth-of-type(10){
	margin-right:0;
}

#TOPPAGE .top_box .img{
	margin-bottom:5px;
}

#TOPPAGE .top_box .img a:hover{
	opacity:0.6;
}

#TOPPAGE .top_box .img img{
	width:100%;
	vertical-align:bottom;
}

#TOPPAGE .top_box .category a{
	display:inline-block;
	padding:4px 8px 4px 20px;
	line-height:1.2;
	font-size:87%;
	text-decoration:none;
	margin-bottom:5px;
	position:relative;
}

#TOPPAGE .top_box .title a{
	color:#0084c9;
	text-decoration:none;
	font-weight:bold;
}

#TOPPAGE .top_box .title a:hover{
	text-decoration:underline;
}

#TOPPAGE .mini_box_area .mini_box:nth-of-type(1),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(3),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(5),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(7),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(9),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(11){
	width:49.5% !important;
	margin-right:0%;
	float:left !important;
}

#TOPPAGE .mini_box_area .mini_box:nth-of-type(2),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(4),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(6),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(8),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(10),
#TOPPAGE .mini_box_area .mini_box:nth-of-type(12){
	width:49.5% !important;
	margin-right:0px;
	float:right !important;
}

#TOPPAGE .body_map_link_area2 .body_map_link{
	padding-top:0;
}

/* ------------------------------
右にイメージボックス
------------------------------ */
.right_img_box{
	margin:0px auto 20px;
	position:relative;
	box-sizing:border-box;
	padding:10px 10px 10px 10px
}

.right_img_box .head{
	padding:0px 135px 0px 0px
}

.right_img_box:before {
	content: " ";
	display: inline-block;
	width: 123px;
	height: 123px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/right_img_box_chara.png");
	background-size: 123px 123px;
	position: absolute;
	right:10px;
	top:10px;
}

.right_img_box .title_img{
	margin-bottom:20px;
}

.right_img_box .title_img img{
	width:100%;
	vertical-align:bottom;
}

.right_img_box .point_txt{
	font-size:120%;
	font-weight:bold;
	color:#FFC4C4;
	margin-bottom:20px;
	line-height:1.4;
}

.right_img_box .txt{
	margin-top:50px;
	padding:0px 0px 0px 0px
}


/* ------------------------------
レッスンリンクパーツ
------------------------------ */
.lesson_link_area{
	border-top: 1px solid #32B9D9;
	border-bottom:none;
}

.lesson_link_area a{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	border-left: 1px solid #32B9D9;
	border-right: 1px solid #32B9D9;
	border-bottom: 1px solid #32B9D9;
	position:relative;
	text-decoration: none !important;
	position:relative;
}

.lesson_link_area a:nth-last-of-type(1){
	width:100%;
	border-left: 1px solid #32B9D9;
	border-right: 1px solid #32B9D9;
}

.lesson_link_area a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 35px;
    background-image: linear-gradient(to right bottom,transparent 50%, #3EBDDB 50.1%);
}

.lesson_link_area a:after {
    content: "\f101";
    position: absolute;
    bottom: 3px;
    right: 7px;
    color: rgba(255,255,255,.65);
    font-family: 'FontAwesome';
    text-shadow: none;
    transition: .2s;
}

.lesson_link_area a:hover:after{
	right: 8px;
	color: rgba(255,255,255,1);
}


.lesson_link_area a .title{
	text-decoration:none !important;
	text-align:left;
	color:#333;
	font-size:140%;
	position:relative;
	margin-bottom:10px;
}

.lesson_link_area a .title small{
	display:inline-block;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	box-sizing:border-box;
	margin-left:5px;
}

.lesson_link_area a .txt_area{
	position:relative;
	margin:0;
	padding:0px 0px 0px 65px;
}

.lesson_link_area a .txt_area:after {
	content: " ";
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/lesson_link_icon01.png");
	background-size: 55px 55px;
	position: absolute;
	top:50%;
	left:0px;
	margin:-27px auto 0px;
}

.lesson_link_area a .txt_area.lesson2:after {
	content: " ";
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/lesson_link_icon02.png");
	background-size: 55px 55px;
	position: absolute;
	top:50%;
	left:0px;
	margin:-27px auto 0px;
}

.lesson_link_area a .txt_area.lesson3:after {
	content: " ";
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/lesson_link_icon03.png");
	background-size: 55px 55px;
	position: absolute;
	top:50%;
	left:0px;
	margin:-27px auto 0px;
}

.lesson_link_area a .title:after,
.lesson_link_area a .lesson2 .title:after,
.lesson_link_area a .lesson3 .title:after{
	display:none;
}

.lesson_link_area a .txt{
	font-size:10px;
	line-height:1.5;
	color:#9E9E9E;
	font-weight:normal;
}

/* ------------------------------
Q&Aアコーディオンボックス
------------------------------ */

.qa_accordion_box_area .qa_accordion_box .q_title{
	padding:20px 20px 10px 30px;
	margin:-10px -10px 0;
	cursor:pointer;
	position:relative;
}

.qa_accordion_box_area .qa_accordion_box .q_title:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/q_title_icon.png");
	background-size: 18px 18px;
	position: absolute;
	left:5px;
	top:20px;
}

.qa_accordion_box_area .qa_accordion_box .q_title:after {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/plus_icon.png");
	background-size: 18px 18px;
	position: absolute;
	right:5px;
	top:20px;
}

.qa_accordion_box_area .qa_accordion_box .q_title.active:after {
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/minus_icon.png");
	background-size: 18px 18px;
}

.qa_accordion_box_area .qa_accordion_box .a_txt{
	display:none;
}

.qa_accordion_box_area .qa_accordion_box .q_title:after{
	display:block;
}

.qa_accordion_box_area .qa_accordion_box .a_txt{
	background-color:#F3F3F2;
	padding:10px 10px 10px 30px;
	display:none;
	margin:10px -10px 0;
	position:relative;
}

.qa_accordion_box_area .qa_accordion_box .a_txt:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/a_title_icon.png");
	background-size: 18px 18px;
	position: absolute;
	left:5px;
	top:10px;
}

.qa_accordion_box_area .qa_accordion_box .a_txt .imgr {
    width: 100px;
    margin: 0px 0px 5px 10px;
    padding: 0;
    float: right;
}

.qa_accordion_box_area .qa_accordion_box .a_txt .img{
	float:right;
	width:100px;
}

.qa_accordion_box_area .qa_accordion_box .a_txt .img img{
	width:100%;
	vertical-align:bottom;
}

.qa_accordion_box_area .qa_accordion_box .a_txt .img .img_txt{
	background-color:#FFFDF4;
	color:#333;
	font-size:10px;
}

/* ------------------------------
投稿　SINGLE
------------------------------ */

.single_contents .page_padding{
	width:100% !important;
	box-sizing:border-box;
	margin-bottom:0px !important;
}

.single_contents .head{
	width:100%;
	box-sizing:border-box;
	margin:0px auto 15px;
}

.sp-horizontal .sp-arrows {
    margin-top: -20px !important;
}

.sp-next-arrow:before,
.sp-previous-arrow:before {
	font-size:30px;
}


.sp-thumbnails{
	width:100% !important;
	box-sizing:border-box;
}

.sp-thumbnail{
	width:100% !important;
}

.sp-horizontal .sp-next-arrow{
	right: -20px !important;
	width:15px;
	height:50px;
	background-size:15px 50px;
}

.sp-horizontal .sp-previous-arrow {
	left: -20px !important;
	width:15px;
	height:50px;
	background-size:15px 50px;
}

.single_contents .gray_box ul.check li{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}

.single_contents .salon_info .data .left{
	width:auto;
	float:none;
}

.single_contents .salon_info .data .right{
	margin-left:0px;
}

.single_contents .salon_shop_data {
	padding-bottom:0px;
	border-bottom:none;
	margin-bottom:20px;
}

.single_contents .salon_shop_data .left{
	width:auto;
	float:none;
}

.single_contents .salon_shop_data .left img{
	display:block;
	margin:0 auto 10px;
	width:80%;
}

.single_contents .salon_shop_data .right{
	margin-left:0px;
	text-align:left;
	padding-top:0px;
}

.single_contents .salon_info .data .right table th,
.single_contents .salon_info .data .right table td{
	width:33%;
	box-sizing:border-box;
}

.single_contents .salon_info .data .right table tr:nth-of-type(6) td:nth-of-type(1){
	text-align:left;
}

.shop_img{
	width:100%;
	margin-bottom:10px;
	float:none;
	margin-right:0px;
}

/*

.single_contents .imgr,
.single_contents .imgl{
	display:block;
	width:100%;
	margin:10px auto;
	float: none;
}

.single_contents .imgr img,
.single_contents .imgl img{
	width:100%;
	vertical-align:bottom;
}

*/

.imgl2,
.imgr2{
	display:block;
	width:100%;
	margin:10px auto;
	float: none;
	text-align:center;
}

.check_list_area ul li {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

#h2box-parts03 #h2box-parts03-m{

}

#h2box-parts03 #h2box-parts03-m .left{
	float:none;
	width:auto;
	padding:10px 0;
}

#h2box-parts03 #h2box-parts03-m .left img{
	width:100%;
	vertical-align:bottom;
}

#h2box-parts03 #h2box-parts03-m .right{
	margin-left:auto;
	text-align:left;
}

#h2box-parts03 #h2box-parts03-m .right dl{

}

#h2box-parts03 #h2box-parts03-m .right dl dt{
	border-radius:4px;
	color:#fff;
	background-color:#32B9D9;
	display:inline-block;
	font-weight:bold;
	padding:5px 10px;
	line-height:1.0;
}

#h2box-parts03 #h2box-parts03-m .right dl dd{
	margin-bottom:10px;
}

.gaiyou .imgr{
	display:none;
}

.ranking_box .head .rank{
	width:70px;
	height:70px;
	float:left;
	text-indent:-9999px;
	background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/ranking_rank01.png");
	background-size:70px 70px;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	margin-top:-35px;
}

.ranking_box .head .txt{
	margin-left:75px;
	font-size:120%;
	line-height:1.2;
	padding:5px 10px 10px 0;
}

.ranking_box .head .txt span{
	font-size:10px;
	display:block;
	margin-bottom:5px;
}

.report_table:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 33.4px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/report_table.png");
	background-size:15px 33.4px;
	position: absolute;
	right:10px;
	top: -7px;
	margin-top: -11.5px;
}

.white_back{
	background-color:#fff;
	padding:10px;
	border-radius: 4px;
	box-sizing:border-box;
}

/* ------------------------------
最近チェックした記事
------------------------------ */

#CHECK_ENTRY .viewed_posts li{
	width:49%;
	height:255px;
	box-sizng:border-box;
	float:left;
	background-color:#fff;
	padding:10px;
	margin:0;
	margin-bottom:10px;
	border-radius: 4px;
	box-sizing:border-box;
	position:relative;
	overflow: hidden;
}

#CHECK_ENTRY .viewed_posts li .img{
	width:auto;
	height:127px;
}

#CHECK_ENTRY .viewed_posts li:nth-child(odd){
	margin-right:0;
}

#CHECK_ENTRY .viewed_posts li:nth-child(even){
	float:right;
}

/* ------------------------------
投稿　SINGLE Q&A
------------------------------ */

.qa_intro {
	margin-top: 50px;
	margin-bottom: 30px;
	border-bottom: 2px dotted #c7bdb6;
	padding-bottom: 10px;
	position:relative;
}

.qa_intro:before {
    content: " ";
    display: block;
    width: 84px;
    height: 72px;
    background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/qa_intro_img.jpg");
    background-size: 84px 72px;
    float: left;
	position:absolute;
	bottom:10px;
}

.qa_intro .txt {
    margin-left: 90px;
    border: 2px solid #CDE4C5;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    position: relative;
    margin-top: 15px;
    font-size: 120%;
    color: #695647;
}


.qa_intro .txt:before{
	content:"脱毛レシピ\A編集部に\A質問！";
	white-space: pre;
	display:block;
	width:60px;
	height:60px;
	box-sizing:border-box;
	text-align:center;
	font-size:10px;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
	border-radius:300px;
	position:absolute;
	top: -53px;
	right: -18px;
	padding-top:16px;
	background-color:#5DBA76;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

.answer_box .title:before{
	content:"お答え\Aします！";
	white-space: pre;
	display:block;
	width:60px;
	height:60px;
	box-sizing:border-box;
	text-align:center;
	padding-top:18px;
	background-color:#FF73A5;
	font-size:11px;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
	border-radius:300px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	position:absolute;
	top: -24px;
	left: -40px;
}

.answer_box .title {
    padding: 0 10px 10px 26px;
}

.answer_box2 .title{
	padding: 4px 0px 0px 80px;
}

.answer_contents table{
	width:100%;
	box-sizing:border-box;
}

.answer_contents table th,
.answer_contents table td{
	padding:5px 10px;
	border:1px solid #ccc;
	vertical-align:middle;
}

.answer_contents table td p:nth-of-type(1){
	width:auto;
	float:none;
}

.answer_contents table td p:nth-of-type(2){
	display:block;
	float:none;
	padding-top:10px;
	width:auto;
}

.answer_contents table td p:nth-of-type(2) img{
	width:100%;
	vertical-align:bottom;
}

.answer_contents table th{
	background-color:#EEE;
	width:110px;
}

.qa_intro2{
	margin-top:55px;
	background-color:#E1E1E1;
	padding:10px 10px 10px 100px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size:110%;
	font-weight:bold;
	position:relative;
}

.qa_intro2:before {
	content: " ";
	display: block;
	width: 120px;
	height: 100px;
	background-image: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/qa_intro2_img.png");
	background-size: 120px 100px;
	position:absolute;
	left: -10px;
	bottom: 0px;
}

/* ------------------------------
漫画
------------------------------ */

#book_slider{
	margin:0 -20px;
}

.viewport {
	width:394px;
	overflow: hidden;
	border:1px solid #ccc;
	margin:0 auto 20px;
	box-sizing:border-box;
	-webkit-transform: translateZ(0);
}

.item {
	width:394px;
	margin:0;
	text-align: center;
	float: left;
}

.flipsnap {
  width: 9000px;
/* 487px(item) * ページ数　によって変化 */
}

/* ------------------------------
固定　PAGE
------------------------------ */


.head{
	margin-top:0;
}

.page_padding{
	width:100% !important;
	box-sizing:border-box;
	margin-bottom:0px !important;
}

.page_contents .head{
	width: 100%;
	box-sizing: border-box;
	margin: 0px auto 15px;
}

/* ------------------------------
パーツ
------------------------------ */

.box002 img{
	width:100%;
	vertical-align:bottom;
	display:block;
	margin-bottom:0px;
}

#zenshin-datsumou_page .round-box02 .imgr{
	width:120px;
}

#zenshin-datsumou_page .round-box02 .imgr img{
	width:100%;
	vertical-align:bottom;
}

#zenshin-datsumou_page .check-box02 .imgr{
	width:120px;
}

#zenshin-datsumou_page .imgr img{
	width:100%;
	vertical-align:bottom;
}

#eikyu_page .box003 img{
	width:100%;
}

#eikyu_page .s-right {
	margin-top: 15px;
	text-align: left;
	line-height:1.2;
	display:block;
}

#campaign_page .round-box02  .box-m img{
	width:100%;
	vertical-align:bottom;
}

.h2box-parts {
    position: relative;
    padding:10px;
    min-height: auto;
}

.h2box-parts:before{
	display:none;
}

.box3-2 .box3-01,
.box3-2 .box3-02,
.box3-2 .box3-03 {
	width:100%;
	margin-right:0;
	float:none;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom:30px;
}

.box3-2 h4{
	margin-top:0;
}

.box3-2 .box3-2-m {
	background-color: #fff;
	padding: 5px;
}

.answer-bt a {
	width: auto;
	height:auto;
	background:none;
	text-indent:0;
	border-radius:4px;
	padding:10px;
	color:#fff;
	background-color:#3DABB0;
	margin:10px auto;
	text-align:center;
}

.answer-bt a:before{
	content:"\f0da";
	font-family:FontAwesome;
	display:inline-block;
	margin-right: 10px;
}

.answer-bt a:hover{
	opacity:0.6 !important;
}


.fukidasi_left{
	margin:10px auto;
}

.fukidasi_left .img{
	width:90px;
	height:90px;
	float:none;
	margin:10px auto 30px;
}

.fukidasi_left .img img{
	width:100%;
	vertical-align:bottom;
}

.fukidasi_left .fukidasi{
	background: #FFF;
	border: 2px solid #E3E3E3;
	border-radius: 5px;
	color: #444;
	padding: 10px;
	position: relative;
	margin-left: 0px;
}

.fukidasi_right{
	margin:10px auto;
}

.fukidasi_right .img{
	width:90px;
	height:90px;
	float:none;
	margin:10px auto 30px;
}

.fukidasi_right .img img{
	width:100%;
	vertical-align:bottom;
}

.fukidasi_right .fukidasi{
	background: #FFF;
	border: 2px solid #E3E3E3;
	border-radius: 5px;
	color: #444;
	padding: 10px;
	position: relative;
	margin-right:0px;
}

.fukidasi_left .fukidasi:before,
.fukidasi_right .fukidasi:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #FFF transparent;
	z-index: 1;
}

.fukidasi_left .fukidasi:after,
.fukidasi_right .fukidasi:after {
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -12px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #E3E3E3 transparent;
	z-index: 0;
}

.list_link_area {
    margin: 30px -10px 15px;
}

.list_link_area .list_link .txt .title{
	margin-bottom:5px;
}

.list_link_area .list_link .txt p{
	display:none;
	line-height:1.3;
}

.body_map_link_area{
	text-align:center;
}

.body_map_link_area .body_map_link{
    display: inline-block;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 6px;
}

.body_map_link_area .body_map_link:nth-of-type(2n){
	margin-right:0%;
}

.body_map_link_area .body_map_link:nth-of-type(3n){
	margin-right:1%;
}

.body_map_link_area .body_map_link:nth-child(even){
	margin-right:0%;
}

.body_map_link_area .body_map_link a p:before{
	right:5px;
}

.right_link {
    font-size: 100%;
}

.voice_box .title{
	width:100%;
	box-sizing:border-box;
}

.voice_box .title:before {

}

.box3_area .box,
.box4_area .box{
	width:49%;
	display:inline-block;
	box-sizing:border-box;
	padding:1%;
}

.tab_box_area2{

}

.tab_box_area2 .tab_area{
	margin-bottom:0;
}

.tab_box_area2 .tab_area .tab_scroll{
	width:100%;
	overflow:hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	box-sizing:border-box;
}

.tab_box_area2 .tab_area .tab_scroll_area {
	width:500px;
	height:55px;
	box-sizing:border-box;
	padding-left:15px;
}

.tab_box_area2 .tab_area .tab.active:before{
	top:-20px;
}


/* ------------------------------
サロン紹介３ポイントボックス
------------------------------ */

.salon_3box_area .box{
	margin:0 auto 15px;
	padding: 5px;
	width:100%;
	background: #fff;
	border: 1px solid #ddd;
	display:block;
	box-sizing:border-box;
	text-align:left;
}

.salon_3box_area .box:nth-of-type(3){
	margin:0 auto 0;
	padding: 5px;
	width:100%;
}

.salon_3box_area .box .s-right_btn a{
	padding:14px 10px;
}

/* ------------------------------
サロン紹介リンク
------------------------------ */

.list_salon_link .box .img{
	width:100px;
	float:left;
}

.list_salon_link .box .txt{
	margin-left:110px;
	padding-right:0px;
}


/*------------------------------------------
比較テーブル03
-----------------------------------------*/
.spec-hikakutable{
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px;
	width:100%;
	box-sizing:border-box;
	font-size:10px !important;
}

.spec-hikakutable img{
	width:100%;
	vertical-align:bottom;
}

.spec-hikakutable table{
	margin: 0px auto;
	padding: 0px;
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
	font-size:10px !important;
}

.spec-hikakutable th.col1{
	width:20%;
	box-sizing:border-box;
	font-size:10px !important;
	padding:10px 0;
}

.spec-hikakutable td.col1{
	width:20% !important;
	font-size:10px !important;
	box-sizing:border-box;
}

.spec-hikakutable td.col2{
	width:26.6% !important;
	font-size:10px !important;
	box-sizing:border-box;
}

.spec-hikakutable td.col3{
	font-size:10px !important;
}

.spec-hikakutable td{
	width:26.6% !important;
	font-size:10px !important;
}

/* ------------------------------
スマホ用スクロールテーブル
------------------------------ */

.scroll table{
	width:600px !important;
}

.scroll table img{
	width:150px;
}

.scroll{
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	white-space: nowrap;
	position: relative;
	min-height:200px;
	padding:20px 0;
	margin-bottom:10px;
}

.scroll::-webkit-scrollbar{
		height:5px;
}

.scroll::-webkit-scrollbar-track{
		 background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
}

.touch_close{
		background-image:url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/touch_close.png");
		width:220px;
		height:173px;
		display:block;
		background-size:220px 173px;
		position: relative;
		right: 20%;
		left: 20%;
		top: 190px;
		z-index:9990;
		margin-top:-170px;
		text-indent:-9999px;
}

/* ------------------------------
サイド
------------------------------ */

/*
#CONTENTS .contents #SIDE h3{
	background-color:transparent;
	color:#a48578;
	padding:10px;
	border-radius:0;
	position:relative;
	text-align:center;
	font-size:120%;
}
*/


#CONTENTS .contents #SIDE h3 {
    color: #333;
    background: none;
    text-align: center;
    position: relative;
    padding: 7px 0 20px;
}

#CONTENTS .contents #SIDE h3:before {
    content: " ";
    display: block !important;
    width: 100px;
    height: 22px;
    background: url(https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/menu_link_txt.png);
    background-size: 100px 22px;
    position: relative;
    right: 0;
    margin: 0px auto 0px;
}



#CONTENTS .contents #SIDE .widget:nth-of-type(3) h3:before,
#CONTENTS .contents #SIDE h3:before{
	display:none;
}

#CONTENTS .contents #SIDE .side_ranking{
	padding-bottom:10px;
}

#CONTENTS .contents #SIDE .side_ranking h3:before {
	content: " ";
	display:block !important;
	width: 100px;
	height: 22px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_ranking_txt.png");
	background-size: 100px 22px;
	position: relative;
	right:0;
	margin:0px auto 0px;
}

#CONTENTS .contents #SIDE .side_ranking{
	padding-bottom:10px;
}

#CONTENTS .contents #SIDE .side_ranking .review_star{
	display:inline-block;
	margin-right:10px;
}

#CONTENTS .contents #SIDE .side_ranking .logo{
	display: inline-block;
	width: 65px;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 10px;
	border: 1px solid #eee;
}

#CONTENTS .contents #SIDE .side_ranking h3:before {
	content: " ";
	display:block !important;
	width: 100px;
	height: 22px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/side_ranking_txt.png");
	background-size: 100px 22px;
	position: relative;
	right:0;
	margin:0px auto 0px;
}


#CONTENTS .contents #SIDE .side_ranking .review_point{
	position:relative;
	bottom:1px;
}

#CONTENTS .contents #SIDE .side_ranking .review_point:first-letter{
	font-size:140% !important;
	vertical-align: bottom;
	position:relative;
	bottom:-1px;
}

#CONTENTS .contents #SIDE .icon_menu{
	background-color:transparent;
	margin-bottom:10px;
}

#CONTENTS .contents #SIDE .icon_menu li a{
	display:block;
	/*width:49%;
	float:left;*/  /* 英語サイト用に修正 */
	color:#303030;
	text-decoration:none;
	padding:14px 10px 14px 35px;
	box-sizing:border-box;
	position:relative;
	font-size:100%;
	background-color:#fff;
	border-radius:5px;
	margin-bottom:5px;
}

#CONTENTS .contents #SIDE .icon_menu li:nth-child(even) a{
	/*float:right;*/ /* 英語サイト用に修正 */
}

#CONTENTS .contents #SIDE .icon_menu li a:before {
	content: " ";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	position: absolute;
	left:5px;
	top: 50%;
	margin-top: -15px;
}

#CONTENTS .contents #SIDE .side_banner{
	display:block;
}


#CONTENTS .contents #SIDE .side_banner:nth-last-of-type(1){
	margin-bottom:0;
}

#CONTENTS .contents #SIDE .side_banner_area{
	padding:0 10px 10px;
	background-color:#fff;
	margin-bottom:15px;
}

#CONTENTS .contents #SIDE .side_banner_area h3{
	display:block;
}

#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .txt{
	padding-right:10px;
}
#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:after{
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:5px;
	color:#ccc;
	font-weight:normal;
}
#CONTENTS .contents #SIDE .side_hot_word ul li a{
	display:inline-block;
	border-radius:4px;
	color:#fff;
	font-weight:normal;
	line-height:1.0;
	padding:8px 10px;
	margin-right:8px;
	font-size:120%;
	background-color:#3EBDDB;
	margin-bottom:8px;
	font-weight:bold;
}

/* ------------------------------
フッターソーシャル
------------------------------ */

#SOCIAL_AREA{

}

#SOCIAL_AREA .social_area{
	width:auto;
	box-sizing:border-box;
	margin:20px auto 10px;
}

#SOCIAL_AREA .social_area .fb a,
#SOCIAL_AREA .social_area .tw a,
#SOCIAL_AREA .social_area .ln a,
#SOCIAL_AREA .social_area .hb a{
	background-size:44px 44px;
	width:44px;
	height:44px;
	display:inline-block;
	margin:0 8px;
	text-indent:-9999px;
	border-radius:5px;
	overflow:hidden;
}

/* ------------------------------
アーカイブ
------------------------------ */

#ARCHIVE .archive_box .img{
	width:80px;
	height:80px;
	float:left;
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:2px;
}

#ARCHIVE .archive_box .txt{
	margin-left:90px;
	padding-right:25px;
}

#ARCHIVE .archive_box .txt .desc{
	display:none;
}


/* ------------------------------
フッター
------------------------------ */
footer{
	 background-color:#6AC8DF;
	 color:#fff;
}

footer a{
	 color:#fff !important;
}

footer .footer{
	width:auto;
	margin:0 auto;
	padding:10px;
}

footer .footer .link{

}

footer .footer .link ul{
	text-align:center;
}

footer .footer .link ul li{
	display:inline;
}

footer .footer .link ul li a{
	font-weight:normal;
}

footer .footer .link ul li:after{
	content:"  |  ";
}

footer .footer .link ul li:nth-last-of-type(1):after{
	display:none;
}

#COPYRIGHT{
	width:auto;
	margin:0 auto;
	padding:5px 0 50px;
	text-align:center;
}

/* ------------------------------
口コミシステム 20170508追加
------------------------------ */
.donut_canvas{
	float:none;
	box-sizing:border-box;
	width:100%;
	height:180px;
	overflow: initial;
	position:relative;
}
.donut_canvas{
	float: none;
	box-sizing: border-box;
	width: 100%;
	height: 180px;
	overflow: initial;
	position: absolute;
	top: -30px;
}
.donut_canvas #donut_canvas0 {
	display: block;
	margin: 20px auto;
}
.donut_canvas #donut_canvas0:nth-last-of-type(1){
	display:none;
}
.donut_canvas .point {
	margin-right: -63px;
	top: 84px;
}
#ARCHIVE .donut_canvas .point{
	right: 50%;
}
.bar_chart{
	box-sizing:border-box;
	width:100%;
	float:none;
}
.bar_chart {
	box-sizing: border-box;
	width: 100%;
	float: none;
	position: relative;
	padding-top: 205px;
}
.review_table{
	width:100%;
	box-sizing:border-box;
	table-layout: fixed;
}
.review_table th{
	width:90px;
}
.review_table td{
}
.review_table .sp_none{
	display:none;
}
.review_table .sp_none+td{
}
.review_point_parts .review_point_img {
	width:120px;
}
.review_point_parts {
	text-align:left;
}
.review_point_parts .review_point{
	font-size:10px;
	top:10px;
	left:7px;
}
.review_table .review_radar_table th,
.review_table .review_radar_table td{
	display:inline-block;
	width:60%;
	box-sizing:border-box;
	padding:5px 10px;
}
.review_table .review_radar_table td{
	width:39%;
}
.review_table .ave_star{
}
.review_radar_table table{
	font-size:87%;
}
.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1) div{
	display:inline;
}
.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1),
.review_radar_table table tr:nth-of-type(1) td:nth-of-type(1) span{
	font-size:180%;
	font-weight:bold;
}
.review_radar{
	position:relative;
}
.review_radar .txt {
	margin-left: -43px;
}
.review_radar canvas{
	width:260px;
	top:10px;
	left:-10px;
}
.review_box {
	padding:15px 10px 10px;
}
.review_box .review_head .review_head_top{
	margin-bottom:7px;
	position:relative;
	padding-left:67px;
}
.review_box.preview_1 .review_head .review_head_top:before,
.review_box.preview_2 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_bad.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box.preview_3 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_nomral.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box.preview_4 .review_head .review_head_top:before,
.review_box.preview_5 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_good.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box .review_head .review_head_top .review_hyoka{
	width:100%;
	float:none;
	font-size:100%;
	font-weight:bold;
	margin-bottom:2px;
	min-height:16px;
}
.review_box .review_head .review_head_top .review_hyoka img{
	width:100px !important;
	vertical-align:bottom;
	position:relative;
	top:-2px;
}
.review_box .review_head .review_head_top .review_name{
	font-weight: bold;
	width: 100%;
	font-size:100%;
	font-weight:bold;
	min-height:16px;
}
.review_box .review_head{
	margin-bottom:5px;
}
.review_box .review_head .review_head_bottom{
}
.review_box .review_head .review_head_bottom .review_point{
	font-size: 87%;
	position: relative;
	color: #695647;
	padding-left:0px;
}
.review_box .review_txt{
	padding:10px;
	font-size:100%;
}
.review_box .review_txt .review_title{
	font-size:120%;
}
.paging dd{
	margin-top:10px;
}

/* ------------------------------
レビューボックス2　.review_box2 20171122追加
------------------------------ */
.review_box2 {
	padding:15px 10px 10px;
}
.review_box2 .review_head .review_head_top{
	margin-bottom:7px;
	position:relative;
	padding-left:67px;
}
.review_box2.preview_1 .review_head .review_head_top:before,
.review_box2.preview_2 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_bad.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box2.preview_3 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_nomral.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box2.preview_4 .review_head .review_head_top:before,
.review_box2.preview_5 .review_head .review_head_top:before{
	width: 57px;
	height: 43px;
	background: url("https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/hyoka_icon_good.png");
	background-size: 57px 43px;
	top:-5px;
}
.review_box2 .review_head .review_head_top .review_hyoka{
	width:100%;
	float:none;
	font-size:100%;
	font-weight:bold;
	margin-bottom:2px;
	min-height:16px;
}
.review_box2 .review_head .review_head_top .review_hyoka img{
	width:100px !important;
	vertical-align:bottom;
	position:relative;
	top:-2px;
}
.review_box2 .review_head .review_head_top .review_name{
	font-weight: bold;
	width: 100%;
	font-size:100%;
	font-weight:bold;
	min-height:16px;
}
.review_box2 .review_head{
	margin-bottom:5px;
}
.review_box2 .review_head .review_head_bottom{
}
.review_box2 .review_head .review_head_bottom .review_point{
	font-size: 87%;
	position: relative;
	color: #695647;
	padding-left:0px;
}
.review_box2 .review_txt{
	padding:10px;
	font-size:100%;
}
.review_box2 .review_txt .review_title{
	font-size:120%;
}

.paging dd{
	font-size:10px;
	width:100%;
	float:none;
	margin-top:10px;
}

.paging ul{
	text-align:left;
}

dl.paging dt{
	float:none;
	display:inline-block;
}

dl.paging dd li a{
	padding:8px;
}

/* ------------------------------
ページ別・個別CSS
------------------------------ */

#eikyu_page .table01{
	font-size:87%;
}

#eikyu_page .table01 th,
#eikyu_page .table01 td{
	padding:7px 5px;
}

#eikyu_page .table01 th:nth-of-type(1){
	width:54px !important;
}

#eikyu_page .table01 tr:nth-of-type(2) td{
	text-align:center;
}

#eikyu_page .table01 td img{
	width:50px;
	margin:5px auto;
}

#side_page .table01 tr td img{
	width:60px;
}

/* ------------------------------
ページ別・個別CSS　20171205
------------------------------ */
/*
.table01{
	font-size:87%;
}

.table01 th,
.table01 td{
	padding:7px 5px;
}

.table01 th:nth-of-type(1){
	width:54px !important;
}

.table01 tr:nth-of-type(2) td{
	text-align:center;
}

.table01 td img{
	width:50px;
	margin:5px auto;

}
*/


/* =======================================
追加パーツ20180309
======================================= */

.body_map_link_area3,
.body_map_link_area2,
.body_map_link_area{
	text-align:center;
}

.body_map_link_area2 .body_map_link:nth-of-type(2){

}

.body_map_link_area3 .body_map_link,
.body_map_link_area2 .body_map_link,
.body_map_link_area .body_map_link{
    display: inline-block;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 6px;
}

.body_map_link_area3 .body_map_link:nth-of-type(2n),
.body_map_link_area2 .body_map_link:nth-of-type(2n),
.body_map_link_area .body_map_link:nth-of-type(2n){
	margin-right:0%;
}

.body_map_link_area3 .body_map_link:nth-of-type(3n),
.body_map_link_area2 .body_map_link:nth-of-type(3n),
.body_map_link_area .body_map_link:nth-of-type(3n){
	margin-right:1%;
}

.body_map_link_area3 .body_map_link:nth-child(even),
.body_map_link_area2 .body_map_link:nth-child(even),
.body_map_link_area .body_map_link:nth-child(even){
	margin-right:0%;
}

.body_map_link_area3 .body_map_link a p:before,
.body_map_link_area2 .body_map_link a p:before,
.body_map_link_area .body_map_link a p:before{
	top: 25%;
	right: 5px;
}

.body_map_link_area3 .body_map_link a p.longline,
.body_map_link_area2 .body_map_link a p.longline,
.body_map_link_area .body_map_link a p.longline {
	padding: 2px 5px;
	line-height: 1.5;
}

.body_map_link_area2 .body_map_link a{
	min-height:159px;
}

.imgl_tk {
    width: 40%;
    margin: 0px 10px 5px 0;
    padding: 0;
    float: left;
}

.imgr_tk{
	width:40%;
	margin: 0px 0px 5px 10px;
	padding: 0;
	float: right;
}

/* ------------------------------
３ポイントボックス　※普通のボックスとしても使用可
------------------------------ */
.choice3point_area .box .img{
	width:100%;
	float:none;
	margin-bottom:10px;
}

.choice3point_area .box .txt{
	margin-left:0px;
}

.choice3point_area {
    padding:0px 10px 20px 10px;
}

.choice3point_area .title{
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    right: auto;
    left: auto;
    /* display: block; */
    font-size: 115%;
    font-weight: bold;
    padding: 0 10px;
    background-color: #fff;
    height: 20px;
    padding-left: 105px;
    /* top: -15px; */
}

.choice3point_area .title:before {
    content: " ";
    display: inline-block;
    width: 103px;
    height: 65px;
    background: url(https://datumou-recipe.com/wp/wp-content/themes/datumou-recipe_ver1.5/img/henshubu-word.png);
    background-size: 103px 65px;
    position: absolute;
    bottom: -5px;
    left: 0px;
}

/* ------------------------------
新着記事4ボックス
------------------------------ */
.new_entry_box.mini_box{
	width: 48.5% !important;
	margin-right:0 !important;
}

.mini_box_area .mini_box:nth-of-type(1),
.mini_box_area .mini_box:nth-of-type(3),
.mini_box_area .mini_box:nth-of-type(5),
.mini_box_area .mini_box:nth-of-type(7),
.mini_box_area .mini_box:nth-of-type(9),
.mini_box_area .mini_box:nth-of-type(11) {
    margin-right: 1% !important;
}



/*--------------------------------------------------------
関連記事一覧
--------------------------------------------------------*/

.NewArticle2_box a{
	position:relative;
}

.NewArticle2_box .icon_show a {
	padding: 10px 20px 10px 90px;
}

.NewArticle2_box a:after {
	content: "";
	border-right: 2px solid #AAA;
 	border-top: 2px solid #AAA;
	height: 6px;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 6px;
}

.NewArticle2_box a.icon:after{
	display:none !important;
}


/*--------------------------------------------------------
ランキングボックス地域ver


.float_tr{
	width:100%;
	display:table-cell;
}

.area .data-box td{
	display:block;
	width:165px;
	table-layout: fixed;
	min-height:16px;
}

.area .data-box table{
	border:none;
	border-top:1px solid #d89b77 !important;
	border-right:1px solid #d89b77 !important;
	background-color:#ECAA83;
}

.area .data-box .area_th{
	width:55% !important;
	border-right:none;
	box-sizing:border-box;
}

.area .data-box .area_td{
	text-align:left;
	border-right:none;
	border-top:1px solid #fff !important;
	background-color:#fff;
}

.area .data-box span.review_ave{
	font-size:12px;
	font-weight:normal;
	margin-left:-15px;
}

.area .data-box .area_td .ave_star {
    font-size: 16px;
    line-height: 1;
    height: 16px;
    margin-right: 0;
    padding-right: 0;
    position: relative;
    white-space: nowrap;
    width: 80px;
    display: inline-block;
}

.float_cell3,
.float_cell2,
.area .data-box th.float_cell,
.area .data-box td.float_cell{
	width:50%;
	box-sizing:border-box;
	display:block;
	float:left;
	border-top:none;
	min-height:34px;
	vertical-align:middle;
	border-right:none;
}

.area .data-box th.float_cell{
	border-right:none;
	line-height:1.6;
    position: relative;
    left: -1px;
}
--------------------------------------------------------*/

.area .data-box table{
	font-size:10px;
	border:none;
	background: #ECAA83;
	border-bottom:1px solid #d89b77;
}

.area .data-box table tr th,
.area .data-box table tr td {
	display: inline-block;
	width: 23%;
	font-size: 10px;
	padding:12px 7px 2px;
	min-height: 40px;
	box-sizing: border-box;
	border-bottom:none;
}

.area .data-box table tr td {
	width: 77%;
	border-left:none;
}

.area .data-box .ave_star {
	font-size: 18px;
	height: 18px;
	width:82px;
}

.region-rank-tab {
	display: table;
	font-size: 12px;
	table-layout: fixed;
	width: 100%;
}
.region-rank-tab li {
	border-right: 0;
	display: table-cell;
	float: none;
	padding: 6px 3px;
	text-align: center;
	vertical-align: middle;
}
.region-rank-tab li:last-child {
	border-right: 1px solid #DDD;
}

.region-rank-panel li {
	padding: 20px 10px 10px;
}

.region-rank-panel dl {
	border: 0;
	margin-left: 0;
}
.region-rank-panel dd {
	border-bottom: 0;
}

/* ------------------------------
リンクボックス２
------------------------------ */

.link_2box .box_l,
.link_2box .box_r{
	width:100%;
}

.link_2box .box_l{
	float:none;
	margin-bottom:10px;
}

.link_2box .box_r{
	float:none;
}


/* 2017/06/22 追加 start */
.recipe-icon {
  text-align: center;
}
.recipe-icon-on {
  margin: 10px 2px 0px 2px;
  color: #FFFFFF;
  background-color: #3EBDDB;
  border-radius: 6px;
  font-size: 10px;
  padding: 7px;
  /* display: table;  */
  display: inline-block;
}
.recipe-icon-off {
  margin: 10px 2px 0px 2px;
  color: #FFFFFF;
  background-color: #cccccc;
  border-radius: 6px;
  font-size: 10px;
  padding: 7px;
  /* display: table;  */
  display: inline-block;
}
/* 2017/06/22 追加 end */


/*------------------------------------------
画像テキストボックス
-----------------------------------------*/

.txt_img_box{
	margin:10px auto;
}

.txt_img_box .left_img,
.txt_img_box .right_img{
	width:100%;
	margin-bottom:10px;
}

.txt_img_box .left_img{
	float:none;
	margin-right:0px;
}

.txt_img_box .right_img{
	float:none;
	margin-left:0px;
}


/* ------------------------------
口コミピックアップ　2017/09/20 追加
------------------------------ */

.kutikomi_pickup_area{
	margin:10px auto;
}

.kutikomi_pickup_area .kutikomi_pickup_box{
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
}

.kutikomi_pickup_area .kutikomi_pickup_box:nth-child(odd){
	float:none;
}

.kutikomi_pickup_area .kutikomi_pickup_box:nth-child(even){
	float:none;
}

/* 2017/11/17 追加 start */
#CONTENTS .contents #SIDE .side_recommend_area{
	padding: 0 10px 10px;
	background-color:#fff;
	margin-bottom:15px;
}
/* 2017/11/17 追加 end */

/* 2017/11/28 追加 start */
.true_title1:after,
.true_title2:after,
.true_title3:after{
	display:none;
}

.point_title1:after,
.point_title2:after,
.point_title3:after
.point_title4:after,
.point_title5:after {
	display:none;
}
/* 2017/11/28 追加 end */

/* ------------------------------
リンクボックス3
------------------------------ */
.link_3box{
	padding:0px;
	background-color:transparent;
}

.link_3box .box_l,
.link_3box .box_r{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.link_3box .box_l{
	float:none;
	margin-bottom:10px;
	border:10px solid #C6EBF3;
}

.link_3box .box_r{
	float:none;
	border:10px solid #F8E5DB;
}

/* ------------------------------
上部ソーシャルボタン　20180322追加
------------------------------ */

#TOP_SOCIAL_AREA{
	margin:10px auto 10px;
}

#TOP_SOCIAL_AREA .top_social_area{
	vertical-align:bottom;
}

#TOP_SOCIAL_AREA .top_social_area .sns_btn{
	display:inline-block;
	border-radius:4px;
	overflow:hidden;
	vertical-align:bottom;
	margin-left:1%;
	min-width:auto;
	width:auto;
}

#TOP_SOCIAL_AREA .top_social_area .sns_btn a{
	width:auto;
	min-width:auto;
	box-sizing:border-box;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	position:relative;
	font-weight:normal;
	padding-left: 25px;
}

#TOP_SOCIAL_AREA .top_social_area .sns_btn a:before{
	left:5px;
}




/* ===========

絞込検索のCSS(SP) 20180413追加

=========== */

#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions01,
#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions02{
	width:100%;
	float:none;
	margin:10px auto;
	display:none;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions01_sp,
#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions02_sp{
	display:inline-block;
	width:calc(50% - 5px);
	width:-webkit-calc(50% - 5px);
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:4px;
	margin-right:10px;
	padding:10px;
	line-height:1.0;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	border-bottom:3px solid #ccc;
	cursor:pointer;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions01_sp:hover,
#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions02_sp:hover{
	opacity:0.6;
}

#Refine_Search_Area .Refine_Search_Box .Refine_Search_conditions02_sp{
	margin-right:0px;
}


.Refine_Result_Box .head .title{
	width:calc(100% - 0px);
	width:-webkit-calc(100% - 0px);
	box-sizing:border-box;
	float:none;
}

.Refine_Result_Box .head .title a{
	font-size:140%;
}

.Refine_Result_Box .head .hyoka{
	text-align:right;
	width:calc(100% - 0px);
	width:-webkit-calc(100% - 0px);
	box-sizing:border-box;
	float:none;
}

.Refine_Result_Box .head .hyoka img {
    width: 100px;
}

.Refine_Result_Box .head .refine_hyoka2 {
    display: inline-block;
    color: #db0000;
    font-size: 120%;
}

.Refine_Result_Box .link_btn a{
	font-size:87%;
}

/*モーダル*/

.modalwin {
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px);

}


/* ===========

比較表のCSS(SP) 20180413追加

=========== */
.hikaku_colimn:nth-of-type(1) img{
	width:40px;
}

.hikaku_area_table th,
.hikaku_area_table td{
	font-size:8px;
	padding:5px 2px;
}

.hikaku_colimn div:nth-of-type(2){
	margin-top:3px;
	font-size: 7px;
}

.hikaku_colimn img{
	display:block;
	width:35px;
	margin:3px auto;
}

#TOPPAGE thead.thead_fixed{
    display:block;
	border-collapse:collapse;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	box-sizing:border-box;
}

#TOPPAGE thead.thead_fixed{
	top:40px;
}

thead.thead_fixed tr{
	left: 0px;
}

thead.thead_fixed tr:nth-of-type(1){
	left: 0px;
}

ul.hikaku_tab li small{
	font-size:7px;
}

.hikaku_colimn img + div{
	font-size:7px;
}

table.hikaku_area_table tr:nth-of-type(2) th{
	font-size:7px;
	height: 5.3em;
}

/* ===========

トップランキングパーツ　口コミリンクパーツ　 20180702追加

=========== */


.ranking_2box_area .ranking_2box_salon,
.ranking_2box_area .ranking_2box_clinic{
	overflow:hidden;
	margin:30px auto 0px;
}

.ranking_2box_area {
    margin: 30px auto 30px;
}

.ranking_2box_area .ranking_2box_white_area {
    padding: 0px 10px 10px;
    background-color: #fff;
}

.ranking_2box_area + .voice_box{
	margin-top: 40px;
    margin-bottom: 30px;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box_title,
.ranking_2box_area .ranking_2box_clinic .ranking_2box_title{
	background-size: 380.169px 61.498px;
    text-indent: -9999px;
    position: relative;
    top:-10px;
    left:-10px;
	background-repeat: no-repeat;
	margin-bottom: -16px;
	background-position: -12px 0;
}

.ranking_2box_area .ranking_2box_clinic .ranking_2box_title{
	background-position: -10px 0;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box_title:before,
.ranking_2box_area .ranking_2box_clinic .ranking_2box_title:before{
	display:none;
}

.ranking_2box_area .ranking_2box_salon{
	background-color:#c6ebf3;
}

.ranking_2box_area .ranking_2box_clinic{
	margin-top:70px;
	background-color:#f7e5db;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box .data,
.ranking_2box_area .ranking_2box_clinic .ranking_2box .data {
    width: 100%;
    float: none;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box.rank01, .ranking_2box_area .ranking_2box_clinic .ranking_2box.rank01, .ranking_2box_area .ranking_2box_salon .ranking_2box.rank02, .ranking_2box_area .ranking_2box_clinic .ranking_2box.rank02, .ranking_2box_area .ranking_2box_salon .ranking_2box.rank03, .ranking_2box_area .ranking_2box_clinic .ranking_2box.rank03, .ranking_2box_area .ranking_2box_salon .ranking_2box.rank04, .ranking_2box_area .ranking_2box_clinic .ranking_2box.rank04, .ranking_2box_area .ranking_2box_salon .ranking_2box.rank05, .ranking_2box_area .ranking_2box_clinic .ranking_2box.rank05 {
    background-position: 0px 30px;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box .btn_area,
.ranking_2box_area .ranking_2box_clinic .ranking_2box .btn_area{
	margin-top:10px;
    margin-left:-38px;
}

.review_list_link_box_area .review_list_link_box .data .review{
	padding:3px 5px;
	font-size:87%;
}

.ranking_2box_area .ranking_2box_salon .ranking_2box .data .txt .copy,
.ranking_2box_area .ranking_2box_clinic .ranking_2box .data .txt .copy{
	font-size:10px;
}


/* ===========

トップランキングパーツ　上部マージン調整版　 20190218追加

=========== */


.ranking_2box_area .ranking_2box_clinic2{
	overflow:hidden;
	margin:30px auto 0px;
}

.ranking_2box_area {
    margin: 30px auto 30px;
}

.ranking_2box_area .ranking_2box_white_area {
    padding: 0px 10px 10px;
    background-color: #fff;
}

.ranking_2box_area + .voice_box{
	margin-top: 40px;
    margin-bottom: 30px;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box_title{
	background-size: 380.169px 61.498px;
    text-indent: -9999px;
    position: relative;
    top:-10px;
    left:-10px;
	background-repeat: no-repeat;
	margin-bottom: -16px;
	background-position: -12px 0;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box_title{
	background-position: -10px 0;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box_title:before{
	display:none;
}

.ranking_2box_area .ranking_2box_salon{
	background-color:#c6ebf3;
}

.ranking_2box_area .ranking_2box_clinic2{
	margin-top:0px;
	background-color:#f7e5db;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box .data {
    width: 100%;
    float: none;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box.rank01, .ranking_2box_area .ranking_2box_clinic2 .ranking_2box.rank02, .ranking_2box_area .ranking_2box_clinic2 .ranking_2box.rank03, .ranking_2box_area .ranking_2box_clinic2 .ranking_2box.rank04, .ranking_2box_area .ranking_2box_clinic2 .ranking_2box.rank05 {
    background-position: 0px 30px;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box .btn_area{
	margin-top:10px;
    margin-left:-38px;
}

.review_list_link_box_area .review_list_link_box .data .review{
	padding:3px 5px;
	font-size:87%;
}

.ranking_2box_area .ranking_2box_clinic2 .ranking_2box .data .txt .copy{
	font-size:10px;
}


/* ===========

インタビューページ関連　 20180706追加

=========== */

.interview_head {
    margin: -10px -10px 15px;
}

.interview_head .data_box{
	padding:0;
}

.sp_img{
	display:block;
	margin:0 -10px 10px;
	width:calc(100% + 20px);
	width:-webkit-calc(100% + 20px);
}

.sp_img img{
	width:100%;
	vertical-align:bottom;
}

.interview_head .name{
	font-size:140%;
	line-height:1.4;
}

.interview_head .data_box .data{
	margin-right:0;
	float:none;
}

.interview_head .data_box .btn a{
	width:100%;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
	margin-top:10px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	background-color:#3ebddb;
	float:none;
}

ul.interview_tab li a{
	display:inline-block;
	margin-right:5px;
	padding:15px 10px;
	color:#666;
}

#INTERVIEW .top_info .img{
	width:100%;
	float:none;
	margin-bottom:10px;
	display:none;
}

#INTERVIEW .top_info .txt{
	margin-left:0;
}

#INTERVIEW .pic_info .pic_info_box{
	width:100%;
	box-sizing:border-box;
	float:none;
	margin-right:0px;
	margin-bottom:10px;
}

#INTERVIEW .pic_info .pic_info_box:nth-last-of-type(1){
	margin-bottom:0px;
}

.img_txt_box .img{
	width:100%;
	float:none;
	margin-right:0px;
	margin-bottom:15px;
}

.img_txt_box .txt{
	float:none;
	width:100%;
	box-sizing:border-box;
}

#INTERVIEW .basic_info table th,
#INTERVIEW .basic_info table td{
	padding:5px;
	font-size:87%;
	word-break: break-all;
}

#INTERVIEW .basic_info table th{
	width:25%;
	padding:5px 0;
}

#ARCHIVE .archive_box2 .img{
	width:120px;
	height:auto;
	min-height:auto;
	float:left;
	border:1px solid #ccc;
	padding:2px;
	box-sizing:border-box;
}

#ARCHIVE .archive_box2 .txt{
	margin-left:130px;
	padding-right:25px;
}

#ARCHIVE .archive_box2 .txt .desc2{
	font-size:10px;
	line-height:1.4;
}




/* ===========

調査概要ページ 20180709

=========== */

/* モニター情報 */

.basis_monitor_col3_wrap {
	overflow: hidden;
}

.basis_monitor_col3_box {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0 0 20px 0;
	box-sizing: border-box;
}

.basis_monitor_col3_box:nth-child(3n) {
	margin: 0;
}

.basis_monitor_ttl {
	width: 80%;
	max-width: 260px;
	margin: 0 auto;
	padding: 5px 0 6px 0;
	box-sizing: border-box;
}

.basis_monitor_circles_img img {
	display: block;
	width: 90%;
	margin: 5px auto 0 auto;
}

.bar_graph_stacked li span {
	font-size: 8px;
	letter-spacing: -0.5px;
}




/*------------------------
20180925 比較パーツ
------------------------*/


.compare_two_area {
	box-shadow: 0px 0px 5px #ddd;
	box-sizing: border-box;
	margin-top: 20px;
}

.compare_title_01,
.compare_title_02 {
	font-size: 14px;
	padding: 10px 5px 11px;
	line-height: 1.3;
}

.compare_title_01::after {
	content: none;
	display: none;
}

.compare_two_theme {
	padding: 3px 0;
	font-size: 14px;
}

.compare_two_theme::after {
	left: 48%;
}

.compare_main_01::after {
	width: 17vw;
	height: 17vw;
	right: -19% !important;
	top: 50%;
	margin-top: -8vw;
}

.compare_main_01 .compare_main_big,
.compare_main_02 .compare_main_big {
	font-size: 35px;
}

.compare_main_01 .compare_main_big .compare_main_big_unit,
.compare_main_02 .compare_main_big .compare_main_big_unit {
	font-size: 15px;
	display: inline-block;
	margin: 0 0 0 0.2em;
}

.compare_main_01 .compare_main_sub,
.compare_main_02 .compare_main_sub {
	font-size: 10.5px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto 25px auto;
	line-height: 1.4;
}

.compare_kuchikomi_01,
.compare_kuchikomi_02 {
	font-size: 11px;
}

.compare_kuchikomi_01 .compare_kuchikomi_good::before,
.compare_kuchikomi_01 .compare_kuchikomi_bad::before,
.compare_kuchikomi_02 .compare_kuchikomi_good::before,
.compare_kuchikomi_02 .compare_kuchikomi_bad::before {
	width: 26px;
	height: 42px;
	left: 7px;
	top: -3px;
}









/* ------------------------------
20180925 レーダーチャート、スライダー付き 横3つパーツ
------------------------------ */

.radar_slide_box_area .radar_slide_box {
	width: 100%;
}
.radar_slide_review {
	margin: 13px 0 15px 0;
}

.review_radar_mini canvas{
	background-size: 54% !important;;
	background-position: top 32% center !important;;
}

.radar_chart_mini_label li:nth-child(2) {
	top: 30%;
	right: 9%;
	width: 5em;
}

.radar_chart_mini_label li:nth-child(3) {
	top: 85%;
	right: 10%;
	width: 6em;
}

.radar_chart_mini_label li:nth-child(4) {
	top: 85%;
	left: 10%;
	width: 6em;
}

.radar_chart_mini_label li:nth-child(5) {
	top: 30%;
	left: 9%;
	width: 5em;
}


.radar_slide_box_area .sp-horizontal .sp-arrows {
	top: 2em !important;
}

.radar_slide_slidebox_main {
	height: 44vw !important;;
}

.radar_slide_slidebox_num {
	font-size: 8vw !important;;
}

.radar_slide_slidebox_unit {
	font-size: 4vw !important;;
}

.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_good,
.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad {
	width: 90%;
}

.radar_slide_btn a{
	margin: 2px auto 20px auto;
}


#PAGE .radar_slide_review .review_star .ave_star {
	font-size: 18px;
}

#PAGE .radar_slide_review .review_point {
	font-size: 14px;
}

#PAGE .radar_slide_review .review_cnt {
	font-size: 14px;
}

#PAGE .radar_slide_slidebox_main {
	height: 120px;
}

#PAGE .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
	padding: 25px 5px 22px 5px;
}






/* ------------------------------
20180920 レーダーチャート、スライダー付き 1つバージョン
------------------------------ */

.radar_slide_box_left {
	width: 100%;
}

.radar_slide_box_right {
	width: 100%;
	margin-top: 0;
}

.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_main {
	background-size: 40% auto;
	background-position: left 10% center;
}

.radar_slide_box_area.radar_slide_single .radar_slide_title {
	font-size: 14px;
}

.radar_slide_box_top {
	width: 100%;
}

.radar_slide_box_bottom {
	width: 100%;
	margin: 0 auto;
}


.radar_slide_box_area.radar_slide_single .radar_slide_review {
	width: 100%;
	float: none;
	margin: 5px 0 20px 0;
}

.radar_slide_box_area.radar_slide_single .radar_slide_review .review_star {
	float: none;
}

.radar_slide_box_area.radar_slide_single .radar_slide_review .review_star .ave_star {
	font-size: 18px;
}

.radar_slide_box_area.radar_slide_single .radar_slide_review .review_point {
	float: none;
	font-size: 14px;
}

.radar_slide_box_area.radar_slide_single .radar_slide_review .review_cnt {
	float: none;
	font-size: 14px;
	margin: 0.2em 0 0 0.3em;
}

.radar_slide_box_area.radar_slide_single .review_radar_mini {
	width: 100%;
	float: none;
}

.radar_slide_box_area.radar_slide_single .radar_chart_mini_label li {
	font-size: 10px;
}

.radar_slide_box_area.radar_slide_single .review_every_point_table {
	display: none;
}

.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_title {
	width: 90%;
}

.radar_slide_box_area.radar_slide_single .radar_slide_box_area .sp-horizontal .sp-previous-arrow {
	left: 8% !important;
}

.radar_slide_box_area.radar_slide_single .radar_slide_box_area .sp-horizontal .sp-next-arrow {
	right: 8% !important;
}

.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_main {
	width: 100%;
	float: none;
	margin: 0 auto;
}

.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_kuchikomi {
	width: 90%;
	float: none;
	margin: 0 auto;
}

.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_good,
.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad {
	width: 100%;
}

.radar_slide_box_area.radar_slide_single .radar_slide_btn a{
	width: 92%;
	margin: 2px auto 20px auto;
}







/* ------------------------------
20181012 キャラ付ポイントボックス（縦書きテキストあり）
------------------------------ */

.chara_point_box {
	background: linear-gradient(270deg, #3ebddb 7vw, #ebf9fb 7vw);
}

.chara_point_box .chara_point_icon {
	width: 16vw;
	height: 16vw;
	font-size: 3.5vw;
	top: -8px;
	left: -8px;
	padding: 4.1vw 0 0 0;
}

.chara_point_box .chara_point_title {
	width: calc(100% - 7vw);
	padding: 1.5vw 0 0 7vw;
	margin: 0 0 10px 0;
}

.chara_point_box .chara_point_title .chara_point_title_sub {
	font-size: 3vw;
	padding: 0 0 0 8.5vw;
}

.chara_point_box .chara_point_title .chara_point_title_main {
	font-size: 3.6vw;
	padding: 0 0 2vw 8.5vw;
}

.chara_point_box.chara_box_01 .chara_point_title::after,
.chara_point_box.chara_box_02 .chara_point_title::after,
.chara_point_box.chara_box_03 .chara_point_title::after {
	width: 20vw;
	height: 20vw;
	right: -1vw;
}

.chara_point_box .chara_point_tategaki {
	width: 7vw;
	font-size: 3.5vw;
	padding: 0.5em 0;
}

.chara_point_box p {
	padding: 0 8vw 0 1em;
}






/* ------------------------------
20181101 編集部の見解ボックス
------------------------------ */

.opinion_title {
	padding: 6px 140px 10px 10px;
}

.opinion_title::after {
	width: 140px;
	height: 70px;
}


/* ------------------------------
20181101 メリット、デメリット見出し
------------------------------ */

.maru_subhead::before,
.sankaku_subhead::before {
	margin-top: -3%;
}







}

@media screen and (max-width: 412px) {

.viewport {
	width:392px;
	overflow: hidden;
	border:1px solid #ccc;
	margin:0 auto 20px;
	box-sizing:border-box;
	-webkit-transform: translateZ(0);
}

.item {
	width:392px;
	margin:0;
	text-align: center;
	float: left;
}

}

@media screen and (max-width: 375px) {

.viewport {
	width:355px;
	overflow: hidden;
	border:1px solid #ccc;
	margin:0 auto 20px;
	box-sizing:border-box;
	-webkit-transform: translateZ(0);
}

.item {
	width:355px;
	margin:0;
	text-align: center;
	float: left;
}

}

@media screen and (max-width: 360px) {

.viewport {
	width:340px;
	overflow: hidden;
	border:1px solid #ccc;
	margin:0 auto 20px;
	box-sizing:border-box;
	-webkit-transform: translateZ(0);
}

.item {
	width:340px;
	margin:0;
	text-align: center;
	float: left;
}

}


@media screen and (max-width: 320px) {

.viewport {
	width:300px;
	overflow: hidden;
	border:1px solid #ccc;
	margin:0 auto 20px;
	box-sizing:border-box;
	-webkit-transform: translateZ(0);
}

.item {
	width: 300px;
	margin:0;
	text-align: center;
	float: left;
}

}
