/*
Theme Name: stinger7child
Template: stinger7
*/
@import url('../stinger7/style.css');
/*********************************
リセット
**********************************/
li{
	list-style-type:none;
}
#header-l{
	position: relative;	
	float:left;
}
header .descr{
	position: absolute;
	top: 42px;
	left: 66px;
	width:120px;
}
header .ad{
	float: right;
	padding-top: 5px;
}
@media only screen and (max-width: 414px){
#header-l{
	float:none;
	position: relative;
	max-width: 60%;
}
header .descr{
	position: absolute;
	top: 42px;
	left: 60px;
}
header .ad{
	text-align: center;
	width: 30%;
}
}
@media only screen and (min-width: 781px){
#header-l{
	position: relative;
	max-width: 60%;
}
header .descr{
	position: absolute;
	top: 52px;
	left: 66px;
	width:120px;
}
header .ad{
	text-align: center;
}
}
/*共通*/
.mgT10{ margin-top:10px; }
.mgT20{ margin-top:20px; }
.mgT40{ margin-top:40px; }

.pdT10{ padding-top:10px; }
.pdT20{ padding-top:20px; }
.pdT40{ padding-top:40px; }

.pos_relative{ position: relative; }

.txtC{ text-align: center; }
.txtR{ text-align: right; }
.txtL{ text-align: left; }

.floatR{ float: right; }
.floatL{ float: left; }

/*記事画像の横並び*/
.float_img2, .float_img3{ font-size:0; }
.float_img2 img{
	display: inline-block;
	width:49% !important;
	margin-right: 1%;
}
.float_img3 img{
	display: inline-block;
	width:32% !important;
	margin: 10px 1% 10px 0;
}


/*天気*/
.weather{
	border: 1px solid rgb(170, 170, 170);
	border-radius: 4px;
	background: #fff;
	padding: 10px;
	text-align: center;
	margin-top:30px
}
.weather .date {
	background: #b0b0b0;
	margin-bottom: 10px;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
}
.weather .goto{
	font-size:20px;
	font-size: 20px;
	font-weight: bold;
}
.weather .sun_time{ margin:10px 0; }
.weather .weather_hourly {
	margin:20px 0;
}
.weather .weather_hourly li {
	display: inline-table;
	width: 15%;
	font-size: 12px;
	line-height: 14px;
	background: url(img/icon_arrow_weather.png) 88% 40% no-repeat;
	background-size: 20px;
	padding-right: 30px;
	text-align: left;
}
.weather .weather_hourly li p{
	height:30px;
}
.weather .weather_hourly li:last-of-type {
	background: none;
	padding:0;
}
.weather #mycanvas{ width:100% !important; height:200px  !important; }
.weather .today{
	position: absolute;
	opacity: 0.2;
	background: #f00;
	width: 44%;
	height: 50%;
	top: 4px;
	left: 16%;
	border-radius: 10px;
	color: #fff;
	padding-top: 4px;
	box-sizing: border-box;
}
.weather p{
	margin:0;
}
.weather .powered{
	font-size:10px;
}
.weather .notice{font-size:10px; margin-top:10px; line-height:12px; }

/*マップ*/
.fishing_map_ttl{ margin:0; padding:0;}
.fishing_map{ position: relative; }
.map_point01{ position: absolute; top:28%; left:7%; } 
.map_point02{ position: absolute; top:44%; left:21%; } 
.map_point03{ position: absolute; top:88%; left:65%; } 
.map_point04{ position: absolute; top:20%; left:87%; } 
.map_point05{ position: absolute; top:46%; left:82%; } 
.map_point06{ position: absolute; top:14%; left:42%; } 
.map_point07{ position: absolute; top:28%; left:51%; } 

