body {
	text-align: center;
	background-color:#F9F9F9;
	margin: 0px;
	padding: 0px;
	letter-spacing:.06em;

}
#Wapper {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	background-color:#F9F9F9;
	border: 1px none #CCC;
	color: #333;
	font-size: 16px;
	background-image: url(../images/body_back.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}

.cont{
	padding:1em 2em !important;
	
	}


h2{
	font-size:1.4em;
	
	}
	
h3{
	font-size:1.3em !important;
	padding:1.2em 1em !important;
	
	}
	
.time {
    width: fit-content;
    border-bottom: 3px solid #a1c94c;
    font-weight: bold;
    font-size: 14px;
}


	

.inner{
	width:1180px;
	margin:0 auto;
	
	}

.buy_buttom{
	display:block;
	width:60%;
	margin:2.5em auto;
	text-align:center;
	padding:5px .5em;
	background-color:#95d104;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	font-weight: bold;
	box-shadow:1px 1px 8px 1px #e2e2e2;
	background-image: url(../images/buy.png);
	background-position:120px center;
	background-repeat: no-repeat;
	color:#FFF !important;
	text-decoration: none;
	}

blockquote{
	width:100%;
	margin:.5em 0;
	font-size:.8em;
	display:block;
	color:#828282;
	text-align:left;
	}
	
blockquote a{
	color:#828282 !important;
			 
			 }


.favo_link{
	position:relative;
	height:100%;
	margin:10px;
	margin-top:2.2em;
	padding:.8em;
	border:1px solid #CCC;
	background-color:#f5f5f5;
	min-height:110px;
		padding-top:25px;
	z-index:0;

	}
	
.favo_link:after{
	top:-8px;
	left:14px;
	line-height:2.2em;
	font-size:0.7em;
	padding:0 .5em;
	position:absolute;
	background-color:#FFF;
	z-index:99;
	content:"オススメ関連記事";
	font-weight: bold;
	box-shadow:1px 1px 1px 1px #a79f92;
	color: #000;
	border-left:8px solid #ff0c00;
	
	
	
	}
	
	.favo_link a{
			transition: 1.0s ;
						overflow:hidden;
						
			}
.favo_link:hover{
	opacity: 0.8 ;
	
	}
	
	
.act_ttl{
	font-size:1.2em;
	float:right;
	width:530px;
	font-weight: bold;
	}
	
.act_ttl span{
	margin-top:.5em;
	font-size:0.7em;
	line-height:1.2em;
	font-weight: 300;
	display:block;
	text-decoration: none !important;
	}

.favo_link img{
	float:left;
	padding-right:1em;
	
	
	
	}

.article img{
	border:1px solid #CCC;
	box
	
	}

header{
	border-top:3px solid #388D20;
	z-index:999;
	    margin-bottom: .1em;	
	}

.main_head{
	padding: 0;
	margin-top:.8em;
	padding-bottom:2em;
	
	
	}

.cont{
	padding:1em;
	background-color:#FFF;
	box-shadow:1px 1px 2px #dedede;
	overflow:hidden;
	font-weight: 400;	
	}

.logo{
	margin:2em 0;
	margin-top:.7em;
	}
	
header nav ul{
	width:1150px;
	margin:.3em auto;	
	}
	
nav li{
	font-size:.8em;
	color:#FFF;
	float:left;
	display:inline-block;
	padding:.5em;
	padding-right:10px;
	line-height:1em;
	padding-top:5px;
	padding-bottom:5px;

	}
	
nav li a{
	color:#FFF;
	text-decoration: none;	
	}

.article{
	width:860px;
	font-size:1em;
	margin:.6em 0;
	overflow:hidden;
	margin-top:0;
	
	}

.article_ttl{
	text-shadow:1px 1px 2px #da4409;
	color:#FFF;
	font-size:1.1em;
	padding-left:30px;
	background-color:#ff7741;
    display: block;
    position: relative;
	height:50px;
	line-height:50px;
	box-shadow:2px 2px 1px #e26433;
	}
	
	.article_ttl:before{
	content: "";
    display: block;
    width: 4px;
    height: 18px;
    background-color: #FFF;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
	}

	.new_ttl{
	color:#FFF;
	background-color:#c17402;
	text-align:center;
	font-weight: 700;
	font-size:16px;
		}

