@charset "utf-8";

/*news*/
.index-newsimg {margin: 0 auto; padding: 0;
	width: 230px; font-size: 90%; color: #9599a0;}

.index-newsimg img {margin: 0 auto; padding: 0;
                                width: 100%; height: auto;
	background-repeat: no-repeat;
	background-position: top center;
                                background-size: 100% auto;}

.index-date {margin-top: 4px;}

.index-newstitle {margin: 0 auto; padding-top: 5px;
	width: 230px;
                                text-align: center;
                                font-size: 90%; line-height: 170%;}

/*newsindex*/
.index-newsimg2 {margin: 0 auto; padding: 0;
	width: 230px; height: 160px;
                                font-size: 90%; color: #9599a0;}

.index-newsimg2 img {margin: 0 auto; padding: 0;
                                width: 100%; height: auto;
	background-repeat: no-repeat;
	background-position: top center;
                                background-size: 100% auto;}

.index-newstitle2 {margin: 0 auto; padding: 0;
	width: 230px;
                                text-align: center;
                                font-size: 90%; line-height: 170%;}

/*paging*/
.paging-container {margin: 0 auto; padding: 0px 0px 70px 0px;
	width: 444px;}

.paging {margin: 40px 10px 30px 10px;
                                width: 200px;
                                font-size: 90%; line-height: 100%;
	letter-spacing: 5px;
	font-family: "Sawarabi Mincho", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center; 
                                cursor: pointer;
	background: #000000;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border: 1px solid #a7a7a7;
                                float: left;
                                }

.paging2 {margin: 40px 10px 30px 10px;
                                padding: 10px 20px 10px 20px; color: #7f7f7f;
                                width: 160px;
                                font-size: 90%; line-height: 100%;
	letter-spacing: 5px;
	font-family: "Sawarabi Mincho", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center; 
	background: #000000;
	border: 1px solid #353535;
                                float: left;
                                }

.paging a {padding: 10px 20px 10px 20px; color: #ffffff;
	display: block;}
.paging a:hover {background: #145170; color: #ffffff;}


/*detail*/
h4 {margin: 0 auto; padding: 50px 0px 0px 0px;
                                font-size: 140%; color: #efefef; font-weight: normal; line-height: 160%;
	width: 960px;}

h5 {margin: 0 auto; padding: 10px 0px 0px 0px;
                                font-size: 100%; color: #9599a0; font-weight: normal;
	width: 860px; text-align: right;}

.main {margin: 0 auto; padding: 50px 0px 50px 0px;
                                font-size: 110%; color: #d8d8d8; line-height: 200%;
	width: 860px; text-align: left;}

.ft {margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px;
	text-align: left;
	font-size: 100%; color: #c7c7c7; font-weight: normal;}

.back-container {margin: 0 auto; padding: 0px 0px 0px 0px;
	width: 222px;}

.youtube {position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 1em;
	clear: both;}
.youtube iframe {position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;}

/*●750px以下（SP）
================================================*/
@media only screen and (max-width: 750px) {

/*news*/

.index-newsimg {margin: 0 auto; padding: 0;
	width: 100%; font-size: 85%;}

.index-newstitle {margin: 0 auto; padding-top: 1%;
	width: 100%;
                                text-align: left;
                                font-size: 110%; line-height: 160%;}

/*newsindex*/
.index-newsimg2 {margin: 0 auto; padding: 0;
	width: 100%; height: 110%; font-size: 85%;}

.index-newstitle2 {margin: 0 auto; padding-top: 5px;
	width: 100%; height: 160px;
                                text-align: center;
                                font-size: 90%; line-height: 160%;}

/*paging*/
.paging-container {margin: 0 auto; padding: 0% 5% 5% 5%;
	width: 90%;}

.paging {margin: 10% 3% 10% 3%;
                                width: 43%;
                                font-size: 85%;}

.paging2 {margin: 10% 3% 10% 3%;
                                padding: 4.5% 0% 4.5% 0%;
                                width: 43%;
                                font-size: 85%;}

.paging a {padding: 10% 5% 10% 5%; color: #ffffff;}

/*detail*/
h4 {margin: 0 auto; padding: 0% 0% 5% 0%;
                                font-size: 130%;
                                text-align: left;
	width: 100%;}

h5 {margin: 0 auto; padding: 0% 5% 0% 5%;
                                font-size: 90%; color: #dfdfdf;
	width: 90%;}

.main {margin: 0 auto; padding: 4% 0% 3% 0%;
                                font-size: 110%; color: #d8d8d8; line-height: 190%;
	width: 100%;}

.main img{max-width: 100%; height: auto;}

.ft {margin: 5% 0% 0% 0%; padding: 1% 3% 1% 3%;
	font-size: 100%;}

.back-container {margin: 0 auto; padding: 0% 25% 0% 25%;
	width: 100%;}




/**/}