@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/font.otf) format("opentype");*/
	src:url(../font/font.ttc) format("truetype");
}

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		: url(../img/index_bg.jpg) no-repeat top center , url(../img/inbg.jpg) repeat-x top center #ff9999;
	background-size		: 568px 440px , 201px 440px;
	-webkit-background-size	: 568px 440px , 201px 440px;
	-moz-background-size	: 568px 440px , 201px 440px;
}

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


/* logo */

#logo{
	text-align		: center;
	padding			: 15px 0 0 0;
	margin			: 0 0 10px 0;
	/*
	background		: rgba(255,249,221,0.7);
	border-top		: 1px solid #4c3409;
	border-bottom		: 1px solid #4c3409;
	*/
}

#logo img{
}



/* shop */

#shop{
	clear			: both;
	font-size		: 10px;
	line-height		: 16px;
	text-align		: center;
	padding			: 10px 0 0 0;
	color			: #121212;
	margin			: 0 0 35px 0;
	letter-spacing : -1px;
}

#shop h1{
	font-size		: 14px;
	line-height		: 16px;
	font-family		: minfont;
	padding			: 0 0 0 0;
	margin			: 0 0 5px 0;
	text-shadow		: 0px 0px 3px #ffffff;
	color			: #121212;
}

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

#shop div{
	font-family		: minfont;
	padding			: 0 0 0 0;
	font-size		: 12px;
	line-height		: 16px;
	text-shadow		: 0px 0px 3px #ffffff;
	color			: #b02e2e;
}

#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;
}

/* 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		: 8px;
	padding			: 0 0 0 0;
	text-align		: center;
	height			: 60px;
	background		: #ff9999 url(../img/bt.png) no-repeat top center;
	background-size		: 320px 70px;
	-webkit-background-size	: 320px 70px;
	-moz-background-size	: 320px 70px;
	text-shadow		: 1px 1px 0px #ffcccd;
	border-top		: 1px solid #cd3a69;
}

footer div{
	font-family		: minfont;
	color			: #666666;
	line-height		: 12px;
	padding			: 16px 0 0 0;
	border-top		: 2px solid #f85a83;
}

footer a{
	color			: #666666;
}



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

.bt{
	text-align		: center;
	height			: 50px;
	padding			: 260px 0 0 0;
	margin			: 0 0 20px 0;
}

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

.bt_topen , .bt_topex{
	float			: left;
	width			: 50%;
}


.bt_topen span {
    display : block;
    border : 1px solid #923033;
    width : 120px;
    margin : 0 auto;
    box-shadow : 0 0 2px #933134;
    border-radius : 8px;
    -webkit-border-radius : 8px;
    padding: 3px;
    background: #f0a7d6;
}

.bt_topen span font {
    font-size : 13px;
    color : #ffffff;
}

.bt_topen a {
    font-family : minfont;
    display : block;
    color : #121212;
    font-size : 17px;
    font-weight : normal;
    text-align : center;
    text-decoration : none;
    padding : 8px 0 8px 0;
    text-shadow : -1px -1px 0px #ffffff;
    border : 1px solid #ffffff;
    background: #ffb7fe;
background: -moz-linear-gradient(top, #ffb7fe 0%, #ffffff 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb7fe), color-stop(70%,#ffffff));
background: -webkit-linear-gradient(top, #ffb7fe 0%,#ffffff 70%);
background: -o-linear-gradient(top, #ffb7fe 0%,#ffffff 70%);
background: -ms-linear-gradient(top, #ffb7fe 0%,#ffffff 70%);
background: linear-gradient(to bottom, #ffb7fe 0%,#ffffff 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb7fe', endColorstr='#ffffff',GradientType=0 );
    line-height : 25px;
    border-radius : 5px;
    -webkit-border-radius : 5px;
    letter-spacing : -1px;
    box-shadow : 0 0 2px #ed49a4;
}


.bt_topex span {
    display : block;
    border : 1px solid #923033;
    width : 120px;
    margin : 0 auto;
    box-shadow : 0 0 2px #933134;
    border-radius : 8px;
    -webkit-border-radius : 8px;
    padding: 3px;
    background: #6c86b0;
}

.bt_topex span font {
    font-size : 13px;
    color : #ffffff;
}

.bt_topex a {
font-family : minfont;
    display : block;
    color : #121212;
    font-size : 17px;
    font-weight : normal;
    text-align : center;
    text-decoration : none;
    padding : 8px 0 8px 0;
    text-shadow : -1px -1px 0px #ffffff;
    border : 1px solid #ffffff;
background: #bde5ff;
background: -moz-linear-gradient(top, #bde5ff 0%, #ffffff 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bde5ff), color-stop(70%,#ffffff));
background: -webkit-linear-gradient(top, #bde5ff 0%,#ffffff 70%);
background: -o-linear-gradient(top, #bde5ff 0%,#ffffff 70%);
background: -ms-linear-gradient(top, #bde5ff 0%,#ffffff 70%);
background: linear-gradient(to bottom, #bde5ff 0%,#ffffff 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde5ff', endColorstr='#ffffff',GradientType=0 );
    line-height : 25px;
    border-radius : 5px;
    -webkit-border-radius : 5px;
    letter-spacing : -1px;
    box-shadow : 0 0 2px #3b4491;
}





.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		: 10px;
}



.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;
}

.bnr{
	padding			: 0 10px;
}

.bnr p{
	margin			: 0 0 10px 0;
}


.bnr img{
	display			: block;
}



/** link **/

.link{
	border-top: 1px solid #ddd;
	margin: 0 0 10px 0;
	background: rgba(255, 255, 255, 0.2);
}

.link li{
	border-bottom: 1px solid #ddd;
}

.link li a{
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 10px;
	background: url(../img/all/i1.png) no-repeat 100% 50%;
	-webkit-background-size: 25px 45px;
	background-size: 25px 45px;
}

#link_box{
	text-align: center;
}

.link2{
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-bottom: 10px;
}

.link2 img{
	width: 100%;
	max-width: 468px;
	height: auto;
}