@charset "UTF-8";


*{
margin:0;
padding:0;
}

html {
/*overflow-y: scroll;*/
}

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

a:hover {
text-decoration:none;
color:#999;
}

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


article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption { 
display: block;
margin: 0;
padding: 0;
}
nav{
	z-index:30;

	}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}

table {
border-collapse: collapse;	
border-spacing: 0;
}

caption, th	{
text-align: left;
}

q:before ,q:after {
content: '';
}

object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

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

img, abbr, acronym, fieldset {
border: 0;
vertical-align: bottom;
}

li {
list-style-type: none;
}

/*------------ fontStyle------------*/
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
/*letter-spacing:1px;*/
font-size: 12px;
line-height: 1.8;
color:#333;
letter-spacing:1px;
-webkit-text-size-adjust:100%;
background:url(../images/p_back.png) repeat;
}


/*----------------------------------------------------------------------------------header----------*/

#header{ width:100%;
height:80px;
border-top:3px solid #ff5c82;
background-color:#fff;
 }

#header_left{
float:left;
width:33%;
margin:30px 0 0 20px;
 }
 
 
#header #header_left h1{
font-size:16px;
display:none;
}
#header #header_left h2{
font-size:20px;
letter-spacing:9px;
display:none;

}

#header_right{
text-align:left;
float:left;
width:33%;
margin:20px 0 0 0;
 }
 
#header_right p{
padding-left:40%;
display:none;
font-size:8px;
}

#header #header_img{
width:28%;
margin:0 auto;
float:left;

text-align:center;
}

 #header #header_img img{
 margin-top:8px;
 width:50px;
 
 }

#header #header_left p{display:none;}
/*-------------------------navi-------------------------------------*/
#menu{
background-color:#ff5c82;
height:60px;
width:100%;
float:left;
}

#menu ul{
max-width: 792px;
margin: 0 auto;
}

#menu li{
width: 25%;
margin:5px 15px 0 5px;
text-align:center;
float:left;
font-size:14px;
}

#menu ul li a{
color:#fff;
shadow-radius:10px;
}

#menu ul li a:hover{
color:#999;
}

#menu .long{ width:15%; }

/*----------------------------------------------------------------------------------main----------*/

#wrapper{ 
width:100%;
margin:0 auto;
background-color:#fff;
}


#innner_wrapper{
width:95%;
height:100%;
margin:0 auto;
background-color:#fff;
}


/*-----------------------------------main------------------------------*/
#main{width:100%;
height:100%;

}

/*#main #top_l{
width:100%;
height:100%;
float:left;
}
*/

#main #main_img{
width:100%;
height:100%;
margin:0 auto;
background-size: cover;
}

#main #main_img img{
width:100%;
margin:0 auto;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
}

/*
#main #top_r{
margin:50px auto;
width:100%;
height:100%;
float:left;
}*/

#main #info_area{
width:98%;
margin:50px auto;
}

#main #info_area h1{
font-size:18px;
color:#0000ff;
font-weight:bold;
text-align:center;
}
#main #info_area h1 a{
font-size:13px;
color:#0000ff;
font-weight:bold;
text-align:center;
}

#main #info_area h2{
font-size:18px;
color:#ff0000;
font-weight:bold;
text-align:center;
}

#main #info_area h3{
font-size:16px;
color:#006666;
font-weight:bold;
text-align:center;
}

#main #info_area h4{
font-size:16px;
color:#0000ff;
font-weight:bold;
text-align:center;
}

#main #info_area h5{
font-size:14px;
color:#0066ff;
font-weight:bold;
text-align:center;
}

#main #info_area h6{
font-size:14px;
color:#ff0000;
font-weight:bold;
text-align:center;
}

#main #info_area li{
font-size:14px;
color:#000;
}

.img_centering{
width:100%;
height:100%;
margin:0 auto;
background-size: cover;
}

.img_centering img{
width:100%;
margin:0 auto;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
}

/*-----------------------movie---------------------------*/
#movie{
width:100%;
margin:50px auto;
text-align:center;
}

#movie p{
font-size:16px;
color:#ff5c82;
}

.dis_size{width:60%;
height:100%;}

/*----------------------contents-----------------------------*/
#contents{
width:80%;
margin:50px auto;
}

#contents h5{
font-size:20px;
font-weight:bold;
text-align:center;
}

