@charset "utf-8";

/* --------------------------------------------------------------------
	���i�y�[�W�@����
--------------------------------------------------------------------- */
/*--------------------------------------
	Q&A PC
--------------------------------------*/
#qa_box{
	display: block;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

#qa_box h3 {
	background-color: #00893a;
	color: #ffffff;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 4px 0.5em;
	margin-bottom: 29px;
}

#qa_box .qa_sub_box{
	width: 960px;
	margin-top: 20px;
	margin-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 20px;
}

#qa_box .qa_sub_box .r_01{
	width: 480px;
	float: left;
	padding: 20px;
}

#qa_box .qa_sub_box .r_02{
	width: 480px;
	float: right;
	padding-bottom: 10px;
}

#qa_box .qa_sub_box2{
	width: 960px;
	margin-left: 60px;
	margin-top: 20px;
}

#qa_box .qa_sub_box2 .r_01{
	width: 480px;
	float: left;
}

#qa_box .qa_sub_box2 .r_02{
	width: 480px;
	float: right;
}

#qa_box .qa_sub_box .r_01 .q{
	font-size: 125%;
	padding-top: 10px;
	color: #008945;
	font-weight: bold;
}

#qa_box .qa_sub_box .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}

#qa_box .qa_sub_box2 .r_01 .q{
	font-size: 125%;
	color: #008945;
	padding-top: 10px;
	font-weight: bold;
}

#qa_box .qa_sub_box2 .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}



/*-------clearfix--------*/
* html .clearFix {
		zoom: 1;
	}

*+html .clearFix {
		zoom: 1;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}


