/******************************************************************************
Common
******************************************************************************/

body{
	color: #333333;
	background-color:#F9F9F2;
}

a:hover{
opacity:0.9;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
a:hover img{
opacity:0.9;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
input[name="image"]:hover { opacity:0.9; filter:alpha(opacity=70); }
/*___________________ 画像 _____________________*/
.gazo0{
	margin: 0px auto 0px;
	display: block;
}
.gazo10{
	margin: 0px auto 10px;
	display: block;
}
.gazo20{
	margin: 0px auto 20px;
	display: block;
}
.gazo30{
	margin: 0px auto 30px;
	display: block;
}
.gazo40{
	margin: 0px auto 40px;
	display: block;
}
.gazo50{
	margin: 0px auto 50px;
	display: block;
}
.gazo80{
	margin: 0px auto 80px;
	display: block;
}
.migi{
	float: right;
	margin-left: 23px;
	margin-bottom: 10px;
	display: block;
}
/*___________________ 文字 _____________________*/
.aka{
	font-weight: bold;
	color: #B20000;
}
.kiaka{
	background-color: #FFFF00;
	font-weight: bold;
	color: #B20000;
}
.kiiro{
	background-color: #FFFF00;
	font-weight: bold;
}
/*___________________ コンテンツ _____________________*/

#wrap{
    background-color: #EEE;
	background-image: url(../images/bg.jpg);

	background-position: center 0px;
	width: 100%;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}
.box{
	width: 820px;
	overflow: hidden;
	display: block;
}
.box p{
	width: 820px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.box2{
	width: 820px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.ul1{
	width: 795px;
	padding-left: 25px;
	margin: 0px auto 40px;
	display: block;
}
.ul1 li{
	font-weight: bold;
	list-style-type: disc;
	list-style-position : outside;
}
.ul3{
	width: 795px;
	padding-left: 25px;
	margin: 0px auto 40px;
	display: block;
}
.ul3 li{
	list-style-type: disc;
	list-style-position : outside;
	margin: 0px auto 10px;
}
.gray{
	background-color: #EEE;
	width: 820px;
	padding-top: 25px;
	margin: 0px auto 70px;
	overflow: hidden;
	display: block;
}
.shiro{
	background-color: #FFF;
	width: 800px;
	border: solid 2px #CCCCCC;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
	padding: 30px 0 5px;
	margin: 2px auto 25px;
	overflow: hidden;
	display: block;
}
.shiro h3{
	width: 800px;
	margin: 0px auto 20px;
	overflow: hidden;
	display: block;
}
.shiro p{
	width: 720px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}

.palepink {
    background-color: #FCEAE9;
}

.tokutenArea img {
    margin: 0 auto;
    display: block;
    padding: 30px 0 0;
}

.check{
	background-color: #FFF;
	width: 762px;
	font-weight: bold;
	list-style-type: none;
	border: solid 1px #DDD;
	padding-top: 20px;
	margin: 0px auto 25px;
	overflow: hidden;
	display: block;
}
.check .li1{
	background-repeat: no-repeat;
	background-position: 0 5px;
	width: 650px;
	border-bottom: dotted 1px #AAA;
	padding: 0px 0 13px 50px;
	margin: 0px auto 20px;
	display: block;
}
.check .li2{
	background-repeat: no-repeat;
	background-position: 0 5px;
	width: 650px;
	padding: 0px 0 13px 50px;
	margin: 0px auto 20px;
	display: block;
}
.check .li3{
	background-image: url("../images/check2.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	width: 650px;
	border-bottom: dotted 1px #AAA;
	padding: 0px 0 13px 50px;
	margin: 0px auto 20px;
	display: block;
}
.check .li4{
	background-image: url(../images/check2.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	width: 650px;
	padding: 0px 0 13px 50px;
	margin: 0px auto 20px;
	display: block;
}
.prof{
	width: 780px;
	box-shadow: 0 0 4px #AAA;
-webkit-box-shadow: 0 0 4px #AAA;
	padding-top: 35px;
	margin: 4px auto 60px;
	overflow: hidden;
	display: block;
}
.prof p{
	width: 720px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.ul2{
	margin: -30px auto 0px;
	display: block;
}
.ul2 li{
	list-style-type: disc;
	list-style-position : outside;
	margin: 0px auto 10px;
}
/*___________________ タイマー _____________________*/

.Timer{
    font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
	font-size:40px;
	font-weight:bold;
	line-height: 40px;
	color: #E56E8D;
	text-align: center;
	margin: 0px auto 10px;
	display: block;
}
.Timer2{
    font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
	font-size:53px;
	font-weight:bold;
	line-height: 53px;
	color: #E56E8D;
	text-align: center;
	margin: 0px auto 20px;
	display: block;
}

/*___________________ フォーム _____________________*/

.formBG{
	width: 100%;
   /* height: 240px;*/
	padding: 30px 0px;
	margin: 0px auto 0px;
	overflow: hidden;
	display: block;
}

.mail_box{
	background-color: transparent;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
	width: 637px;
	height: 82px;
	font-size: 31px;
	font-weight: bold;
	line-height: 31px;
	border: none;
	padding: 10px 0 0px 180px;
	margin: 0 auto 15px;
	display: block;
}
.btn{
	width: 827px;
	height: 164px;
	margin: 0 auto 10px;
	display: block;
}
.kome{
    background-color: #FADEDB;
	width: 790px;
	height: 80px;
    font-size: 13px;
	line-height: 20px;
    color: #444;
    padding: 20px 15px;
	margin: 0 auto 0px;
    overflow-y: scroll;
-webkit-overflow-scrolling: touch;
transform: translateZ(0);
	display: block;
}


.kikan{
    font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
	font-size:35px;
	font-weight:bold;
	line-height: 40px;
	color: #E56E8D;
	text-align: center;
	margin: 30px auto 10px;
	display: block;
}

/*--------- フッター -----------*/

#foot{
	width: 860px;
	font-size: 17px;
	line-height: 27px;
	color: #1F1F1F;
	text-align: center;
	padding-top: 12px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
#foot ul{
	text-align: center;
	list-style-type: none;
	margin: 0 auto 0px;
	display: block;
}
#foot ul li{
	display: inline;
}
#foot ul li a{
	color: #1F1F1F;
	text-decoration: none;
}
#foot small{
	font-size: 16px;
}


/*___________________ トップ _____________________*/
#page-top a:hover {
	text-decoration: none;
	opacity:0.5;
}

/******************************************************************************
Pc size
******************************************************************************/
@media screen and (min-width:640px) {
    body{
    width: 100%;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 20px;
        line-height: 32px;
    }
    
    .gazo35{
        margin: 0px auto 35px;
        display: block;
    }
    
    .aka_m{
        font-size: 23px;
        font-weight: bold;
        color: #B20000;
    }
    
    .kiaka_m{
        background-color: #FFFF00;
        font-size: 23px;
        font-weight: bold;
        color: #B20000;
    }
    
    .m{
        font-size: 23px;
        font-weight: bold;
    }
    .pc{
        display: none;
    }

    #top{
        background-image: url(../images/top_bg_pc.png);
        background-position: center 0px;
        width: 100%;
        height: 974px;
        margin: 0px auto 0px;
        overflow: hidden;
        display: block;
    }

    
    #page-top {
        background-color: #333333;
        width: 80px;
        position: fixed;
        bottom: 80px;
        right: 10px;
        opacity:0.8;
        color: #fff;
        padding: 3px 3px;
        border-radius: 5px;
    }

    #page-top a {
        text-decoration: none;
        color: #fff;
        width: 84px;
        text-align: center;
        display: block;
        border-radius: 10px;
        opacity:0.8;
        font-size:12px;
    }

    .box {
        margin: 0px auto 40px;
    }
    
    .ul1 {
        width: 795px;
        padding-left: 25px;
    }

    .ul1 il {
        margin: 0px auto 10px;
    }

    .check {
        font-size: 25px;
        line-height: 40px;
    }
    
    .check .li1 {
        background-image: url("../images/check_v.jpg");
    }
    

    .check .li2 {
        background-image: url("../images/check_v.jpg");
    }
    

    .ul2{
        width: 695px;
        padding-left: 25px;
    }

    
    #bana {
        position: fixed;
        bottom: 10px;
        right: 10px;
    }


    .href-add-friend img {
        width:350px;
        height:auto;
        position:fixed;
        right:0;
        bottom:5px;
        }

}


