/*
Theme Name: yaraon-SmartPhone
Theme URI:
Author:
Author URI:
Description:
Version: 0.1
License:
License URI:
Tags:
Text Domain:
*/

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#666666;
	line-height:20px;
	background:#eef2fb;
	border-top: solid 5px #4e7295;
	font: 100%/1.6 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",Arial,sans-serif;
}

a{color:#4169E1;}
a:hover{color:#3333cc;}

#wrapper{
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}
#header{
	min-height:60px;
	clear:both;
	display:block;
	margin:0px;
	padding:0px;
	background: #eef2fb;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	text-align:center;
}
#header h1 img{
	width:100%;
}
#header_cont{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#btn_header{
	position:absolute;
	right:10px;
	top:0px;
}

#widget_smalist1 .widget,
.corner{
	padding:10px;
	background:#ffffff;
	border: solid 1px #aaa;
	margin-bottom:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}

#widget_smalist1 .widget img{
	max-width:96%;
}

.corner figure{
	margin:0px;
	padding:0px;
	text-align:center;
}

.corner figure img{
	max-width:96%;
}
.corner dd{
	margin:0px;
}
.corner dt{
	margin:0px;
}
.corner time{
	margin:0px;
	clear:both;
	font-size:11px;
}
.corner .res{
	display:block;
	margin:0px;
	clear:both;
	font-size:11px;
}

.pagetop{
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background:#ececec;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin:0px !important;
}
.pagetop a{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	display:block;
	height:100%;
	width:100%;
	text-align:center;
}
.pagetop img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:30px;
}

#footer{
	background-color:#0044B2;
	margin:0px;
	width:100%;
}
#footer nav{
	margin:0px;
	padding:0px;
	width:100%;
}
#footer nav table{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	width:100%;
	background-color:#4e7295;
}

#footer nav table td{
	width:50%;
	border:solid 1px #cccccc;
	height:40px;
	vertical-align:center;
	text-align:center;
	font-size:12px;

}
#footer nav table a{
	color:#ffffff;
	text-decoration:none;
}

#menu{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
}
#menu li{
	background-color:#4e7295;
	padding:10px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:14px;
	position:relative;
	border-top:solid 1px #cccccc;
}
#menu li i{
	position:absolute;
	right:10px;
	top:10px;
	font-size:20px;
}
#menu li a{
	text-decoration:none;
	color:#ffffff;
	display:block;
	width:100%;
	height:100%;
}
#menu > li > ul{
	display:none;
	margin:0px;
	margin-top:15px;
	padding:0px;
	list-style-type:none;
}
#menu > li > ul > li{
	background:#778899;
}

.title_archive{
	border-left:solid 5px #4e7295;
	font-size:18px !important;
	padding-left:10px;
	margin:0px;
	text-align:left;
}

.widget{
}
.widget img{
}
.pagenation{
	clear:both;
	height:55px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
.pagenation ul{
	list-style-type:none;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
}

.pagenation ul li{
	display:inline-block;
	margin:5px;
}
.pagenation ul li a{
	border:solid 1px #6495ED;
	display:block;
	color:#6495ED;
	padding:7px;
	padding-bottom:5px;
	vertical-align:middle;
	background:#ffffff;
	border-radius: 3px;
	text-decoration:none;
}
.pagenation ul li.active a{
	border:solid 1px #6495ED;
	background-color:#6495ED;
	color:#ffffff;
}
.pagenation ul li.disabled a{
	border:solid 1px #cccccc;
	color:#cccccc;
}

#btn_search{
	display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:16px;
	text-align:center;
	font-size:15px;
	padding:4px;
	border:solid 1px #6495ED;
	background-color:#6495ED;
	color:#ffffff;
	border-radius: 3px;
}

.searcharea{
	text-align:center;
}
.search-field{
	width:80%;
}

.latestarticle{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.latestarticle li{
	border-bottom:dotted 1px #cccccc;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.latestarticle li a{
	font-size:12px;
	text-decoration:none;
}


/* Single */

article h1{
	font-size:20px;
	color:#0000ff;
	line-height:30px;
	margin:0px;
}
article .corner{
	margin-bottom:20px;
}
.article_content img{
	max-width:96%;
	height:auto;
}
.article_content iframe{
	max-width:94% !important;
	height:auto;
}
.article_content{
	overflow:hidden;
}


article img{
	max-width:96%;
	height:auto;
}

.sns {
	padding-top: 8px;
	border-top: solid 1px #dadada;
}

.sns p {
	display: none;
}

.snsList{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:40px;
}
.snsList,.entry .snsList {
	text-align: center;
}
.snsList li {
	float: left;
}
.snsList li,.entry .snsList li.line {
	padding: 0 5px;
	line-height: 50px;
}
.snsList li img {
	 width: 30px;
	height: auto;
}
.snsList li {
	font-size: 20px;
}

.snsList .ggl {
	color: #d7412e;
}
.snsList .fb {
	color: #1a3166;
}
.snsList .twt {
	color: #00b1ea;
}
.snsList .hatena {
	color: #008fde;
}
.entry .sns {
	padding: 8px 0 20px 0;
}
.entry .sns p {
	padding-left: 350px;
}
.entry .snsList {
	padding-top: 0;
	text-align: right;
}
.entry .snsList li.line {
	margin-right: 0;
}
article h2{
	font-size:18px;
	line-height:24px;
	margin:0px;
	margin-bottom:10px;
}
.commets-list{
	margin:0px;
	padding:0px;
	padding-left:45px;
	padding-right:25px;
	font-size:12px;
	overflow:hidden;
}
.commets-list li{
	margin-bottom:15px;
}
.comment-meta{
	margin:0px;
}
.comment-content{
	margin-bottom:15px;
}
.comment-content p{
	margin:0px;
}
.comment-metadata{
	color:#999999;
}
.comment-metadata time{
	font-size:10px;
}

#comment{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	clear:both;

}
.cmt #submit {
	display: block;
	position: relative;
	width: 162px;
	height: 28px;
	margin: 0 auto;
	border: none;
	background: none;
	border: solid 1px #fff;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddcdc));
	background: -webkit-linear-gradient(top, #fff, #dddcdc);
	border-radius: 14px;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
	line-height: 28px;
	cursor: pointer;
}

