@charset "shift_jis";

/* ==============================================================================
    CSS for touch-screen : common.css
============================================================================== */

/* ----------------------------------------------------------
  Common Settings : css-reset
---------------------------------------------------------- */
html{
font-family: "MS PGothic","Osaka","sans-serif";
overflow-y:scroll;
-webkit-text-size-adjust:none;
}

@font-face {
	font-family:minfont;
	src:url(../font/ryumin.otf) format("opentype");
}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,th,td{
margin:0;
padding:0;
}

div,h2,h3,h4,h5,h6,p,li,dt,dd,pre,code,blockquote,th,td{
word-break:break-all;
}

br{
letter-spacing:0;
}

fieldset,img{
border:0;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6,th{
font-size:100%;
font-weight:normal;
font-style:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
}

input[type="submit"]{
cursor:pointer;
}

select{
background-color:#ffffff !important;
}

address,caption,cite,code,dfn,var{
font-style:normal;
font-weight:normal;
}

abbr,acronym{
border:0;
font-variant:normal;
}

del,u{
text-decoration:none;
}

/*=================================================
 * all
 * ================================================= */

body{
	color			: #121212;
	letter-spacing		: 0.00em;
	font-size		: 14px;
	line-height		: 22px;
	font-family		: sans-serif;
	background		: #ffffff url(../img/inbg.jpg) repeat-x top center;
	background-size		: 5px 250px;
	-webkit-background-size	: 5px 250px;
	-moz-background-size	: 5px 250px;
}

a{
	color			: #ff3399;
	text-decoration	: none;
}

#body{
	margin			: 0 0 0 0;
	padding			: 25px 0 0 0;
	background		: url(../img/index_bg.png) no-repeat top center;
	background-size		: 480px 250px;
	-webkit-background-size	: 480px 250px;
	-moz-background-size	: 480px 250px;

}



/* logo */

#logo{
	width			: 300px;
	text-align		: left;
	padding			: 0 0 0 0;
	margin			: 0 auto 80px;
	/*
	background		: rgba(0,0,0,0.7);
	border-top		: 1px solid #4c3409;
	border-bottom		: 1px solid #4c3409;
	*/
}

#logo img{
}


/* shop */

#shop{
	font-size		: 10px;
	line-height		: 13px;
	text-align		: center;
	padding			: 0 0 0 0;
	color			: #121212;
	margin			: 0 0 15px 0;
}

#shop h1{
	border-top		: 1px solid #ffffff;
	padding			: 10px 0 0 0;
	margin			: 0 0 5px 0;
	text-shadow		: 0px 0px 5px #ffffff;
	color			: #ff3399;
}

#shop a{
	font-size		: 11px;
	color			: #121212;
}

#shop div{
	padding			: 0 0 10px 0;
	font-size		: 11px;
	line-height		: 16px;
	color			: #121212;
	text-shadow		: 0px 0px 5px #ffffff;
	border-bottom		: 1px solid #ffffff;
}

#caution p{
	color			: #333333;
	font-size		: 12px;
	line-height		: 16px;
	padding			: 0 0 0 0;
}


#acc{
	font-size		: 0;
	line-height		: 0;
}


#rec_bt{
	text-align		: center;
	margin			: 0 0 5px 0;
}





#sbnr{
	text-align		: center;
	margin			: 0 0 10px 0;
	padding			: 15px 0 0 0;
	border-top		: 1px dotted #cccccc;
}

.sbnr_box{
	background		: #f3efe6;
	width			: 32%;
	display			: inline-block;
	text-align		: left;
	margin			: 0 0 4px 0;
}

.sbnr_box h4{
	font-size		: 9px;
	line-height		: 14px;
	border-left		: 3px solid #fd94c9;
	padding			: 0 0 0 5px;
	margin			: 4px 0 0 4px;
}

.sbnr_box div{
	background		: #ffffff;
	border			: 1px solid #cccccc;
	margin			: 4px;
	text-align		: center;
}

.sbnr_box div{
	background		: #ffffff;
	border			: 1px solid #cccccc;
	margin			: 4px;
	text-align		: center;
}