/******************************************************************************
Sp size
******************************************************************************/

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

    body{
        width: 918px;
        font-family: "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 30px;
        line-height: 50px;
    }
    
    .aka_m{
        font-size: 35px;
        font-weight: bold;
        color: #B20000;
    }
    
    .kiaka_m{
        background-color: #FFFF00;
        font-size: 35px;
        font-weight: bold;
        color: #B20000;
    }
    
    .m{
        font-size: 35px;
        font-weight: bold;
    }
    .sp{
        display: none;
    }

    #wrap {
        background-color: #EEE;
        background-image: url(../images/bg.jpg);
        background-repeat: repeat-y;
        background-position: center 0px;
        width: 100%;
        margin: 0px auto 0px;
        overflow: hidden;
        display: block;
    }
    
    #top{
        background-image: url(../images/top_bg_sp.png);
        background-repeat: no-repeat;
        background-position: center 0px;
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 93%;
        background-size:contain;
        margin: 0 auto 0px;
        overflow: hidden;
        display: block;
    }
    
    
    #page-top {
        background-color: #333333;
        width: 100px;
        position: fixed;
        bottom: 10px;
        right: 10px;
        opacity:0.8;
        color: #fff;
        padding: 15px;
        border-radius: 5px;
    }
    
    #page-top a {
        text-decoration: none;
        color: #fff;
        width: 104px;
        text-align: center;
        display: block;
        border-radius: 10px;
        opacity:0.8;
        font-size:30px;
        line-height: 1.2;
    }

    
    .box {
        margin: 0px auto 60px;
    }
    
    .ul1 {
        width: 785px;
        padding-left: 35px;
    }
    
    .ul1 il {
        margin: 0px auto 15px;
    }

    .check {
        font-size: 35px;
        line-height: 45px;
    }
    
    .check .li1 {
       background-image: url("../images/check.png");
    }

    .check .li2 {
        background-image: url("../images/check.png");
    }
    
    .ul2{
        width: 685px;
        padding-left: 35px;
    }

    
    #foot {
        margin: 0 auto 300px;
    }
    
    #footerbtn img {
    width: 100%;
    max-width: 100%;
    height: auto;
    }
    
    
    
    
}