@charset "euc-jp";
@import url(reset.css);
body {
	background: #fff;
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Helvetica', 'sans-serif';
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
	color: #333;
}
#layout {
	max-width: 765px;
	margin: 0 auto;
}
/* =========================================================
header 
========================================================= */

header h1 img {
	width: 100%;
	height: auto;
}
header h2 {
	text-align: center;
}
header h2 img {
	width: 100%;
	height: auto;
}
header h2.sub {
	display: none;
}
/* =========================================================
sunday 
========================================================= */

#sunday3111 {
	width: 85%;
	margin: 20px auto 10px;
	text-align: left;
	background: #4fa6ce;
	position: relative;
}
#sunday3111 .inner {
	padding: 15px 20px 5px 20px;
	color: #fff;
	background-size: 100%;
}
#sunday3111 h3 {
	text-align: left;
	padding: 0 0 0 0;
}
#sunday3111 h3 img {
	width: 100%;
	height: auto;
}
#sunday3111 .inner {
	font-size: 110%;
	line-height: 1.5em;
	padding: 0 20px 15px 20px;
}
#sunday3111 .btn3111 {
	padding: 20px 0 20px 0;
	background: #4fa6ce;
	background-size: 100%;
	text-align: center;
}
#sunday3111 .btn3111 img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#sunday3111 .inner h3.tt {
	display: none;
}
 @media only screen and (min-width: 701px) {
#sunday3111 .fr {
	display: none;
}
}
 @media only screen and (max-width: 700px) {
#sunday3111 .fr {
	display: none;
}
}
 @media only screen and (max-width: 480px) {
#sunday3111 .fr {
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#sunday3111 .fr img {
	width: 100%;
	height: auto;
}
}
#sunday3111 .inner .rightbox {
	width: 60%;
	margin: 10px auto 0;
}
#sunday3111 .inner .rightbox img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
	margin:0 0 10px 0;
}
#sunday3111 div.clearboth {
	display: inline;
	padding: 0 0 0 8px;
}
#sunday3111 div.clearboth a {
	font-size: 85%;
	text-decoration: underline;
	color: #fff;
}



#sunday3111 .btn23111 {
	display: none;
}
#sunday3112 {
	width: 85%;
	margin: 20px auto 10px;
	text-align: left;
	background: #4fa6ce;
	position: relative;
}
#sunday3112 .inner {
	padding: 15px 20px 15px 20px;
	color: #fff;
	background-size: 100%;
}
#sunday3112 h3 {
	display: none;
}
 @media only screen and (min-width: 701px) {
#sunday3112 .fr {
	display: none;
}
}
 @media only screen and (max-width: 700px) {
#sunday3112 .fr {
	display: none;
}
}
 @media only screen and (max-width: 480px) {
#sunday3112 .fr {
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#sunday3112 .fr img {
	width: 100%;
	height: auto;
}
}


#sunday3112 .inner .rightbox {
	width: 60%;
	margin:10px auto 0;

}
#sunday3112 .inner .rightbox img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
}
#sunday3112 div.clearboth {
	display: inline;
	padding: 0 0 0 8px;
}
#sunday3112 div.clearboth a {
	font-size: 85%;
	text-decoration: underline;
	color: #fff;
}
#sunday3112 .btn3112 {
	display: none;
}

.info3111{
	width: 100%;
	font-size: 100%;
	padding:0 0 5px 0px;
}

.info3112{
	width: 100%;
	font-size: 110%;
	line-height:1.5em;
	padding: 3px 0 5px 0px;
}


.tw-info {
	font-size: 90%;
	line-height: 1.4em;
	color: #fff;
	padding: 15px 0 10px 0;
}

.tw-info a {
	color: #fff !important;
	text-decoration: underline !important;
}
.tw-btn{
	width:100%;
	margin:10px auto 0;
}

.tw-btn img{
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#sunday3112 .inner .txt3112 br{
	display: none;
}

