@charset "utf-8";

.spcont{
	display: none;
}
body{
	/*background: #bb1a23;*/
}
a:hover{
	opacity: 0.6;
}
.wrapper{
	width: 100%;
	min-width: 1280px;
	max-width: 1920px;
	margin-right:auto;
	margin-left:auto;
	background: white;
	overflow: hidden;
}
@media screen and (max-width:420px) {
body,
.wrapper{
	width:420px;
}
}
.inner{
	width: 1280px;
	margin-right:auto;
	margin-left:auto;
}

.header{
	padding-top: 7px;
	border-bottom: 1px solid #bb1a23;
}
.header .hinfo{
	float: right;
}
.header .hinfo .htel{
	padding-top: 20px;
	float: left;
	margin-right: 10px;
}
.header .hinfo .htime{
font-size: 14px;
}
.header .hicon{
	padding-top: 20px;
	float: right;
}
.header .hicon li{
	margin-left: 10px;
	padding-top: 10px;
}
.header .hicon li a{
	background: #a00000;
	padding: 17px 30px;
	color: #fff;
	text-decoration: none;
	font-weight: 100;
}
.header .logo{
float: left;

}
.header .logo a{
font-weight: bold;
text-decoration: none;
background: url(../images/logo.png) no-repeat left center;
padding: 30px 0 30px 110px;
display: block;

}
.header .hnav{
clear: both;
text-align: center;
background: #0e171e;
}
.header .hnav ul li{
padding-top: 4px;
display: inline-block;
padding: 0  15px;
}
.header .hnav ul li{
}
.header .hnav ul li a{
padding:10px 0;
display: block;
color: #fff;
box-sizing: border-box;
border-bottom: 4px solid #0e171e;

}
.header .hnav ul li a:hover{
border-bottom: 4px solid #d3bf6c;
}
@media screen and (max-width: 750px){
.header .hnav ul li{
float: left;
}
}
.header .hnav ul li a{
    font-family: 'hannari','Sawarabi Mincho',serif;
    text-decoration: none;
    font-size: 16px;
}
.header .contactbar{
position: fixed;
right: 0;
top:140px;
z-index: 100;
}
.header .contactbar2{
position: fixed;
left: 0;
top:140px;
z-index: 100;
}
.header .contactbar a{
display: block;
margin-bottom: 10px;
}



.footer{
	position: relative;
}

.child .footer h2{
background: none;
}
.footer .banner{
background-color: #f7f7f7;
padding-top: 30px;
padding-bottom: 10px;
border-bottom: 6px solid black;
}

.footer .banner .flbox{
margin-bottom: 20px;
}
.footer .banner .thbox li{
width: 400px;
}

.footer .banner .thbox li:last-child{
margin-right: 0;
}
.footer .finfo .clbox {
	width: 382px;
	float: left;
	margin-right: 67px;
}
.footer .finfo .clbox:last-child{
	margin-right: 0;
}
.footer .finfo .clbox .fbox{
	margin-bottom: 40px;
}
.footer .finfo h2{
    font-size: 38px;
    font-family: serif;
    padding: 30px 0;
    color: #927532;
    text-align: center;
}
.footer .finfo h2 .sp{
	display: none;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #666666;
  opacity: 0.6;
  border-radius: 10px;
  z-index: 10;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-weight: 900;
  content: '↑';
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


@media screen and (max-width: 750px){
.footer .finfo h2{
	font-size:24px;
}
.footer .finfo h2 .sp{
	display: inline;
}
.child .footer h2{
	line-height: 1.4;
}
.footer .finfo .clbox{
	width:auto;
	float: none;
	margin-right: 0;
}
}

.footer .finfo .clbox .fbox h3{
background-color: #f1f1f1;
font-size: 20px;
line-height: 20px;
background-image: url(../images/ftit_icon.png);
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.footer .finfo .clbox .fbox p img{
display: block;
margin-top: 10px;
}
.footer .totop a{
	background-color: black;
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer .faddress{
padding-top: 65px;
background-color: #1a1f21;
padding-bottom: 50px;
position: relative;
}
.footer .shopinfo h2{
color: white;
margin-bottom: 20px;
}
.footer .shopinfo address{
color: white;
font-size: 15px;
}
.footer .shopinfo address a{
color: white;
}
.footer .fnav h3{
color: white;
margin-bottom: 20px;
}
.footer .smap{
color: white;
line-height: 2;
margin-bottom: 20px;

}
.footer .smap a{
color: white;
font-size: 15px;
}
.footer .smap a:after{
content: "|";
padding: 0 20px;
}
.footer .copy{
color: white;
font-size: 15px;
}
.footer .faddress .flogo{
position: absolute;
top: 60px;
left: 0;
right: 0;
margin: auto;
width: 206px;
height: 187px;
}
.footer .sbc-title{
	display: none;
}
.footer .sbc-calendar-wrapper ,
.footer .sbc-calendar-wrapper #sbc-calendar,
.footer .sbc-calendar-wrapper #sbc-calendar .sbc-calendar-month{
width: 100%;
box-sizing: border-box;
margin: 0;
margin-bottom: 5px;
}
.footer .sbc-calendar-wrapper #sbc-calendar .sbc-calendar-month table{
width: 100%;
}
.footer .sbc-calendar-wrapper #sbc-calendar .sbc-calendar-month table tfoot{
	display: none;
}
.footer .eigyo{
	background: #dfc;
	font-size: 0.8rem;
	padding: 4px 10px;
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
}
.footer .kyugyo{
	background: #ffc0bd;
	font-size: 0.8rem;
	padding: 4px 10px;
	display: inline-block;
	font-weight: bold;
}

.mainslider{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width:1920px;
  height: 712px;

}

.mainimg{
padding-top: 25px;
background: url(../images/home_main.jpg) no-repeat;
background-size:  cover;
}
.mainimg h2{
font-family: 'hannari','Sawarabi Mincho',serif;
font-size: 42px;
text-align: center;
background: url(../images/home_icon01.png) no-repeat top center;
padding-top: 90px;
margin-bottom: 30px;
color: #fff;
}
.mainimg h2 span{
font-size: 24px;
color: #d4bf6e;
display: block;
}
.mainimg p{
font-family: 'hannari','Sawarabi Mincho',serif;
font-size: 18px;
line-height: 1.8;
text-align: center;
color: #fff;
padding-bottom: 30px;
}
.mainimg p span{
font-size: 0.8rem;
display: block;
padding-left: 500px;
color: #fff;
}
.mainimg strong{
display: block;
font-family: 'hannari','Sawarabi Mincho',serif;
font-size: 36px;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
color: #fff;
}
.mainimg > img{
display: block;
margin: 0 auto;
}



.content{
	position: relative;
}

.contents > .disc{
	padding-bottom: 40px;
	text-align: center;
}
@media screen and (max-width: 750px) {
.contents > .disc{
	font-size:12px;
}
}

.btn a{
display: block;
	width: 382px;
	height: 54px;
	background-image: url(../images/btn_bar.png);
	background-repeat: no-repeat;
	text-align: center;
	line-height: 54px;
	font-family: serif;
	font-size: 20px; 
	text-decoration: none;
	color: white;
}
.himgbox{
	min-width: 640px;
	height: 700px;
	width: 50%;
	left: 0;
	overflow: hidden;
	position: relative;
}
.himgbox > img{
	position: absolute;
	right: 0;
}
.hinfobox{
	width: 50%;
	min-width: 640px;
	position: relative;
	box-sizing: border-box;
}
.hinfobox .inner{
	width: 640px;
	margin-right: 0;
	margin-left: 0;
	position: relative;
	box-sizing: border-box;
}
.hinfobox p{
	line-height: 2.2;
	font-size: 15px;
	margin-bottom: 20px;
}



