@charset "UTF-8";
/* ==========================================================================
   HTML5 定義
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
address{
	display : block;
}

audio,
canvas,
video{
	display : inline-block;
}

audio:not([controls]){
	display : none;
	height : 0;
}

[hidden]{
	display : none;
}



/* ==========================================================================
   基本項目
   ========================================================================== */

html{
	height : 100%;
	font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,verdana;
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust : none;
}

body{
	margin : 0;
	padding : 0;
	font-size : 100%;
	height : 100%;
}

img{
	border : 0px;
	text-decoration : none;
}

h1,h2,h3,h4{
	font-weight : normal;
}

p{
	margin : 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #000000;
	text-align : left;
}

.fc1{
	color : #ff0000;
}

.fc2{
	color : #009900;
}

.fc3{
	color : #0066cc;
}

.fc4{
	color : #cc00cc;
}

.just{
	text-align : justify;
	text-justify : inter-ideograph;
}

.clear{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 0px;
	clear : both;
}

.center{
	text-align : center;
}



/* ==========================================================================
   背景処理
   ========================================================================== */

.bgmaximage{
	position : fixed !important;
	display : none;
}

#base{
	margin : 0;
	padding : 0;
	height : auto;
	min-height : 100%;
	background-image : url(../img/overlay.gif);
	background-repeat : repeat;
	background-position : center top;
	background-attachment : fixed;
}



/* ==========================================================================
   ヘッダー
   ========================================================================== */

header{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 80px;
	background-image : url(../img/head_bk.gif);
	background-repeat : repeat-x;
	background-position : left top;
	background-size : 10px 80px;
	position : fixed;
	top : 0;
	z-index : 9999;
}

@media screen and (min-width:768px) {
	header h1{
		margin : 0;
		padding : 0;
		width : 160px;
		height : 80px;
		float : left;
	}

	header h1 img{
		width : 160px;
		height : 80px;
	}
}

@media screen and (min-width:970px) {
	header div{
		margin : 0 auto;
		padding : 0;
		width : 980px;
		height : 80px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	header div{
		margin : 0;
		padding : 0 5px;
		height : 80px;
	}
}

@media screen and (max-width: 767px) {
	header div{
		margin : 0;
		padding : 0 0 0 5px;
		height : 80px;
	}

	header h1{
		margin : 20px 0 0 0;
		padding : 0;
		width : 80px;
		height : 40px;
		float : left;
	}

	header h1 img{
		width : 80px;
		height : 40px;
	}
}



/* ==========================================================================
   ナビ
   ========================================================================== */

nav li{
	padding : 0;
	font-size : 80%;
	text-align : center;
	background-image : url(../img/nav_line.png);
	background-repeat : repeat-y;
	background-position : left top;
	list-style : none;
	float : left;
}

nav li a{
	margin : 0;
	padding : 0 0 0 2px;
	color : #ffffff;
	text-decoration : none;
}

nav li a:hover{
	text-decoration : none;
}

@media screen and (min-width:970px) {
	nav{
		margin : 0;
		padding : 30px 0 0 0;
		width : 602px;
		height : 40px;
		float : right;
	}

	nav ul{
		margin : 0;
		padding : 0;
		width : 602px;
		height : 40px;
		background-image : url(../img/nav_line.png);
		background-repeat : repeat-y;
		background-position : right top;
		list-style : none;
	}

	nav li{
		margin : 0;
		height : 40px;
		line-height : 40px;
	}

	nav li a{
		width : 98px;
		height : 40px;
		display : block;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	nav li a:hover{
		color : #888888;
		height : 40px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	nav{
		margin : 0;
		padding : 30px 0 0 0;
		width : 542px;
		height : 40px;
		float : right;
	}

	nav ul{
		margin : 0;
		padding : 0;
		width : 542px;
		height : 40px;
		background-image : url(../img/nav_line.png);
		background-repeat : repeat-y;
		background-position : right top;
		list-style : none;
	}

	nav li{
		margin : 0;
		height : 40px;
		line-height : 40px;
	}

	nav li a{
		width : 88px;
		height : 40px;
		display : block;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	nav li a:hover{
		color : #888888;
		height : 40px;
	}
}

@media screen and (max-width: 767px) {
	nav{
		margin : 5px 0 0 0;
		padding : 0;
		width : 225px;
		height : 75px;
		float : right;
	}

	nav ul{
		margin : 0;
		padding : 0;
		width : 225px;
		height : 75px;
		list-style : none;
	}

	nav li{
		margin : 5px 0 0 0;
		height : 30px;
		line-height : 30px;
	}

	nav li a{
		width : 73px;
		height : 30px;
		display : block;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	nav li a:hover{
		color : #888888;
		height : 30px;
	}
}



/* ==========================================================================
   トップへ
   ========================================================================== */

#bttop{
	margin : 0;
	padding : 20px 0;
	height : 30px;
	text-align : right;
	clear : both;
}

#bttop img,
#bttops img{
	width : 60px;
	height : 30px;
}

@media screen and (min-width:768px) {
	#bttops{
		display : none;
	}
}

@media screen and (max-width: 767px) {
	#bttops{
		margin : 0;
		padding : 20px 0;
		height : 30px;
		text-align : right;
		clear : both;
}
}



/* ==========================================================================
   導入部分
   ========================================================================== */

.fb-like{
	margin : 0;
	padding : 0;
	text-align : right;
}

@media screen and (min-width:768px) {
	#top img{
		width : 600px;
		height : 80px;
	}
}

