@charset "UTF-8";
/* CSS Document */

body {
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	background:url(../img/body_bg.png);
    margin: 0px;
}
h1,h2,h3,h4,p,ul,li,dl,dt,dd{
    margin:0;
    padding:0;
}
ul{list-style-type: none;}
img {
    border: none;
    padding:0;
    vertical-align:middle;
}
a {
 color: #F9768F;
}

header,footer,main,menu,nav,section{display: block;}


/*========================================================================== */

/*==header{
    width:100%;
    margin:0 auto ;
	right: 0px;
	position:fixed;
	top:0;
	z-index: 3;
	background:#F93;
	box-shadow:0 1px 3px #9A9A9A;
}
.heading{
	width: auto;
	margin:18px 0 0 3px;
}

/*========================================================================== */

#contents{
	 background: url(../img/patan.jpg);
	 background-repeat:repeat;
}


@media screen and (max-width: 1000px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
    #contents {
        max-width: 100%;
        margin: 0;
        background-color: url(../img/patan.jpg);
		 background-repeat:repeat;
    }
}


@media screen and (max-width: 435px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
    #contents {
        max-width: 100%;
        margin: 0;
        background-color: url(../img/patan.jpg);
		 background-repeat:repeat;
    }
}





#main {
    width: 850px;
    margin:0 auto auto auto;
}

@media screen and (max-width: 1000px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
   #main {
    /*float: none;*/
    width: 100%;
    margin:0;
}
}


@media screen and (max-width: 435px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
   #main {
    /*float: none;*/
    width: 100%;
    margin:0;
}
}




#main h1{
    color:#F90;
    padding:10px 5px 10px 10px;
    clear: both;
    line-height:1.4;
    margin:0;
}
#main img{
    display:block;
    margin:20px auto;
}


@media screen and (max-width: 1000px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
#main {
    /*float: none;*/
    width: 100%;
    margin:0;
}

#main img{
    max-width:100%;
}
section{
    margin:0 0 8px 0;
	padding:0;
}
section p {
    font-size:22px;
	margin:15px 10px 20px;
}

section img{
    max-width:95%;
	margin:20px 10px;
}


}

@media screen and (max-width: 435px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
    
   #main {
    /*float: none;*/
    width: 100%;
    margin:0;
}

#main img{
    max-width:95%;
	margin:0 10px 10px;
}
section{
    margin:0 0 8px 0;
	padding:0;
}
section p {
    font-size:22px;
	margin:15px 10px 20px;
}

section img{
    max-width:95%;
	margin:20px 10px;
}


}



section{
    margin:0 0 30px;
	padding:0 0 20px;
	padding-top: 10px;
}

section h1{
    color: #F90;
    padding:0 5px 10px 10px;
    clear: both;
    line-height:1.2em;
    margin:0 0 50px 5px;
	border-bottom: #F90 double 4px;
}

section .top {
	margin:0;
	padding:12px 0 0;
}
section h1{
    color: #333333;
    padding:0 5px 10px 10px;
    clear: both;
    line-height:1.2em;
    margin:0 0 50px 5px;
	border-bottom: #F90 double 4px;
}
section h2,h3{
    color: #FFFFFF;
	text-shadow:1px 1px 0 #000000;
    padding:10px 5px 8px 10px;
    clear: both;
    line-height:1.2em;
    margin:20px 0 10px 5px;
	border:#FF006E 1px dotted;
	width:92%;
	background-image:linear-gradient(#FC6, #F60);
}


.main_box {
	background-color: #FFF;
    width: 94%;
    border-radius: 10px;
    margin: 2% 3% 0 3%;
    padding: 4% 0 0;
    position: relative;
    box-shadow: 0 4px 3px #9A9A9A;
}

#main p {
    font-size:100%;
	line-height: 1.8;
}

.red{
	color: red;
}


section img{
    height:auto;
    display:block;
    margin:20px auto;
}

.text_in {
    margin-right: 40px;
    margin-left: 40px;
}

@media screen and (max-width: 1000px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
	
main p {
    font-size:100%;
	line-height: 1.8;
}

.text_in {
    margin-right: 25px;
    margin-left: 25px;
}
}



@media screen and (max-width: 435px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
	
main p {
    font-size:100%;
	line-height: 1.8;
}

.text_in {
    margin-right: 25px;
    margin-left: 25px;
}
}



/* フッタ */
footer {
	margin-top: 0;
	border-top: 1px solid #e5e5e5;
	width: 100%;
	padding: 20px 0 10px;
	text-align: center;
	font-size: 80%;
}

.box {
    width: 940px;
    margin: 0 auto;
}


.snsbox3 {
	/* margin: 0 auto; */
	/* width: 70%; */
}

.gln1 {
    color: #F60;
}
.gln2 {
    color:#090;
}

.x22 {
    font-size: 22px;
}


@media screen and (max-width: 1000px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
footer a{font-size:0.9em;}
.box {
    width: 95%;
    margin: 0 auto;
}

}



@media screen and (max-width: 435px) {
    /* �\���T�C�Y435�����ȉ��œǂݍ��� */
footer a{font-size:0.9em;}
.box {
    width: 95%;
    margin: 0 auto;
}

}



/*ぷるるんボタン　Facebook　lp_01
---------------------------------------------------------------------------*/
.animate74,.a-option74,.a-btnsub74 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes animate74 {0%{ -moz-transform:scale(0.92);}40%{ -moz-transform:scale(0.97);}60%{ -moz-transform:scale(0.86);}80%{ -moz-transform:scale(1);}100%{ -moz-transform:scale(0.92);}}@-o-keyframes animate74 {0%{ -o-transform:scale(0.92);}40%{ -o-transform:scale(0.97);}60%{ -o-transform:scale(0.86);}80%{ -o-transform:scale(1);}100%{ -o-transform:scale(0.92);}}@-webkit-keyframes animate74 {0%{ -webkit-transform:scale(0.92);}40%{ -webkit-transform:scale(0.97);}60%{ -webkit-transform:scale(0.86);}80%{ -webkit-transform:scale(1);}100%{ -webkit-transform:scale(0.92);}}@keyframes animate74 {0%{ transform:scale(0.92);}40%{ transform:scale(0.97);}60%{ transform:scale(0.86);}80%{ transform:scale(1);}100%{ transform:scale(0.92);}}.animate74{-webkit-animation-name: animate74;-moz-animation-name: animate74;-o-animation-name: animate74;animation-name: animate74;}.a-btn74{padding-left:0%!important;}.a-option74{top:0%!important;}.a-option74{width:20%!important;}.a-btn74{max-width:100%!important;}.animate74,.a-btnsub74,.a-option74{animation-duration:2s!important;-webkit-animation-duration:2s;-ms-animation-duration:2s;-moz-animation-duration:2s!important;}