@CHARSET "UTF-8";

body {
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro', san-serif;
	margin: 0;
}
/*ボックスの左右に確保する余白*/
.box, .box2_inner, .boxA, .box5_inner {
	padding-left: 10px;
	padding-right: 10px;
}
/*アフィリエイトテキスト*/
.pop_text1 {
	background-color: #f4f4ff;
	border: solid 1px #ccccff;
	border-top: none;
	padding: 5px 20px;
	margin: 0;
	margin-bottom: 10px;
	font-size: 16px;

}
.pop_text1 a {
	font-weight: bold;
	color: #666666;
}




.pop_text2 {
	text-align: center;
	background-color: #f4f4ff;
	background-color: #26499d;
	/*border: solid 1px #ccccff;*/
	border-top: none;
	margin: 0;
	margin-bottom: 5px;
	font-size: 10px;

}


.side_pop_text1 {
	background-color: #eaeaff;
	border: solid 1px #ccccff;
	border-bottom: none;
	padding: 5px 20px;
	margin: 0;
	margin-bottom: 0px;
	font-size: 16px;

}
.side_pop_text1 a {
	font-weight: bold;
	color: #666666;
}



.p2_100_hr {
	width: 100%;
	border: solid 2px pink
}


/* サイト名　*/

.box1 {
	margin-left: auto;
	margin-right: auto;
}


.site {
	margin: 0;
	height: 108px;
	text-align: center;
	/*padding: 0px 20px;*/
	padding-top: 0px;
	border: solid 1px #4753a2;
	background-color: #e5eaff;
	*/
}
.site_img img {
	max-width: 100%;
	/*height: auto;*/
	height: 110px;
}
.site_img {
	margin: 0;
	text-align: center;
	clear: both;
	height: 110px;
	padding: 0;
	/*border: solid 1px #ff0000;*/
}


.site h1 a {
	color: #4753a2;
	text-decoration: none;
}

.site h1 {
	margin: 0;
	margin-top: 20px;
	font-size: 28px;
	font-family: 'Paytone One', sans-serif;
	font-weight: normal;
}

.site p {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #4753a2;
}

/* ナビゲーション*/
.menu ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.menu li a {
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	padding: 0px 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	/*border: solid 1px #ff0000;*/
}
.menu li a:hover {
	background-color: #bcddff;

}
.menu li.current {
	background-color: #bcddff;
}

.menu ul:after {
	content: "";
	display: block;
	clear: both;
}
.menu li {
	float: left;
	width: auto;
}