@media screen and (min-width:970px) {
	#top{
		margin : 0 auto;
		padding : 170px 0 0 0;
		width : 980px;
		height : 130px;
		text-align : left;
	}

	#stop{
		margin : 0 auto;
		padding : 100px 0 0 0;
		width : 980px;
		height : 40px;
		text-align : right;
	}

	.like{
		margin : 10px 0 0 0;
		padding : 0;
		height : 40px;
		text-align : right;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	#top{
		margin : 0;
		padding : 170px 0 0 0;
		height : 130px;
		text-align : left;
	}

	#stop{
		margin : 0;
		padding : 100px 5px 0 5px;
		height : 40px;
		text-align : right;
	}

	.like{
		margin : 10px 0 0 0;
		padding : 0 5px 0 5px;
		height : 40px;
		text-align : right;
	}
}

@media screen and (max-width: 767px) {
	#top{
		margin : 0;
		padding : 100px 5px 0 5px;
		height : 90px;
		text-align : center;
	}

	#top img{
		width : 300px;
		height : 40px;
	}

	#stop{
		margin : 0;
		padding : 100px 5px 0 5px;
		height : 40px;
		text-align : right;
	}

	.like{
		margin : 10px 0 0 0;
		padding : 0 5px 0 5px;
		height : 40px;
		text-align : right;
	}
}



/* ==========================================================================
   内部リンク用
   ========================================================================== */

#top1,#top2,#top3,#scomp,#sasct{
	margin : 0;
	padding : 0;
	height : 0px;
	clear : both;
}



/* ==========================================================================
   コンテンツ
   ========================================================================== */

article{
	height : auto;
	clear : both;
}

#t1,#t2,#t3,#t4,#t5,#s1,#s2{
	margin : 0;
	height : auto;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	-o-border-radius : 10px;
	-ms-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
	-moz-box-shadow: 1px 1px 5px #000;
	-o-box-shadow: 1px 1px 5px #000;
	-ms-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	background : rgba(255,255,255,0.9);
}

#t3,#t4,#t5,#s1,#s2{
	clear : both;
}

h2{
	margin : 0 0 10px 0;
	padding : 0;
	height : 40px;
	font-size : 80%;
	line-height : 40px;
	color : #666666;
	text-align : center;
	border-bottom : 1px solid #888888;
}

h2 span{
	color : #000000;
	font-size : 200%;
	font-family : "Marcellus SC",serif;
}

@media screen and (min-width:768px) {
	#t1 img{
		width : 100%;
	}
}

