@charset "utf-8";
@import url('global.css');
@import url('side.css?2024');

/* ==========================================================

title : 東通トラベル 旅行ブログ
scope : ブログ　共通
 
last modify : 2016/09/27 183_aoyama ページ下部バナー追加

2016/04/08 247_morita リード文追加 #8679
2016/03/02 227_suzuki ブログ改修 #8054
2013/09/04 140_ooba
========================================================== */

/*-----------------------------------------------
 文字サイズ
-----------------------------------------------*/

div#fontSize ul {
	background:url(/blog/image_cmn/font-bg.png)no-repeat 0 bottom;
	width: 220px;
	height: 38px;
}

div#fontSize li {
	padding: 0 2px 0 10px;
	display: inline-block;
}

div#fontSize li.size_s {
	padding-left: 100px !important;
}

div#fontSize img {
	vertical-align: bottom !important;
}

#fontSize {
	float: right;
	margin: 20px auto 10px;
}

/* --------------------------------------
 article
--------------------------------------- */

body > #container > #main > .mainbox {
	display:inline;
	float:left;
	width:665px;
	margin:15px 10px 0px;
}

/*-----------------------------------------------
 __タイトル
-----------------------------------------------*/
[class^="ttl_"] {
	margin:0px 0px 10px;
	padding:8px 15px 12px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	line-height:140%;
}
[class^="ttl_new"] {
	background:#c0003d url(/blog/image/ttl_new.gif) no-repeat 0 bottom;
}
[class^="ttl_monthly"] {
	background:#c0003d url(/blog/image/ttl_monthly.gif) no-repeat 0 bottom;
}

/*-----------------------------------------------
 __entry
-----------------------------------------------*/
.entry {
	overflow:hidden;
	clear:both;
	width:661px;
	margin:0px 0px 20px;
	padding:0px 0px 10px;
	border-radius:5px;
	border:#999 solid 2px;
	background:url(/blog/image_cmn/entry_bg.gif) no-repeat 0 0;
	position:relative;
}	
	
/*-----------------------------------------------
 __entry entry_header
-----------------------------------------------*/
.entry > .entry_header {
	overflow:hidden;
	margin:20px 10px;
	padding:0px;
	background:url(/blog/image_cmn/entry_ttl_ico.gif) no-repeat 5px 0px;
}
.entry > .entry_header > h1,
.entry > .entry_header > h2{
	overflow:hidden;
	margin:0px;
	padding:2px 15px 15px 50px;
	background:url(/blog/image_cmn/ttl_line.gif) repeat-x 0 bottom;
	font-size:130%;
	line-height:1.5;
}
.entry > .entry_header > h1 > a,
.entry > .entry_header > h2 > a{
	color:#00a9cb;
}
.entry > .entry_header > h1 > a:hover,
.entry > .entry_header > h2 > a:hover{
	color:#4dc3db;
}
.entry > .entry_header > p.entry_date {
	float:right;
	width:180px;
	margin: 0px 10px;
	padding: 5px 10px;
	border:#f6d9e2 solid 1px;
	background:#f9e6ec;
	border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
	color:#444;
	text-align:center;
	position:relative;
}
	
/*-----------------------------------------------
 __entry entry_img
-----------------------------------------------*/
.entry > .entry_body > .entry_img {
	position:relative;
	width:300px;
	margin:0px auto 20px;
}
	
.entry > .entry_body > .entry_img .zoom {
	position:absolute;
	top:5px;
	left:5px;
}

/*-----------------------------------------------
 __entry お問合せお待ちしております
-----------------------------------------------*/
.entry > .message {
	clear:both;
	margin:15px 30px;
	padding:10px;
	background:url(/blog/image_cmn/message_bg.gif) 0 0;
	text-align:center;
}
	
.entry > .message > p {
    display: inline-block;
    /display: inline;
    /zoom: 1; 
}
	
.entry > .message > p.txt {
	margin-top:8px;
	color:#c0003d;
	font-size:120%;
	font-weight:bold;
	vertical-align:top;
}
	
.entry > .message > .logo {
	margin:0px 0px 0px 10px;
	padding:5px;
}
.entry > .message > .logo > img {
	margin:0px 5px;
}
	