/* =========================================================
followus
========================================================= */
#followus {
	margin: 0 0 20px 0;
}
#followus h3 {
	text-align: center;
}
#followus h3 img {
	width: 80%;
	height: auto;
}
.arrow_box {
	width: 75%;
	margin: 0 auto;
	position: relative;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #47a0cc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(71, 160, 204, 0);
	border-bottom-color: #47a0cc;
	border-width: 16px;
	margin-left: -16px;
}
/* ///////////////////////////////////////////////////////////////////
#best10  
/////////////////////////////////////////////////////////////////// */
#best10 {
	margin: 0 0 20px 0;
}
#best10 h3 {
	background: #0D2F62;
	padding: 0 10px;
	margin: 0 0 15px 0;
}
#best10 h3 img {
	width: 90%;
	height: auto;
}
/* ///////////////////////////////////////////////////////////////////
article.entry
/////////////////////////////////////////////////////////////////// */
article.entry {
	width: 85%;
	margin: 0 auto 10px;
	padding: 15px 0 15px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.8em;
	background: #fff;
	border: 1px dotted #4a6ea0;
}
article.entry .title {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: url(../../../img/line_b.png) repeat-x bottom;
	color: #144384;
}
article.entry h4 {
	padding: 0 5px 5px 5px;
	font-weight: bold;
	line-height: 1.3em;
	color: #144384;
}
article.entry h4 a {
	color: #144384;
	font-size: 110%;
}
article.entry h4 span {
	font-size: 80%;
	font-weight: normal;
}
article.entry h4.mes {
	width: 100%;
	font-size: 140%;
	text-align: center;
	background: url(../../img/line_b.png) repeat-x bottom;
	padding: 10px 0 20px 0;
	margin: 0 0 20px 0;
}
article.entry .date {
	color: #144384;
	padding: 2px 15px 0 10px;
	text-align: right;
	font-size: 85%;
}
article.entry .body {
	font-size: 100%;
	line-height: 1.7em;
	padding: 10px 10px 10px 10px;
}

article.entry .body img{
	display:block;
	width:80%;
	padding:8px;
	height:auto;
	margin:0 auto 10px;
	border:1px solid #ccc;
}

article.entry .body br {
	display: none;
}
article.entry .body strong {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	color: #d8213f;
	text-align:center;
	border-bottom:1px solid #ccc;
}
article.entry .body a.gray {
	color: #d41779;
}
article.entry .body p.more {
	padding: 10px 0 0 0;
}
article.entry .body .rightbox {
	float: right;
	padding: 0 0 10px 10px;
}