@media screen and (min-width:970px) {
	article{
		margin : 0 auto;
		padding : 0;
		width : 980px;
	}

	#t1,#t2,#t3,#t4,#t5,#s1,#s2{
		padding : 20px 60px;
	}

	#t1{
		width : 36%;
		float : left;
	}

	#t2{
		width : 36%;
		float : right;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	article{
		margin : 0;
		padding : 0 5px;
	}

	#t3,#t4,#t5,#s1,#s2{
		padding : 20px 40px;
	}

	#t1{
		padding : 20px 5%;
		width : 38%;
		float : left;
	}

	#t2{
		padding : 20px 5%;
		width : 38%;
		float : right;
	}
}

@media screen and (max-width: 767px) {
	article{
		margin : 0;
		padding : 0 5px;
	}

	#t1,#t2,#t3,#t4,#t5,#s1,#s2{
		padding : 10px 10px;
	}

	#t1,#t2{
		clear : both;
	}

	#t1{
		text-align : center;
	}

	#t1 img{
		width : 100%;
		max-width : 300px;
	}
}



/* ==========================================================================
   新着情報
   ========================================================================== */

#t2 h2{
	margin : 0;
}

#t2 ul{
	margin : 0;
	padding : 0;
	list-style : none;
}

#t2 li{
	margin : 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.3;
	text-align : left;
	list-style : none;
	background-image : url(../img/go.png);
	background-repeat : no-repeat;
	background-position : right center;
	background-size : 20px 20px;
	border-bottom : 1px dashed #888888;
}

#t2 li a{
	margin : 0;
	padding : 20px 20px 20px 10px;
	color : #000000;
	display : block;
	text-decoration : none;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

#t2 li a:hover{
	color : #888888;
	text-decoration : none;
}

.more{
	margin : 10px 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.5;
	text-align : right;
}

.more a{
	margin : 0;
	padding : 0;
	color : #ffffff;
	text-decoration : none;
}

.more a:hover{
	color : #ffffff;
	text-decoration : none;
}

.more a span{
	margin : 0;
	padding : 5px 10px;
	color : #ffffff;
	line-height : 1.5;
	text-decoration : none;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
	background-color : #000000;
}

.more a:hover span{
	color : #ffffff;
	text-decoration : none;
	background-color : #666666;
}



/* ==========================================================================
   メニュー
   ========================================================================== */

.menu_box{
	margin : 0;
	padding : 0;
}

.menu_box h3{
	margin : 0;
	padding : 10px 0 5px 0;
	font-size : 80%;
	line-height : 1.3;
	color : #666666;
	text-align : center;
}

.menu_box .gift{
	text-align : center;
}

.menu_box h3 span{
	color : #000000;
	font-size : 150%;
	font-family : "Marcellus SC",serif;
}

.menu_box .gift span{
	color : #ff0000;
	font-size : 150%;
	font-family : "Marcellus SC",serif;
}

@media screen and (min-width:768px) {
	.menu_box div{
		margin : 0 5% 0 0;
		padding : 0;
		width : 30%;
		float : left;
	}

	.menu_box .menu_right{
		margin : 0;
	}

	.menu_box div img{
		width : 100%;
	}
}

@media screen and (max-width: 767px) {
	.menu_box div{
		margin : 10px 0 0 0;
		padding : 0;
		text-align : center;
		border-top : 1px dotted #777777;
	}

	.menu_box div img{
		width : 100%;
		max-width : 300px;
	}
}



/* ==========================================================================
   ギフト用
   ========================================================================== */
#t4 .mfpcart{
	margin : 5px 0 0 0;
	padding : 0;
	text-align : center;
}

#t4 .mfpcart p{
	margin : 0;
	padding : 2px 0;
	font-size : 80%;
	line-height : 1.3;
	text-align : center;
}

#t4 .mfpcart button{
	margin : 0;
	padding : 5px 10px;
	font-size : 100%;
	line-height : 1.3;
	color : #ffffff;
	text-align : center;
	background-color : #000000;
	border : none;
	text-decoration : none;
	overflow : visible;
	width : auto;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

#t4 .mfpcart button:hover{
	background-color : #666666;
	border : none;
	text-decoration : none;
}



/* ==========================================================================
   アクセス
   ========================================================================== */