.new_topics ul{
	padding:.5em;
	margin:0;
	
	}


.new_topics li{
	color:#666;
	border-bottom:1px dotted #CCC;
	list-style-type: disc;
	font-size:.8em;
	list-style-position: inside;
	line-height:2em;
	margin-bottom:.3em;
	}

.new_topics li:last-child{
	color:#666;
	border-bottom:none;
	list-style-type: disc;
	font-size:.8em;
	list-style-position: inside;
	}





#main menu li{
		border-bottom:1px dashed #CCC;
		padding-bottom:.5em;
	}

#Mainmenu{
	padding:.8em;
margin-bottom: 0px !important;
					background-color:#FFF;

}

#Mainmenu ul li{
	margin:1em 0;
	padding-bottom:.5em;
	border-bottom:1px dashed #CCC;
	}

#Mainmenu ul li a {
	font-size:12px;
	display: block;
	padding-left: 0px;
	background-image: url(../images/rightico.png);
	background-repeat: no-repeat;
	padding-left:10px;
	color:#3e4a53;
	background-position:left 5px;
}



	
h1{
	color:#624f83;
	text-align:left;
	font-size:0.7em;
	width: 100%;
	padding:0;
	margin:.5em !important;
	margin-bottom:0em;
	margin-right:.5em;
	font-weight: normal;
	}

h2{
	margin:1em;
	
	}

h2 {
	position:relative;
	color:#FFF;
	font-weight: bold;
	clear: both;
	line-height: 30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size: 23px;
	padding-left:29px;
	margin:1.8em 0;
	letter-spacing: .1em;
	border-radius: 3px;
	background-color:#41A51C;
	text-shadow:1px 1px 3px #577845;
}

h2:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 30px;
  left: 20px;
  bottom: -40px;
  border-top: 10px solid #41A51C;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
	}

h3{
	background-color:#E7F9DC;
	
	
	}

.menu_title {
	border-radius:3px 3px 0 0;
	background-color:#C8161E;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:35px;
	line-height:19px;
	height: 19px;
	background-repeat: no-repeat;
	color: #FFF;
	width:auto;
	background-size:20px 20px;
	background-position:8px 10px;
	background-image: url(../images/right_ico.svg);
}


#Wapper a:hover {
	color: #09C;
}
#Wapper a {
	color: #42281c;
}
header  {
	background-color:#FFF;
	background-image:none;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	color: #036;
	overflow:hidden;
	height:127px;
    box-shadow:0px 2px 4px #d8d5d0;
}

#top_img{
	width:100%;
	height:290px;
	background-color:#B8CEDC;
	margin:.8em 0;
	overflow:hidden;
	}
	
	
	#top_img .rade{
		float:left;
		margin-left:-20px;
		
		}

#top_img .site_about{
	width:975px;
	height:290px;
	position:absolute;
background: rgb(226,110,61);
background: linear-gradient(63deg, rgba(226,110,61,1) 14%, rgba(230,171,100,1) 100%);
	right:0;
	box-shadow:-1px 1px 2px 0px #9899a0;
	
	}

#top_img .site_about .headttl{
	font-size:35px;
	color:#FFF;
	text-align:left;
	font-weight: bold;
	margin-top:85px;
	margin-left:50px;
	}
	
#top_img .site_about .headttl img{
	vertical-align: middle;	
	}

header img{
	margin-left:0;
	float:left;
	padding-top:8px;
	padding-bottom:12px;
	}

#topimage  {
	padding: 0px;
	margin:0;
}
#Mainmenu  {
	float: right;
	width: 200px;
	font-size: 13px;
	line-height: 1.3em;
	padding: 1.6em;
	margin-top: 1em;
	margin-bottom: 40px;
	margin-left: 0px;
}
#Mainmenu ul {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;

}

