/*
Theme Name: nishioka3
*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@charset "utf-8";
*{
	margin:0;
	padding:0;
	font-family: 'Noto Sans Japanese', serif;
}
a { 
	text-decoration : none;
}
/*a:hover {  
    opacity: 0.5;  
    filter: alpha(opacity=60);  
} */

p{
	padding: 10px;
	line-height: 150%;
}

a.linkalpha{
	display: block;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Cabin', sans-serif;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
a.linkalpha:hover{
	color: #000;
	opacity: 0.5;
    filter: alpha(opacity=60);
}

.spblock{
	display:none;
}

h2{
	color: #000;
	font-size: 28px;
}
img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align:bottom;
}
html{
	width: 100%;
	font-size : 12px;
	font-family : Arial,sans-serif ;
	/*font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
}

body{
	margin-right: auto;
	margin-left : auto;
}
header{
	width: 900px;
	background: #FFF;
	height: 39px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
header h1{
	margin-left: 50px;
}
nav{
	width: 100%;
	background: url("./img/base/menu-bg.jpg");
	background-repeat: repeat-x;
	height: 36px;
}
nav ul{
	width: 900px;
	margin-right: auto;
	margin-left : auto;
}
nav ul li{
	float: left;
	display: block;
	height: 36px;
}
nav ul li.last{
	float: right;
	width: 22%;
}
nav ul li input{
	margin-top: 7px;
	border-radius: 10px;
border:none;
-webkit-appearance:none;
padding-right: 5px;
padding-left: 5px;
}
.screen-reader-text{
	display: none;
}

nav ul li a{
/*	text-indent: 100%;
	white-space: nowrap;*/
	overflow: hidden;
	display: block;
	height: 36px;

    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

nav.mainmenu a{
	margin-top: 7px;
	height: 24px;

}

nav ul li a{
	border-right: 1px solid #FFF;
	border-left: 0px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}
nav ul li a.first,nav ul li a.end{
	border-left: 0px;
}
nav ul li a.first{
	margin-left: 50px;
	/*border-left: 1px solid #FFF;*/
}
nav ul li a:hover{
	color: #FFF;
	opacity: 0.5;
    filter: alpha(opacity=60);
}
nav ul li a.active{
	color: #fff;
	background-color: #FFF!important;
}
nav ul li a.active2{
	color: #fff;
	background-color: #FFF;
}

input::-webkit-input-placeholder {
    color:    #EE760F;
}
:-ms-input-placeholder {
        color: #EE760F;
    }
/*for Firefox*/
input:-moz-placeholder {
    color:    #EE760F;
}
#searchsubmit{
	background: url("./img/base/btn-search.png");
	width: 18px;
	height: 20px;
	margin-left: -30px;
	/*margin-bottom: -5px;*/
	padding:0;
	border-radius: 0;
	/*padding-top: 5px;*/
	margin-top: 4px;
	display: block;
	float: right;
}
nav ul li .field{
	width: 100%;
	float: left;
}
.slicknav_menu{
	display: none;
}
.sponly{
	display: none;
}
#main{
	width: 900px;
	margin-right: auto;
	margin-left : auto;
	display: block;
	background: url("./img/base/bg-content.jpg");
	background-repeat: repeat-y;
	/*padding-top: 30px;*/
}

.easingslider{
	padding: 0px 0 30px 0!important;
}
#main .left{
	float: left;
	width: 320px;
}
#main .left .profileleftimg{
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#main .right{
	float: left;
	width: 550px;
	padding-left: 30px;
}
#main .right iframe{
	width: 100%;
}

#main .right .twitter img {
	transition: 0.4s;
}

#main .right .twitter:hover img {
	opacity: 0.5;
}

#main .left ul li{
	list-style: none;
	margin-bottom: 20px;
}
#main .left ul{
	margin-left: 70px;
}
#main .left .gsign{
	margin-right: auto!important;
	margin-left: auto!important;
	margin-bottom: 20px;
	margin-top: 20px;
}
#main .topics .top{

}
#main .topics{
/*	overflow-y: scroll;
	height: 300px;*/
}
#main .topics img{
	max-width: 140px;
	float: left;
	margin-right: 10px;
}
#main .topics .top{
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
}

#main .topics dt{
	font-size: 16px;
}
#main .topics dt span{
	width: 10%;
	float: left;
	color: #ED6C00;
	font-weight: bold;
	padding-right: 10px;
}
#main .topics dt a{
	float: left;
	color: #000;
}
#main .topics dt i{
	float: left;
}
#main .topics dd{
	width: 64%;
	float: left;
	font-size: 16px;
}
#main .topics dd p{
	font-size: 12px;
	width: 100%!important;
}
#main .topics{
	width: 490px;
	font-size: 14px;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#main .topics li{
	padding: 5px 0 5px 0;
}
#main .topics li a{
	color: #000;
}
#main .topics li i{
	float: left;
	padding-left: 10px;
}
#main .topics li span{
	float: left;
	width: 10%;
	color: #000;
	font-weight: bold;
	padding-right: 10px;
	font-size: 12px;
}
#main .topics li p{
	float: left;
	width: 78%;
	padding: 0;
}
#main .topics li:nth-child(2){
	padding-top: 15px;
}