#t5 dl{
	margin : 0;
	padding : 0;
	height : auto;
}

#t5 dt{
	margin : 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #000000;
}

#t5 dd{
	margin : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #000000;
}

@media screen and (min-width:768px) {
	#gmap{
		margin : 0 0 10px 0;
		padding : 0;
		width : 100%;
		height : 300px;
	}

	.map_text{
		display : none;
	}

	#t5 dt{
		width : 100px;
		text-align : center;
		float : left;
		clear : both;
	}

	#t5 dd{
		padding : 0 0 0 100px;
		text-align : left;
	}
}

@media screen and (max-width: 767px) {
	#gmap{
		display : none;
	}

	.map_text{
		text-align : center;
	}

	#t5 dt{
		text-align : center;
		font-weight : bold;
	}

	#t5 dd{
		padding : 0 0 5px 0;
		text-align : center;
	}
	#gmaps{
		margin : 80px 0 0 0;
		padding : 0;
		width : 100%;
		height : 100%;
	}

	#goto_back{
		width : 110px;
		text-align : center;
		height : 40px;
		font-size : 12px;
		line-height : 40px;
		background-color : #000000;
		color : #ffffff;
	}
}



/* ==========================================================================
   特定商取引法に基づく表記
   ========================================================================== */

#s2 p{
	text-align : center;
}

#s2 dl{
	margin : 10px 0 0 0;
	padding : 0;
	height : auto;
	border-top : 1px dotted #777777;
}

#s2 dt{
	margin : 0;
	padding : 10px 0 0 0;
	font-size : 80%;
	line-height : 1.5;
	color : #000000;
}

#s2 dd{
	margin : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #000000;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

@media screen and (min-width:768px) {
	#s2 dt{
		width : 150px;
		text-align : center;
		float : left;
		clear : both;
	}

	#s2 dd{
		padding : 10px 0 10px 150px;
	}
}

@media screen and (max-width: 767px) {
	#s2 dt{
		font-weight : bold;
		text-align : left;
	}

	#s2 dd{
		padding : 10px 0;
	}
}



/* ==========================================================================
   フッター
   ========================================================================== */

footer{
	margin : 0;
	padding : 15px 0 0 0;
	width : 100%;
	height : 65px;
	background-image : url(../img/head_bk.gif);
	background-repeat : repeat-x;
	background-position : left top;
	clear : both;
}

footer ul{
	margin : 0 auto;
	padding : 0;
	width : 302px;
	height : 30px;
	background-image : url(../img/nav_line.png);
	background-repeat : repeat-y;
	background-position : right top;
	list-style : none;
}

footer li{
	margin : 0;
	padding : 0;
	height : 30px;
	font-size : 80%;
	line-height : 30px;
	text-align : center;
	background-image : url(../img/nav_line.png);
	background-repeat : repeat-y;
	background-position : left top;
	list-style : none;
	float : left;
}

