@charset "utf-8";
.body {
	background-color:#eff;
}
.top {
	background-color:#FFF;
	margin:0 auto;
	max-width:480px;
	width:100%;
    color: #bbb;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
	overflow: hidden;
	line-height:1.2em;
}
 
.drawer {
    -webkit-transform: translate3d(0, -16.3em, 0);
       -moz-transform: translate3d(0, -16.3em, 0);
         -o-transform: translate3d(0, -16.3em, 0);
            transform: translate3d(0, -16.3em, 0);
    -webkit-transition:-webkit-transform 0.35s linear;
          -moz-transition:-moz-transform 0.35s linear;
              -o-transition:-o-transform 0.35s linear;
                    transition:transform 0.35s linear;
}
 
.drawer.active {
    -webkit-transform: translate3d(0,2.5em,0);
       -moz-transform: translate3d(0,2.5em,0);
         -o-transform: translate3d(0,2.5em,0);
            transform: translate3d(0,2.5em,0);
}
 
 
aa.menu {
	background-color:#fff;
    position: absolute;
    z-index: 3;
    border:1px solid black;
    text-decoration: none;
    top: 0.5em;
    right: 1.0em;
    color: #000;
    font-family: 'Avenir Next LT W01 Bold';
    text-transform: uppercase;
    font-size: 0.65em;
    padding: 0.4em 0.7em;
    border-radius: 4px;
}
aa.menu span{
    font-size:1.6em;
    vertical-align: -0.15em;
}
span {
	background-color:#FFF;
}
aaa {
    position: absolute;
    z-index: 3;
    border:1px solid black;
    text-decoration: none;
    top: 0.5em;
    left: 1.0em;
    color: #031;
    font-family: 'Avenir Next LT W01 Bold';
    text-transform: uppercase;
    font-size: 0.65em;
    padding: 0.4em 0.7em;
    border-radius: 4px;
	background-color:#eff;
}