.menu2{
	width:96%;
	padding:2%;
	margin-top:1em;
	background-color:#e3e3e3;
	
	}
	
	#Mainmenu ul li{
		overflow:hidden;
		
		
		}
	
.title_inner{
	width:125px;
	height:100%;
	float:right;
	
	

	}

.favorite a{
	background-image:none !important;	
	
	}

#mein  {
	float: left;
	width: 980px;
	margin-top:0em;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:2em;
	padding: 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:.2em 0em;
}


.conts_ttl {
	font-size: 1.6em;
	letter-spacing:1px;
	font-weight: bold;
	color: #202020;
	line-height:40px;
	margin:1em 0;
	margin-bottom:1.5em;
	clear: both;
	background-position: 8px 16px;
	padding-top: 2px;
	padding-bottom: 2px;
		margin-top:.5em;
}



footer {
	overflow:hidden;
	background-color:#EFEFEF;
	text-align: center;
	clear: both;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 0px;
	font-size: 13px;
	width:100%;
}

footer .inner img{
	float:left;
		}

.sab_footmenu{
	margin:0 auto;
	color:#333;
	float:left;
	margin:.6em 0;
	margin-left:25px;
	margin-block-start: 0em;
    margin-block-end: 1em;
	}

.sab_footmenu ul{
	margin-left:0;
	padding-left:25px;
	
	}

footer nav{
	display:block;
	overflow:hidden;
	width:190px;
	margin:0 0em;
	background-color:#EFEFEF;
	color:#333;
	}
	
footer nav li a{
	color:#000;
	text-decoration: underline;
	line-height:1.4em;
	background-image: url(../images/rightico.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:10px;
	}
	
footer nav .ttl{
	border-bottom:2px solid #333;
	padding:.4em 0;
	text-align:left;
	margin:.5em 0;
	font-weight: bold;
	}
	
	footer nav ul{
		width:auto;
		margin:0;
		padding:0;
	}
	
	footer nav li{
		width:100%;
		float:left;
		font-size:1em;
			color:#333;
			border:none;
			padding-right:.5em;
			text-align:left;
		}
	

footer .copy{
	color:#fff;
	padding:.6em;
	margin-top:1em;
	text-align:center;
	background-color:#1e6224;
	clear:both;
	
	}
	
	

	
	

.head{
	display:block;
	margin:0px auto;
	width:960px;
	padding-right:1em;
	overflow:hidden;
	}



a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


	.pc_img{
		display:block !important;
		
		}
		
				
	.sm_img{
		display:none !important;
		
		}
strong{
	color:#c8161e;
	}

.bold_text{
	color:#44BDFF;
	font-weight: bold;

	}

.ttlb{
	margin:0;
	text-align:left;
	color:#FFF;
	background-color:#c17402;
	font-weight: 700;
	font-size:16px;
	padding:.4em;
	}


h2.ttl_top{
	
	}
	
#main_content{
	width:1250px;
	margin:0 auto;
	overflow:hidden;
	padding-left:40px;
	padding-top:15px;
	
	
	}

.main_head {
	display:inline-block;
	width:980px;

	
	}

.conts{
	background-color:#FFF;
	margin:1em 0;
	
	
	
	}

.main_head img{
	box-shadow:1px 1px 5px #cdcdcd;
	
	
	
	}

.point_box ul{
	font-size:1.2em;
	margin-top:.5em;
		
	}

.point_box ul li{
	margin-left:10px;
	}
	
.read_conts{
	width:120%;
	font-size:1.05em;
	margin-top:0;
	line-height: 1.8em;
	font-weight: normal;	
	}
	
.read_conts .tyuui_box{
	width:1000px;
	margin:1.4em auto;
	background-color:#FFF;
	border:1px solid #CFC8C5;
	padding:1em;
	border-radius:7px;
	}
	
.read_conts .tyuui_box .higai_box{
	width:190px;
	font-size:.9em;
	display: inline-block;
	text-align:center;
	font-weight: bold;
	border-right:1px dashed #CCC;
	}
	
.read_conts .tyuui_box .higai_box img{
	display:block;
	margin:0 auto;
	margin-bottom:1em;
	
	}
	
	
	