/*パンくず*/
.pan_kuzu {
	margin-bottom: 10px;
}
.pan_kuzu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pan_kuzu li a {
	display: block;
	margin-right: 5px;
	padding: 3px;
	background-color: #75dbe7;
	border-radius: 2px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.pan_kuzu li a:hover {
	background-color: #94ecf6;
}
.pan_kuzu ul:after {
	content: "";
	display: block;
	clear: both;
}

.pan_kuzu li {
	float: left;
	width: auto;
}


/* 記事top*/
.kiji_top {
	padding: 5px 20px;
	background-color: #f4f4ff;
	/*border: solid 1px #ccccff;*/
	border-radius: 5px;
}
.kiji_top h1 {
	margin-top: 0;
	margin-bottom: 0px;
	/*font-size: 36px;*/
	font-size: 20px;
	color: #ffffff;
	color: #26499d;
	font-weight: normal;
	/*border: solid 1px #ff0000;*/
}
.kiji_top h3 {
	margin-top: 0;
	margin-bottom: 0px;
	/*font-size: 36px;*/
	font-size: 14px;
	font-weight: normal;
	/*border: solid 1px #ff0000;*/
}
/* 記事*/
/*記事の小見出し*/
.kiji {
	border: solid 1px #ff0000;
	border: none;
}

.kiji h2 {
	margin-top: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px 20px;
	background-color: #4753a2;
	/*background-color: #ed6d46;*/
	border-radius: 5px;
	font-size: 20px;
	color: #ffffff;
	/*border-left: solid 10px #7cbac1;*/
	/*font-weight: normal;*/
}

.setumei {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	color: #043c78;
	color: #26499d;
	/*color: #333399;*/
	clear: both;
	font-size: 14px;
}

.pop_mess1{
	/*border: solid 1px #cccccc;*/
	padding: 0px;

}


.pop_mess1 h3 {
	margin: 0px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ccccff;
	background-color: #f4f4ff;
	font-size: 16px;
	/*background-color: #e5eaff;*/
}


.pop_mess1 h4 {
	margin: 0px 0px;
	margin-top: 10px;
	margin-bttom: 0px;
	padding: 10px;
	border: solid 1px #ccccff;
	background-color: #f4f4ff;
	border-bottom: none;
	font-size: 16px;
	/*background-color: #e5eaff;*/
}


.pop_mess1B ul {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*text-align: center;*/
	border: solid 1px #ccccff;
	border-top: none;
}

.pop_mess1B li {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-bottom: dotted 2px #ccccff;
	list-style: none;
	padding: 3px 0px;
	padding-bottom: 0px;
	color: #6c9bd2;
	font-weight: bold;
}

.pop_mess1B p {
	margin-top: 0px;
	padding: 2px 20px;
	border: solid 1px #ccccff;
	border-top: none;
	color: #0073a8;
	font-size: 12px;
	font-weight: bold;
}

.syouhinn_img600 {
	text-align: center;
}

.af_text1 {
	margin-top: 10px;
	padding: 5px 20px;
	background-color: #f4f4ff;
	border: solid 1px #ccccff;
}
.af_text1 a {
	font-weight: bold;
	color: #666666;
}

.pop_mess1C {
	border: solid 1px #ccccff;
	border-top: none;
}
.pop_mess1C p {
	padding: 5px 20px;
	color: #0073a8;
	font-size: 12px;
	font-weight: bold;
}

.pop_mess1D h3 {
	margin: 0px 0px;
	margin-top: 5px;
	margin-bttom: 10px;
	padding: 10px;
	border: solid 1px #ccccff;
	background-color: #fff4f9;
	font-size: 16px;
	/*background-color: #e5eaff;*/
}

.pop_mess1D h2 {
	margin: 0px 0px;
	margin-top: 0px;
	margin-bttom: 10px;
	padding: 5px 10px;
	border: solid 1px #ccccff;
	border-radius: 0px;
	background-color: #ffe5f2;
	font-size: 14px;
	/*background-color: #e5eaff;*/
}


.pop_mess2 {
	margin: 0px 0px;
	padding: 0 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: solid 1px #ccccff;
	border-top: none;
	background-color: #fff4f9;
	/*background-color: #fff4f9;*/
	font-size: 12px;
}


.pop2_mess1 {
	margin: 0px 0px;
	padding: 0 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	/*background-color: #f4f4ff;*/
	background-color: #ffeff7;
	font-size: 12px;
}

.jal_midasi h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 20px;
	background-color: #4753a2;
	/*background-color: #ed6d46;*/
	border-radius: 5px;
	font-size: 16px;
	color: #ffffff;
	/*border-left: solid 10px #7cbac1;*/
	/*font-weight: normal;*/
}

.jal_midasi2 h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 20px;
	background-color: #0073a8;
	/*background-color: #ed6d46;*/
	border-radius: 5px;
	font-size: 14px;
	color: #ffffff;
	/*border-left: solid 10px #7cbac1;*/
	/*font-weight: normal;*/
}


.setumei2 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	color: #333399;
	font-size: 12px;
	/*border: solid 1px #ccccff;*/
}
.kiji dl {
	margin-top: 0px;
	margin-bottom: 0px;
}

.kiji p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.kiji img {
	max-width: 100%;
	height: auto;
}
.kiji_image {
	text-align: center;
	clear: both;
	padding: 0;
}
.kiji_image_waku {
	margin-top: 5px;
	background-color: #fff4f9;
	border: solid 1px #ccccff;
	padding-top: 5px;
	padding-bottom: 0px;
	/*border: solid 1px #ff0000;*/
}

