@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:120px;
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;
}
#header #header_left h2{
font-size:20px;
letter-spacing:9px;

}

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

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

text-align:center;
}

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

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

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

#menu li{
width: 16.6%;
margin:16px auto;
text-align:center;
float:left;
font-size:15px;
}

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

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

#menu .long{ width:15%; }

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

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


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


/*-----------------------------------main------------------------------*/
#main{width:100%;
height:100%;
margin-top:50px;
}

/*#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:90%;
margin-left:5%;
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:100%;
margin:50px auto;
}

#main #info_area #info_img{
width:95%;
height:100%;
margin:0 auto;
text-align:center;
background-size: cover;
}

#main #info_area #info_img img{
width:70%;
}


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

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

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

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

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

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

#main #info_area li{
margin-left:30px;
font-size:16px;
color:#000;
}



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

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

.dis_size{
width:540px;
height:315px;
}
#contents{
width:100%;
margin:50px auto;
}

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

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



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

#p_contents h3{
text-align:center;
font-size:30px;
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:16px;
color:#ff5c82;
font-weight:bold;
text-decoration:underline;
}

#p_contents #normalsize{
width:100%;

}

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

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

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

#p_contents #totte 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%;
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:10px 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:90%;
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-------------------------------*/
#no_green{
width:50%;
float:left;
padding-top:10px;
}

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

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

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


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

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

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

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

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


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

#price{width:100%;
margin:0 auto;
float:left;

}


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

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

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

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

.custom{
font-size:15px;
font-weight:bolod;
}

.caution{
font-size:15px;
}

/*----------------------------------------------------------------------------------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; }
*/

/*------------------------------カスタム商品について------------------------------------*/

#custom{
width:100%;
margin-top:30px;
background-color:#eaf4ff;
}

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

#custom li{
margin-bottom:10px;
padding-left:10px;
font-size:14px;
list-style-type:disc;
list-style-position:inside;
text-align:left;
}
/*------------------------------カスタム商品について------------------------------------*/

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

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

#caution h6{
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;
}
/*------------------------------使用上の注意------------------------------------*/