footer li a{
	margin : 0;
	padding : 0 0 0 2px;
	color : #ffffff;
	text-decoration : none;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

footer li a:hover{
	color : #888888;
	text-decoration : none;
}

.l1{
	width : 200px;
}

.l2{
	width : 100px;
}

.copy{
	margin : 0;
	padding : 15px 0 0 0;
	font-size : 70%;
	font-family : verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height : 20px;
	color : #ffffff;
	text-align : center;
	clear : both;
}



/* ==========================================================================
   カート
   ========================================================================== */

.cart_box{
	margin : 0;
	padding : 0;
	text-align : center;
	clear : both;
}

.cart_box_l{
	margin : 0;
	padding : 0;
	width : 49%;
	text-align : right;
	float : left;
}

.cart_box_r{
	margin : 0;
	padding : 0;
	width : 50%;
	text-align : left;
	float : right;
}

.cart_tbl{
	margin : 10px 0 0 0;
	padding : 0;
	width : 100%;
	border-top : 1px dotted #777777;
}

.cart_tbl dt{
	margin : 0;
	padding : 10px 0;
	font-size : 80%;
	line-height : 1.3;
	color : #000000;
	float : right;
	clear : both;
}

.cart_tbl dd{
	margin : 0;
	font-size : 80%;
	line-height : 1.3;
	color : #000000;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

.gokei{
	text-align : center;
	clear : both;
}

.gokei span{
	color : #ff0000;
	font-size : 150%;
	font-family : "Marcellus SC",serif;
}

.cart_tbl button{
	margin : 0 10px 0 0;
	padding : 3px 10px;
	font-size : 80%;
	line-height : 1.3;
	color : #ffffff;
	text-align : center;
	background-color : #000000;
	border : none;
	text-decoration : none;
	overflow : visible;
	width : auto;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

.cart_tbl button:hover{
	background-color : #666666;
	border : none;
	text-decoration : none;
}

.button{
	margin : 10px 0 0 0;
	padding : 5px 10px;
	font-size : 80%;
	line-height : 1.3;
	color : #ffffff;
	text-align : center;
	background-color : #000000;
	border : none;
	text-decoration : none;
	overflow : visible;
	width : auto;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

.button:hover{
	background-color : #666666;
	border : none;
	text-decoration : none;
}

#s1 h3{
	margin : 30px 0 0 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.3;
	color : #000000;
	text-align : left;
	border-bottom : 1px solid #888888;
	clear : both;
}

.cart_form{
	margin : 0;
	padding : 0;
	width : 100%;
}

.cart_form dt{
	margin : 0;
	font-size : 80%;
	line-height : 26px;
	color : #000000;
}

.cart_form dd{
	margin : 0;
	font-size : 80%;
	line-height : 26px;
	color : #000000;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

.cart_form dd input{
	vertical-align : middle;
}

.cart_form dd input,
.cart_form dd select,
.cart_form dd textarea{
	margin : 0;
	padding : 0 0 0 5px;
	line-height : 24px;
	-webkit-appearance : none;
	-moz-appearance : none;
	-o-appearance : none;
	-ms-appearance : none;
	appearance : none;
	border : 1px dashed #777777;
}

.cart_form dd input,
.cart_form dd select{
	height : 24px;
}

.cart_form dd input:focus,
.cart_form dd select:focus,
.cart_form dd textarea:focus{
	background : rgba(255,240,255,1);
	border : 1px solid #ff9999;
}

.input1{
	width : 98%;
}

.input2{
	width : 98%;
}

.input3{
	width : 98%;
}

@media screen and (min-width:768px) {
	.cart_tbl dt{
		width : 220px;
		text-align : right;
	}

	.cart_tbl dd{
		padding : 10px 220px 10px 0;
	}

	.sp_br{
		display : none;
	}

	.cart_form dt{
		padding : 5px 0;
		width : 100px;
		text-align : right;
		float : left;
		clear : both;
	}

	.cart_form dd{
		padding : 5px 0 5px 110px;
	}
}

@media screen and (max-width: 767px) {
	.cart_tbl dt{
		width : 100px;
		text-align : center;
	}

	.cart_tbl dt button{
		margin : 0;
	}

	.cart_tbl dd{
		padding : 10px 100px 10px 0;
	}

	.cart_tbl1{
		min-height : 60px;
	}

	.cart_form dt{
		padding : 5px 0 0 0;
		font-weight : bold;
		text-align : left;
	}

	.cart_form dd{
		padding : 0 0 5px 0;
	}
}



/* ==========================================================================
   リンク集
   ========================================================================== */

.link_box{
	margin : 0;
	padding : 0;
	list-style : none;
}

.link_box li{
	margin : 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.5;
	text-align : left;
	background-image : url(../img/ar.png);
	background-repeat : no-repeat;
	background-position : left center;
	background-size : 30px 20px;
	list-style : none;
}

.link_box li a{
	margin : 0;
	padding : 20px 0 20px 30px;
	color : #000000;
	display : block;
	text-decoration : none;
	-webkit-transition : 0.3s;
	-moz-transition : 0.3s;
	-o-transition : 0.3s;
	-ms-transition : 0.3s;
	transition : 0.3s;
}

.link_box li a:hover{
	color : #888888;
	text-decoration : none;
}