@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.png) 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(http://trip.must-reading.info/images/container_back.png) 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%;
}
}

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

.lead p{
	padding:0 10px;
}

.leadSub{
	padding:20px 0 10px 0;
	background-color:#faf0d2;
	box-shadow:rgba(0,100,255,1) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(0,100,255,1) 0px 0px 4px 2px;
-moz-box-shadow:rgba(0,100,255,1) 0px 0px 4px 2px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	margin:10px 10px 20px 10px;
}

/*　メイン　*/

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

.center{
	text-align:center;
}

.h3{
	text-align:left;
	font-size : 24px;
	line-height : 125%;
	font-weight:lighter;
	color:#0064ff;
}

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

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

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

.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 rgba(236,109,113,1);
}

.expand img:hover{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
	display: inline-block;
	box-shadow: 0px 0px 10px 5px rgba(236,109,113,1);
}

.extra{
	color:#0064ff;
}

.caption{
	font-size:15px;
}

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

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

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

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

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

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

.nextBar{
	margin-top:10px;
}

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

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

/*　動画埋め込み　*/

.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:10px;
}

.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/*サイドバー*/

.search{
	margin:10px 0px;
}

.adSideBar{
	padding-bottom:10px;
}

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

.sidebarMenuList img{
	vertical-align:baseline;
	margin-bottom:-5px;
}

/* フッター　*/

#footerBack {
	background:url(new_images/footer_back.png) repeat;
	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:#0064ff;
	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:#f39800;
}

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

/* fluidity.min */

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

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