/* ��}�[�W�� */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt20 {margin-top:20px;}
.pt20 {padding-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt106 {margin-top:300px;}

/* ���}�[�W�� */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* ���}�[�W�� */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:11px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* �E�}�[�W�� */
.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

/* �Z���^�[ */
ul.center{text-align: center;}
ul.center li{text-align: center;}

/* ���� */
h3.bold{
	font-size: 125%;
	font-weight: bold;
}

/* ���q�l�̐��ւ̉� */
p.voice{
	font-size: 1.6rem;
	line-height: 1.7;
}

p.recipeKuro{
	font-size: 2.5rem;
	line-height: 2.6;
	text-align: center;
}

/* �f�ރy�[�W */
.shui img {
	text-align: center;
	margin-bottom: 30px;
}
.shui p {
	font-size: 2.0rem;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 2.0;
}
.shui h1{
	text-align: center;
	margin-bottom: 30px;
}	
.shui h2{
	color: darkorange;
	font-size: 3.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 30px;
	}
.shui h3{
	color: darkorange;
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	}
.shui h4{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
}
.shuibox{
	border: solid 3px #dcdcdc;
	width:500px;
	margin: 5em;
}
.shuiindex{
	margin-top: 20px;
	margin-left: 10px;
}
.shuiindexs{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shuiheading{
	font-size: 2.5rem;	
}
.shuiimg{
	text-align: center;
}
.shuilead{
	font-size: 2.5rem;		
	font-weight: bold;
}
.marker1{
	margin-top: 20px;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker2{
	margin-top: 20px;
	font-size: 2.5rem;
	font-weight: bold;
	background: linear-gradient(transparent 80%, #ffff66 80%);
}
.marker3{
	background: linear-gradient(transparent 80%, #ffff66 80%);
}
.marker4{
	border-bottom: solid 1px black;
	font-weight: bold;
}
.sns{
	text-align: right;
	}

/* �����y�[�W */
.ketsuatsu p,.ketsuatsu ul li {
	font-size: 2.0rem;
	line-height: 2.0;
}
.ketsuatsuimg{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.ketsuatsu h1{
	text-align: center;
	margin-bottom: 30px;
}	
.ketsuatsu h2{
	color: #BB0000;
	font-size: 3rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 30px;
	}
.ketsuatsu h3{
	color: darkorange;
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	}
.ketsuatsubox{
	border: solid 3px #dcdcdc;
	width:500px;
	margin: 5em;
}
.ketsuatsuindex{
	margin-top: 20px;
	margin-left: 10px;
}
.ketsuatsuindexs{
	font-size: 2.0rem;
	line-height: 2.0;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30px;
}
.ketsuatsuheading{
	font-size: 2.5rem;	
}
.ketsuatsulead{
	font-size: 2.5rem;		
	font-weight: bold;
}
.ketsuatsumokujibanner{	
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ketsuatsumokujibanner::after{
  content:"";
  display: block;
  width:240px;
}
.ketsuatsumokujibanner li{
	margin-top: 5px;
}
.ketsuatsuKanshuBorderBox {
	border: 10px solid #f7e7e7;
	margin-top: 30px;
	padding: 15px;
	overflow: hidden;
}
.ketsuatsuKanshuImg {
	width: 25%;
	float: left;
}
.ketsuatsuKanshuDetail {
	width: 75%;
	float: right;
	padding: 5px 0 5px 18px;
}
.ketsuatsuKanshuTle {
	font-size: 16px !important;
	margin: 0 !important;
	line-height: 30px !important;
}
.ketsuatsuKanshuName {
	font-size: 20px !important;
	padding: 5px 0 5px 0;
	font-weight: bold !important;	
}
.ketsuatsuKanshuPosition {
    font-size: 17px !important;
    line-height: 1.6 !important;
    padding-bottom: 10px;
}
.ketsuatsuKanshuTxt {
	font-size: 15px !important;
	line-height: 1.6 !important;
	padding-top: 10px;
	border-top: 1px solid #d8d8d8;
}
/*--------------------------------------
	���N�̃R���������֘A�R����
--------------------------------------*/
.block-kenkotaicolumn-topics {
	width:760px;
	margin:auto;
}
.block-kenkotaicolumn-topics h2{
	border-bottom: solid 4px #a30;
	color: #a30;
	background-color: #ffffff;
	text-align: center;
	margin:50px auto 30px;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 3.5rem;
}
.block-kenkotaicolumn-topics ul {
	position:relative;
	display: flex;
	flex-wrap:wrap;
}
.block-kenkotaicolumn-topics li {
	width: calc(100%/3);
	padding:0 5px;
	box-sizing:border-box;
}
.block-kenkotaicolumn-topics li img {
	max-width:100%;
	height: auto;
	margin-bottom: 10px;
}
.block-kenkotaicolumn-topics h4 {
	font-weight:bold;
}
.block-kenkotaicolumn-topics li a p {
    letter-spacing: -0.02em;
    margin: 0 0 0.5em 0;
    padding: 0.5em 0 0.5em 35px;
    background-repeat: no-repeat;
    background-position: 6px 10px;
}
.block-kenkotaicolumn-goods {
	width:760px;
	margin:auto;
}
.block-kenkotaicolumn-goods h3 {
	background-color: #00893a;
    color: #ffffff;
	text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 4px 0.5em;
	margin:50px auto 30px;
}
.block-kenkotaicolumn-goods ul {
	position:relative;
	display: flex;
	flex-wrap:wrap;
}
.block-kenkotaicolumn-goods li {
	width: calc(100%/3);
	padding:0 5px;
	box-sizing:border-box;
}
.block-kenkotaicolumn-goods li img {
	max-width:100%;
	height: auto;
	margin-bottom: 10px;
}
.block-kenkotaicolumn-goods h4 {
	font-weight:bold;
}
.block-kenkotaicolumn-goods li a p {
    letter-spacing: -0.02em;
    margin: 0 0 0.5em 0;
    background-repeat: no-repeat;
    background-position: 6px 10px;
}
/*--------------------------------------
	youtube 
--------------------------------------*/

.youtube1{
	text-align: center;
	margin-bottom: 40px;
}
.youtube1 iframe{
	display: block!important;
    margin: 0 auto 20px!important;
}
.youtube1 p{
	font-weight: bold;
    font-size: 2rem;
}
 .youtube_flex{
	padding: 2.5%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
    justify-content: space-between;
    align-content: flex-start;
}
 .youtube_flex li{
    margin: 5px 10px;
    width: 45%!important;
}
 .youtube_flex li iframe{
    width: 423px;
	height: 237px;
}
 .youtube_flex li p{
	font-weight: bold;
    font-size: 2.5rem;
}

.block-top-column--1 {
    background-image: url(../img/usr/common/ico_column1.png);
}
.block-top-column--2 {
    background-image: url(../img/usr/common/ico_column2.png);
}
.sns div{
	line-height: 1;
}
.sns div *{
	vertical-align: bottom;
}
.block-top-column--4 {
    background-image: url(../img/usr/common/ico_column4.png);
}