#contents li{
font-size:14px;
font-weight:bold;
text-align:center;
color:#ff2929;
}


/*-----------------------p_contents-------------------------------*/
#p_contents{
width:95%;
height:100%;
margin:0 auto;
text-align:center;
font-size:16px;
}

#p_contents h3{
text-align:center;
font-size:18px;
color:#ff5c82;
padding-top:20px;
}


#p_contents table{
width:80%;
margin:0 auto;
}

/* #p_contents th{
text-align:center;
color:red;
font-size:20px;
} */

#p_contents td{
font-size:12px;
color:#000;
}

#p_contents h4{
font-size:14px;
color:#ff5c82;
font-weight:bold;
text-decoration:underline;
}

#p_contents #long{
width:100%;
margin-top:50px;
}

#p_contents #long h5{
text-align:left;
color:#ff5c82;
}

#p_contents #short{
width:100%;
margin-top:50px;
}

#p_contents #short h5{
text-align:left;
color:#ff5c82;
}
#p_contents #normalsize{
width:100%;

}

#p_contents #normalsize h5{
text-align:left;
color:#ff5c82;
}
#p_contents #fourfinger_m{
width:100%;
margin-top:50px;
float:left;
}

#p_contents #fourfinger_m h5{
text-align:left;
color:#ff5c82;
}

#p_contents #fourfinger_s{
width:100%;
margin-top:50px;
float:left;
}

#p_contents #fourfinger_s h5{
text-align:left;
color:#ff5c82;
}



.p_box{
width:100%;
height:100%;
}
.p_box img{
width:90%;
margin-top:5px;
}
.p_button{
width:70%;
height:25px;
background-color:#ff5c82;
margin:0px auto;
color:#fff;
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


#p_contents a:hover .p_button {
background-color:#e87993;
color:#cecece;
}


.p_area{
width:95%;
height:100;
margin:0 auto;
background-color:#fff;
border:1px solid #ff5c82;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow: 3px 3px 0px #bcbcbc;
    -moz-box-shadow: 3px 3px 0px #bcbcbc;
    -webkit-box-shadow: 3px 3px 0px #bcbcbc;
padding-bottom:10px;
}

.shiyou{
margin:20px auto;
width:100%;
height:100%;
background-color:#eeeeee;
float:left;
text-align:left;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.shiyou ul {
width:95%;
margin:0 auto;
font-size:14px;
}

/*---------------------------no_red-------------------------------*/
#no_red{
width:50%;
float:left;
padding-top:10px;
}


/*---------------------------no_blue-------------------------------*/
#no_blue{
width:50%;
float:left;
padding-top:10px;
}

/*---------------------------no_yellow-------------------------------*/
#no_yellow{
width:50%;
float:left;
padding-top:10px;
}
#no_green{
width:50%;
float:left;
padding-top:10px;
}

/*------------------------------no_white----------------------------*/
#no_white{
width:50%;
margin:0 auto;
padding-top:10px;
}

/*---------------------------mi_red-------------------------------*/
#mi_green{
width:50%;
margin:0 auto;
padding-top:10px;
}


/*---------------------------mi_blue-------------------------------*/
#mi_pink{
width:50%;
margin:0 auto;
padding-top:10px;
}


/*------------------------price_area-----------------------------*/



.product_name{
font-size:16px;
font-weight:bold;
}

.campain{
font-size:12px;
color:red;
}

.teika{
color:blue;
font-size:14px;
text-decoration:line-through;
}

.now{
font-size:14px;
font-weight:bolod;
}




/*----------------------------------------------------------------------------------footer----------*/

#footer{ 
width:100%;
text-align:center;
font-size:14px;
padding-bottom:45px;
background-color:#ff5c82;
color:#fff;
}
#footer a{color:#fff;}
/*
#footer nav{ margin:60px 0 15px; }
*/

/*----------------------------------------------------------------------------------fixed_menu----------*/
/*------------------------------使用上の注意------------------------------------*/

#caution{
width:100%;
margin-top:30px;
background-color:#ffe6e6;
}

#caution h5{
color:#ff6464;
font-size:16px;
}

#caution li{
margin-bottom:10px;
padding-left:10px;
font-size:14px;
list-style-type:disc;
list-style-position:inside;
text-align:left;
}
/*------------------------------使用上の注意------------------------------------*/