@charset "UTF-8";
/* CSS Document */
body{
	background-color: #eee;
}
.box_outline{
	background-color: #b50d2c;
	margin: 0px auto;
	width: 100%;
	max-width: 960px;
	min-width: 300px;
	overflow: hidden;
    line-height: 100%;
}
.tophead{
	margin: 78px auto 0px auto;
}
.box_inside{
	overflow: hidden;
	margin: 0% auto 3% auto;
	width: 92%;
	text-align: center;
	font-size: 160%;
}
.box_inside p {
widows: 100%;
	margin-bottom: 5%;
	margin: 5% 0 5%;
	color: #fff;
	line-height: 100%;
}
.box_inside p img{
 width: 80%;
}

h2 {
	width:100%;
	height: auto;
	text-align: center;
	padding: 5% 0 2%;
	margin: 0 auto;
}

.h1_img {
    width: 100%;
    margin: 0px auto;
}
.h2_img {
	width: 90%;
/*	max-width: 860px;*/
}
.box_inside a img{
	width: 100%;
	margin: 0% auto;
}

/* --------------------
      アイコン画像
-------------------- */
.bannerList{
	text-align: center;
	margin: 0 0 3%;
	font-size: 0;
	width: 100%;
}
.bannerList li,
.bannerList li.wp {
	width: 23%;
	position: relative;
	margin: 0 1% 20px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
    vertical-align: bottom;
}
.bannerList li.wp{
	width: 30%;
}
.bannerList li img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.bannerList li a {
	margin: 0px;
	padding: 0px;
}
.bannerList li a:hover{
    opacity: 1;
	position: relative;
	top: 0px;
}
.bannerList li a:hover .dlbtn{
	 position: relative;
	 top: 3px;
}

/* --------------------
    Twitterフォロー
-------------------- */
.tweet_wrap{
	text-align: center;
	margin: 0 0 50px;
    margin: 0px auto;
	font-size: 0;
	width: 100%;
}
.tweet_wrap p{
	width: 100%;
	max-width: 680px;
    margin: 4% auto 1%;
	line-height: 0;
}
.tweet_wrap a img{
	max-width: 610px;
	margin: 0px auto;
	text-align: center;
}

/*__________________________________________________________________________

	タブレット用//////////////////////////////////////////////////////////
__________________________________________________________________________*/

@media (min-width: 640px) and (max-width: 959px){

.tophead{
	margin: 44px auto 0px auto;
}
.box_inside{
	font-size: 1.4em;
	line-height: 1.6em;
}
}
/*__________________________________________________________________________

	スマートフォン用//////////////////////////////////////////////////////////
__________________________________________________________________________*/

@media (min-width: 320px) and (max-width: 639px){
body{
	background-size: 5px auto;
}
.tophead{
	margin: 44px auto 0px auto;
}
.box_inside{
	font-size: 90%;
	line-height: 160%;
}

}