@CHARSET "UTF-8";

/*-----------------------------------------------------------*/
/*box2をバーに*/
.box2 {
	background-color: #26499d;
	background-color: #000000;
	/*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;
}

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

.box3 {

	padding-top: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.box4 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	background-color: #ffffff;
}
.box4_1 {
	width: 90%;
	margin: auto;
}
.box4_2 {
	width: 90%;
	margin: auto;
}

.box5 {
	padding-top: 15px;
	padding-bottom: 15px;
}
/*-----------------------------------------------------------*/
/*box3, box4の横並び解除レスポンシブWeｂ--*/
/*------599px以下-------------------------*/
@media (max-width: 599px){

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

.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;
}
.kiji a {
	font-size: 10px;
}
/*-----------------------------------------------------------*/
.site_rogo h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 12px;
	font-family: 'Paytone One', sans-serif;
	font-weight: normal;
	color: #00afcc;
	color: #606060;
}

.site_rogo p {
	margin-top: 0;
	margin-left: 10px;
	color: #00afcc;
	color: #606060;
	font-size: 10px;
}
.site_title h1 {
	margin: auto;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 0;
	/*margin-left: 20px;*/
	font-size:12px;
}
.site_title h2 {
	margin: auto;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 0;
	/*margin-left: 50px;*/
	font-size:12px;
}

.menu ul {
	padding: 5px 0px;
}
.menu li a {
	padding: 0px 3px;
	font-size: 11px;
}
/*----------------------------------------------*/
.kiji_content {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-radius: 5px;
	background-color: #ffffff;
}
/*----------------------------------------------*/
.box3 {
	padding-top: 5px;
}
/*----------------------------------------------*/
.kiji_top_right {
	padding: 5px 20px;
	background-color: #f4f4ff;
	background-color: #efefef;
	border-radius: 5px;
	margin-bottom: 10px;
	clear: both;
}
.kiji_top_right h1 {
	margin: 0;
	/*font-size: 36px;*/
	font-size: 20px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	/*border: solid 1px #ff0000;*/
}
.kiji_top_right h1 img {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}
.kiji_top_right h2 {
	margin: 0;
	padding: 5px 0px;
	font-size: 20px;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	background: none;
	boeder: none;
	/*border: solid 1px #ff0000;*/
}
/*----------------------------------------------*/
.pan_kuzu li a {
	display: block;
	margin-right: 3px;
	margin-bottom: 5px;
	padding: 2px 4px;
	background-color: #75dbe7;
	background-color: #c6c6ff;
	background-color: #dcdcdc;
	border-radius: 2px;
	color: #ffffff;
	color: #26499d;
	color: #003f8e;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

/*----------------------------------------------*/
/*----------------------------------------------*/
.kiji_top {
	margin-top: 0;
	padding: 3px 5px;
	border: solid 1px #ccccff;
	border-radius: 5px;
	border: none;
	margin-bottom: 40px;
	margin-bottom: 10px;
}
.kiji_top h1 {
	margin: 10px 0;
	margin-top: 0px;
	/*font-size: 36px;*/
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
	/*border: solid 1px #ff0000;*/
}
.kiji_top h2 {
	margin: 10px 0;
	margin-top: 0px;
	/*font-size: 36px;*/
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;

	border: none;
	background: none;
	padding: 0;

	/*border: solid 1px #ff0000;*/
}
/*------------------------------------*/
.af_text1 {
	margin: 5px 0;
	margin-bottom: 0px;
	text-align: left;
}
.af_text1 a {
	width: 90%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 5px;
	background-color: #6495ed;
	/*border: solid 1px #ccccff;*/
	border-radius: 10px;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
}

.af_text1 a:hover {
	background-color: orange;
	background-color: #87cafa;
	background-color: #add8e6;
	background-color: #4169e1;
	background-color: #87cafa;
}
/*------------------------------------*/
.pop_mess1_site h3 a {
	text-decoration: underline;
	font-size: 14px;
}
/*------------------------------------*/

.modoru p {
	margin-top: 5px;
	margin-bottom: 5px;
	/*text-align: right;*/
	/*border: solid 1px #ff0000;*/
}

.modoru p a {
	width: 80px;
	padding: 0px 10px;
	text-decoration: none;
	/*border: solid 1px #25b7c0;*/
	border-radius: 20px;
	background-color: #25b7c0;
	color: #ffffff;
}
/*----------------------------------------------*/
.jal_top {
	margin-top: 0;
	margin-bottom: 0px;
	padding: 0 5px;
	padding-top: 10px;
	padding-bottom: 0px;
}
/*----------------------------------------------*/

.box1 {
	/*text-align: center;*/
	padding-top: 4px;
	padding-bottom: 4px;
}
.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_erea 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%;
	width: 48%;
	margin-right: 10px;
}
.box4_1 {
	float: right;
	width: 50%;
	width: 48%;
}


	/*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: 67%;
	width: 75%;
}
.box4 {
	float: left;
	width: 33%;
	width: 25%;
}

/* 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;*/
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

}

/*---------------------------------------*/