.home .hinfobox h3{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-family: 'hannari','Sawarabi Mincho',serif;
	font-size: 46px;
	line-height: 1.4;
	padding-right: 30px;
	background-position: right top;
}
.home .fr .inner h3{
    right: 30px;     
}
.home .fl .inner h3{
    left: -50px;     
}
.home .content01{
	background : url(../images/bg_img01.png) no-repeat center top 50px ;
	background-size: 100% auto;
}
.home .content01 h3{
	text-align: center;
	font-size: 38px;
	font-family: 'hannari','Sawarabi Mincho',serif;
	padding: 80px 0;
}
.home .content01 h3 span{
    font-size: 24px;
    color: #d4bf6e;
    display: block;
	font-family: 'hannari','Sawarabi Mincho',serif;
}
.home .content01 ul.reason{
	padding: 0 15%;
	margin-bottom: 200px;
}
.home .content01 ul.reason li{
	width: 30%;
	margin-right: 5%;
	float: left;
	background: url(../images/home_cont01_icon01.png) no-repeat center top;
	padding-top: 280px;
	background-size: 100% auto;
}
.home .content01 ul.reason li:nth-child(2){
background: url(../images/home_cont01_icon02.png) no-repeat center top;
	background-size: 100% auto;
}
.home .content01 ul.reason li:nth-child(3){
background: url(../images/home_cont01_icon03.png) no-repeat center top;
	background-size: 100% auto;
margin-right: 0;	
}
.home .content01 ul.reason li h4{
	font-family: 'hannari','Sawarabi Mincho',serif;
	font-size: 32px;
	line-height: 2.8;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
.home .content01 ul.reason li:nth-child(1) h4{
	line-height: 1.4;
}
.home .content01 ul.reason  li h4:after{
	content: "";
	display:  block;
	width: 48px;
	border-bottom: 4px solid #a00000;
	margin: 0 auto;
	padding: 5px 0;
}
.home .content01 ul.reason li p{
	font-family: 'hannari','Sawarabi Mincho',serif;
	padding: 0 5%;
	font-size: 20px;
}
.home .content01 ul.reason2 li{
	margin-bottom: 120px;
}
.home .content01 ul.reason2 li a{
	text-decoration: none;
	display: block;
}
.home .content01 ul.reason2 li:hover{
	opacity: 0.6;
}
.home .content01 ul.reason2 li a:hover{
}
.home .content01 ul.reason2 li:nth-child(1){
	background: url(../images/home_cont01_img01.jpg) no-repeat right top;
	background-size:  -webkit-calc(95% - ( (100% - 1200px) / 2 ) ) ;
	background-size:  calc(95% - ( (100% - 1200px) / 2 ) ) ;
}
.home .content01 ul.reason2 li:nth-child(2){
	background: url(../images/home_cont01_img02.jpg) no-repeat right top;
	background-size:  -webkit-calc(95% - ( (100% - 1200px) / 2 ) ) ;
	background-size:  calc(95% - ( (100% - 1200px) / 2 ) ) ;
}
.home .content01 ul.reason2 li:nth-child(3){
	background: url(../images/home_cont01_img03.jpg) no-repeat right top;
	background-size:  -webkit-calc(95% - ( (100% - 1200px) / 2 ) ) ;
	background-size:  calc(95% - ( (100% - 1200px) / 2 ) ) ;
}
.home .content01 ul.reason2 li:nth-child(4){
	background: url(../images/home_cont01_img04.jpg) no-repeat right top;
	background-size:  -webkit-calc(95% - ( (100% - 1200px) / 2 ) ) ;
	background-size:  calc(95% - ( (100% - 1200px) / 2 ) ) ;
}
.home .content01 ul.reason2 li .inner{
padding: 0 5%;
box-sizing: border-box;
position: relative;
}
.home .content01 ul.reason2 li .inner:before{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
text-orientation: sideways;
font-size: 12px;
display: block;
}
.home .content01 ul.reason2 li:nth-child(1) .inner:before{
content:"Choose your favorite material and bookbinding";
}
.home .content01 ul.reason2 li:nth-child(2) .inner:before{
content:"Anniversary title in gold leaf";
}
.home .content01 ul.reason2 li:nth-child(3) .inner:before{
content:"Tie, connect,Braid bush";
}
.home .content01 ul.reason2 li:nth-child(4) .inner:before{
content:"Only one bookbinding in the world with carry-on fabric";
}
.home .content01 ul.reason2 li .inner:after{
color: #a00000;
font-size: 140px;
position: absolute;
left: 1em;
top:-0.6em;
}
.home .content01 ul.reason2 li:nth-child(1) .inner:after{
content:"01";
}
.home .content01 ul.reason2 li:nth-child(2) .inner:after{
content:"02";
}
.home .content01 ul.reason2 li:nth-child(3) .inner:after{
content:"03";
}
.home .content01 ul.reason2 li:nth-child(4) .inner:after{
content:"04";
}
.home .content01 ul.reason2 li .inner h4{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;  
	font-family: 'hannari','Sawarabi Mincho',serif;
	font-size: 32px;
	background:#fff;
	padding: 15px;
	float: right; 
	margin-bottom: 75px;
}
.home .content01 ul.reason2 li .exp{
    width: 100%;
    background: #fff;
    clear: both;
}
.home .content01 ul.reason2 li .exp p{
    width: 1280px;
    margin: 0 auto;
    padding: 10px 0 0 7.5%;
    box-sizing: border-box;
    font-size: 20px;
    text-decoration: none;
}

.home .content02{
border-top:10px solid #000;
background-color: #f7f7f7;
}
.home .content03,
.home .content04,
.home .content05,
.home .content06{
border-top:1px solid #000;
background-color: #f7f7f7;
}
.home .content02 .inner,
.home .content03 .inner,
.home .content04 .inner,
.home .content05 .inner,
.home .content06 .inner{
padding-top: 70px;
padding-bottom: 120px;
position: relative;
}
.home .content02 .inner:before{
content:"Flow";
}
.home .content03 .inner:before{
content:"Design";
}
.home .content04 .inner:before{
content:"Photo select";
}
.home .content05 .inner:before{
content:"How to send";
}
.home .content06 .inner:before{
content:"Type";
}

.home .content02 .inner:before,
.home .content03 .inner:before,
.home .content04 .inner:before,
.home .content05 .inner:before,
.home .content06 .inner:before{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
text-orientation: sideways;
font-size: 15px;
border-top:40px solid #000;
position: absolute;
top: 0;
padding-top: 10px;
}
.home .content02 h3,
.home .content03 h3,
.home .content04 h3,
.home .content05 h3,
.home .content06 h3{
color: #a00000;
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.home .content02 p.lead,
.home .content03 p.lead,
.home .content04 p.lead,
.home .content05 p.lead,
.home .content06 p.lead{
font-size: 18px;
text-align: center;
margin-bottom: 70px;
}


.home .content02 ul{
padding: 0 5%;
box-sizing: border-box;
}
.home .content02 li:nth-child(1){
background-image: url(../images/home_cont02_icon01.png);
}
.home .content02 li:nth-child(2){
background-image: url(../images/home_cont02_icon02.png);
}
.home .content02 li:nth-child(3){
background-image: url(../images/home_cont02_icon03.png);
}
.home .content02 li:nth-child(4){
background-image: url(../images/home_cont02_icon04.png);
}
.home .content02 li:nth-child(4):after{
content:"約7日営業";
}
.home .content02 li:nth-child(5):after{
content:"約14日営業";
}
.home .content02 li:nth-child(4):after,
.home .content02 li:nth-child(5):after{
display: block;
background: url(../images/arrow_red.png) no-repeat center bottom;
width: 180px;
font-size: 15px;
padding-bottom: 20px;
box-sizing: border-box;
text-align: center;
position: absolute;
top: 150px;
right: 60%;
}
.home .content02 li:nth-child(5){
background-image: url(../images/home_cont02_icon05.png);
margin-right: 0;
}
.home .content02 li{
width: 18%;
margin-right: 2.5%;
position: relative;
background: no-repeat center top;
background-size:  100% auto;
float: left;
}
.home .content02 li h4{
padding-top: 110%;
font-size: 24px;
font-weight: bold;
}
.home .content02 li p{
text-align: left;
}
.home .content03 .inner{
	padding-bottom: 0
}
.home .content03 ul{
padding-bottom: 120px;
}
.home .content03 li{
}
.home .content03 .loopSlider2{
}
.home .content03 li img{
width: 100%;
height: auto;
}

.home .content04 ul{
padding: 0 5%;
box-sizing: border-box;
margin-bottom: 100px;
}
.home .content04 li:nth-child(1){
background-image: url(../images/home_cont04_icon01.png);
}
.home .content04 li:nth-child(2){
background-image: url(../images/home_cont04_icon02.png);
}
.home .content04 li:nth-child(3){
background-image: url(../images/home_cont04_icon03.png);
}
.home .content04 li:nth-child(4){
background-image: url(../images/home_cont04_icon04.png);
margin-right: 0;
}
.home .content04 li{
width: 23.5%;
margin-right: 2%;
position: relative;
background: no-repeat center top;
background-size:  100% auto;
float: left;
}
.home .content04 li h4{
padding-top: 20%;
line-height: 3.0;
font-size: 20px;
font-weight: bold;
padding-bottom: 65%;
text-align: center;
}
.home .content04 li:nth-child(4) h4{
line-height: 1.5;
}
.home .content04 li p{
text-align: center;
}

.home .content04 .left{
float: left;
width: 49%;
margin-right: 2%;
background-color: #fff;
padding-bottom: 20px;
}
.home .content04 .right{
width: 49%;
float: right;
background-color: #fff;
padding-bottom: 20px;
}
.home .content04 .left h4,
.home .content04 .right h4{
background: #000;
color: #fff;
font-size: 28px;
font-weight: bold;
text-align: center;
padding: 15px 0; 
}
.home .content04 .left p,
.home .content04 .right p{
padding: 20px 5%; 
text-align: center;
}
.home .content04 .left .imgbox,
.home .content04 .right .imgbox{
padding: 15px 5%; 
box-sizing: border-box;
}
.home .content04 .left .imgbox img,
.home .content04 .right .imgbox img{
width: 100%;
}
.home .content04 .right .imgbox{
background: #f7f7f7;
width: 90%;
margin: 0 auto;
}
.home .content04 .right .imgbox p{
text-align: center;
padding: 120px 0 40px 0;

}
.home .content04 .right .imgbox a,
.home .content04 .right .imgbox select{
text-align: center;
margin-bottom: 20px;
display: block;
width: 100%;
background-color: #a00000;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 10px 15px;
}
.home .content04 .right .imgbox select option.def span{
text-align: center;
display: block;
}


.home .content05 ul{
padding: 0 15%;
box-sizing: border-box;
margin-bottom: 100px;
}
.home .content05 li:nth-child(1){
background-image: url(../images/home_cont05_icon01.png);
}
.home .content05 li:nth-child(2){
background-image: url(../images/home_cont05_icon02.png);
}
.home .content05 li:nth-child(3){
background-image: url(../images/home_cont05_icon03.png);
margin-right: 0;
}
.home .content05 li{
width: 32%;
margin-right: 2%;
position: relative;
background: no-repeat center top;
background-size:  100% auto;
float: left;
}
.home .content05 li h4{
padding-top: 20%;
line-height: 3.0;
font-size: 20px;
font-weight: bold;
padding-bottom: 65%;
text-align: center;
}
.home .content05 li:nth-child(3) h4{
line-height: 1.5;
}
.home .content05 li p{
text-align: left;
}
.home .content06 li{
padding:0 20%;
margin-bottom: 50px;
}
.home .content06 li img{
width: 100%;
height: auto;
}

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 170px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider,
.loopSlider2 {
    margin: 0 auto;
    width: 100%;
    height: 170px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul,
.loopSlider2 ul {
    height: 170px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li,
.loopSlider2 ul li {
    height: 170px;
    float: left;
    display: inline;
    overflow: hidden;
    margin: 0 10px;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}




 .content06 li h4{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
 .content06 li p{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
color: #a00000;
}

 .content_policy{
background: url(../images/home_cont07_img01.jpg) no-repeat center center;
background-size: cover;
position: relative;
}
 .content_policy:before{
content: url(../images/home_icon01.png);
position: absolute;
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
top: -40px;
}
 .content_policy h3 {
    font-family: 'hannari','Sawarabi Mincho',serif;
    font-size: 38px;
    text-align: center;
    padding-top: 90px;
    margin-bottom: 30px;
    color: #fff;
}
 .content_policy h3 span {
    font-size: 24px;
    color: #d4bf6e;
    display: block;
}
 .content_policy p {
   text-align: center;
   color: #fff;
   font-size: 18px;
   line-height: 1.8;
   padding-bottom: 130px;
}





.home .imgline01{
width: 100%;
display: block;
height: 500px;
border: none;
background-repeat: no-repeat;
background-position: center center;
background-attachment:fixed;
background-size: cover;
}



@media screen and (max-width:750px) {
}







 .child .header h1{
	 display: block;
 }
 .child .header + h2{
 clear: both;
	 height: 240px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
color: white;
line-height: 240px;
font-size: 36px;
font-family: serif;
letter-spacing: 6px;
margin-bottom: 10px;
}
.child .bread{
	font-size: 80%;
	margin-bottom: 60px;
}

.child .contents{
}
.child .contents p{
	margin-bottom: 45px;
}
.child .contents p img{
padding: 10px 0;
}
.child .contents p span{
font-size: 120%;
font-family: serif;
}
 
.material .content:first-child{
border-top:10px solid #000;
}
 
.material .content{
border-top:1px solid #000;
    background: url(../images/bg_img02.png) no-repeat center top 100px;
background-color: #f7f7f7;
    background-size: 100% auto;
}
.material .content .inner{
padding-top: 100px;
padding-bottom: 120px;
position: relative;
}
.material .content01 .inner:before{
content:"Nishijinori";
}
.material .content02 .inner:before{
content:"Kyo Karakami";
}
.material .content03 .inner:before{
content:"Original";
}
.material .content04 .inner:before{
content:"Awase";
}
.material .content05 .inner:before{
content:"Kumihimo / Fusa";
}
.material .content06 .inner:before{
content:"Foil";
}
.material .content07 .inner:before{
content:"Select";
}

.material .content .inner:before{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
text-orientation: sideways;
font-size: 15px;
border-top:40px solid #000;
position: absolute;
top: 0;
padding-top: 10px;
}
.material .content h3{
color: #a00000;
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.material .content p.lead{
font-size: 18px;
text-align: center;
margin-bottom: 70px;
}


.material .content01{
}
.material .content01 ul,
.material .content02 ul,
.material .content03 ul,
.material .content04 ul,
.material .content05 ul,
.material .content06 ul{
padding:0 5%;
}
.material .content01 ul li{
float: left;
width: 21.25%;
margin-left: 5%;
margin-bottom: 25px;
}
.material .content01 ul li:nth-child(4n+1){
clear: both;
margin-left: 0;
}
.material .content02 ul{
margin-bottom: 50px;
}
.material .content02 .imgbox{
text-align: center;
padding: 0 20%;
}
.material .content02 .imgbox img{
width: 100%;
height: auto;
}

.material .content03 ul li,
.material .content04 ul li,
.material .content06 ul li{
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 25px;
}
.material .content03 ul li:nth-child(2n),
.material .content04 ul li:nth-child(2n),
.material .content06 ul li:nth-child(2n){
margin-right: 0;
}
.material .content03 ul li .imgbox img,
.material .content04 ul li .imgbox img,
.material .content06 ul li .imgbox img{
width: 100%;
}

.material .content02 ul,
.material .content03 ul,
.material .content04 ul,
.material .content05 ul,
.material .content06 ul{
padding:0 20%;

}
.material .content02 ul li img,
.material .content03 ul li img,
.material .content04 ul li img,
.material .content05 ul li img,
.material .content06 ul li img{
width: 100%;
height: auto;
}
.material .content02 ul li,
.material .content05 ul li,
.material .content07 ul li{
float: left;
width: 31%;
margin-right: 3.5%;
margin-bottom: 25px;
}
.material .content02 ul li:nth-child(3n),
.material .content05 ul li:nth-child(3n),
.material .content07 ul li:nth-child(3n){
margin-right: 0;
}
.material .content05 ul li .imgbox img,
.material .content07 ul li img{
width: 100%;
height: auto;
}
.material .content07{
padding-bottom: 100px;
}

.material h2,
.thanks h2,
.contact h2{
background-image: url(../images/material_main.jpg);
	
	
}
.contact form{
	width: 70%;
	margin: 0 auto 60px auto;
}
.order h2,
.option h2{
background-image: url(../images/option_main.jpg);
	
	
}
.order .content:first-child{
border-top:10px solid #000;
}
 
.order .content{
border-top:1px solid #000;
    background: url(../images/bg_img02.png) no-repeat center top 100px;
background-color: #f7f7f7;
    background-size: 100% auto;
    position: relative;
}
.order .content .inner{
padding-top: 100px;
padding-bottom: 120px;
position: relative;
}
.order .content01 .inner:before{
content:"Base";
}
.order .content .inner:before{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
text-orientation: sideways;
font-size: 15px;
border-top:40px solid #000;
position: absolute;
top: 0;
padding-top: 10px;
}
.order .content01 h3{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #a00000;
	margin-bottom: 120px;
}
.order .content01 .type{
    padding:0 5%;
}
.order .content01 .type h4{
	margin: 0 auto;
	width: 70%;
	margin-bottom: 20px;
	font-weight: bold;
	font-size:18px;
}

.order .content01 .type .imgbox{
	margin: 0 auto;
	margin-bottom: 60px;
	width: 70%;
}
.order .content01 .type .imgbox img{
	width: 100%;
	height: auto;
}
.order .content01 .type ul{
	margin-bottom: 20px;
	font-weight: bold;
	font-size:18px;
}
.order .content01 .type ul li{
float: left;
width: 31%;
margin-right: 3.5%;
margin-bottom: 25px;
text-align: center;
font-size: 32px;
font-weight: bold;
}
.order .content01 .type ul li:nth-child(3n){
margin-right: 0;
}
.order .content01 .type ul li a{
background: #a00000;
color: #fff;
font-size: 32px;
font-weight: bold;
display: block;
width: 100%;
border-radius: 10px;
box-shadow: 5px 5px 0px 0 rgba(0,0,0,0.4);
text-decoration: none;
margin-bottom: 10px;
padding: 10px 0;
}
.order .content01 .type ul li span{
display: block;
font-size: 24px;
font-weight: bold;
background: #f85344;
color: #fff;
border-radius:6px;
position: relative;
margin-top: 10px;
}
.order .content01 .type ul li span:before{
content: "";
display: block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f85344;
  border-left: 10px solid transparent; 
  position: absolute;
  top: -10px;
  margin: 0 auto;
	left:  -webkit-calc(50% - 10px ) ;
	left:  calc(50% - 10px ) ;
}
 .order .content01 .type .viewer {
    margin: 0 auto;
    width: 100%;
    height: 680px;
    text-align: left;
    overflow: hidden;
}
 .order .content01 .type .viewer ul {
    width: 100%;
    height: 680px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
 .order .content01 .type .viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: 680px;
    display: none;
    position: absolute;
}


.option{
	
}
.option .content{
border-top:1px solid #000;
    background: url(../images/bg_img02.png) no-repeat center top 100px;
background-color: #f7f7f7;
    background-size: 100% auto;
    position: relative;
}
.option .content .inner{
padding-top: 200px;
padding-bottom: 120px;
position: relative;
}
.option .content01 .inner:before{
content:"Option";
}
.option .content .inner:before{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
text-orientation: sideways;
font-size: 15px;
border-top:40px solid #000;
position: absolute;
top: 0;
padding-top: 10px;
}
.option .content01 .inner .opbox{
	padding: 0 5%;
	box-sizing: border-box;
	border-bottom:1px dashed gray;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.option .content01 .inner .opbox h3{
	font-size: 24px;
	font-weight:bold;
	margin-bottom: 20px;
}
.option .content01 .inner .opbox h3 .red{
	font-size: 24px;
	color: #a00000;
	font-weight:bold;
	padding-left: 20px;
}
.option .content01 .inner .opbox h3 span{
	font-size: 20px;
	padding-left: 20px;
}
.option .content01 .inner .opbox.opbox06 h3 span{
	font-size: 20px;
	padding-right: 20px;
	padding-left: 0;
	margin-top: 10px;
	display: block;
}
.option .content01 .inner .opbox h3 .red span{
	font-size: 80%;
	display: inline;
	color: #a00000;
	padding-left: 10px;
}
.option .opbox01 ul li{
display: inline-block;
padding-right: 40px;
font-size: 24px;
font-weight: bold;
}

.option .opbox02 ul{
margin-bottom: 40px;
}
.option .opbox02 ul li{
float: left;
width: 18%;
margin-right: 2.5%;
margin-bottom: 25px;
}

.option ul li:after{
color: #a00000;
font-size: 16px;
font-weight: bold;
display: block;
}
.option ul.pls50 li:after{
content:"追加料金 +500円/1冊";
}
.option ul.pls100 li:after{
content:"追加料金 +1,000円/1冊";
}
.option ul.pls80 li:after{
content:"追加料金 +800円/1冊";
}
.option ul.pls85 li:after{
content:"追加料金 +850円/1冊";
}
.option ul.pls500 li:after{
content:"追加料金 +5,000円";
}
.option ul.pls5002 li:after{
content:"追加料金 +5,000円（2冊目以降+3,000円/1冊）";
}
.option ul li:nth-child(5n){
margin-right: 0;
}
.option ul li:nth-child(5n+1){
clear: left;
}
.option ul li img{
width: 100%;
height: auto;
}

.option ul li.noaft:after{
content:"";
}
.option .opbox03 ul li,
.option .opbox04 ul li{
float: left;
width: 21.25%;
margin-left: 5%;
margin-bottom: 25px;
}
.option .opbox03 li:nth-child(4n+1),
.option .opbox04 li:nth-child(4n+1){
clear: both;
margin-left: 0;
}
.option .opbox03 ul,
.option .opbox04 ul{
}
.option .opbox03 ul li img,
.option .opbox04 ul li img{
width: 100%;
height: auto;
}
.option .opbox04 p{
margin-bottom: 5px;
margin-top: 10px;
}
.option .opbox05 .imgbox{
	margin-bottom: 20px;
	float: left;
	width: 30%;
}
.option .opbox05 .imgbox img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
.option .opbox05 select{
	clear: both;
}


.option .opbox05 ul{
float: right;
width: 65%;
padding: 0 ;
box-sizing: border-box;
}
.option .opbox05 li:nth-child(1){
background-image: url(../images/home_cont04_icon01.png);
}
.option .opbox05 li:nth-child(2){
background-image: url(../images/home_cont04_icon02.png);
}
.option .opbox05 li:nth-child(3){
background-image: url(../images/home_cont04_icon03.png);
}
.option .opbox05 li:nth-child(4){
background-image: url(../images/home_cont04_icon04.png);
margin-right: 0;
}
.option .opbox05 li{
width: 23.5%;
margin-right: 2%;
position: relative;
background: no-repeat center top;
background-size:  100% auto;
float: left;
}

.option .opbox05 li h4{
padding-top: 20%;
line-height: 3.0;
font-size: 15px;
font-weight: bold;
padding-bottom: 65%;
text-align: center;
}
.option .opbox05 li:nth-child(4) h4{
line-height: 1.5;
}
.option .opbox05 li p{
text-align: center;
font-size: 14px;
}



.option .opbox06 ul{
box-sizing: border-box;
float: left;
width: 60%;
}
.option .opbox06 select.fr{
float: right;
margin-top: 200px;
}
.option .opbox06 li:nth-child(1){
background-image: url(../images/home_cont05_icon01.png);
}
.option .opbox06 li:nth-child(2){
background-image: url(../images/home_cont05_icon02.png);
}
.option .opbox06 li:nth-child(3){
background-image: url(../images/home_cont05_icon03.png);
margin-right: 0;
}
.option .opbox06 li{
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 25px;
background: no-repeat center top;
background-size:  100% auto;
}
.option .opbox06 li h4{
padding-top: 20%;
line-height: 3.0;
font-size: 20px;
font-weight: bold;
padding-bottom: 65%;
text-align: center;
}
.option .opbox06 li span{
    display: block;
    text-align: center;
    margin-top: -4.5em;
    margin-bottom: 3.5em;
    line-height: 1em;
}
.option .opbox06 li:nth-child(3){
margin-right: 0;
}
.option .opbox06 li:nth-child(3) h4{
line-height: 1.5;
}
.option .opbox06 li p{
text-align: left;
}
.option .opbox06.layout p{
font-size: 20px;
display: block;
}
.option .opbox06.layout a{
    background: #a00000;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    display: block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 0px 0 rgba(0,0,0,.4);
    text-decoration: none;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 40%;
    text-align: center;
}
.option .opbox06.layout a{
font-size: 20px;
}
.option .opbox select{

	display:block;
	width: 300px;
	padding: 30px 0;
	font-size: 20px;
	margin-bottom: 30px;
}

.option .tocart .button{
    background: #a00000;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    display: block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 0px 0 rgba(0,0,0,.4);
    text-decoration: none;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 40%;
    text-align: center;
    border: 0;
    margin: 0 auto;
}
.option .tocart .button:hover{
cursor: pointer;
}
.option .tocart .nomove{
    background: gray;
    pointer-events: none;
    opacity: 0.6;
}
.option .cartprice{
position: fixed;
right: 100px;
bottom: 50px;
	background: rgba(160,0,0, 0.8);
	display: block;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	z-index: 10;
}
.option .cartprice th{
	font-weight: bold;
}
.option .cartprice div,
.option .cartprice th,
.option .cartprice span{
	color: #fff;
}
.option .cartprice th,
.option .cartprice td{
	padding: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
.option .cartprice div{
text-align: right;
padding-top: 10px;
}
.option .cartprice .tprice{
font-weight: bold;
}


.guide h2{
	background-image: url(../images/tit_guide.jpg);
}
.guide .contents h3{
	background-color: #f1f1f1;
	background-image: url(../images/tita_icon.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 10px 0 10px 55px;
	font-size: 26px;
	font-family: serif;
	margin-bottom: 25px;
}
.guide .contact{
	background-image: url(../images/guide_contact.png);
	background-repeat: no-repeat;
	background-position: center center;
background-size: cover;
padding: 25px 180px;
}
.guide .contact h4{
text-align: center;
font-family: serif;
color: white;
font-size: 26px;
margin-bottom: 15px;
}
.guide .contact .tel{
float: left;
}
.guide .contact .cbtn{
float: right;
}



.lineup h2{
	background-image: url(../images/tit_lineup.jpg);
}
.lineup .contents h3{
	background-image: url(../images/tit_lineup_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	font-size: 24px;
	font-family: serif;
	padding-top: 130px;
	padding-bottom: 36px;
}
.lineup .contents p.lead{
font-family: serif;
	text-align: center;
	margin-bottom: 100px;
	text-align: center;
}
.lineup .contents .albums > ul > li{
margin-left: 40px;
}
.albums > ul > li > a{
display: block;
text-decoration: none;
}
.albums > ul > li > a img{
width: 100%;
}
.lineup .contents .albums > ul > li:nth-child(1){
margin-left: 40px;
}
.lineup .contents .albums > ul > li:nth-child(3n){
margin-left: 40px;
}
.lineup .contents .albums > ul > li:nth-child(3n-2){
margin-left: 0;
clear: both;
}

.single .contents .leadimg{
width: 100%;
display: block;
}
.single .contents .leadimg img{
width: 100%;
height: 100%;
}
.single .contents h2{
	text-align: center;
	font-size: 42px;
	font-family: serif;
	color: inherit;
	height: auto;
	line-height: 1.5;
	padding-bottom: 40px;
}

.single .contents .page h2{
	color:#fff;
	padding-bottom: 0;
}

.single .contents .lead{
	text-align: center;
	font-size: 24px;
	font-family: serif;
	padding-top: 50px;
	margin-bottom: 70px;
}
.single .contents .albuminfo{
	clear: both;
	margin-bottom: 80px;
}
.single .contents .albuminfo .imgbox{
	width: 100%;
}
.single .contents .albuminfo .imgbox img{
	max-width: 630px;
	display: block;
}
.single .contents .albuminfo .imgbox img:nth-child(even){
	float: right;
}
.single .contents .albuminfo .imgbox img:nth-child(odd){
	float: left;
}

.single .contents .albuminfo .txtbox{
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-family: serif;
	padding-top: 70px;
}
.single .contents .albuminfo .txtbox p{
margin-bottom: 0;
}
.single .contents .albuminfo .txtbox h3{
background-image: url(../images/single_tit_bg.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-family: serif;
font-size: 26px;
margin-bottom: 40px;
}
.single .contents .price{
	margin-bottom: 60px;
}
.single .contents .price h3{
	text-align: center;
padding-left: 20px;
font-family: serif;
font-size: 26px;
margin-bottom: 40px;
}
.single .contents .price table{
width: 100%;
}
.single .contents .price th{
border-top: 2px solid #b0b0b0;
border-bottom: 2px solid #b0b0b0;
padding:20px 4%;
}
.single .contents .price td{
padding:5px 4%;
}
.single .sample{
	background-color: #f7f7f7;
	padding-top: 80px;
	padding-bottom: 80px;
}
.single .contents .sample h3{
	text-align: center;
padding-left: 20px;
font-family: serif;
font-size: 26px;
margin-bottom: 20px;
}
.single .contents .sample p{
	text-align: center;
margin-bottom: 40px;
}
.single .contents .sample .sgallery{
padding-right: 20px;
padding-left: 20px;
}
.single .contents .infobox .info > table{
margin-bottom: 20px;
}
.single .contents .cartbox{
    border-top: 1px dotted #bcbcbc;
    border-bottom: 1px dotted #bcbcbc;
    padding: 10px 0 !important;
    width: 100% !important;
    position: relative;
    clear: both;
}
.single .contents .cartbox .cartjs_product_name{
background-color: #f1f1f1;
display: block;
margin-bottom: 0;
margin-bottom: -2.8em;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 10px !important;
}

.single .contents .cartbox .cartjs_product_table{
width: 200px !important;
display: none !important;
}
.single .contents .cartbox .cartjs_product_table table,
.single .contents .cartbox .cartjs_product_table table th,
.single .contents .cartbox .cartjs_product_table table td{
vertical-align: middle;
border: none !important;
}
.single .contents .cartbox .cartjs_product_table table{
width: 200px !important;
margin-bottom: 10px !important;
padding-bottom: 0px !important;
}
.single .contents .cartbox .cartjs_product_table table th{
width: auto;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0;
}
.single .contents .cartbox .cartjs_product_num{
display: none;
}
.single .contents .cartbox .cartjs_cart_in {
	width: 100%;
}
.single .contents .cartbox .cartjs_cart_in input{
	width: 100%;
	background: #bb1a23;
    line-height: 30px;
	border: none;
	color: white;
	font-size: 20px;
	font-weight: bold;
	border-radius: 8px;
	padding: 10px 4px;
}
.single .contents .cartbox .cartprice {
    position: absolute;
    right: 28px;
    bottom: 76px;
    font-size: 24px;
    font-weight: bold;
    color: gray;
}
.single .contents .numselect{
float: left;
	width: 250px;
}
.single .contents .selectall {
	width: 250px;
	padding-left: 20px;
	margin-bottom: 8px;
}
.single .contents .selectall span{
	width: 100px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}
.single .contents .selectall select{
	width: 140px;
	display: inline-block;
	font-size: 18px;
}
.single .contents .minicart{
width:94%;
padding:10px 3%;
background: #f1f1f1;
}
.single .contents .miniinfo{
float: left;
width: 350px;
    line-height: 30px;
    padding: 10px 4px;
}
.single .contents .miniinfo h6{
font-size: 24px;
font-weight: bold;
display: inline-block;
    line-height: 30px;
}
.single .contents .miniinfo h6 + div{
display: inline-block;
    line-height: 30px;
    padding-left: 20px;
}
.single .contents .minibtn{
float: right;
width: 160px;
}

.single .contents .minicart select{
	width: 140px;
	display: inline-block;
	font-size: 18px;
}
.single .contents .minibtn input{
width: 160px;
	background: #bb1a23;
    line-height: 30px;
	border: none;
	color: white;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
	padding: 10px 4px;
}
/* ------------------------------
   スライダー
------------------------------ */
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.recommend .slick-next,
.center-item .slick-next {
	right: 0;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.recommend .slick-prev,
.center-item .slick-prev {
	left: 0;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item{
padding: 0 20px;
}
.multiple-item li {
	margin: 0 5px;
}
.multiple-item li img{
width: 100%;
}
.single .contents .option{
	background-color: #f7f7f7;
	padding-top: 80px;
	padding-bottom: 80px;
}
.single .contents .option h3{
	text-align: center;
padding-left: 20px;
font-family: serif;
font-size: 26px;
margin-bottom: 60px;
}
.single .contents .option .opbox{
clear: both;
margin-bottom: 55px;
}
.single .contents .option .opbox .imgbox{
float: left;
width: 565px;
}
.single .contents .option .opbox .txtbox{
float: right;
width: 650px;
}
.single .contents .option .opbox .txtbox h4{
	border: 1px solid #af952f;
	background-color: white;
	padding:8px 15px;
	color: #af952f;
	font-family: serif;
	font-size: 28px;
	margin-bottom: 20px;
}
.single .contents .infobox{
width: 600px;
float: right;
padding: 90px 0;
}
.single .contents .infobox h4{
    font-family: serif;
    font-size: 48px;
    margin-bottom: 30px;
    border-bottom: 2px dashed #bcbcbc;
}
.single .contents .guarantee{
padding:30px 0 70px 0;
}
.single .contents .scart .imgbox{
width: 560px;
float: left;
padding: 90px 0;
}
.single .contents .scart .imgbox > img{
width: 100%;
height: auto;
}
.single .contents .scart .imgbox .thumbimg{
width: 560px;
padding:10px 0;
}
.single .contents .scart .imgbox .thumbimg img{
width: 32%;
height: auto;
margin-right: 2%;
float: left;
display: block;
}
.single .contents .scart .imgbox .thumbimg img:last-child{
margin-right:0;
}
.scart h5{
	border-bottom: dashed 1px gray;
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 20px;
}





.blog h2{
	background-image: url(../images/tit_blog.jpg);
}
.blog h2{
	background-image: url(../images/tit_blog.jpg);
}
.blog .left{
float: left;
width: 800px;
}
.blog .right{
float: right;
width: 300px;
}
.blog .contents dt div{
	background-image: url(../images/tit_faq01.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 24px;
	font-family: serif;
	margin-bottom: 10px;
}
.blog .right h4{
background-color: #f1f1f1;
    font-size: 20px;
    line-height: 20px;
    background-image: url(//tsuzuriya.com/wp-content/themes/tsuduriya/css/../images/ftit_icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: none;
 }
.blog .contents dt .date{
    background: #bb1a23;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 30px;
    font-size: 80%;
}
.blog .contents dd p{
margin-bottom: 10px;
}




.blog .contents .cont01{
	margin-bottom: 30px;
}
.blog .contents .cont01 .text_box{
	width:520px;
	float:right;
}
.blog .contents .cont01 .img{
	width:250px;
	float:left;
}
.blog .contents .cont01 .img img{
	width:250px;
	height: auto;
}
.blog .contents .cont01 .text_box h3{
	background-image: url(../images/tit_faq01.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 24px;
	font-family: serif;
	margin-top: 20px;
	margin-bottom: 10px;
}
.blog .contents .cont01 .text_box .date{
    background: #bb1a23;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 30px;
    font-size: 80%;
}
@media screen and (max-width: 750px) {
.blog .contents .cont01 .text_box{
	width:100%;
	float:none;
}
.blog .contents .cont01 .text_box p{
	margin-bottom: 20px;
}
.blog .contents .cont01 .img{
	width:250px;
	margin:0 auto 50px;
	float:none;
}
}







.blog .paging{
text-align: center;
}
.blog .paging > div{
	display: inline-block;
	margin: 10px ;
}
.blog .paging .next a:before{
content: "＜　";
}
.blog .paging .prev a:after{
content: "　＞";
}
.blog .paging a{
	display: block;
	background-color: #f1f1f1;
	display: inline-block;
	padding: 6px 8px;
	text-decoration: none;
	border-radius: 8px;
}
.blog .right  ul{
margin-bottom: 40px;
} 
.blog .right  ul li a{
display: block;
border-bottom: 2px solid #deb6c1;
text-decoration: none;
margin-bottom: 10px;
padding-bottom: 10px;
    padding-top: 10px;
padding-left: 10px;
}
.blog .pagenation{
text-align: center;
}
.blog .pagenation a,.blog .pagenation li{
	display: inline-block;
	margin:10px 2px ;
}
.blog .pagenation a,.blog .pagenation li.active{
	display: block;
	display: inline-block;
	padding: 6px 12px;
	text-decoration: none;
	border-radius: 8px;
}
.blog .pagenation a{
	background-color: #f1f1f1;
}
.blog .pagenation li.active{
	background-color: gray;
	color: white;
}
.shop h2{
	background-image: url(../images/tit_shop.jpg);
}
.shop .contents h3{
	background-image: url(../images/tit_shop_bg01.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 120px;
	text-align: center;
}




.privacy h2{
	background-image: url(../images/tit_privacy.jpg);
}
.privacy .contents h3{
	background-color: #d4bf6e;
	padding: 10px 0 10px 20px;
	font-size: 26px;
	font-family: serif;
	margin-bottom: 25px;
	color: white;
}
.privacy .contents h4{
font-weight: bold;
margin-bottom: 10px;
}
.privacy .contents ul{
	margin-top: -30px;
	margin-bottom: 45	px;
}












.ug-gallery-wrapper{
}
.ug-tile-navigation-wrapper{
    position: absolute;
    margin: 0px;
    top: 72px !important;
    width: 100%;
}
.ug-button-tile-navigation.ug-button-tile-play{
display: none;
}
.ug-button-tile-navigation.ug-button-tile-right,.ug-button-tile-navigation.ug-button-tile-left{
background-image: none !important;
width: auto;
height: auto;
}
.ug-button-tile-navigation.ug-button-tile-right{
position: absolute;
right: -20px;
}
.ug-button-tile-navigation.ug-button-tile-left{
position: absolute;
left: -20px;
}
.ug-button-tile-navigation.ug-button-tile-right:before{
    content: '→';
}
.ug-button-tile-navigation.ug-button-tile-left:before{
    content: '←';
}
.ug-button-tile-navigation.ug-button-tile-right:before,.ug-button-tile-navigation.ug-button-tile-left:before{
font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
}

.wrapper #biz_calendar{
	width: 100%;
	max-width: 100%;
}
.wrapper #biz_calendar table.bizcal{
border: none;
	width: 100%;
}
.wrapper #biz_calendar table.bizcal th,.wrapper #biz_calendar table.bizcal td{
border: 2px solid white;
}



.pl50{padding-left: 50px;}
.pl150{padding-left: 150px;}
.fl{float: left;}
.fr{float: right;}
.tred{color:#b92929;}

      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      
@media screen and (min-width: 751px) {
.home .persistence .hinfobox .inner{
background-image: url(../images/img_persistence01.png);
}
.home .quality .hinfobox .inner{
background-image: url(../images/bg_quality01.png);
}
.home .about .hinfobox{
background-image: url(../images/bg_about01.png);
}
.page{
background-image: url(../images/bg_page.jpg);
}
.home .imgline01 {
background-image:url(../images/imgline01.jpg);
}
.home .shop .hinfobox{
background-image: url(../images/bg_shop.jpg);
}
}


@media screen and (max-width: 750px) {
input[type="submit"] {
  -webkit-appearance: none;
}
.pccont{
	display: none;
}
.spcont{
	display: inherit;
}
img {
	max-width: 100%;
	height: auto;
}
.wrapper{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.inner{
	width: 94%;
	margin-right:auto;
	margin-left:auto;
}
.header {
    height: auto;
    padding-top: 0;
}
.header h1{
font-size:12px;
}
.header .hinfo {
    float: none;
    clear: both;
    width: 100%;
    position: absolute;
    top: 1%;
}
.header .logo {
    position: relative;
    margin: 0;
    width: 75%;
    top: inherit;
    float: left;
    padding-top: 10px;
    height: auto;
}
.header .hnav {
    width: 25%;
    float: right;
    padding-top: 30px;
    clear: none;
    background: #fff;
}
.header .hnav ul li {
    width: 95%;
    margin-left: 5%;
}
.header .hnav ul li a{
display: block;
	-webkit-writing-mode: inherit;
	-moz-writing-mode: inherit;
	-o-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    color: white;
    text-decoration: none;
    border-bottom: none;
}

.header #menu{
box-sizing: border-box;
}

.header #menu ul li a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding:10% 0;
    font-size: 3.6vw;
    font-family: 'hannari','Sawarabi Mincho',serif;
    background-color: #a00000;
}
.header #menu ul li:nth-of-type(1){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(2){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(3){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(4){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(5){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(6){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(7){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(8){
	background-size: 100%;
}
.header #menu ul li:nth-of-type(9){
	background-size: 100%;
}


/* ナビボタン */
.menu_btn{
	display: block;
	white-space: nowrap;
	overflow: hidden;
}
/* 上からにゅっと降りてくるメニュー */
#menu{
	display:none; /* 最初は非表示 */
	width:100%;
 	position: fixed;
	z-index:999;
	top: 0px;
	left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 #333;
	background: rgba(255,255,255,0.8); /* 背景画像 */
	background-size: 120px 120px;
	padding:5px;
}
#menu ul{
margin:25px;
padding-top: 15%;
}
#menu ul li{
float: left;
width: 45%;
margin: 2.5%;
    padding: 0;
	}
#menu ul li:first-child{ border-top:none; }
#menu ul li:last-child{ border-bottom:none; }
#menu .close{
width: 15%;
position: absolute;
right: 4%;
top: 5%;
	}
.mainimg {
    margin-bottom: 20px;
    position: relative;
    padding-top: 10%;
}
.mainimg h2 {
    font-size: 6.5vw;
}
.mainimg p span {
    padding-left: 0;
}
.mainimg strong {
    font-size: 6.5vw;
}
.mainslider{
  width:160%;
  position: absolute !important;
  height: auto;
    top: 50%;
}
.footer .faddress{
	position: relative;
	padding-top: 200px;
    padding-bottom: 10px;
}
.footer .faddress .inner{
	float: right;
	margin: 0 auto;
	width: 100%;
	padding: 0 4%;
	box-sizing: border-box;
}
.footer .faddress .flogo {
	position: absolute;
	top: inherit;
    width: 100%;
    text-align: center;
    height:auto;
	float: left;
	top:20px;
}
.footer .faddress .flogo img{
width: 180px;
}
.footer .banner .thbox li {
   margin: 0 5px;
}
.footer .smap a{
display: inline-block;
text-decoration: none;
font-size: 14px;
}
.footer .smap a:after{
padding: 0 10px;
}
.slick-next {
    right: -5px !important;
    z-index: 10;
}
.slick-prev {
    left: -5px !important;
    z-index: 10;
}
.home .content .hinfobox h3 {
	-webkit-writing-mode: horizontal-tb;
	-moz-writing-mode: horizontal-tb;
	-o-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: tb-lr;
    writing-mode: horizontal-tb;
    font-family: 'hannari','Sawarabi Mincho',serif;
    font-size: 6vw;
    background-position: left top;
    padding-left:0;
background-image: none;
    margin-bottom: 10px;
    
    padding-right: 0;
    box-sizing: border-box;
}	
.home .fr .inner h3 {
    right: 0;
}
.home .fl .inner h3 {
    left: 0;
}
	
.home .lineup {
    margin-bottom: 40px;
}
.home .lineup .lineup_tit {
    width: 47%;
    height: auto;
    margin-right: 3%;
}
.home .lineup .lineup_tit h2{
    width: 100%;
    padding-right: 18%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    font-size: 5vw;
    padding-bottom: 53%;
}
.home .lineup .lineup_tit .lead {
    width: 24.5%;
    height: 445px;
    position: absolute;
    top: 6%;
    left: 18%;
    font-size: 3vw;
}
}
@media screen and (max-width:750px) {
.home .content01 {
    background: url(../images/bg_img01.png) no-repeat center top 50px;
    background-size: 100% auto;
}
.home .content01 h3 {
    text-align: center;
    font-size: 6vw;
    font-family: 'hannari','Sawarabi Mincho',serif;
    padding: 10% 0;
}
.home .content01 ul.reason {
    padding: 0 0;
    margin-bottom: 10%;
}
.home .content01 ul.reason li {
    width: 100%;
    margin-right: 0;
    float: none;
    background: url(../images/home_cont01_icon01.png) no-repeat center top;
    padding-top: 62%;
    background-size: 60% auto;
    margin-bottom: 15%;
}
.home .content01 ul.reason li:nth-child(2),
.home .content01 ul.reason li:nth-child(3) {
    background-size: 60% auto;
}
.home .content01 ul.reason li h4 {
    font-size: 6.5vw;
}
.home .content01 ul.reason2 li .exp p {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 7.5%;
    font-size: 20px;
}
.home .content01 ul.reason2 li .inner {
    padding: 0;
}
.home .content01 ul.reason2 li .inner:after {
    font-size: 24vw;
    left: 0;
    top: -0.6em;
}
.home .content01 ul.reason2 li .inner h4 {
    font-size: 6vw;
}
.home .content01 ul.reason2 li{
    background-position: left top !important;
}
.home .content01 ul.reason2 li .inner:before {
    display: none;
}
.home .content02 p.lead, .home .content03 p.lead, .home .content04 p.lead, .home .content05 p.lead, .home .content06 p.lead {
    text-align: left;
}
.home .content02 li {
    width: 100%;
    margin-right: 0;
    position: relative;
    background: no-repeat center top;
    background-size: 30% auto;
    float: none;
    margin-bottom: 10%;
}
.home .content02 li h4 {
    padding-top: 30%;
    font-size: 6vw;
    text-align: center;
}
.home .content02 h3,
.home .content03 h3,
.home .content04 h3,
.home .content05 h3,
.home .content06 h3 {
    font-size: 6.5vw;
}
.home .content02 li:nth-child(4):after, .home .content02 li:nth-child(5):after {
    display: block;
    background: url(../images/arrow_red.png) no-repeat center bottom;
    width: 180px;
    font-size: 15px;
    padding-bottom: 20px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 15%;
    
}
.home .content04 li {
    width: 100%;
    margin-right: 0;
    background-size: 55% auto;
    float: none;
    margin-bottom: 15%;
}
.home .content04 li h4 {
    padding-top: 13%;
    padding-bottom: 35%;
    line-height: 1.2;
    font-size: 5vw;
}
.home .content04 li:nth-child(4) h4 {
    padding-top: 12%;
    line-height: 1.0;
    font-size: 4.5vw;
}
.home .content04 .left,
.home .content04 .right {
    float: none;
    width: 100%;
    margin-right: 0;
    background-color: #fff;
    padding-bottom: 20px;
}
.home .content04 .left h4,
.home .content04 .right h4 {
    font-size: 5vw;
}
.home .content04 .right .imgbox p {
    padding: 40px 0 40px 0;
}
.home .content05 ul {
    margin-bottom: 0;
}
.home .content05 li {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 15%;
}
.home .content05 li {
    background-size: 65% auto;
}
.home .content05 li h4 {
    padding-top:10%;
    line-height: 2.4;
    padding-bottom: 40%;
}
.home .content05 li:nth-child(3) h4 {
    line-height: 1.2;
}
.order .content01 .type .viewer,
.order .content01 .type .viewer ul,
.order .content01 .type .viewer ul li {
    height: auto;
}
.order .content01 .type ul li{
width: 100%;
margin: 0 0 30px 0;
}
.order .content01 .type .imgbox{
width: 100%;
margin-bottom: 0;
}
.order .content01 .type .viewer ul {
padding-top: 90%;
}
.option .opbox02 ul li{
width: 32%;
margin-right: 2%;
}
.option ul li:nth-child(5n) {
margin-right: 2%;
}
.option ul li:nth-child(3n) {
margin-right: 0;
}
.option ul li:nth-child(5n+1) {
    clear: none;
}
.option ul li:nth-child(3n+1) {
    clear: left;
}
.option .opbox03 ul li,
.option .opbox04 ul li {
    float: left;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 25px;
}
.option .opbox03 ul li:nth-child(3n+1),
.option .opbox04 ul li:nth-child(3n+1) {
    clear: none;
}
.option .opbox03 li:nth-child(2n+1),
.option .opbox04 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
}
.option .opbox05 .imgbox {
    margin-bottom: 20px;
    float: none;
    width: 100%;
}
.option .opbox05 ul {
    float: none;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
.option .opbox05 li {
    width: 49%;
    margin-right: 2%;
    position: relative;
    background: no-repeat center top;
    background-size: 100% auto;
    float: left;
}
.option .opbox05 li:nth-child(2) {
    margin-right: 0;
}
.option .opbox05 li:nth-child(3n+1) {
    clear: none;
}
.option .opbox06.layout a {
    width: 100%;
}
.option .opbox06 ul {
    float: none;
    width: 100%;
}
.option .opbox06 li {
    float: none;
    width: 100%;
    margin-right: 0;
}
.option .opbox select {
    padding: 10px 0;
    width: 100%;
    border: 1px solid gray;
}
.option .opbox06 select.fr {
    float: none;
    margin-top: 0;
    display: block;
    padding: 10px 0;
    font-size: 20px;
 }
.option .tocart .button {
    width: 100%;
}


}


.lineup .albums>ul>li {
    position: relative;
    float: left;
    width: 48%;
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 30px;
    min-height: auto;
    font-size: 12px;
}
@media screen and (max-width:460px) {
.lineup .albums>ul>li{
	height: 320px;
}
}
.lineup .albums>ul>li h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.lineup .albums ul ul li.lt {
    font-size: 14px;
}

.home .lineup .albums>ul>li:nth-child(3n) {
    margin-left: 0;
    clear: none;
}
.home .lineup .albums>ul>li:nth-child(3n-2) {
    margin-left: 0;
}
.home .lineup .albums>ul>li:nth-child(2n-1) {
    margin-left: 4% !important;
}
.home .lineup .albums>ul>li:first-child {
    margin-left: 2% !important;
    clear: none;
}
.lineup .albums .icon{
	width: 40%;
	height: auto;
}

.home .content .himgbox {
width: 60%;
margin: 0 auto;
margin-bottom: 20px;
min-width: 60%;
}
.home .content .hinfobox{
min-width: 100%;
width: 100%;
}
.home .content .hinfobox,
.home .content .himgbox {
float: none;
height: auto;
overflow: hidden;
}
.home .content .hinfobox img,
.home .content .himgbox img {
width: 100%;
}
.home .lineup .albums .icon img{
display: block;
}
.home .lineup .notes {
    text-align: right;
    margin-bottom: 10px;
    font-size: 12px;
}
.home .about{
padding-top: 0;
}
.home .about .hinfobox {
    background-image:none;
    float: none;
}
.home .about .hinfobox h3 {
    position: relative;
    width: 100%;
    height: auto;
}
.home .about .hinfobox h3 + p {
    padding-top: 0;
}

.home .content .hinfobox, .home .content .himgbox {
padding-left: 0 !important;
}


.home .quality{
    padding-bottom: 550px;
}
.home .quality .hinfobox h3 {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: auto;
}
.home .quality .hinfobox .fr {
float: none;
}
.home .quality .hinfobox .inner {
background: none;
padding-top: 0;
}
.home .quality .hinfobox h3 + p {
    padding-left: 0;
    padding-top: 0;
}
.home .quality .hinfobox .btn {
    padding-left: 0;
}
.home .quality .himgbox {
    padding-top: 80px;
}


.home .persistence {
    padding-bottom: 215px;
    background-image: none;
}
.home .persistence .hinfobox .inner {
    background-image: none;
}


.home .persistence .hinfobox h3 {
    position: relative;
    right: inherit;
    background-image:none;
margin-bottom: 15px;
}
.home .persistence .hinfobox h3:after {
content: "";
display: block;
width: 100%;
height: 1px;
    box-shadow: 0px 2px #fff,
            0px 3px #000,
            0px 5px #fff,
            0px 6px #000,
            0px 8px #fff,
            0px 9px #000
}
.home .persistence .hinfobox h3 + p {
    padding-top: 0;
}

.home .imgline01 {
    height: 0;
    padding-top: 40%;
}
@media screen and (min-width:421px) {
.home .imgline01 {
    background-position: center top;
    background-attachment: inherit;
	background-image:url(../images/sp_imgline01.jpg);
}
}
@media screen and (max-width:420px) {
.home .imgline01 {
    background-position: center top;
    background-attachment: inherit;
	background-image:url(../images/sp_imgline01_2.jpg);
	background-size: 100%;
}
}
.home .shop{
height: auto;
}
.home .shop #map {
    width: 100%;
    min-width: 5px;
    height: 400px;
    float: none;
    position: absolute !important;
    bottom: 0;
}
@media screen and (min-width:421px) {
.home .shop .hinfobox{
background-image: url(../images/sp_bg_shop.jpg);
}
}
@media screen and (max-width:420px) {
.home .shop .hinfobox{
background-image: url(../images/sp_bg_shop_2.jpg);
}
}
.home .shop .hinfobox p{
	font-size: 4vw;
	margin-left: 20px;
}
.home .shop .hinfobox .disc_box p.disc{
	font-size: 20px;
	margin-left: 0;
}
@media screen and (max-width:640px) {
.home .shop .hinfobox .disc_box{
	width:130px;
	margin-left: 0;
}
.home .shop .hinfobox p.text{
	margin-left: 10px;
	font-size: 16px;
}
.home .shop .hinfobox{
padding-top: 40px;
}
.home .shop .hinfobox h3 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
    margin-left: 20px;
}
.home .shop .hinfobox h3:after {
content: "";
display: block;
width: 100%;
height: 1px;
    box-shadow: 0px 2px #fff,
            0px 3px #000,
            0px 5px #fff,
            0px 6px #000,
            0px 8px #fff,
            0px 9px #000
}
.home .shop .hinfobox .shopbtn {
    width: 15%;
}
.home .voice .inner h3{
width: 100%;
margin-bottom: 15px;
position: relative;
}
.home .voice .inner h3:after{
content: "";
display: block;
width: 100%;
height: 1px;
    box-shadow: 0px 2px #fff,
            0px 3px #000,
            0px 5px #fff,
            0px 6px #000,
            0px 8px #fff,
            0px 9px #000
}
.home .voice .hinfobox .inner{
margin-right: auto;
margin-left: auto;
float: none;
background-image: none;
}
.home .voice .hinfobox h3 + p {
    padding-top: 0;
    padding-left: 0;
    font-size:13px;
}
.home .voice .hinfobox .btn{
	padding-left: 0;
}
.home .content .himgbox{
	padding-top: 20px;
}
.home .voice{
	padding-bottom: 40px;
}
.home .voices {
    padding-top: 20px;
    padding-bottom: 40px;
    clear: both;
}
.home .voices ul {
    margin-bottom: 0;
}

.home .voices ul li {
    float: none;
    width:70%;
    margin-right: auto !important;
    margin-left: auto!important;
    margin-bottom: 40px;
    
}
.home .voices ul li:nth-child(2n) {
    margin-right: 0;
}
.home .voices ul li .imgbox {
    width: 60%;
    max-width: 260px;
    float: none;
    margin: 0 auto;
    margin-bottom: 0px;
}
.home .voices .imgbox:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    padding-top: 104%;
    top: 0;
    background-size: 100%;
    background-position: center center;
}


.home .blog ul li{
float: none;
width: 80%;
    margin-right: auto !important;
    margin-left: auto!important;
    margin-bottom: 20px;
}

.home .flow ul li {
    float: left;
    width: 47%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 40px;
}
.home .flow ul li:nth-child(2n){
    margin-left: 0;
}
.home .flow ul li .imgbox {
margin-bottom: 20px;
height: auto;
}

.hinfobox {
width: 100%;
    min-width: auto;
}
.hinfobox .inner {
width: 86%;
margin: 0 auto;
}
.hinfobox .inner.pl50 {
padding-left: 0;
}


.child h2 {
    clear: both;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: inherit;
    background-position: center top;
    text-align: center;
    color: white;
    line-height: 100px;
    font-size: 24px;
    font-family: serif;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.child .contents {
    padding-bottom: 30px;
}
.child .bread {
    font-size: 80%;
    margin-bottom: 20px;
}

.concept .contents .lead {
    background-position: center 30px;
    padding-bottom: 0;
    background-size: 250%;
    margin-bottom: 40px;
}
.concept .lead h3 {
    float: left;
    padding-right: 0;
    width: 30%;
    margin-right: -2%;
}
.concept .lead p {
float: right;
    width: 72%;
    padding-left: 0;
    padding-top: 42%;
    font-family: serif;
    line-height: 2.2;
    font-size: 15px;
}
.concept .c02 {
    background-size: 100%;
    background-position: right 100px;
    padding-bottom: 0;
    margin-bottom: 40px;
    position: relative;
}
.concept .c03 {
    margin-bottom: 40px;
    padding-bottom: 0;
}
.concept .c04 {
    padding-bottom: 0;
    margin-bottom: 40px;
}
.concept .c05 {
    width: 100%;
    min-width: 100%;
    height: auto;
}
.concept .c05 h3{
    width: 200%;
    min-width: auto;
    height: auto;
    padding-top: 45%;
}
.concept .c05 img{
}
.concept .c05 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 150%;
    max-width: 150%;
    height: auto;
}
.concept .hinfobox {
	z-index: 10;
}
.concept .hinfobox .inner.fr,.concept .hinfobox .inner.fl{
	float: none;
}
.concept .hinfobox h3 {
    padding-left: 0;
    margin-bottom: 30px;
    padding-top: 0;
    width: 16%;
}
.concept .hinfobox p{
    width: 100%;
    padding-right: 0;
    padding-top: 10%;
    margin-bottom: 0;
}
.concept .himgbox {
    min-width: auto;
    height: auto;
    left: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
}
.himgbox>img {
    position: relative;
    right: inherit;
}


.lineup .contents h3 {
padding: 0 10%;
margin: 0 auto;
background-size: 180%;
    text-align: center;
    font-size: 4.2vw;
    font-family: serif;
    padding-top: 12%;
    padding-bottom: 36px;
}
.lineup .contents p.lead {
padding: 0 10%;
    margin-bottom: 40px;
}
.lineup .contents .albums>ul>li {
    margin-left: 0;
}
.lineup .contents .albums>ul>li:nth-child(3n) {
    margin-left: 0;
}
.lineup .contents .albums>ul>li:nth-child(3n-2) {
    clear: none;
}
.lineup .contents .albums>ul>li:nth-child(2n) {
    margin-left: 4%;
}

.material .content h3 {
    font-size: 6.5vw;
}
.material .content p.lead {
    text-align: left;
    padding:0 5%;
}
.material .content01 ul li {
    float: left;
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 25px;
}
.material .content01 ul li:nth-child(2n+1) {
   clear: left;
    margin-left: 0;
}
.material .content02 ul,
.material .content03 ul,
.material .content04 ul,
.material .content05 ul,
.material .content06 ul {
    padding: 0 5%;
}


.single .contents h2 {
    font-size: 24px;
    padding-bottom: 20px;
}
.single .contents .lead {
text-align: left;
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 30px;
}
.single .contents .lead br{
display: none;
}
.single .contents .albuminfo .imgbox img{
    width: 50%;
}
.single .contents .albuminfo .txtbox {
    width: 100%;
text-align: left;
    font-size: 16px;
    padding-top: 0;
    margin-bottom: 30px;
}
.single .contents .albuminfo .txtbox p {
text-align: left;
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 30px;
}
.single .contents .albuminfo .txtbox p br{
display: none;
}
.single .contents .albuminfo {
    clear: both;
    margin-bottom: 20px;
}
.single .contents .price {
    margin-bottom: 30px;
}
.single .contents .price h3 {
    padding-left: 0;
    font-size: 18px;
    margin-bottom: 10px;
}
.single .contents .price th,
.single .contents .price td {
    font-size: 12px;
}
.single .contents .price th {
    padding: 6px 2%;
}
.single .sample {
    padding-top: 30px;
    padding-bottom: 30px;
}
.single .contents .sample p {
    margin-bottom: 10px;
}
.page {
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: black;
}
.page h3 {
    font-size: 24px;
    margin-bottom: 10px;
}


.contents .page > p {
width: 94%;
text-align: left;
margin: 0 auto;
    margin-bottom: 20px;
}
.contents .page ul li {
    width: 100%;
    margin-right:0;
    margin-bottom: 16px;
}
.contents .page ul li:nth-child(2n) {
    margin-right: 0;
}
.page ul li .imgbox {
    height: auto;
    width: 60%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.page ul li .imgbox img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.contents .page ul li p {
    width: 86%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 0;
    text-align: left;

}
.contents .page ul li p br{
display: none;
}
.child .contents p span{
font-size: 16px;
}
.single .contents .option {
    padding-top: 40px;
    padding-bottom: 40px;
}
.single .contents .option h3 {
    padding-left: 0;
    font-size: 24px;
    margin-bottom: 20px;
}
.single .contents .option .opbox .imgbox {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.single .contents .option .opbox .txtbox {
    float: none;
    width: 100%;
}
.single .contents .option .opbox {
    margin-bottom: 0;
}
.single .contents .scart .imgbox {
    width: 100%;
    float: none;
    padding: 0;
}
.single .contents .scart .imgbox .thumbimg {
    width: 100%;
    padding: 10px 0;
}
.single .contents .infobox {
    width: 100%;
    float: none;
    padding: 0;
}
.single .contents .infobox h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.single .contents .cartbox{
border: none !important;
}
.single .contents .cartbox .cartjs_buy input {
    width: 100% !important;
    background: #bb1a23 !important;
    line-height: 30px !important;
    border: 0 !important;
    color: white !important;
    font-size: 20px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    padding: 10px 4px !important;
}
.single .contents .cartbox .cartjs_header  {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.single .contents .cartbox .cartjs_header h2 {
    background-color: #f1f1f1 !important;
    display: block !important;
    margin-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 6px 10px !important;
    box-sizing: border-box;
    text-align: left;
}
.single .contents .cartbox .cartjs_dtl_tbl{
	display: none;
}
.single .contents .cartbox .cartprice {
    position: absolute;
    right: 28px;
    bottom: 118px;
    font-size: 24px;
    font-weight: bold;
    color: gray;
}
.single .contents .cartbox .cartjs_box{
border: none !important;
}
.single .contents .cartbox .cartjs_buy{
	padding-top: 30px;
}
.single .contents .miniinfo h6+div {
    display: block;
    padding-left: 0;
}
.single .contents .minibtn {
    float: none;
    width: 100%;
}
.single .contents .minibtn input {
    width: 100%;
}
.scart h5 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}



.shop .contents h3 {
    background-repeat: no-repeat;
    background-position: center center;
   background-size:200%;
   padding: 40px 35%;
}
.shop p.lead {
    margin-bottom: 20px;
    font-size: 14px;
    padding: 4%;
}
.shop .imgline_shop01 {
    height: 0;
    padding-top: 32%;
    background-attachment: inherit;
    background-size: 100%;
    background-position: center center;
    margin-bottom: 0;
}
.shop .content .hinfobox {
    padding-bottom: 40px;
}
.shop .content .hinfobox .inner {
    background-repeat: no-repeat;
    background-position: 60% 8%;
    background-size: 30%;
    margin-left: auto;
    margin-right: auto;
}
.shop .content .hinfobox h3 {
    position: relative;
    right: inherit;
    top: inherit;
    padding: 10% 65% 0 10%;
    width: 25%;
    background: none;
}
.shop .content .hinfobox p {
    padding-left: 0;
    padding-top: 10%;
    margin-bottom: 20px;
}
.shop .content .hinfobox p br{
display: none;
}
.shop .content .hinfobox .sign {
    font-size: 20px;
    padding-right: 4%;
}
.shop .content .hinfobox .sign span{
    font-size: 14px;
    display: block;
    padding-right: 0;
}
.shop .imgline_shop02 {
    height: 0;
    padding-top: 32%;
    background-attachment: inherit;
    background-size: 100%;
    background-position: center center;
    margin-bottom: 20px;
}
.shop .content h4 {
    background-repeat: no-repeat;
    background-position: center 15%;
    text-align: center;
    font-size: 24px;
    padding-top: 20%;
    background-size: 20%;
    padding-bottom: 20px;
}
.shop .content h4+p {
    margin-bottom: 20px;
}
.shop .shopbox {
    width: 100%;
    float: none;
    background-color: white;
    margin-right: 0;
    padding: 20px 4%;
}
.shop .shopbox:last-child br{
display: none;
}
.shop .access .inner {
    margin-bottom: 30px;
}
.shop #map {
    height: 300px;
}


.voice .contents .voicelist li{
float: none;
margin: 0 auto !important;
margin-bottom: 40px !important;
}


.flow .contents li {
    padding: 0;
    background-image: none !important;
    min-height: auto;
}
.flow .contents li h3 {
    background-position: left 4px;
    background-repeat: no-repeat;
    background-size: 14%;
    min-height: 30px;
    padding-left: 16%;
    font-size: 4.5vw;
    font-family: serif;
    padding-bottom: 10px;
    border-bottom: 3px solid #deb6c1;
    margin-bottom: 10px;
}
.flow .contents li:after {
    content: " ";
    display: block;
    height: 0;
    background-size: 20%;
    padding-top: 20%;
    margin-bottom: 0px;
}
.flow .contents li .fbtn{
	max-width: 60%; 
	margin: 0 auto;
}
.flow .contents li .fbtn a {
	width: 100%; 
    display: block;
    height: auto;
    line-height: auto;
    font-size: 4vw;
    line-height: 3;
    background-size: cover;
}
.guide .contents h3 {
    padding: 10px 0 10px 55px;
    font-size: 18px;
    font-family: serif;
    margin-bottom: 10px;
}
.guide .contact {
    padding: 25px 10%;
}
.guide .contact .tel {
    float: none;
    margin-bottom: 10px;
}


.faq .plink{
    margin-bottom: 30px;
}
.faq .plink li {
    width: 100%;
    height: 54px;
    margin-right: 0;
    float: none;
    margin-bottom: 10px;
}
.faq .plink li a{
    width: 100%;
}


.blog .left {
    float: none;
    width: 100%;
    margin-bottom: 60px;
}
.blog .right {
    float: none;
    width: 100%;
}



.btn a {
	max-width: 70%; 
    display: block;
    height: auto;
    line-height: auto;
    font-size: 4vw;
    line-height: 3;
    background-size: cover;
}
.slick-slide img {
    height: auto;
}
}