@charset "utf-8";
body  {
	font: 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height : 1.5;
	background:url(new_images/back.jpg) repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #7d7d7d;
}

h1 {
	font-size: 24px; 
	line-height: 1;
	color:#000;
	text-align:left;
	font-weight:lighter;
	position:absolute;
	margin:10px 0px 40px 0px;
}
	
/*　コンテナー　*/

#container {
	width : 90%;
	margin : 0 auto;
	text-align : center;
	background:url(new_images/container_back.jpg) repeat;
}

/*　ヘッダーまわり　*/

.topTitle {
	margin-top:-5px;
	margin-bottom:65px;
	margin-left:0px;
	padding-left:0px;
} 

#topTitle {
	margin-top:0px;
	margin-left:0px;
	margin-right:auto;
	padding:0px;
}

img{
	vertical-align :middle;
	max-width : 100%;
}

/*メディアクエリー*/

@media screen and (min-width : 840px){
#container {
	overflow : hidden;
	width : 93.75%;
} 

#container #mainContent,
#container #sidebar {
	float : left;
	margin : 0 1%;
} 

#container #mainContent { 
	width : 56.41%;
	min-width:440px;
	max-width:650px;
}

#container #sidebar { 
	width :300px;
}
}

@media screen and (min-width : 1024px){
#container {
	width:990px;
} 

#container #mainContent { 
	min-width:440px;
	max-width:650px;
	margin-left:6%;
}

#container #sidebar { 
	width : 300px;
	margin: 0 1%;
}
}

/* メイン　*/

#container p { 
	margin-bottom : 24px;
	text-align : left;
}

.h2{
	margin-bottom:20px;
}

/* 枠仕様*/
.lead{
	padding-bottom:10px;
	background-color:#FFF;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	margin:10px 0 20px 0;
	box-shadow:rgba(215, 44, 44, 0.6) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(215, 44, 44, 0.6) 0px 0px 4px 2px;
-moz-box-shadow:rgba(215, 44, 44, 0.6) 0px 0px 4px 2px;
}

.lead p{
	padding:0 10px;
}

/*　メイン　*/

.h3{
	text-align:left;
	font-size : 24px;
	line-height : 125%;
	margin-bottom:0px;
	font-weight:lighter;
	color:#ee7800;
}

.h3 img{
	vertical-align:baseline;
	margin:10px 0 -5px 10px;
}

.caption{
	font-size:15px;
}

.extra{
	font-size:20px;
	color:#ee7800;
}

.midium{
	font-size:18px;
}

a:link{
	color:#ec6d71;
	text-decoration:underline;
}

a:visited{
	color:#474a4d;
	text-decoration:none;
}

a:hover{
	color:#ba2636;
	text-decoration:underline;
}

a:active{
	color:#aa4c8f;
	text-decoration:underline;
}

a:focus{
	color:#8b0000;
	text-decoration:underline;
}

.pic img{
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.mainAd{
	text-align:center;
	margin-top:10px;
}

/*　画像ポップアップ　*/

.expand img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	margin:10px 5px 0px 5px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	width: 200px;
	height: 200px;
	box-shadow: 0 0 4px #d72c2c;
}

.expand img:hover{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
	display: inline-block;
	box-shadow: 0px 0px 10px 5px rgba(215, 44, 44, 0.6);
}

.mokuji{
	text-align:left;
	margin-bottom:-10px;
}

.mokuji img{
	vertical-align:bottom;
}

.nextBar{
	margin-top:10px;
}

.ad{
	margin:10px 0;
}

.rss{
	font-size:small;
	margin:10px 0px;
	background-color:#FFF;
    text-align: left;
}

/*サイドバー*/

.search{
	margin:10px 0px;
}

.adSideBar{
	padding-bottom:10px;
}

.ninja_onebutton{
	text-align:center;
	margin:20px 0px 10px 20px;
}

.sidebarMenu{
	color:#000;
	text-align:left;
	font-size:20px;
	font-weight: lighter;
	margin-top:10px;
	padding-left:10px;
}

.sidebarMenu img{
	vertical-align:baseline;
}

.sidebarMenuList{
	margin-top:-20px;
	padding-left:10px;
	text-align:left;
}

.sidebarMenuList img{
	vertical-align:baseline;
}

/* フッター　*/

#footerBack {
	background:#383c3c;
	width: 100%;
	bottom:0;
	padding : 24px 0;
}

.footer{
	float:left;
	margin:-100px 0px 30px 10px;
}

#footerAd{
	margin-left:210px;
	margin-top:20px;
}

@media screen and (max-width : 699px){
.footerAdBig{
	display:none;
}
}

@media screen and (min-width : 700px){
.footerAdSmall{
	display:none;
}
}

#page-top {
	position: fixed;
	bottom: 5px;
	right: 10px;
	font-size:90%;
}

#page-top a {
	background:#ec6d71;
	border:#FFF 1px solid;
	text-decoration: none;
	color:#FFF;
	width: 70px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
    cursor: pointer;
}

#page-top a:hover {
	border:#FFF 1px solid;
	text-decoration: none;
	color:#FFF;
	background:#ba2636;
}

.copyRight{
	font-size:small;
	color:#FFF;
	text-align:center;
	margin-top:60px;
	font-size:small;
}

/* fluidity.min */

img, canvas, iframe, video, svg { max-width: 100%; }

.overflow-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }