@charset "utf-8";
.tab,.sp {display:none;}
/*--------------------
menu
--------------------*/
body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}
#button{    background: #221815;}
#slide_menu{
    position: fixed;
    top: 0;
    left: -240px;
    width: 240px;
    height: 100%;
    background: #221815;
	padding-top:75px;
}
#slide_menu li:first-child {
	border-top:1px solid #fff;
}
#slide_menu li {
	color:#fff;
	border-bottom:1px solid #fff;
}
#slide_menu li a{
	color:#fff;
	padding:10px 5px;
	display:block;
	text-decoration:none;
}
#slide_menu li a:hover{opacity:.4;}
/*--------------------
header
--------------------*/
header a:hover,#wrap a:hover{/*opacity:.8;*/}
#header{
	width: 100%;
	height: 75px;
	margin: 0 auto;
	_zoom:1;overflow:hidden;
	z-index: 8888;
}

header{
	width:100%;
	height:75px;
	margin:0 auto;
	background-color: #221815;
	_zoom:1;overflow:hidden;
	position:fixed;
	z-index: 8888;
}
header .logo{
	width: 150px;
	margin: 23px auto 0;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
header .logo img{
	width: 150px;
}

ul.share{
	position: absolute;
	right: 45px;
	top:20px;
}
.share li{
	float: left;
}
.share .fb a{
	text-indent: -9999px;
	background: url(../images/icon_fb.gif);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	display: block;
	margin-right: 5px;
}
.share .tw a{
	text-indent: -9999px;
	background: url(../images/icon_tw.gif);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	display: block;
	margin-right: 5px;
}
.share .shop a{
	text-indent: -9999px;
	background: url(../images/icon_shop.gif);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	display: block;
}
.share_detail{
	position:absolute;
	right:25px;
	bottom:25px;
	width:68px;
}
.share_detail img{
	width:30px;
	float:left;
	margin:2px;
}

.promo{
	width:1024px;
	text-align:center;
	margin:42px auto 0;
}
.header-content-inner h1 {
    font-weight: 700 !important;
    margin-bottom: 0;
	font-size:36px;
	color:#fff;
	border-bottom:none !important;
    margin-top: 0;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #000;
	font-family:  Shin Go ExLight, sans-serif;
}
body .mc-cycle{padding-top:75px;}
.header-content-inner p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 50px;
    text-shadow: 0px 0px 3px #000;
	font-family:  Shin Go ExLight, sans-serif;
}
.btn-primary{
	background-color:#000;
	padding:15px 40px;
	border-radius:3px;
}
a.btn-primary{
	color:#fff;
	text-decoration:none;
}
a.btn-primary:hover{
	background-color:#e78110;}
/*--------------------
globalNavigation
--------------------*/
.gNavi{
	float: left;
}
#menu {
  display: none;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position:fixed;
	z-index:9999;
	margin:25px;
	width: 28px;
	height: 26px;
	border:none;
	display:block;
	padding:10px;
}
a.menu-trigger { 
	overflow: hidden;
	outline: none;
}


.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
/*--------------------
breadcrumb
--------------------*/
#breadcrumb{
	width:100%;
	padding: 5px 0;
	margin:0 auto;
	background-color:#ddd;
	_zoom:1;overflow:hidden;
}
#breadcrumb h1{
	margin-left: 50px;
	float: left;
	margin-top: 3px;
	font-size: 16px;
}
#breadcrumb p{
	float: right;
	margin-top: 5px;
	margin-right: 50px;
}
#breadcrumb br{
	display:none;
}
/*--------------------
wrap
--------------------*/
#wrap {
	width:100%;
	position: relative;
	_zoom:1;overflow:hidden;
	z-index:888;
}
#wrap.home{padding-top:90px;}

#wrap.maximage {background-color:initial;}
/*--------------------
footer
--------------------*/
#footer{
	width:100%;
	background-color: #221815;
	_zoom:1;overflow:hidden;
}
footer {
	width:1024px;
	margin:0 auto;
	padding:10px 0 50px;
	font-size: 12px;
	background-color: #221815;
	_zoom:1;overflow:hidden;
}
footer ul{
	float: left;
	color: #fff;
	margin: 30px 27px;
}
#copyright {
	text-align:center;
	color:#fff;
	border-top:1px solid #555;
	padding:20px 0 60px;
}
#copyright span{font-weight:bold;}
footer a{
	text-decoration:none !important;
	color:#fff;
}
footer a {color:#fff !important;}
footer a:hover{
	text-decoration:underline !important;
}
/*--------------------
pagetop
--------------------*/
.pagetop {
}

/*--------------------
contents
--------------------*/
#contents{
	width: 1024px;
	_zoom:1;overflow:hidden;
	margin:0 auto;
	padding-bottom:20px;
}

#lNavi{
	position: absolute;
	top:490px;
	background: rgba(0,0,0,.5);
	padding: 35px 0;
	width: 100%;
	z-index:999;
}
#lNavi ul {
	width: 1024px;
	margin: 0 auto;
}
#lNavi li{
	float: left;
	border-left: 1px solid #fff;
	color: #fff;
	padding: 0 31px;
}
#lNavi li:last-child{
	border-right: 1px solid #fff;
}
#lNavi li a {color:#fff;text-decoration:none;}
#lNavi li a:hover {text-decoration:underline;}
.lead_area {
	text-align: center;
	margin: 60px auto 50px;
	width:1024px;
}
.lead_area h1{
    font-size: 52px;
    font-weight: 100;
    letter-spacing: -0.02em;
    line-height: 1.35;
	margin-bottom:20px;
font-family:  Shin Go ExLight, sans-serif;
}
.lead_area p{
	font-size:20px;
}

.entry_area{
	width: 100%;
	margin: 250px auto 0;
	padding-bottom:20px;
}

.entry_area .entry_box{
	width: 310px;
	height: 500px;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	float: left;
	position:relative;
	box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.4) ; 
}
.entry_area .entry_box:nth-child(3n){
	margin-right:0;
}
.entry_area .entry_box .img_area{
	display:block;
	width:310px; /*トリミング後の横幅*/
	height:300px; /*トリミング後の縦幅*/
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.entry_area .entry_box .img_area img{
	height:300px; /*トリミング後の縦幅*/
	left:0;
	right:0;
	margin:auto;
    position:absolute;
}
.entry_area .entry_box .title{
	padding:20px 20px 0;
	font-weight:bold;
}
.entry_area .entry_box .body{
	padding: 0 20px;
	font-size:90%;
}
.entry_area_3{
	width: 1024px;
	margin: 0 auto ;
}
.entry_area_3 .entry_box{
	width: 310px;
	margin: 0 47px 45px 0;
	background-color: #fff;
	float: left;
	_zoom:1;overflow:hidden;
}

.entry_area_3 .entry_box:nth-child(3n){
	margin-right: 0;
}
.entry_area_3 .entry_box .img_area{
	display:block;
	width:310px; /*トリミング後の横幅*/
	height:200px; /*トリミング後の縦幅*/
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.entry_area_3 .entry_box .img_area img{
	float:left;
	position:absolute;
	width:120%;
	border: 1px solid #b2b2b2;
}
.entry_area_3 .entry_box .img_area h1{
	position: absolute;
	color:#fff;
	top:14px;
	left:15px;
	padding-right: 15px;
	font-weight: normal;
	line-height: 1.6;
}
.entry_area_3 .entry_box .img_area h1 br{display:none;}
.entry_area_3 .entry_box .img_area .h1_area{
	background-color: #000;
	opacity: .5;
	width: 310px;
	height: 70px;
	position: absolute;
}
.entry_area_3 .entry_box .text_area .btn_more{
	margin-top:15px;
}
/*--------------------
mind
--------------------*/
.entry_area_detail{
	width: 1024px;
	margin: 0 auto ;
	_zoom:1;overflow:hidden;
}
.entry_area_detail .entry_box{
	width: 1024px;
	background-color: #fff;
	_zoom:1;overflow:hidden;
}
.entry_area_detail .entry_box h1 {
	text-align: center;
	margin: 60px auto 50px;
	width:1024px;
    font-size: 52px;
    font-weight: 100;
    letter-spacing: -0.02em;
    line-height: 1.35;
}

.entry_area_detail .entry_box .img_area{
	width: 800px;
	margin:0 auto 35px;
	}
.entry_area_detail .entry_box .img_area img{
	width: 800px;

}
.entry_area_detail .entry_box .text_area{
	width: 800px;
	margin:0 auto;
}
.entry_area_detail .entry_box .text_area p{
	font-size: 20px;
	margin-bottom:20px;
}
/*--------------------
story
--------------------*/
.entry_area_2{
	width: 1024px;
	margin: 0 auto ;
	_zoom:1;overflow:hidden;
}
.entry_area_2 .entry_box{
	width: 1024px !important;
	margin: 0 0 60px;
	background-color: #fff;
	float: left;
	_zoom:1;overflow:hidden;
}

.entry_area_2 .entry_box .text_area{
	float: left;
	width: 525px;
}
.entry_area_2 .entry_box .text_area .btn_next{
	margin-top: 20px;
}
.entry_area_2 .entry_box .title_area{
	float: left;
	width: 525px;
	margin-bottom: 10px;
}
.entry_area_2 .entry_box h1{
	font-size: 28px;
	line-height:1.35;
	font-weight:normal;
}
.entry_area_2 .entry_box .img_area{
	display:block;
	float:right;
	width:450px; /*トリミング後の横幅*/
	height:300px; /*トリミング後の縦幅*/
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.entry_area_2 .entry_box .img_area img{
	float:left;
	width:120%;
	position:absolute;
}
.col2 .entry_area_detail{
	width: 1024px;
	margin: 0 auto ;
	_zoom:1;overflow:hidden;
}
.col2 .entry_area_detail .entry_box{
	width: 1024px;
	background-color: #fff;
	float: left;
	_zoom:1;overflow:hidden;
	margin-top:40px;
}
.col2 .entry_area_detail .entry_box .box_left{
	width:534px;
	float:left;
}
.col2 .entry_area_detail .entry_box .box_right{
	width:450px;
	float:right;
	margin-top:55px;
}

.col2 .entry_area_detail .entry_box .num.pc{
	margin-top:55px;
	font-size:12px;
}
.col2 .entry_area_detail .entry_box h1{
	text-align: left;
	margin: 0 0 25px;
	font-size: 28px;
	font-weight:normal;
	width:534px;
}
.col2 .entry_area_detail .entry_box .h2 {
	text-align: left;
	margin: 50px 0 25px;
	font-size: 20px;
	font-weight:normal;
}
.col2 .entry_area_detail .entry_box .img_area{
	margin-bottom: 35px;
	} 
.col2 .entry_area_detail .entry_box .img_area img{
	width: 450px;
}
.col2 .entry_area_detail .entry_box .text_area{
width:534px;
}
.col2 .entry_area_detail .entry_box .text_area p{
	font-size: 14px;
}
.archive{
	width:1024px;
	margin:55px auto 20px;
	border-left:2px solid #666;
	padding-left:10px;
}
.archive .box{margin-bottom:10px;}
.archive .box h2{font-weight:normal;font-size:20px;}
.archive a{
	text-decoration:none;
}
.archive a:hover{
	color:#333;
	text-decoration:underline;
}
.archive br{display:none;}
/*--------------------
about
--------------------*/
.about .l_nav {
	width:1024px;
	height:600px;
	margin:50px auto 100px;
}
.about .l_nav div{
	float:left;
	
}
.about .l_nav div img{
	width:341px;height:250px;
	}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 341px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
	text-align:center;
	width:100%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
	text-align:center;
	width:100%;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}
.l_nav_01 .portfolio-box .portfolio-box-caption {
    background: rgba(243,209,50,.9);
}
.l_nav_02 .portfolio-box .portfolio-box-caption {
    background: rgba(167,202,0,.9);
}
.l_nav_03 .portfolio-box .portfolio-box-caption {
    background: rgba(121,194,26,.9);
}
.l_nav_04 .portfolio-box .portfolio-box-caption {
    background: rgba(66,207,178,.9);
}
.l_nav_05 .portfolio-box .portfolio-box-caption {
    background: rgba(85,179,219,.9);
}
.l_nav_06 .portfolio-box .portfolio-box-caption {
    background: rgba(29,150,203,.9);
}
/*--------------------
Page
--------------------*/
.col2.page{
	width: 1024px !important;
	margin: 0 auto ;
	_zoom:1;overflow:hidden;
}
.col2.page .box_left{
	width:385px;
	float:left;
}
.col2.page .box_right{
	width:589px;
	float:right;
}
.col2.page .message p{
	margin-bottom:20px;
}

.col2.page .box{
	margin-bottom:40px;
}
.page h1 span{border:none;}

.page h2 {
	text-align: left;
	margin-bottom: 20px;
	width: 100% !important;
	font-weight:normal;
	font-size:20px;
}

.col2 .entry_area_detail .entry_box .h2 {
	text-align: left;
	margin: 50px 0 25px;
	font-size: 20px;
	font-weight:normal;
}
.col2 .entry_area_detail .entry_box .img_area{
	margin-bottom: 35px;
	} 
.col2.page img{
	width: 385px;
}
.page table.history{
	width:1024px;
	margin:0 auto;
}
.page table.history th{text-align:left;}
.page table.history th,.page table.history td{
	padding:20px 10px;
	vertical-align:top;
}
.page table.history .bdb{border-bottom:1px solid #ccc;}
/*--------------------
features
--------------------*/
.entry_area_2 .entry_box{
	width: 1024px;
	height:250px;
	margin-bottom: 40px;
	background-color: #fff;
	float: left;
	_zoom:1;overflow:hidden;
}

.entry_area_2.features .entry_box:nth-child(odd) .title_area{
	float: left;
	width: 392px;
	text-align:right;
}
.entry_area_2.features .entry_box:nth-child(even) .title_area{
	float:right;
	width: 392px;
	margin-bottom: 10px;
	text-align:left;
}
.entry_area_2.features .entry_box h1{
	font-size: 20px;
	line-height:1.5;
	margin:40px 0 20px;
}

.entry_area_2.features .entry_box h2{
	font-size:16px;
	font-weight:normal;
}
.entry_area_2.features .entry_box .img_area{
	display:block;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:200px; /*トリミング後の横幅*/
	height:200px; /*トリミング後の縦幅*/
	overflow:hidden;
	z-index:1;
	border-radius:50%;
	border:1px solid #ccc;
	}

.entry_area_2.features .entry_box .img_area img{
	float:left;
	width:150%;
	position:absolute;
}
.entry_box.features .text_area h2{
	text-align: left;
	margin: 50px 0 25px;
	font-size: 20px;
	font-weight:normal;
}

a:hover{cursor: pointer !important;}
/*--------------------
store
--------------------*/
ul.accordion {width:100%; margin:0 auto 30px; padding:10px; font-size:16px;}
ul.accordion li {width:125px;float:left;text-align:center;}
ul.accordion li > ul {width:100px;float:left;}
ul.accordion li > ul > li{padding:2px 0;}
ul.accordion p{display:none;}
ul.accordion .store_label{font-weight:bold;font-size:20px;color:#000;}
ul.accordion li a {color:#000;}
ul.accordion li a:hover {color:#0088CC;}
.box_store{border-top:1px solid #666;padding:10px;}
.store_name{font-size:16px;}
.store_name a{color:#666;text-decoration:none;}

.store table{
	margin:0 0 40px;
	width:465px;
}
.store table tr{
	border-top:1px dotted #ccc;
}
.store table tr:last-child{
	border-bottom:1px dotted #ccc;
}
.store table th{
	width:6em;
	text-align:left;
	padding:15px 10px;
	vertical-align:top;
	color:#aaa;
	font-weight:normal;
}
.store table td{
	padding:15px 0;
}

.store.col2 .entry_area_detail .entry_box .box_right{
	width:385px;
	float:right;
	margin-top:0 !important;
}
.store {
    padding-bottom: 100px;
	margin-bottom:100px;
}
/*--------------------
contact
--------------------*/
.aform-name-ul li,.aform-kana-ul li{
	float:left;
	width:290px;
	margin-right:10px !important;
}
/*--------------------
voice
--------------------*/

.voice .text_area .name{
	font-size:16px;
	margin-top:10px;
	text-align:center;
}
.voice .text_area .work{
	text-align:center;
}
.voice .text_area .name a{
	text-decoration:none;
}
.voice .text_area .name a:hover{
	text-decoration:underline;	
}
.voice .text_area h2{
	margin:50px 0 25px;
	font-size:28px;
	font-weight:normal;
}
.voice h1{
	margin-bottom:0 !important;
}
.voice .work_detail{
	text-align:center;
	margin-bottom:40px;
	font-size:18px;
}
/*--------------------
interview
--------------------*/
.interview .entry_box h1{
	margin-top: 60px !important;
}
.interview .entry_box img{
	margin-top: 10px !important;
}
/*--------------------
FAQ
--------------------*/
.faq .faq_list{
	width:1024px;
	margin:0 auto;
    overflow: auto; 
}
.faq_list .box {
	width:472px;
	float:left;
	margin-bottom:40px;
        padding: 20px;  
        display: inline;  /* IE6 fix */  
}
.faq_list li{
	margin:7px 0;
}
.faq_list .box{margin-bottom:10px;}
.faq_list .box h2{font-weight:normal;font-size:20px;}

/*--------------------
campaign
--------------------*/
.sizechange {
	border:1px solid #ccc;
	margin-bottom:40px;
}
.sizechange h2 img{
	width:100% !important;
}
.sizechange .return-inner{
	padding:25px;
}
.sizechange .return-inner h3 img{
	width:100%;
	margin-bottom:20px;
}

.sizechange  .campaign_text2{
	border:1px solid #ccc;
	padding:25px;
	margin:20px 0;
	font-weight:bold;
	margin-bottom:40px;
}
.sizechange .campaign_text2 span{
	font-weight:normal;
}
.sizechange .items img{
	width:167px;
	margin-right:28px;
}
.sizechange .items img:last-child{
	margin:0;
}
.sizechange .items {
	margin-bottom:40px;
}
.sizechange table th,.sizechange table td{
	border:1px solid #ccc;
	padding:20px;
}
.sizechange table th{
	width:10em !important;
	background-color:#eee;
	text-align:left;
	font-weight:normal;
}
/*--------------------
info
--------------------*/
.entry_area_info .entry{
	margin-bottom:20px;
	line-height:1.35;
}
.entry_area_info .entry .title{
	font-weight:bold;
	font-size:13px;
}
.entry_area_info .entry .date{
	color:#000;
}
.entry_area_info .entry .body{
	font-size:13px;
}
.entry_area_info .entry .link a{
	color:#aaa;
}
.box_left .date{
	text-align:right;
	margin-bottom:10px;
	color:#aaa;
}
/*--------------------
pagebute
--------------------*/
.prev-next-link{
margin:20px 0 40px;
	text-align:center;
}

.pagenate{
   position:relative;
   overflow:hidden;
	padding:5px 0;
	margin-top:35px;
}
.pagenate ul{
   position:relative;
   left:50%;
   float:left;
}
.pagenate ul li{
   position:relative;
   left:-50%;
   float:left;
	margin:3px;
}
.pagenate ul li a{
	text-decoration:none;
	background-color:#333;
	padding:5px;
	border:2px solid #333;
	color:#fff;
}
.pagenate ul li .current_page{
	border:2px solid #333;
	padding:5px;
}
/*--------------------
legal
--------------------*/
.entry_box_legal {
	width:800px;
	margin:0 auto;
}
.entry_box_legal h2{
	margin-top:30px;
}
.entry_box_legal p{
	margin-bottom:20px;
}
.entry_box_legal ol > li{
	list-style-type:decimal;
	margin-left:20px;
}
.entry_box_legal ol,.entry_box_legal ul{
	margin-bottom:20px;
}
.entry_box_legal table th{
	text-align:left;
	padding:15px 0;
	width:200px;
	vertical-align:top;
}
.entry_box_legal table td{
	padding:15px 0;
	vertical-align:top;
}
/*--------------------
guide
--------------------*/
.order {width:800px;margin:0 auto;}
.order p{
	margin-bottom:20px;
}
.order h3{
	font-size:16px;
	margin-bottom:10px;
}
.order table,.order th,.order td{
	border:1px solid #ccc;
	padding:10px 20px;
}
/*--------------------
vrst
--------------------*/
.vrst h3{
	margin:40px 0 20px;
	font-size:16px;
}
.vrst ol li span{
	font-weight:bold;
}
.vrst ol li{
	list-style-type:decimal;
	margin-left:15px;
	margin-bottom:10px;
}
.vrst ul li{
	list-style-type:disc;
	margin-left:15px;
	margin-bottom:10px;
}
.voice h3{
	margin:30px 0 15px;
	font-size:16px;
}
.voice .q{
	font-weight:bold;
	margin:40px 0 10px !important;
}
/*--------------------
アンケート
--------------------*/
.aform-radio-ul li {
    float: left;
    margin-right: 25px !important;
}
.aform-checkbox-ul li {
    float: left;
    margin-right: 50px !important;
}
.aform-content ul {
    width: 100%;
    float: left;
}
/*--------------------
翻訳
--------------------*/
.translation a{
	color:#fff;
	text-decoration:none;
	position:absolute;
	right:200px;
	top:25px;
}
.translation a:hover{
	color:#e48011;
}
/*--------------------
返金保証campaign（2015.10.6）
--------------------*/
.campaign {
	width:900px;
	margin:0 auto;
}
.campaign .lead{
	font-size:18px;
	margin:20px 0;
}
.campaign h1 img {
	width:900px !important;
}
.campaign p{
	margin-bottom:10px;
}
.campaign ul{
	margin-bottom:20px;
}
.campaign ul .title_shop{
	font-weight:bold;
}
.campaign .shop_list ul{
	background-color:#eee;
	padding:10px;
}
.campaign ul li{
	margin-bottom:10px;	
}
.campaign .lead_btn{
	text-align:center;
	margin-top:20px;
}
.campaign .btn{
	margin:40px auto 60px;
	width:170px;
}
.campaign .btn a{
    background-color: #000;
    border-radius: 3px;
    padding: 15px 40px;
	color:#fff;
	text-decoration:none;
}
.campaign .btn a:hover{
	background-color:#e78110;
}
/*--------------------
神奈川県民キャンペーン（2015.10.26）
--------------------*/
.campaign .flow{
	font-size:18px;
	margin-bottom:40px;
}
.campaign .flow span{
	background-color:#ed6d00;
	padding:5px !important;
	color:#fff;
	margin-right:15px;
	border-radius:5px;
}
.campaign .flow th{
	vertical-align:top;
	padding-bottom:10px;
}
.campaign .flow td{
	padding-bottom:10px;
	vertical-align:top;
}
.campaign .box01{
	_zoom:1;overflow:hidden;
} 
.campaign .box01 .lead{
	float:left;
	width:500px;
}
.campaign .box01 .lead li span{
	font-size:14px;
}
.campaign .box01 .lead .note{
	font-size:14px;
}
.campaign .box01 img{
	margin:20px;
	width:305px;
	float:right;
}
.campaign .flow img{
	width:28px;
	margin-left:-15px;
}

.btn_02 img {
    width: 100% !important;
}
.campaign .flow span.how{
	background-color:#fff !important;
	color:#666 !important;
	font-size:14px;
}

/*--------------------
ギフト包装（2015.12.2）
--------------------*/
.gift{
	width:900px;
	margin:0 auto;
}
.gift h2{
	margin:40px 0 20px;
}
.gift h3{
	margin:40px 0 10px;
	font-size:16px;
}
.gift.lead{
	font-size:18px;
	margin:20px 0;
}
.gift h1 img {
	width:900px !important;
}
.gift p{
	margin:20px 0;
	font-size:16px;
}
.gift ul {
	margin-bottom:20px;
}
.gift ul li{
	font-size:16px;
	margin:5px 0;
}
.gift p span{
	font-size:14px;
}
.gift ul.note {
	background-color:#eee;
	padding:10px 20px;
}
.gift ul.note li{font-size:14px;}
.gift .w100p img{
	width:100% !important;
}
/*--------------------
スライダー
--------------------*/
#slider-wrap{
	height: 350px;
}	
#slider img{
	display: none;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	background:#ccc\9;
	color:#333;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
	*:first-child+html .nivo-caption{
		background: #ccc;
	}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:35%;
	z-index:9;
	cursor:pointer;
	text-decoration: none;
	font-size:400%;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1;
	padding: 10px;
}
	.nivo-directionNav a:hover{
		text-decoration: none;
	}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
	*:first-child+html .nivo-directionNav a{ top :25%;}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	position:absolute;
	/*left:-6px;*/
	bottom: -47px;
    height: 40px;
	width: 100%;
	z-index: 100;
}
	
	.nivo-controlNav img{
		display: inherit !important;
		width: 25px;
		height: 25px;
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
		box-shadow: #999 0 2px 2px; /* IE */
		box-shadow: 0 2px 2px rgba(0,0,0,.2);
		behavior: url(http://webdesignrecipes.com/sample/js/PIE.htc);
	}
		*:first-child+html .nivo-controlNav img{
			display: block !important
		}
	

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display: inline;
	
	/*opacity: .7;*/
}
.nivo-controlNav a.active,
.nivo-controlNav a:hover{
	font-weight:bold;
	opacity: 1;
}


	.nivo-controlNav a.active img,
	.nivo-controlNav a:hover img{
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
		box-shadow: #999 0 15px 19px; /* IE */
		box-shadow: 0 2px 2px rgba(0,0,0,.4);
		behavior: url(http://webdesignrecipes.com/sample/js/PIE.htc);
	}

#slider-bg{
	background: url(../images/bg-art.png) no-repeat center 0;
	padding: 30px 0 88px 0;
}
.slider-wrapper{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #bbb;
	background: url(../images/black30.png) repeat;
	padding: 5px 1px;
	width: 690px;
	margin: 0 auto;
}
#slider {
    /*margin:0 auto;*/
    width:100%; /* Make sure your images are the same size */
    height:601px; /* Make sure your images are the same size */
    background:#fff url(../nivoslider-gallery/loading.gif) no-repeat 50% 50%;
}
.slider_wrap{
	height:710px;
}

.nivo-controlNav {
	font-size:160%;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1.3;
}
	
	.nivo-controlNav a {
		text-decoration: none;
		border: 0 none;
		padding: 0;
		margin:0 10px 0 0;
		display: block;
		vertical-align: bottom;
		white-space: nowrap;
		float: left;
		width: auto;
	}
	.nivo-controlNav a img{
		position: relative;
		width: 125px !important;
		height:auto !important;
		margin-right: 0;
		display: block;
	}
		.nivo-controlNav a:hover img,
		.nivo-controlNav a.active img{ 
			background: url(../images/black30.png) repeat;
		}

pre{
	padding: 0 10px;
}

#main p{
	padding: 0 10px 30px 10px;
}
#slider p{
	padding: 10px;
}
/* Shared styles */

.drop-shadow,
.drop-shadow img {
position:relative;

-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute; 
z-index:-2;
}
*{ letter-spacing:0; } /* IE7用のおまじない */
.gift_sp{display:none;}

.detail p{
	font-size:16px !important;
	margin-bottom:40px !important;
}