.sbnr_tel{
}

.sbnr_url{
	line-height		: 14px;
	background		: #ffa3c8;
	font-size		: 9px;
}

.sbnr_url a{
	color			: #ffffff;
}






/* f_menu */

#f_menu{
	font-size		: 11px;
	line-height		: 14px;
	color			: #99ccff;
	text-align		: center;
	padding			: 5px 0;

}

#f_menu a{
	color			: #0099ff;
}


/* footer */

footer{
	display			: block;
	width			: 100%;
	clear			: both;
	font-size		: 9px;
	padding			: 0 0 0 0;
	text-align		: center;
	height			: 60px;
	border-top		: 3px solid #f3efe6;
}

footer div{
	color			: #996600;
	line-height		: 14px;
	padding			: 13px 0 0 0;
	border-top		: 5px solid #ffa3d1;
}

footer a{
	color			: #996600;
}




/***** button style *****/

.bt{
	width			: 320px;
	text-align		: center;
	margin			: 0 auto;
	height			: 70px;
	background		: url(../img/18.png) no-repeat center 10px;
	background-size		: 30px 30px;
	-webkit-background-size	: 30px 30px;
	-moz-background-size	: 30px 30px;
}

.bt_top{
	float			: left;
	width			: 50%;
}

.bt_top p{
}

.bt_top span{
	display			: block;
	border			: 2px solid #fda5cd;
	width			: 120px;
	margin			: 0 auto;
	border-radius		: 3px;
   	-webkit-border-radius	: 3px;
  	-moz-border-radius	: 3px;

}

.bt_top span font{
	font-size		: 9px;
	color			: #333333;

}



.bt_top a{
	font-family		: minfont;
	display			: block;
	color			: #333333;
	font-size		: 22px;
	font-weight		: normal;
	text-align		: center;
	text-decoration		: none;
	padding			: 8px 0 5px 0;
	text-shadow		: -1px -1px 0px #ffffff;
	border			: 1px solid #ffffff;
	background: #ffc9e4;
background: -moz-linear-gradient(top, #ffc9e4 0%, #fffbfd 5%, #ffcae5 50%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc9e4), color-stop(5%,#fffbfd), color-stop(50%,#ffcae5), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffc9e4 0%,#fffbfd 5%,#ffcae5 50%,#ffffff 100%);
background: -o-linear-gradient(top, #ffc9e4 0%,#fffbfd 5%,#ffcae5 50%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffc9e4 0%,#fffbfd 5%,#ffcae5 50%,#ffffff 100%);
background: linear-gradient(to bottom, #ffc9e4 0%,#fffbfd 5%,#ffcae5 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc9e4', endColorstr='#ffffff',GradientType=0 );
	line-height		: 14px;
	border-radius		: 3px;
   	-webkit-border-radius	: 3px;
  	-moz-border-radius	: 3px;
}




.bt_et{
	margin			: 0 auto;
	width			: 240px;
	height			: 40px;
}
.bt_tops{
	float			: left;
	margin			: 0 auto;
	width			: 120px;
}

.bt_tops span{
	display			: block;
	border			: 1px solid #412d47;
	width			: 110px;
	margin			: 0 auto;
}

.bt_tops span font{
	font-size		: 11px;
}



.bt_tops a{
	font-family		: minfont;
	display			: block;
	color			: #ffffff;
	font-size		: 9px;
	font-weight		: normal;
	text-align		: center;
	text-decoration		: none;
	padding			: 0 0 0 0;
	text-shadow		: 1px 1px 0px #000000;
	border			: 1px solid #000000;
	background: #220027;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMDAyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ4MjQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM0MTE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTAwMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #220027 0%, #482459 50%, #341146 50%, #210027 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#220027), color-stop(50%,#482459), color-stop(50%,#341146), color-stop(100%,#210027));
background: -webkit-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: -o-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: -ms-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: linear-gradient(to bottom, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#220027', endColorstr='#210027',GradientType=0 );
	line-height		: 14px;
}

.linkbox{
	text-align:center;
	margin-bottom:15px;
}