.post h3{
	font-size: 16px;
}
.post .entry{
	font-size: 14px;
}
.post div{
	font-size: 14px!important;
	color: #000;
}

footer{
	width: 100%;
	height: 70px;
	margin-right: auto;
	margin-left : auto;
	color: #fff;
	background: #595656;
}
footer .footbox{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
footer .foottitle{
	width: 30%;
	/*height: 70px;*/
	text-align: center;
	float: left;
	font-size: 20px;
	letter-spacing: 5px;
	vertical-align: middle;
	margin-top: 20px;
}
footer address{
	margin-top: 5px;
	width: 32%;
	float: left;
	border-left: 1px solid #FFF;
	font-style: normal;
	padding-left: 40px;
	letter-spacing: 1px;
	line-height: 180%;
	color: #FFF;
}
footer address a{
	color: #FFF;
}
footer address i{
	background-color: #fff;  /* 背景色の指定 */
	border-radius: 5px;      /* 角丸の指定 */
	color: #595656;
	padding: 0px 3px 0px 3px;
	text-align: center;
	margin-right: 5px;
	font-size: 10px;
	font-style: normal;
}
footer p{
	width: 30%;
	float: right;
	text-align: center;
	margin-top: 35px;
/*	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;*/
}
.textjump{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.clr{
	clear:both;
}
.alignleft{
	text-align: left;
}
.alignright{
	text-align: right;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  



.single{
	padding-top: 30px;
	padding-bottom: 30px;
}
.single .right .post{
	padding-right: 50px;
	word-break:break-all;
	word-wrap: break-word;
	padding-bottom: 50px;
}

.single .right .post pre{
	 white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
.post img{
	max-width: 90%;
	height: auto;
}
.post{
	overflow: hidden;
}
.wp-pagenavi{
	text-align: center;
}
#main .right .blogh2{
	margin-left: -20px;
}
.post h3 a{
	color: #ED6C00;
}
/* iPHone4,iPhone5,iPhone5s,iPhone6 */
/*@media screen and (max-width: 413px)
{

}
 */
/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (max-width: 499px){
	.sponly{
		display: block;
	}
	.imgwidthauto{
		width: auto!important;
		display: block;
		margin-right: auto!important;
		margin-left: auto!important;
	}
	.imgwidth90{
		width: 90%!important;
	}
	.slicknav_menu{
		display: block;
	}

 	img{
		max-width: 100%;
	}

	header{
		height: auto;
		margin-bottom: 10px;
	}
	#main{
		width: 90%;
		margin-right: 5%;
		margin-left : 5%;
	}
	#main .right,
	#main .left,
	#main .topics,
	footer .footbox,
	header
	{
		float: none;
		width: 100%;
	}
	#main .topics{
		width: 95%;
	}
	#main .right{
		padding-left: 0;
	}
	#main .topics img{
		float: none;
	}
	#main{
		background-image: none;
	}
/*	footer address{
		width: 90%;
		margin-right: 5%;
		margin-left : 5%;
		font-size: 11px;
	}*/
	#main .left ul{
		margin-left: 0;
		text-align: center;
	}
	#main .topics dd{
		width: 100%;
	}
	#main .topics img{
		max-width: 90%;
	}
	footer{
		height: auto;
	}
	footer p{
		font-size: 10px;
		padding: 10px 0 10px 0;
	}

	footer .foottitle{
		width: 100%;
		float: none;
	}
	footer address{
		width: 80%;
		float: none;
		border-left: 0;
	}
	footer p{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.spnormalbox{
		width: 100%!important;
/*		margin-right: 5%;
		margin-left: 5%;*/
		float: none;
	}

	.spnormalbox2{
		width: auto!important;
		margin-right: auto!important;
		margin-left: auto!important;
		float: none!important;
	}

	.spnone{
		display:none;
	}
	.spblock{
		display:block;
	}
	.spnosclaeimg{
		width: auto;
	}
	.submenu{
		display: none;
	}
	.spcenter{
		text-align: center;
	}
	.spcenter p{
		text-align: left;
	}
/*	.fleft{
		float: none;
		clear:both;
	}
	.fright{
		float: none;
		clear:both;
	}*/
	nav.mainmenu{
		display: none;
	}
	nav.topmenu{
		display: none;
	}
	/*toppage*/

	.fb-page{
		width: 100%!important;
	}
}