@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../parts/washi.jpg);
	-webkit-text-size-adjust: 100%;
}

a{
	text-decoration:none;
}

a:hover{
	color:#F60;
	transition:0.5s;
}

img {
    border-style:none;
}

a img {
    border-style:none;
}

a img:hover{
 filter:alpha(opacity=80);/*フィルターで透明に*/
opacity:0.8; 
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.80;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.80;              /* Safari 1.x */
transition:0.5s;
}

img.size-full {
	max-width:100%; 
	height:auto; 
	width:auto\9; /* ie8 */}
	
img.size-full2 {
	max-width:100%; 
	height:auto; 
	width:auto\9; /* ie8 */
	margin-left: auto;
 margin-right: auto;
	}
	
img.size-full3 {
	max-width:100%; 
	height:auto; 
	width:auto\9; /* ie8 */
	float:left;
	border-radius:10px 10px 0 0;
	}	
	
img.size-full4 {
	max-width:33%; 
	height:auto; 
	width:auto\9; /* ie8 */
	float:left;
	}	

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

hr.style-seven {
	border-top: 1px dashed #8c8b8b;
}

p{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	width:90%;
	margin:0 auto;
	font-size:0.9em;
	line-height:140%;
	text-align:justify;
	text-justify:inter-ideograph;
}


p.pro{
	font-family:"meiryo",MS gothic, Arial, Helvetica, sans-serif;
	font-size:9px;
}

td.product{
	font-size:11px;
}

h3.purchase{
	margin:0;
	margin-bottom:-3%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#d54c16;
}

h3.pack{
	margin:0;
	margin-bottom:-5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#3d3d3d;
	float:left;
}

.yupack{
	width:80%;
	margin:0 auto;
	height:auto;
}

h4{
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	font-weight:bold;
}

dt{
	float:left;
	width:90px;
	font-weight:bold;
	color:#da7878;
	
}


#midashi{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:1.1em;
	color: #333;
	line-height: 110%;
	margin: 5px 0 10px 5%;
	border-left: 12px solid #333;
	padding-left: 5px;
	}

#midashi2{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:1.1em;
	color: #333;
	line-height: 110%;
	margin: 5px 0 10px 5%;
	border-left: 12px solid #FFB0D8;
	padding-left: 5px;
	}
	
#midashi3{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:1.3em;
	color: #333;
	line-height: 110%;
	margin: 5px 0 0 5px;
	border-left: 15px solid #333;
	padding-left: 5px;
	}
#midashi3b{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:0.7em;
	color: #333;
	line-height: 110%;
	margin: 0px 0 0 5px;
	border-left: 15px solid #fff;
	padding-left: 5px;
	}

#container{
	font-family:"meiryo",MS gothic, Arial, Helvetica, sans-serif;
	margin:0 auto;
	max-width:796px;
	min-width:480px;
	height:auto;
	border-radius:10px;
}


#main{
	background-image:url(../parts/back-animation-high.gif);
	background-repeat:no-repeat; 
	background-position:top center; 
	border-radius:10px;
}

#mainarea{
    width:100%;
	height:auto;
	background-color:#FFF;
	border-radius:10px;
}

#toparea{
	max-width:770px;
	height:auto;
	margin:0 auto;
}

#menu{
	max-width:770px;
	height:auto;
	margin:0 auto;
}

#menubot{
	float:left;
	width:25%;
	height:auto;
}

#column{
	margin:0 auto;
	width:90%;
	background-color:#D9E9EE;
	font-family:"meiryo",MS gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3D3D38;
	padding:5px;
	z-index:1000;
}

#footer{
	width:100%;
	height:auto;
	line-height: 110%;
	margin:0 auto;
	padding:0;
	background-color:#333333;
}

p.footer{
	max-width:760px;
	height:auto;
	margin:0 auto;
	background-color:#333333;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:0.8em;
	color: #fff;
}
	
	
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background:#4d77bc;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

#fb1601{
	position:absolute;
	top:0;
	right:0;
}

#product01{
	display:block;
	width:18%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	float:left;
	margin:1%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product02{
	display:block;
	margin:0 auto;
	max-width:440px;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product03{
	display:block;
	float:left;
	margin:1%;
	width:32%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product04{
	display:block;
	float:left;
	margin:1%;
	width:32%;
	height:auto;
	background-color:#DACF03;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product05{
	display:block;
	float:left;
	margin:1%;
	width:32%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
	table-layout:auto;
}

#product06{
	display:block;
	float:left;
	margin:1%;
	width:41%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

.pro th	{ width: 65%; text-align: center; }

.com tr	{ 
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
}

#tsume1{
	width:70%;
}

#tsume2{
	width:29%;
	float:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
}

.otoriyose01{
	float:left;
	width:62%;
}

.otoriyose02{
	float:right;
	width:38%;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.demo01{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
}

.demo02{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
	display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.plan{
	display:block;
	width:220px;
	color:#FFF;
}

td.no1{
	width:100px;
	text-align:right;
}

td.no1b{
	width:100px;
	text-align:right;
}

td.no2{
	width:120px;
	text-align:right;
}

td.no3{
	width:70px;
	text-align:right;
}

.planB{
	display:none;
	width:90%;
	color:#FFFFFF;
}

@media only screen and (max-width:800px){
	.pro	{ margin: 0 auto; }
    .pro th,
    .pro td{
		width: 100%;
        display: block;
		border-top: none;
    }
	
	.demo01 { margin: 0 5px; }
    .demo01 th,
    .demo01 td{
    width: 98%;
    display: block;
    border-top: none;
	min-width:460px;
    }
	
	

    #product02{
	float:none;
	display:block;
	margin:0 auto;
	width:90%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

	
	#product03{
	float:none;
	display:block;
	margin:0 auto;
	width:90%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product04{
	float:none;
	display:block;
	margin:0 auto;
	width:90%;
	height:auto;
	background-color:#DACF03;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}

#product05{
	display:block;
	float:none;
	margin:0 auto;
	width:90%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
	table-layout:auto;
}

#product06{
	float:none;
	display:block;
	margin:0 auto;
	width:90%;
	height:auto;
	background-color:#DBE7FD;
	border-radius:10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.7em;
}


img.size-full3 {
	max-width:100%; 
	height:auto; 
	width:auto\9; /* ie8 */
	float:none;
	border-radius:10px 10px 0 0;
	}	

table.plan{
	display:none;
	width:220px;
	color:#FFF;
}

td.no1{
	width:10px;
	text-align:right;
}

td.no2{
	width:70px;
	text-align:right;
}

td.no3{
	width:30px;
	text-align:right;
}

.planB{
	display:block;
	width:90%;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
}

}

/* ECショップへのリンク */
div.ec_link
{
	/*width: 150px;*/
	/*height: 80px;*/
	position: absolute;
	top: 10px;
	right: 220px;
}

div.ec_link button
{
	/*width: 150px;*/
	/*height: 80px;*/
	font-size: 95%;
	line-height: 140%;
	color: #222222;
	text-align: center;
	background-color: #ffffff;
	padding: 5px 10px 5px;
	letter-spacing: 0.05em;
	box-sizing: border-box;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	text-shadow: none;
}

div.ec_link a
{
	display: block;
	text-decoration: none;
}


/* メディアクエリ */
@media (max-width: 767px) { 
	div.ec_link
	{
		position: absolute;
		top: 10px;
		left: 10px;
	}
}

@media (max-width: 1020px) and (min-width: 768px) { 
	div.ec_link
	{
		position: absolute;
		top: 10px;
		left: 10px;
	}
}