.icon {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    padding: 0.4em 0.7em;
	float:left;
	background-color:#aaa;

}
nav ul li{
list-style:none;
}
nav ul li a {
display: block;
text-decoration: none;
background: rgba(200,200,200,0.4);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
background: -moz-linear-gradient(90deg,#f02 0%, #fdf 100%);
background: -webkit-linear-gradient(90deg,#f02 0%, #fdf 100%);
background: -ms-linear-gradient(90deg,#f02 0%, #fdf 100%);
color: #fff;
padding: 1em;
margin-bottom: 1px;
}
 
/* Fallbacks */
.qqaa { 
width:90%;
background-color:#CCC;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
background: -moz-linear-gradient(90deg,#aaa 0%, #fff 100%);
background: -webkit-linear-gradient(90deg,#aaa 0%, #fff 100%);
background: -ms-linear-gradient(90deg,#aaa 0%, #fff 100%);
color: #222;
padding: 1em;
margin-bottom: 1px;
text-align:left;
margin-bottom:10px;
border: 2px solid #fff;
border-top: solid 2px #ccc;
border-right: solid 2px #ccc;

	
	
	
	
}
.no-csstransforms .top {
    position: static;
}
 
.no-csstransforms .drawer nav {
    display: none;
}
 
.no-csstransforms .drawer.active nav {
    display: block;
}
a {
display: block;
position: relative;
border-bottom: 1px solid #000;
padding: 11px 25px 11px 11px;
color: #fff;
text-decoration: none;
}
a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #ccc;
border-right: solid 2px #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.up_span {
display: block;
text-decoration: none;
color: #fff;
text-align:center;
background: #000; /* Old browsers */
background: -moz-linear-gradient(top,  #000 0%, #eff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#031), color-stop(100%,#eff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #031 0%,#eff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #031 0%,#eff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #031 0%,#eff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #031 0%,#eff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031', endColorstr='#eff',GradientType=0 ); /* IE6-9 */	
}
.down_span {
display: block;
text-decoration: none;
color: #fff;
	line-height: 0.9em;
background-color:#ddd;
background: -moz-linear-gradient(top,  #eff 0%, #031 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff), color-stop(100%,#031)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eff 0%,#031 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eff 0%,#031 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eff 0%,2020 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eff 0%,#031 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff', endColorstr='#031',GradientType=0 ); /* IE6-9 */	
}
.img {
	background-color:#fff;
}
 .text_gold {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	padding: 2px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #fff;
	line-height: 2em;
	display: inline-block;
	background-color: #330099;
	border: 1px solid #dad;
	box-shadow: 2px 2px 2px #888;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 100, 140)),color-stop(1, rgb(128, 16, 200)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 100, 140) 0%,rgb(128, 16, 100) 100%);
	background-image: url(linear-gradient(-90deg,rgb(255, 100, 140) 10%,rgb(128, 16, 100) 100%));
	-webkit-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	-moz-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	-ms-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	clear: both;
}
 .photo_flame {
			
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	display: inline-block;
	background-color:#000;
	border: 2px solid #fff;
	box-shadow: 2px 2px 4px #444;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 128, 0)),color-stop(1, rgb(0, 0, 0)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 128, 0) 0%,rgb(0, 0, 0) 100%);
	background-image:      linear-gradient(-90deg,rgb(255, 128, 0) 0%,rgb(0, 0, 0) 100%);
	-webkit-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	   -moz-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	    -ms-box-shadow: 3px 3px 3px rgb(64, 64, 64);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	clear:both;
}
.dp480 {
	display: block;
	margin: 0 auto;
	width:100%;
	overflow:auto;
	max-width: 100%;
	text-align: center;
}
.dp480_wh {
	background-color:#FFF;
	display: block;
	margin: 0 auto;
	width:100%;
	overflow:auto;
	max-width: 100%;
	text-align: center;
}
.dp480_cont {
	background-color: #eff;
	margin: 0 auto;
	max-width: 480px;
	text-align: center;
	color: #303;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 80%;
}

.btn_class {
	line-height:1.8em;
	font-size:110%;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #666;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(23%, #bbb), color-stop(82%, #777) );
	background:-moz-linear-gradient( center top, #bbb 23%, #777 82% );
	background:-ms-linear-gradient( top, #bbb 23%, #777 82% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#777');
	background-color:#000;
	color:#fff;
	display:block;
	text-align:center;
	color:#FFF;
	
}
.btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(23%, #777), color-stop(82%, #bbb) );
	background:-moz-linear-gradient( center top, #777 23%, #bbb 82% );
	background:-ms-linear-gradient( top, #777 23%, #bbb 82% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#bbb');
	background-color:#000;
}
.btn_class:active {
	position:relative;
	top:1px;
}
a.btn2{
width: 100px;
text-align: center;
display: block;
padding: 8px;
margin: 10px;
color: #fff;
}
.btn_p_class {
	line-height:1.8em;
	font-size:110%;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #f250f2;
	padding:9px 18px;
	display:block;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0px #cc528e;
	font-weight: normal;
	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45cb5), to(#e22092));
	background: #e22092 linear-gradient(#f45cb5, #e22092);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);

}

.menu_btn_class {
	font-size:100%;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(99%, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 99% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#fff;
	color:#ffffff;
	display:block;
	text-align:center;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
}
.menu_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(23%, #fb9e25), color-stop(82%, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 23%, #ffc477 82% );
	background:-ms-linear-gradient( top, #fb9e25 23%, #ffc477 82% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fff;
}
.menu_btn_class:active {
	position:relative;
	top:1px;
}
.button {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:0.2em;
	
}
a:link { color: #222; }
a:visited { color: #222; }
a:hover { color: #222; }
a:active { color: #222; }
body {
	max-width: 480px;
	width:100%;
	overflow: auto; 
	height: 100%; 
    margin: 0 auto;
	background-color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
}
table,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
	border-color:#666;
	border: 1px #666 solid;
	padding: 5px 5px;
}
.null {
	background-color: #eff;
	padding-top: 0px;
	text-align: center;
	font-size: 80%;
	clear: both;

}
.null_bk {
	background-color: #031;
	padding-top: 0px;
	text-align: center;
	font-size: 80%;
	clear: both;

}
.null_footer {
	background-color: #000;
	background-image:url(index_bg001.jpg);

	background-repeat:no-repeat;
	background-size:cover;
	padding-top:0px;
	text-align: center;
	font-size:70%;
	clear: both;
	line-height:1.8em;

}

.null_tel {
	background-color: #000;
	padding:1%;
	text-align: center;
	font-size:80%;
	width:53%;
	float: left;/*横並びにしています*/

}
.null_5 {
	background-color: #000;
	padding-top:0px;
	text-align: center;
	font-size:80%;
	width:3%;
	float: left;/*横並びにしています*/

}	
.null_menu2 {
	background-color: #ddd;
	margin:0 auto;
	padding:0;
	text-align: center;
	font-size:75%;
	width:50%;
	float: left;/*横並びにしています*/

}
.null_menu {
	background-color: #031;
	margin:0 auto;
	padding:0%;
	text-align: center;
	font-size:75%;
	width:50%;
	float: left;/*横並びにしています*/

}

div.box8 { /* ボックス8 */
max-width: 480%;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, circle farthest-side, #f19 0%, #000 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, circle farthest-side, #f19 0%, #000000 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, circle farthest-side, #f19 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #f19), color-stop(1, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, circle farthest-side, #f19 0%, #000000 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-side at center top, #f19 0%, #000000 100%);
background-size: 100% auto;
margin:0 auto;
font-size:70%;
width:100%;
clear:both;
line-height:1.8em;
}
pp {
	display: table-cell;
	white-space: nowrap;
	line-height: 2.0em;
	font-size: 90%;
	color: #F39;
	font-weight: bold;
	}/*折れないようにする*/

.marquee {
  overflow-x: -webkit-marquee; /*-webkit-marquee にセット*/
  /*動き方(ahead|auto|backwards|down|forwards|inherit|left|reverse|right|up)*/
  -webkit-marquee-direction: left;
  /*動く範囲(alternate|inherit|none|scroll|slide)*/
  -webkit-marquee-style: scroll;
  /*スピード(slow|normal|fast)*/
  -webkit-marquee-speed: normal;
  /*動き幅(small|medium|large)*/
  -webkit-marquee-increment: medium;
  /*繰り返す回数(数値)*/
  -webkit-marquee-repetition: 64;
}

.text_box {
	width:80%;
}

/* @media all and (min-width: 30em) {
    .drawer {
        -webkit-transform: translate3d(0, -197px, 0);
        -moz-transform: translate3d(0, -197px, 0);
        -o-transform: translate3d(0, -197px, 0);
        transform: translate3d(0, -197px, 0);
    }
    .drawer.active {
        -webkit-transform:translate3d(0,87px,0);
        -moz-transform:translate3d(0,87px,0);
        -o-transform:translate3d(0,87px,0);
        transform:translate3d(0,87px,0);
    }
    h1 {
        text-align: left;
    }
    .container {
        padding: 2.6em;
    }
}
*/