/*-----------------------------------------------
 __entry この記事のURL
-----------------------------------------------*/
.entry dl.link  {
	clear:both;
	overflow:hidden;
	margin:10px 20px;
	padding:0px;
	border-radius:5px;
	background:#f5f5f5;
	position:relative;
}
.entry dl.link dt.link_blog {
	float:left;
	margin:0 10px 0px 0px;
	padding:10px 15px;
	background: #f9e6ec;
	border-radius:5px 0px 0px 5px / 5px 0px 0px 5px;
	color:#444;
	position:relative;
}
.entry dl.link dd.link_url {
	float:left;
	margin:0px;
	padding:10px 15px;
	border-radius:0px 5px 5px 0px / 0px 5px 5px 0px;
	font-size: 100%;
	position:relative;
}
	
/*-----------------------------------------------
 __entry エラー
-----------------------------------------------*/
.entry > p.error {
	clear:both;
	margin:10px 15px;
	padding:180px 0px;
	background:#fff3f7;
	font-size:100%;
	text-align:center;
}
	
/*-----------------------------------------------
 __entry entry_body
-----------------------------------------------*/
.entry > .entry_body {
	clear:both;
	padding:15px 30px;
	font-size:16px;
	word-break:break-all;
	word-wrap: break-word;
}
.entry_body p{
	padding:0px 0px 15px;
	line-height: 1.5;
}
.entry_body br {
	clear:both;
	letter-spacing:0;
}
.entry_body p img{
	padding-bottom: 3px;
}

/* ---------------------------------------
 記事ページ　ページ送り 　mod_page_nav
---------------------------------------- */
.mod_page_nav{
	width: 665px;
	margin:0 auto;
	text-align: center;
}
.mod_page_nav a{
	display:inline-block;
	vertical-align:top;
}
.mod_page_nav a:first-child,
.mod_page_nav > img:first-child{
	margin-right: 6px;
}
.mod_page_nav a:last-child,
.mod_page_nav > img:last-child{
	margin-left: 6px;
}

.mod_page_nav a[href]:hover{
	opacity:0.8;
}

/*-----------------------------------------------
 __このページのTOPへ
-----------------------------------------------*/	
.pagetop {
	width: 665px;
	margin: 20px auto 10px;
	text-align: right;
}
.pagetop > a {
	padding: 3px 0px 3px 20px;
	color:#00a9cb;
	background:url(/image_cmn/linkarrow_up.gif) no-repeat 0 center;
	font-size: 15px;
}
.pagetop> a:hover {
	color: #f63;
}
	
/*-----------------------------------------------
 __TOPページへ戻る
-----------------------------------------------*/	
[class^="linkbtn_top"] {
	float:left;
}
[class^="linkbtn_top"] > a {
	background:url(/blog/image_cmn/linkbtn_top.gif) no-repeat 5px center;
}
[class^="linkbtn_top"] > a:hover {
	background:url(/blog/image_cmn/linkbtn_top_ov.gif) no-repeat 5px center;
}

/*-----------------------------------------------
リード文　lead_text
-----------------------------------------------*/	

.lead_text {
    width: 625px;
    margin: 20px 30px 10px;
	font-size: 16px;
}

.lead_text span{
	font-size: 17px;
	font-weight: 600;
}

/*-----------------------------------------------
ページナビ下部 バナー　bnr_box
-----------------------------------------------*/
.bnr_box {
	width:625px;
	margin:30px auto 10px;
	padding:20px;
	background:#f2f6e2;
}

.bnr_box a{
	width:260px;
	height:65px;
	display:inline-block;
	background:#fff;	
}

.bnr_box:after {
	content:"";
	clear:both;
	display:block;
}
.bnr_box > div {
	width:260px;
	height:65px;
	float:left;
	margin:0 26px 15px;
	background:#f2f6e2;
}
.bnr_box div:nth-of-type(n+11){
	margin-bottom:0;
}
.bnr_box img.bd {
	border:1px solid #aaa;	
}
.bnr_box a:hover img {
	opacity:.7;
}
@media screen and (max-device-width: 1024px) {
	a:hover img {
		opacity: 1!important;
	}
}