html { scroll-behavior:smooth;}



    
  /* イマドキのタイトル部分 */   
  
.ima-t-box{
	margin: 40px 40px 0px 40px;
        font-size:16px;
   line-height:23px;
       color:#464646;
}  


.ptwa{
    padding-top: 20px;
    font-size: 18px;
    color: #333333;
}

  /* 画像をセンターに入れる箱 */   

.img_centering{
	width: 660px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

  /* 画像を左よせに入れる箱 */   

.img_left{
	    position: relative;
	width: 560px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-left: 50px;
}




  /* 食、温、快、心、、のタイトル */   
#titlebox-shoku{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:chocolate;
    background-image: url("../imadoki-img/st-shoku.gif");
	    background-repeat: no-repeat;
}

#titlebox-on{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:orange;
    background-image: url("../imadoki-img/st-on.gif");
	    background-repeat: no-repeat;
}

#titlebox-kai{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:hotpink;
    background-image: url("../imadoki-img/st-kai.gif");
	    background-repeat: no-repeat;
}

#titlebox-shin{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:lightcoral;
    background-image: url("../imadoki-img/st-shin.gif");
	    background-repeat: no-repeat;
}

#titlebox-sei{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:darkturquoise;
    background-image: url("../imadoki-img/st-sei.gif");
	    background-repeat: no-repeat;
}
#titlebox-ketu{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:royalblue;
    background-image: url("../imadoki-img/st-ketu.gif");
	    background-repeat: no-repeat;
}

#titlebox-mamoru{
	    box-sizing:border-box;
		width: 560px;
	height: 72px;
	margin: 10px 50px 10px 50px;
	padding-top: 28px;
	padding-left: 75px;
        font-size:24px;
	color:mediumseagreen;
    background-image: url("../imadoki-img/st-mamoru.gif");
	    background-repeat: no-repeat;
}

  /* 食、温、快、心、、の説明コピー */   
.ima-setumei{
	margin: 10px 60px 10px 60px;
        font-size:15px;
   line-height:22px;
       color:#464646;
}  


.jirei3ko{
	width: 560px;
	margin: 10px 50px 10px 50px;
	        font-size:0px;

}


.jirei-p1{
	    display: inline-block;
	margin-right: 8px;
		width: 180px;
        font-size:13px;
	vertical-align: top;

}

.jirei-p3{
	    display: inline-block;
		width: 180px;
        font-size:13px;
	vertical-align: top;

}


  /* ボタンの箱 */   

.buttm-box{
	width: 660px;
	text-align: center;
	margin-bottom: 50px;
}

  
/* 食のリフォームはこちらのボタン */
.btn-flat-border-1 {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: chocolate;
    border: solid 2px chocolate;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-1:hover {
    background: chocolate;
    color: white;
}

 /* 温のリフォームはこちらのボタン */
.btn-flat-border-on {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: orange;
    border: solid 2px orange;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-on:hover {
    background: orange;
    color: white;
}

  /* 快のリフォームはこちらのボタン */
.btn-flat-border-kai {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: hotpink	;
    border: solid 2px hotpink	;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-kai:hover {
    background: hotpink	;
    color: white;
}

  /* 心のリフォームはこちらのボタン */
.btn-flat-border-shin {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: lightcoral;
    border: solid 2px lightcoral;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-shin:hover {
    background: lightcoral;
    color: white;
}
  /* 清のリフォームはこちらのボタン */
.btn-flat-border-sei {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: darkturquoise;
    border: solid 2px darkturquoise;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-sei:hover {
    background: darkturquoise;
    color: white;
}

  /* 潔のリフォームはこちらのボタン */
.btn-flat-border-ketu {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: royalblue;
    border: solid 2px royalblue;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-ketu:hover {
    background: royalblue;
    color: white;
}

  /* 守のリフォームはこちらのボタン */
.btn-flat-border-mamoru {
		    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color:mediumseagreen;
    border: solid 2px mediumseagreen;
    border-radius: 15px;
    transition: .4s;
    font-size: 13px;
}

.btn-flat-border-mamoru:hover {
    background: mediumseagreen;
    color: white;
}


#ie-box{
padding-top:20px;
font-size:15px;
line-height:23px;
}
	
  /* カテゴリ別ページのタイトル「食」 */
	
#shoku_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-shoku.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
		#f-shoku{
		font-size:25px;
		font-weight:bold;
		color:chocolate;
}
		  /* カテゴリ別ページのタイトル「温」 */
	
#on_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-on.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
		#f-on{
		font-size:25px;
		font-weight:bold;
		color:orange;
}
			
/* カテゴリ別ページのタイトル「快」 */
	
#kai_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-kai.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
		#f-kai{
		font-size:25px;
		font-weight:bold;
		color:hotpink;
}
				
/* カテゴリ別ページのタイトル「心」 */
	
#shin_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-shin.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
		#f-shin{
		font-size:25px;
		font-weight:bold;
		color:lightcoral;
}
					
/* カテゴリ別ページのタイトル「清」 */
					
#sei_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-sei.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
#f-sei{
		font-size:25px;
		font-weight:bold;
		color:darkturquoise;
}

/* カテゴリ別ページのタイトル「潔」 */
					
#ketu_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-ketu.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
#f-ketu{
		font-size:25px;
		font-weight:bold;
		color:royalblue;
}
							/* カテゴリ別ページのタイトル「守」 */
					
#mamoru_title_box{
		margin:5px 50px 5px 50px;
		padding-top:20px;
		padding-left:110px;
	background-image: url("../imadoki-img/d-mamoru.gif");
background-repeat: no-repeat;
font-size:16px;
line-height:23px;
	}
#f-mamoru{
		font-size:25px;
		font-weight:bold;
		color:mediumseagreen;
}
								

/* 写真のキャプション下 オレンジ*/
.come-shita {
    width:350px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:50px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
	font-size:15px;
}
/* 写真のキャプション右 オレンジ*/
.come-right {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 360;
    width:188px;
	margin-left:5px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #fff8e8;
    border-top: solid 10px #ffc06e;
	font-size:15px;
}
/* 写真のキャプション下 ブルー*/
.come-shita-b {
    width:350px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:50px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #eaf4ff;
    border-left: solid 10px #409ecc;
	font-size:15px;
}
/* 写真のキャプション右 ブルー*/
.come-right-b {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 360;
    width:188px;
	margin-left:5px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #eaf4ff;
    border-top: solid 10px #409ecc;
	font-size:15px;
}
/* 写真のキャプション下 緑*/
.come-shita-g {
    width:350px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:50px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #eaffea;
    border-left: solid 10px #79c06e;
	font-size:15px;
}
/* 写真のキャプション右 緑*/
.come-right-g {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 360;
    width:188px;
	margin-left:5px;
	padding:5px 5px 5px 5px;
    color: #232323;
    background: #eaffea;
    border-top: solid 10px #79c06e;
	font-size:15px;
}