.read_conts .tyuui_box .higai_box:last-child{
	border-right:none;
	padding-left:1em;
	
	}
	
	.read_conts{
		
		
		}

.new_topic{
	width:100%;
	margin:1.7em 0;
	float:left;
	margin-bottom:0;
	
	
	}
	
	.new_topic .card{
		display: inline-block;
		width:32%;
		margin-right:.5em;
		border:1px solid #CCC;
		margin-bottom:.5em;
		}
		
		.new_topic .card:nth-child(3),.new_topic .card:nth-child(6){
			margin-right:0;
					
			}

		.new_topic .card img{
						width:100%;
						
						}

.rogobox{
	overflow:hidden;
	display:inline-block;
	width:900px;
	float:left;
	
	}
	
.new_topic .ttl{

	margin:0 auto;
	padding:0em;
	
	}
	
.sab{
	line-height:1.4em;
	padding:0 .5em;
	padding-bottom:.6em;

	}
	
	.box{
		background-color: #F2F2F2;
		padding:1em 2em;
		
		
		
		}

 @media screen and ( max-width:414px ) {
	 body{
		 background-image:none;
		 
		 }
		 
		.rogobox, .rogobox img{
			display:block;
			
			
			}
		 
		.sab_footmenu,.sab_footmenu ul li{
		
			clear:both;
			
			}
	 
	 
	#Wapper,#header,#header-box_image,#Mainmenu,#Wapper #mein,h1,.head{
		width:100%;
		}
		
header .logo{
							margin: 1em 0 !important;

			
			}
		

		
		h2{
			line-height:1em;
			padding:.8em .6em;
			font-size:1.3em;
			
			}
		
		h1{
			width:96%;
			font-size:.7em;
			margin-block-start: 0;
    margin-block-end: 0;
	    margin-right: 0em;
		margin-bottom:.5em;
		padding-left:1%;
		line-height:1.8em;
		color:#333 !important;
		text-align:center;
					padding:.5em 0 !important;
			}
				.smalli{
			width:40% !important;
			
			
			}
			
			.buy_buttom{
				background-position:10% center;
				
				}
			
			.favo_link img{
				width:20% !important;
				
				}
				
			.act_ttl{
				font-size:.95em;
				width:72%;
				line-height:22px;
				
				}
				
			.favo_link{
				min-height:70px;
				
				}
		#header-box_image img,header img{
			margin:0 auto;
			width:100%;
			padding:0;
			width:65%;
			float:none;
			text-align: center !important;			
			}
			
			header{
				margin:0;
				padding:0 .8em;
				background-color:#FFF;
				border-bottom:1px solid #e1dfdb;
				height:80%;
					
				}
		
	.sm_img{
		display:block !important;
		
		}
		
				
	.pc_img{
		display:none !important;
		
		}
		
	#mein #meincont{
			padding:0 0em;
			margin:0;
			
			}
			
		#mein{
			width:900px;
			font-size:0.95em;
			border:none;
			float:none;
			}
			

#meincont img{
		 width:100%;
		 }
		 
		 h1{
			 
			 text-align:left;
			 
			 }
		
		h2{
			padding-left:15px;
			font-size:1.1em;
			
			}
			 
			 nav{
				 box-shadow:1px 1px 5px #CCC;
				 
				 }
			 
			nav ul{
				width:100%;
				padding-inline-start: 5px;
				}
				

		 
	 header img{
			width:45%;
			
			}
			
			
			#top_img{
				position:relative;
				height:300px;
				margin-bottom:2em;
				margin-top:0;
				
				}
				
			#top_img .site_about{
				position:absolute;
				bottom:0px;
				width:100%;
				height:150px;
				
				}
				
				
				.new_topic .card{
					font-size:.8em;
					width:46%;
					height:120px;
					    float: left;
						min-height:180px;
						margin-right:.7em;
					}
					
					.new_topic .card img{
						width:400px;
						height:80px;
						
						}
					
				.card:nth-child(1),.new_topic .card:nth-child(3){
					padding:0;
					margin-right:.8em;
				
					
					}
			#top_img .site_about .headttl{
		
				width:90%;
				padding:0;
				margin:0 auto;
				margin-top:.7em;
				}
				
				#top_img .site_about .headttl img{
					width:100%;
					margin:0 auto;
					
					}
				
				#Mainmenu{
					width:96%;
					padding:2%;
					margin:0em;
					
					}
				

				
				#Mainmenu ul li a{
					border:1px solid #CCC;
					padding:.5em;
					padding-left:20px;
					    background-position: 10px 10px;
					}
		
		.title{
			width:100%;
			background-image:url(../images/menu_back.png);
			background-repeat:repeat-x;
			
			
			}
			
			
		 header img{
			width:55%;
			float:left;
			margin-bottom:.5em;
			margin-left:10px;
			
			}
	 
	 .menuicon{
		 float:right !important;
		 width:6% !important;
		 margin-right:.5em !important;
		 margin-top:.8em !important;
		 margin-bottom:0;
		 
		 }
		 