/*********************************
トップページ
**********************************/
@media only screen and (min-width: 781px) {
.home main{
    margin-right: 320px;
    margin-left: 0px;
    border-radius: 0px;
    padding: 0;
}
.home .cat_block{
	width:49%;
	margin:2% 0;
	float:left;
}
.home .cat_block:nth-of-type(odd){
	margin:2%  2% 0 0;
}
}
.home main{
    background: none;
}
.home .cat_block{
	margin:2% 0;
	border:2px solid #009;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	background:#fff;
}
.home .cat_block .icon{
	display:inline;
	position: relative;
	top: -5px;
	width:25px;
}
.home h2:before, .home h2:after{
	content:none;
}
.home .cat_block h2{
	background:none;
	margin:0;
	padding:0;
	display: inline;
}
.home .cat_block li{
	margin:0 0 10px 20px;
	list-style-type:disc;
}
.home .caption_title {
    border-top: 2px solid #009;
    margin-top: 10px;
    padding-top: 10px;
}
/*********************************
テンプレート
**********************************/
.recommend{
	border: 2px solid #009;
	border-radius: 5px;
	font-size:0;
	margin-top: 20px;
	background:#fff;
}
.recommend a .recommend_block{
	width: 33%;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	padding: 4% 0 3%;
	color:#fff;
}
.recommend a{
	color:#fff;
}
.recommend a:hover{
	opacity: 0.7;
}
.recommend a:nth-of-type(1) .recommend_block{
	border-left: none;
	background: url(img/recommend_btn01.png);
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: top center;
}
.recommend a:nth-of-type(2) .recommend_block{
	background: url(img/recommend_btn02.png);
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: top center;
}
.recommend a:nth-of-type(3) .recommend_block{
	background: url(img/recommend_btn03.png);
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: top center;
}
.recommend h2{
	border:none !important;
	padding: 2% 0 8% !important;
	margin: 1% 0 0 !important;
	background: url(img/recommend_ttl.png) !important;
	background-size: 100% 100% !important;
	text-align: center;
	background-repeat: no-repeat !important;
	color: #fff;
}
.recommend h3{
	padding:0;
	margin:0;
	font-size:16px;
}
.sns{
	margin:30px  auto 0;
}

/*********************************
カテゴリページ
**********************************/
@media only screen and (min-width: 781px) {
.category main{
    margin-right: 320px;
    margin-left: 0px;
    border-radius: 0px;
    padding: 0;
}
.category h1{
	margin-bottom:0;
}
.category .cat_block{
	width:48%;
	margin:2% 0;
	float:left;
}
.category .cat_block:nth-of-type(odd){
	margin:2%  2% 0 0;
}
}
.category main{
    background:none;
}
.category .cat_block{
	background:#fff;
}
.category h2{
	background:none;
	border-bottom: 2px solid #009;
	padding:0;
	margin: 0 2%;
	padding: 10px 0 4px;
}
.category h2:before, .category h2:after{
	content:none;
}
.category .cat_block{
	border: 2px solid #009;
	border-radius: 5px;
	margin-bottom:20px;
}
.category .caption_title {
    margin: 2%;
}
.category .caption_title li {
    margin-bottom: 10px;
}
.category .end_cat{
	background:#fff;
	border-radius: 5px;
	border: 2px solid #009;
	padding:10px 0;
	margin-top:20px;
}
.category .end_cat h1{
	margin:0 2%;
}
.category .more{
	text-align: center;
	border-top: 2px solid #009;
	margin: 0 2%;
	padding: 10px 0;
}
.category .more a{
	text-decoration:none;
}
/*********************************
サイドバー
**********************************/
#side aside ul li ul li{
	margin-left:10px;
}
.today_info .fl{
	float:left;
}
.today_info .fl:nth-of-type(1){
	width:46%;
}
.today_info .fl:nth-of-type(2){
	width:54%;
	transform: scale(0.9);
}

/*********************************
投稿ページ
**********************************/
.single #content article img{
	width:100%;
}
.single #content article .line2 img{
	width:100%;
	float:left;
	margin:1% 0;
}
@media only screen and (min-width: 414px){
.single #content article .line2 img{
	width:48%;
	float:left;
	margin:1%;
}
}