article.entry iframe{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

article.entry .more-inner{
	padding:0 0 0 12%;
	text-align:center;
}

article.entry .more {
	font-size: 110%;
	padding: 10px 5px 0 0;
	text-align: left;
}
article.entry .more p,
article.entry .more div,
article.entry .more span{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 37px 0 0 0;
	margin: 0 20px 5px 0;
	font-size: 80%;
	line-height: 1.3em;
	text-align:center;
}



/*js 自動*/
article.entry .more p.c1 {
	background: url(../../img/no1.png) no-repeat top center;
	background-size: 34px;
}
article.entry .more p.c2 {
	background: url(../../img/no2.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more p.c3 {
	background: url(../../img/no3.png) no-repeat top center;
	background-size: 34px;
}
article.entry .more p.c4 {
	background: url(../../img/no4.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more p.c5 {
	background: url(../../img/no5.png) no-repeat top center;
	background-size: 34px;
}
article.entry .more p.c6 {
	background: url(../../img/no6.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more p.c7 {
	background: url(../../img/no7.png) no-repeat top center;
	background-size: 34px;
}
article.entry .more p.c8 {
	background: url(../../img/no8.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more p.c9 {
	background: url(../../img/no9.png) no-repeat top center;
	background-size: 34px;
}
article.entry .more p.c10 {
	background: url(../../img/no10.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}


/*js 自動 6位～*/
article.entry .more div.c6 {
	background: url(../../img/no6.png) no-repeat top center;
	background-size: 34px;
}

article.entry .more div.c7 {
	background: url(../../img/no7.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more div.c8 {
	background: url(../../img/no8.png) no-repeat top center;
	background-size: 34px;


}
article.entry .more div.c9 {
	background: url(../../img/no9.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more div.c10 {
	background: url(../../img/no10.png) no-repeat top center;
	background-size: 34px;

}


/*順に個別指定*/
article.entry .more span.no1 {
	background: url(../../img/no1.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more span.no2 {
	background: url(../../img/no2.png) no-repeat top center;
	background-size: 34px;

}
article.entry .more span.no3 {
	background: url(../../img/no3.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more span.no4 {
	background: url(../../img/no4.png) no-repeat top center;
	background-size: 34px;

}
article.entry .more span.no5 {
	background: url(../../img/no5.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more span.no6 {
	background: url(../../img/no6.png) no-repeat top center;
	background-size: 34px;

}
article.entry .more span.no7 {
	background: url(../../img/no7.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more span.no8 {
	background: url(../../img/no8.png) no-repeat top center;
	background-size: 34px;

}
article.entry .more span.no9 {
	background: url(../../img/no9.png) no-repeat top center;
	background-size: 34px;
	margin: 0 0 15px 0;
}
article.entry .more span.no10 {
	background: url(../../img/no10.png) no-repeat top center;
	background-size: 34px;

}

/* 背景画像なし～*/
article.entry .more span.none {
	padding:0 0 0 0;
	background:none;
}


article.entry .more p b,
article.entry .more div b,
article.entry .more span b{
	clear: both;
	display: block;
	margin: 5px auto 0;
}
article.entry .more br {
	display: none;
}
article.entry .more p br,
article.entry .more div br,
article.entry .more span br{
	display: none;
}
article.entry more a {
	color: #545353;
	font-size: 14px;
}
article.entry .more img {
	width: 100%;
	height: auto;
	border: 1px solid #e7e6e5;
}


article.entry .more strong{
	display:block;
	width:90%;
	font-size:110%;
	color:#144384;
	text-align:left;
	margin:10px 0 20px 0;
	padding: 0 0 5px 5px;
	border-bottom:1px dashed #144384;
}

article.entry .bottom {
	padding: 0 5px 0 5px;
	text-align: center;
}
article.entry .cation {
	font-size: 85%;
}
article.entry .more-links {
	clear: both;
	padding: 10px 0 0 0;
}
/* ///////////////////////////////////////////////////////////////////
sbpost
/////////////////////////////////////////////////////////////////// */
article ul.sbpost {
	width: 270px;
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
	margin: 0 auto 20px;
}
article ul.sbpost li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}
article ul.sbpost li.fb {
	position: relative;
	margin-top: -4px;
}
article ul.sbpost li.line {
	margin-right: 0px;
}
article ul.sbpost li.line img {
	width: 80px;
	height: auto;
}
/* ///////////////////////////////////////////////////////////////////
aside#theme
/////////////////////////////////////////////////////////////////// */
#theme {
	margin: 0 0 12px 0;
}
#theme h3 {
	background: #4fa6ce;
	padding: 0 10px;
	margin: 0 0 15px 0;
}
#theme h3 img {
	width: 90%;
	height: auto;
}
.corner a dl {
	width: 80%;
	margin: 0 auto 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	line-height: 1.8em;
	background: #fff;
	border: 1px dotted #4a6ea0;
	background: url(../../img/arrow.png) no-repeat 96% 50%;
}
.corner a:active dl {
	background: url(../../img/arrow.png) no-repeat 96% 50% #eff5f7;
}
.corner dl dt {
	color: #328cb5;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.corner dl dd {
	font-size: 100%;
	line-height: 1.2em;
	padding: 0 35px 5px 0;

}
.corner dl dd.date {
	font-size: 80%;
	padding: 5px 0 0 0;
	color: #328cb5;
}
.corner dl dd div.clearboth {
	display: inline;
	padding: 0 0 0 8px;
}
.corner dl dd div.clearboth a {
	font-size: 85%;
	text-decoration: underline;
	color: #328cb5;
}
/* ///////////////////////////////////////////////////////////////////
#message
/////////////////////////////////////////////////////////////////// */
#message {
	padding: 0 0 15px 0;
	text-align: center;
}
#message img {
	width: 80%;
	height: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* ///////////////////////////////////////////////////////////////////
#twitter-wig 
/////////////////////////////////////////////////////////////////// */

#twitter-wig {
	width: 80%;
	background-color: #fff;
	border: solid 2px #47a0cc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto 20px;
	padding: 10px 0 10px 0;
	text-align: center;
}

#twitter-wig img{
	width:90%;
	height:auto;
}

#twitter-wig h4, #sidebar #twitter-wig p {
	text-align: center;
}
#twitter-wig h4 {
	padding: 0 0 10px 0;
}
/* ///////////////////////////////////////////////////////////////////
section#recent
/////////////////////////////////////////////////////////////////// */
section#recent {
	padding: 0 0 0 0;
	width: 80%;
	margin: 0 auto;
}
section#recent h4 img {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}
section#recent ul {
	padding: 0 0 10px 0;
}
section#recent ul li {
	padding: 10px 0 10px 15px;
	list-style: none;
	background: url(../../img/list_icon.png) no-repeat 0px 12px;
	border-bottom: 1px dotted #b9b9b9;
}
section#recent ul li a {
	text-decoration: none;
	color: #000;
}
section#recent ul li img {
	width: 90%;
	height: auto;
}
section#recent a.morelink {
	width: 120px;
	margin: 0px auto 0;
	padding: 3px 0 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	text-align: center;
	color: #144384;
	border: 1px solid #144384;
	font-size: 90%;
}
/* ///////////////////////////////////////////////////////////////////
section#archivelist
/////////////////////////////////////////////////////////////////// */
section#archivelist {
	padding: 0 0 10px 0;
	width: 80%;
	margin: 0 auto;
}
section#archivelist h4 img {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}
section#archivelist select {
	width: 100%;
	height: 35px;
	padding: 8px 40px 8px 8px;
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: "";
	background: #FFF url(../../img/select_arrow.jpg) no-repeat right;
}

/* ///////////////////////////////////////////////////////////////////
section#movie
/////////////////////////////////////////////////////////////////// */
section#movie {
	padding: 0 0 10px 0;
	width: 80%;
	margin: 0 auto;
}
section#movie h4 img {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}

section#movie iframe{
	width: 100%;
	height: auto;
}
section#movie .btn a{
	width: 120px;
	margin: 3% auto 0;
	padding: 3px 0 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	text-align: center;
	color: #fff;
	background:  #144384;
	border: 1px solid #144384;
	font-size: 90%;
}
/* ///////////////////////////////////////////////////////////////////
aside#logo
/////////////////////////////////////////////////////////////////// */
aside#logo {
	clear: both;
	position: relative;
	width: 100%;
	padding: 35px 0 0 0;
}
aside#logo ul {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
}
aside#logo ul {
	padding: 0 0 0 0;
}
aside#logo ul li {
	list-style: none;
	padding: 0px 0 25px 0;
	text-align: center;
}
aside#logo ul li img {
	width: 70%;
	height: auto;
}
aside#logo ul li.sq img {
	width: 70%;
	max-width: 200px;
	height: auto;
}
/* =========================================================
.pageswitch
========================================================= */
.pageswitch {
	clear: both;
	width: 300px;
	text-align: center;
	color: #333;
	margin: 0 auto 15px;
}
.pageswitch a {
	background-color: #eee;
	border: 1px solid #333;
	color: #333;
	padding: 3px 5px;
	margin: 3px;
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari */
	zoom: 1; /* has layout */
	text-decoration: none;
}
.pageswitch strong {
	background-color: #eee;
	border: 1px solid #333;
	color: #333;
	padding: 3px 5px;
	margin: 3px;
	display: -moz-inline-box; /* for mozilla */
	display: inline-block; /* for Opera & Safari */
	zoom: 1; /* has layout */
}
/* =========================================================
social bookmark
========================================================= */
#social ul.sbpost {
	clear: both;
	width: 157px;
	margin: 0 auto;
	padding: 0 0 20px 0;/*	background:#000;*/
}
#social ul.sbpost li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}
#social ul.sbpost li.line {
	margin-right: 0px;
}
#social ul.sbpost li img {
	width: 45px;
	height: 45px;
}
/* ///////////////////////////////////////////////////////////////////
footer
/////////////////////////////////////////////////////////////////// */
footer {
	clear: both;
	height: 130px;
	padding: 10px 0 30px;
	text-align: center;
	background: url(../../img/footer_bg.jpg) no-repeat bottom;
	background-size: 100%;
}
footer p#back {
	clear: both;
	padding: 0 10px 10px 0;
}
footer p#back img {
	width: 60px;
	height: auto;
}
footer p#copy {
	padding: 10px 0 0 10px;
	font-size: 70%;
	color: #155e7f;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* ----------------------------------------

textdecorations CSS テキスト装飾用CSS

 ----------------------------------------*/
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}

.highlight{
	font-size: 100%;
}