#sourcearticle{
	font-size:12px;
}

.pagenation .wp-pagenavi span.pages{
	display:none;
}

.pagenation .wp-pagenavi{
	text-align:center;

}
.pagenation .wp-pagenavi span,
.pagenation .wp-pagenavi a{
	border:solid 1px #6495ED;
	display:inline-block;
	color:#6495ED;
	padding:6px;
	padding-bottom:5px;
	vertical-align:middle;
	background:#ffffff;
	border-radius: 2px;
	text-decoration:none;
	font-size:3.3vw;
}
.pagenation .wp-pagenavi span.current{
	border:solid 1px #6495ED;
	background-color:#6495ED;
	display:inline-block;
	color:#ffffff;


	border:solid 1px #6495ED;
	display:inline-block;
	padding:6px;
	padding-bottom:5px;
	vertical-align:middle;
	border-radius: 2px;
	text-decoration:none;


}



.reslinks span.reslink_label{
  color:#999999;
}
.reslinks a.reslinks_a{
  color:#0000ff;
	display:inline-block;
	margin-right:5px;
}

.cmt ol.commets-list li{
  background-color:#FFFFFF;
}

.cmt ol.commets-list li.target{
  animation:clickedcomment 1.6s ease-in-out 0.5s 1 normal backwards;
}
@keyframes clickedcomment {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #FBE9F3;
  }
  100% {
    background-color: #ffffff;
  }
}


.widget img{
  max-width:100%;
}
.widget{
  overflow:hidden;
  position:relative;
}

.am-switch-btn{
	display:block;
	margin:0 auto 12px;
	background-color:#4e7295;
	color:#ffffff;
	padding:10px;
	text-align:center;
}

/*
form.comment-form{
	display:none;
}
.mentetext{
	font-size:18px;
	text-align:center;
	color:#ff0000;
}
*/


.single_category h5{
	font-weight:400;
	font-size:4.2vw;
	margin:0px 0px 0px;
	display:inline-block;

}
.single_category ul{
	margin:0px;
	padding:0px;
	display:inline-block;
}
.single_category ul li{
	margin:0px;
	padding:3px;
	display:inline-block;
	line-height:100%;
}
.single_category ul li a{
	background-color:#1e90ff;
	color:#ffffff;
	display:inline-block;
	padding:4px;
	border-radius: 3px;
	line-height:100%;
	font-size:4.2vw;
	text-decoration: none;
}

#yaraoncategorypost_widget-2{
	background-color:#FFFFFF;
		border: solid 1px #aaa;
		padding:0px;
		border-radius: 5px;
		overflow: hidden;
		margin-bottom:15px;
}
#yaraoncategorypost_widget-2 h3{
	text-align:center;
	font-size:4.5vw;
	font-weight:400;
}
#yaraoncategorypost_widget-3{
	background-color:#FFFFFF;
		border: solid 1px #aaa;
		padding:0px;
		border-radius: 5px;
		overflow: hidden;
		margin-bottom:15px;
}
#yaraoncategorypost_widget-3 h3{
	text-align:center;
	font-size:4.5vw;
	font-weight:400;
}



.single_post_list_wrap{
	display:flex;
	flex-wrap: wrap;

}
.single_post_list{
	width:33.33%;
}
.single_post_list a{
	position:relative;
	display:block;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.single_post_list a:before{
	content:"";
	display:block;
	width:100%;
	padding-top:75%;

}
.single_post_list a span{
	background-color:#000000;
	color:#ffffff;
	position:absolute;
	top:auto;
	bottom:0px;
	padding:2px;
	display:block;
	text-decoration: none;
	font-size:3vw;
	height:34%;
	opacity:0.6;
	overflow: hidden;
}

.single_rank_list_wrap{
	display:flex;
	flex-wrap: wrap;

}
.single_rank_list{
	width:100%;
}
.single_rank_list a{
	position:relative;
	display:flex;
	flex-wrap: wrap;
	border-top:solid 1px #AAAAAA;
	-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
	height:75px;
	overflow: hidden;
		text-decoration:none;
}

.single_rank_list a img{
	width:30%;
	display:block;
}


.single_rank_list a span{
	display:block;
	box-sizing: border-box;
	width:70%;
	padding:5px;
	font-size:4vw;
	text-decoration:none;
}


.AMvertical,
.AMbanner,
#sidebar_top_area span,
#sidebar_top_area div,
#sidebar_top_area iframe{
	max-width:100% !important;
}
#sidebar_top_area div[id^=inline_bookmark_]{
	display:block;
	margin:0 auto;
}
#widgetarea_single_undertopimage_sp{
	width:100%;
	overflow:hidden;
}