.image4 {
	max-width: 100%;
	height: 125px;
	padding-left: 25px;
	margin-bottom: 20px;
	/*border: solid 1px #ff0000;*/
}

.cat1 {
	float: left;
	margin-left: 5px;
}
.cat2 img {
	float: left;
	margin-left: 10px;
}
.cat3 img {
	float: left;
	margin-left: 10px;
}
.cat4 img {
	float: left;
	margin-left: 10px;
}

/*記事の投稿日*/
.kijiinfo {
	margin-top: -10px;
	margin-bottom: 20px;
	/*border: solid 1px #ff0000;*/
}
.kijiinfo i {
	margin-right: 5px;
	color: #ff0000;
	font-size: 20px;
}
/*記事の分類*/
.kijicat {
	margin-bottom: 5px;
}
.kijicat ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kijicat li a {
	display: block;
	margin-right: 5px;
	padding: 3px;
	background-color: #75dbe7;
	border-radius: 2px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.kijicat li a:hover {
	background-color: #94ecf6;
}
.kijicat ul:after {
	content: "";
	display: block;
	clear: both;
}

.kijicat li {
	float: left;
	width: auto;
}
/*記事の分類B*/
.kijicatB {
	margin-bottom: 5px;
}
.kijicatB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kijicatB li a {
	display: block;
	margin-right: 5px;
	padding: 3px;
	background-color: #008db7;
	border-radius: 2px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.kijicatB li a:hover {
	background-color: #94ecf6;
}
.kijicatB ul:after {
	content: "";
	display: block;
	clear: both;
}

.kijicatB li {
	float: left;
	width: auto;
}
/*記事の分類C*/
.kijicatC {
	margin-bottom: 5px;
}
.kijicatC ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kijicatC li a {
	display: block;
	margin-right: 5px;
	padding: 3px 10px;
	background-color: #68a9cf;
	border-radius: 2px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.kijicatC li a:hover {
	background-color: #94ecf6;
}
.kijicatC ul:after {
	content: "";
	display: block;
	clear: both;
}

.kijicatC li {
	float: left;
	width: auto;
}



/*snsシェアボタン*/
.share {
	margin-top: 40px;
}
.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.share li a {
	display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;

}
.share-tw {
	background-color: #55acee;
}

.share-fb {
	background-color: #3b5998;
}
.share-gp {
	background-color: #dd4b39;
}


.share li a:hover {
	/*background-color: #eeeeee;*/
	opacity: 0.8;
}
.share ul:after {
	content: "";
	display: block;
	clear: both;
}
.share li {
	float: left;
	width: 33.3333%;
}
.share i {
	margin-right: 5px;
}

/*関連記事メニュー*/
/*
.kanren {
	margin-top: 40px;
	padding: 20px;
	background-color: #f0f0d4;
}
.kanren h1 {
	mrgin-top: 0;
	margin-bottom: 5px;
	color: #727224;
	font-size: 20px;
	font-weight: normal;
}
.kanren ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kanren li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}
.kanren li a:hover {
	text-decoration: underline;

}
.kanren ul:after {
	content: "";
	display: block;
	clear: both;
}
.kanren li {
	float: left;
	width: 25%;
}
.kanren img {
	max-width: 100%;
	height: auto;
	border: none;
}
*/

/* sideメニュー*/
.aside {
	margin: 0px 0;
	margin-bottom: 5px;
	padding: 0;
}

.asideC {
	margin: 0px 0;
	margin-bottom: 5px;
	padding: 0;
	border: solid 1px #ccccff;
	background-color: #f0f8ff;
}

.asideD {
	margin: 0px 0;
	margin-bottom: 5px;
	padding: 0;
	border: solid 1px #ccccff;
	background-color: #fffaf0;
}

.asideC .img_a_waku {
	margin: 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.asideD .img_a_waku {
	margin: 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.aside .img_a {
	text-align: center;
	margin: 20px 0px;
	border: solid 1px #ff0000;
	border: none;
}
.syouhinn_img {
	border: solid 1px #ff0000;
	padding-top: 0px;
}

.aside .img_a table {
	margin: 0px auto;
}
.aside .img_a p {
	text-align: center;
	margin: 0px 0px;
	font-weight: bold;
	color: #4753a2;
}

.asideC .img_a {
	text-align: center;
	margin: 0px 0px;
}
.asideD .img_a {
	text-align: center;
	margin: 0px 0px;
}



.aside h3 {
	margin: 0px 0;
	margin-top: 0px;
	padding: 5px 10px;
	font-size: 14px;
	border: solid 1px #ccccff;
	background-color: #e5eaff;
}
.asideB {
	width: 90%;
	margin: 0 auto;
	background-color: #fff4f9;
	margin-bottom: 20px;
	padding: 0px;

}
.asideB h3 {
	width: 80%;
	margin: 0px auto;
	margin-top: 0px;
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	border-bottom: dotted 1px #ccccff;
}

.asideC h3 {
	/*width: 80%;*/
	/*margin: 0px auto;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	background-color: #4753a2;
	border-bottom: dotted 1px #ccccff;
	color: ffffff;
}
.asideD h3 {
	/*width: 80%;*/
	/*margin: 0px auto;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	background-color: #4753a2;
	border-bottom: dotted 1px #ccccff;
	color: ffffff;
}

.aside .mess2 {
	margin: 0px 0px;
	padding: 5px 10px;
	/*border: solid 1px #ccccff;*/
	border-top: none;
}

.asideC .mess2 {
	margin: 0px 0px;
	padding: 5px 10px;
	/*border: solid 1px #ccccff;*/
	border-top: none;
}
.asideD .mess2 {
	margin: 0px 0px;
	padding: 5px 10px;
	/*border: solid 1px #ccccff;*/
	border-top: none;
}

.aside dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.asideC dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.asideD dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.aside p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.asideC p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.asideD p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}


.sidemenu {
	border: solid 1px #ccccff;
	border-radius: 2px;
	margin-bottom: 10px;
}
.sidemenu ul {
	margin: 0;
	padding: 0 10px;
	margin-bottom: 0px;
	list-style: none;
	background-color: #e5ffff;
}
.sidemenu li a {
	display: block;
	padding: 0px;
	color: #006888;
	font-size: 14px;
	border-bottom: dotted 1px #00afcc;
	text-decoration: none;
}
.sidemenu li a:hover {
	background-color: #b2ffff;
}
.sidemenu h1 {
	padding: 5px 10px;
	margin-top: 0;
	margin-bottom: 0px;
	/*background-color: #75dbe7;*/
	background-color: #88bfbf;
	border-bottom: solid 1px #418b89;
	color: #666666;
	font-size: 18px;
}

.sidemenu i {
	margin-right: 5px;
	color: #ea5550;
	font-size: 18px;
}

.aisatu h1 {
	padding: 5px 10px;
	margin-top: 0;
	margin-bottom: 0px;
	/*background-color: #75dbe7;*/
	background-color: #88bfbf;
	border-bottom: solid 1px #418b89;
	color: #666666;
	font-size: 18px;
}
.aisatu h2 {
	background: #f4f4ff;
	color: #666666;
	margin-top: 0px;
	font-size: 12px;
	line-height: 150%;
	padding: 5px 10px;
	border: solid 1px #ccccff;
	border-top: none;
}



/* おすすめ記事*/
.osusume ul {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	list-style: none;
}
.osusume li a {
	display: block;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	font-size: 14px;

}
.osusume li a:hover {
	background-color: #eeeeee;
	opacity: 0.8;
}
.osusume h1 {
	margin: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px;
}

.osusume img {
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

.osusume .text {
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
}

/*お勧め記事のメニューテキストを重ねる*/
.osusume a {
	position: relative;
}
.osusume .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

/* 人気の記事*/
.ninki ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ninki li a {
	display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	list-style: none;
	font-size: 14px;
	text-decoration: none;

}
.ninki li a:hover {
	background-color: #eeeeee;
}
.ninki h1 {
	margin: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px;
}

.ninki li a img {
	border: none;

}

.ninki a:after {
	content: "";
	display: block;
	clear: both;
}

.ninki img {
	float: left;
	width: 60px;
}
.ninki .text {
	float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px;
}
.ninki span {
	display: block;
	color: #666666;
	font-size: 12px;
}


/* コピーライト*/
.copyright p {
	margin: 0;
	color: #ffffff;
	font-size: 14px;
}

.copyright a {
	margin: 0;
}


/*box2をバーに*/
.box2 {
	background-color: #26499d;
	/*border: solid 1px #ff0000;*/
	clear: both;
}
.box2B {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom:8px;
	/*border: solid 1px #ff0000;*/
}
.boxA {
	margin-top: 0px;
	/*border: solid 1px #ff0000;*/
}

.box5 {
	border-top: solid 1px #dddddd;
	background-color: #26499d;
}
.box5_inner {
	text-align: center;
}
/*boxの間隔*/
.box1 {
	padding-top: 8px;
	padding-bottom:8px;
	/*border: solid 1px #ff0000;*/
	clear: both;
}

.box3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.box4 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.box5 {
	padding-top: 15px;
	padding-bottom: 15px;
}

/*box3, box4の横並び解除レスポンシブWeｂ--*/

/*------599px以下-------------------------*/
@media (max-width: 599px){


.kiji_top h1 {
	font-size: 14px;
}

.menu ul {
	padding: 5px 0px;
}
.menu li a {
	padding: 0px 3px;
	font-size: 11px;
}
.site {
	height: 40px;
}
.site h1 {
	margin-top: 5px;
	font-size: 14px;
}
.site p {

	font-size: 8px;
	display: none;
}
.kiji h1 {
	font-size: 26px;
}
.kiji h2 {
	font-size: 14px;
}
.kiji h3 {
	font-size: 12px;
}
.kiji h4 {
	font-size: 12px;
}
.kiji ul {
	font-size: 10px;
}

.box1 {
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.box3 {
	padding-top: 25px;
}
.share span {
	display: inline-block;
	text-indent: -9999px;
}
/*関連記事メニュー*/
.kanren {
	padding: 10px;
}

.kanren li {
	width: 50%;
}
.kanren li:nth-child(3) {
	clear: both;
}
.kanren li {
	overflow: hidden;
}
}
/*------600px以上～767以下-------------------------*/
@media (min-width: 600px) and (max-width: 767px){

.site h1 {
	font-size: 20px;
}
.site p {
	font-size: 10px;
}

.box1 {
	width: 100%;
	height: auto;

}


.box1:after {
	content: "";
	display: block;
	clear: both;
}
.box1_1 {
	float: left;
	width: 35%;
}
.box1_2 {
	float: left;
	width: 65%;
	/*height: 110px;*/
}

.box4:after {
	content: "";
	display: block;
	clear: both;
}
.box4_2 {
	float: left;
	width: 50%;
}
.box4_1 {
	float: right;
	width: 50%;
}


	/*box4_1とbox4_2の左右の間隔*/
.box4_1 {
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.box4_2 {
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

}

/*---------------------------------------*/
@media (min-width: 768px){
/*box3, box4の横並び設定------------------*/

.box1:after {
	content: "";
	display: block;
	clear: both;
}

.box1_1 {
	float: left;
	width: 35%;
}
.box1_2 {
	float: left;
	width: 65%;
}
.box1 {
	max-width: 950px;
}


.boxA:after {
	content: "";
	display: block;
	clear: both;
}
.box3 {
	float: left;
	width: 70%;
}
.box4 {
	float: left;
	width: 30%;
}

/* box3 box4 の左右の間隔*/
.box3 {
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

}
/*---------------------------------------*/

/*------1040px以上-------------------------*/
@media (min-width: 1040px) {
	/*全体の横幅を固定*/
.box1, .box2_inner, .boxA, .box5_inner {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

}