@charset "UTF-8";
/* CSS Document */
body{
	background: url(../images/bg_tex.png);
}
section{
	background: url(../images/bg_table.png) repeat center top;
}
h1{
	font-family: "A1明朝 A1" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #e4007f;
}
h2{
	margin: 20px auto;
}
h2 span{
	background: linear-gradient(transparent 60%, #ff0 0%); 
}

p{
	font-family: "ゴシックMB101 B" , "UD新ゴ M", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.flame{
	    border: 4px double #e4007f;
    margin: 2em 0;
    padding: 2em;
}
.imgArea{
	margin-bottom: 20px;
}

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #FFFFFF;
	border: 2px solid #e4007f;
	color: #e4007f;
	line-height: 50px;
}
.button:hover {
	background-color: #e4007f;
	border-color: #e4007f;
	color: #fff;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #FFFFFF;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #E9CDCD;
}


footer .container{
	background: url(../images/img_footer_castle.png)no-repeat;	
}

footer .btn-social{
	margin: 40px auto;
}

@media (min-width: 768px) {
    footer .container-small {
        width: 300px;
    }
    footer .container-large {
        width: 970px;
    }
}
@media (min-width: 992px) {
    footer .container-small {
        width: 500px;
    }
    footer .container-large {
        width: 1170px;
    }
}
@media (min-width: 1200px) {
    footer .container-small {
        width: 700px;
    }
    footer .container-large {
        width: 1500px;
    }
}

/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
    
}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {

}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    
}