footer nav{
	box-shadow: none;
	width:90%;
	clear:both;
	margin:0 auto;
	}
	
	footer nav .ttl{
		width:100%;
		}
		
	#top_img img{
		width:100%;
		
		}
	 
	 #top_img .rade{
		 margin:0;
		 padding:0;
		 
		 }
	 
	 .rogobox{
		 margin-left:5px;
		 
		 }
	 .inner{
		 width:100%;
		 
		 }
		 
		 .read_conts .tyuui_box{
			 width:90%;
			 
			 }
		 
		 .read_conts .tyuui_box .higai_box{
			 width:80%;
			 margin:0 auto;
			 border-right:0;
			 padding-bottom:.5em;
			 margin-bottom:2em;
			 border-bottom:1px solid #d6d1ca;
			 }
		 
	.read_conts .tyuui_box .higai_box{
		display:block;
		
		}
		
	.read_conts .tyuui_box .higai_box img{
		margin-bottom:0em;
		
		
		}
		
	.read_conts .tyuui_box .higai_box:last-child{
		border-bottom:none;
		margin-bottom:.5em;
		
		}
		
		.article{
			width:100%;
}

h2{
	font-size:1.5em;
	padding:1em 0;
	padding-left:25px;
	
	
	}
	
	
h2{
	background-color:#41A51C;
	
	
	}

h2{
	content: '';

	width:91%;
	height:auto;
	line-height:1.4em;
	background-color:#41A51C;
	box-shadow: 0px 2px 1px #e26433;
	}
	 
h2:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #577845;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
	 
	 
	 }
	 @media screen and (max-width:361px ) {
		 
		 header{
			 height:100px;
			 height:auto;
			 
			 
			 }
		 
		.logo{
			width:70%;
			float:left;
			margin-bottom:0em;
		
		
		}
		 h2{
			 font-size:1.2em;
			 width:90%;
			 margin-bottom:1em;
			 padding:1em 15px;
			 box-shadow:none;
			 
			 
			 }
			 
			h2:before{
	    bottom: -10px;
	border-top: 12px solid #577845;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}


.rogobox{
	width:100%;
	
	
	
	}
	
.rogobox img{
	width:80%;
	margin-left:10px;
	
	}
	
	.sab_footmenu{
		margin-left:0;
		margin-top:20px;
		
		
		
		}
				
				}
		 
		 #Wapper{
			 background-image:none;
			 
			 
			 }
		 
#main_content{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding-left:0px;
	padding-top:0px;
	
	
	}
	
	.main_head{
		
	padding-bottom: 0 !important;
	}
	#meincont{
		
			width:100%;
		}
	
#top_img .site_about{
	height:140px;
	}
	
#mein #meincont,.main_head{
		width:100%;
		
		}

#mein #meincont,#main_content{
	width:100%;
	
	}
	
#Mainmenu ul li a{
	border:none;
	font-size:1em;
	
	
	}

	
.title_inner{
	width:80%;
	height:100%;
	float:right;
	font-size:1em;

	}



		  }
		  
		  	  @media screen and (max-width:320px ) {
				  
				  		  
#top_img .site_about{
	height:130px;
	}
				  }