@charset "UTF-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
background-color:#fff;
margin:0;
min-width:640px;
padding:0;
text-align:center;
-webkit-text-size-adjust: none;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address,figure,section{
margin:0;
padding:0;
color:#333;
font-style:normal;
font-family: 'Sawarabi Mincho', sans-serif;
font-size:22px;
line-height:161%;
word-wrap:break-word}

table{
border-collapse:collapse;
border-spacing:0}

table{
    width: 560px;
	margin-bottom:40px;}

table tr{
    border-top:1px dotted #ccc;
}
table tr:last-child{
    border-bottom: 1px dotted #ccc;}

table tr th,
table tr td{
    border:none;
    padding: 40px 40px 40px 0;
	border-bottom:1px dotted #ccc;
	vertical-align:middle;}

table th{
	width:35%;
	padding:30px 20px;
	border-top:1px dotted #ccc;}

table th.req{
	background:url(../img/contact/hissuIcon.jpg) right 50% no-repeat;}
	
table td{
	padding:30px;
	border-top:1px dotted #ccc;}


textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#333;overflow:hidden;text-decoration:none;}
a:visited{color:#333}
a:hover{color:#333;text-decoration:underline;}
strong{font-weight:bold}

img{vertical-align:bottom}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{
min-width:640px;
position:relative;
margin: 0 auto 0;
overflow:hidden}


.btn{
	width:560px;}



/***********************************************/
/* #head style                                 */
/***********************************************/

#head{
	background:url(../img/common/headBg.png) 50% top repeat-x;
	width:640px;
    position: fixed;
	z-index:99;}
	

#head #headLogo{
	position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	width:78px;
	height:40px;
	background:url(../img/common/logo.png) left top no-repeat;
	text-indent:-9999px;
	z-index:999;}

#head #inner #headLogo a{
	display:block;
	width:100%;
	height:100%;}

#head #linkArea ul{text-align:right;}

#head #linkArea ul li{
    display:inline-block; 
    zoom:1 // IE7以下;
	padding:7px 0 7px 18px;
	margin-left:20px;
	background:url(../img/common/listIcon.jpg) left 50% no-repeat;}

#head #linkArea ul:before,
#head #linkArea ul:after{content:"";display:table;}
#head #linkArea ul:after{clear:both;}
	
#head #inner:before,
#head #inner:after{content:"";display:table;}
#head #inner:after{clear:both;}

#head #navArea ul#gnav li .navChild{
	display:none;
	position:fixed;
	top:100px;
	left:0;
	width:100%;
	background-color:#333;
	color:#fff;
	z-index:5;}

#head #navArea ul#gnav li a{
    display:block;}

#head #navArea ul#gnav li .navChild .inner{
	color:#fff;
	margin:0 auto;}

#head #navArea ul#gnav li .navChild .inner ul{padding-left: 200px;}

#head #navArea ul#gnav li .navChild .inner ul li{
	padding:20px;
	margin-right:20px;
	height:auto;}

#head #navArea ul#gnav li .navChild .inner ul li a{
	font-weight:bold;
	color:#fff;}


#head{
	width:640px!important;
    height: 85px;
    background: url(../img/common/headBg.png) repeat;
    border-bottom: 1px #ccc dotted;}
    
#head #navArea{
	background:#333;
	position:absolute;
	top:85px;
	left:0;
	width:640px;
	height:20000px;
	margin:0;}

#head #navArea ul#gnav li{
	height:auto;
	color:#fff;
	text-align:center;
	padding:40px 0;
	float:none;
	margin:0}
#head #navArea ul#gnav li.menuBtn{
    position: static;}
    
#head #navArea ul#gnav li:first-child{
    padding-top: 80px;}

#head #navArea ul#gnav li a{
	color:#fff;
	display:block;
	width:100%;
	height:100%;}

#head #navArea ul#gnav li span{
	text-indent:0;
	width:100% !important;
	height:100% !important;
	margin-bottom:20px;
	padding-left:40px;}
	
#head #navArea ul#gnav li span a{
	display:block;
	width:100%;
	height:100%;
	background:none !important;
	text-indent:0px;}

#head #navArea ul#gnav li .navChild{
	position:static;
	background:none;
	text-align:left;}


#head #navArea ul#gnav li .navChild .inner ul li a{color:#333;}

#head #headLogo{
	position:absolute;
	background:url(../img/common/logo.png) left top no-repeat;
	width:78px;
	height:40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}

#head #headLogo a{
    display: block;
    width: 100%;
    height: 100%;}


#head #headContactTel{
    width: 40px;
    position: absolute;
    top: 32px;
    right: 100px;}

#head #headContactMail{
    width: 40px;
    position: absolute;
    top: 32px;
    right: 40px;}

.menuBtn,
.menuBtn span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;}
  
.menuBtn {
  position:absolute;
  top:25px;
  left:40px;
  width: 40px;
  height: 34px;
}
.menuBtn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #333;
}
.menuBtn span:nth-of-type(1) {
  top: 0;
}
.menuBtn span:nth-of-type(2) {
  top: 15px;
}
.menuBtn span:nth-of-type(3) {
  bottom: 0;
}
.menuBtn.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(17px) rotate(-45deg);
}
.menuBtn.active span:nth-of-type(2) {
  opacity: 0;
}
.menuBtn.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}



/***********************************************/
/* #foot style                                 */
/***********************************************/


/******************bannerArea******************/

#footBanner{padding: 80px 40px;}

#footBanner ul li{margin-bottom: 40px;}

#footBanner ul li:last-child{margin-bottom: 0;}


/******************sarchArea******************/

#sarchArea{padding: 80px 0 0;}

#foot .inner {padding: 80px 0;}

#foot .inner h2 img{margin-bottom: 20px;}

address{
	padding:10px 0;
	width:100%;
    font-size: 80%;
	background-color:#000;
	color:#fff;}
    

/***********************************************/
/* #main style                                 */
/***********************************************/

a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

#main{
margin:0 auto;
padding:0;
position:relative;
text-align:left;}

#index #main{width:100%}

#pageTop{
position:fixed;
right:0;
bottom:40px;
z-index:1;}

#pageTop a{
background:url(../img/common/pageTop.png) no-repeat 0 0;
height:80px;
display:block;
text-indent:-10000px;
width:80px}

h1{z-index:0;}

h1{
    padding: 185px 0 100px;
    background: url(../img/index/va/va01.png) 50% top no-repeat;
    border-bottom: 1px #333 dotted;
    font-size: 140%;
    font-weight: normal;
    line-height: 200%;}

h1 strong{
    font-size: 140%;
    font-weight:normal;}


h2{
	margin-bottom:40px;
	font-size:140%;
	text-align:center;
	font-weight:normal;
	line-height:200%;}

h2 strong{
    font-size: 140%;
    font-weight: normal;}
	
.btn{
	text-align:center;}

.btn a{
	display:block;
	padding:40px 20px;
	color:#fff;
	background-color:#8C0008;
	font-size:120%;
    font-weight: normal;
	text-decoration:none;
    transition: 0.3s ;
    line-height: 100%;}

.btn a img{margin-right:17px;}

.btn a:hover{opacity: 0.5 ;}

.inner {
	width:640px;
	margin: 0 auto;}

/*********************** INDEX ***********************/

#index h1{
    background: url(../img/index/va/va01.png) 50% bottom no-repeat;
    height: calc(100vh - 460px);
    font-size: 200%;
    color: #333;
    padding-top: 325px;
    font-weight: normal;
}

#index h1 strong{
    color: #97051F;
    font-weight:normal;}

/******** CONSEPT ********/

#index #concept{
    background: url(../img/index/concept/concept_img.jpg) 50% bottom no-repeat;
    padding: 80px 0 640px;
    text-align: center;
}

#index #concept p{
    margin-bottom: 80px;}

#index #concept h2{margin-bottom: 80px;}

#index #concept h2 strong{color: #97051F;}

/******** STRONG ********/

#index #strong{
    text-align: center;
    padding: 80px 0 0;
}
#index #strong p{
    line-height: 200%;
    margin-bottom: 80px;}


#index #strong .strongList{
    padding: 80px 80px 60px;
    background: url(../img/index/reccomond/recommondBg.jpg) 50% top no-repeat;}


#index #strong .strongList ul{
    display: flex;
    flex-wrap: wrap;}

#index #strong .strongList ul li{
    background: url(../img/index/reccomond/recommond_item_bg.png) repeat;
    border: 1px solid #333;
    margin-right: 20px;
    margin-bottom: 20px;}


#index #strong .strongList ul li a{
    display: block;
    width: 228px;
    padding: 86px 0 ;
}


#index #strong .strongList ul li:nth-child(2n){
    margin-right: 0;}

/******** ESTEITlIST ********/

#index #esteitList{
    background:url(../img/index/esteit/estaitListBg.jpg) repeat;
    padding: 80px 40px;
    overflow: hidden;
}

#index #esteitList .flexslider{
    width: 560px;
    margin-bottom: 120px;
}

#index #esteitList .flexslider .flex-viewport{
    overflow: visible!important;}

#index #esteitList .flex-direction-nav .flex-next{
    display: block;
    text-indent: 9999px;
    width: 50px;
    height: 18px;
    background: url(../img/common/nextBtn.png) left top no-repeat;}

#index #esteitList .flex-direction-nav .flex-prev{
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 18px;
    background: url(../img/common/returnBtn.png) left top no-repeat;}

#index #esteitList .flexslider ul.slides li{
    position: relative;
    margin-bottom: 40px;}

#index #esteitList .flexslider ul.slides li figure{
    background-color: #fff;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 560px;
    height: 346px;}

 #index #esteitList .flexslider ul.slides li figure img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;}

#index #esteitList .flexslider ul.slides li dl{
    background: #fff;
    padding: 40px;
    text-align: center;}

#index #esteitList .flexslider ul.slides li dl dt{
    font-size: 140%;
    padding-bottom: 40px;
    border-bottom: 1px dotted #333;
    margin-bottom: 40px;}


#index #esteitList .flexslider ul.slides li dl dt .copy{
    color: #FF0000;
    }



#index #esteitList .flexslider ul.slides li a{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;}
    

/******** CHARA ********/

#index #chara{
    padding: 80px 40px;
    background: url(../img/index/strong/strongBg.jpg) 50% bottom no-repeat;
}

#index #chara h2{
    font-size: 161%;
    margin-bottom:80px;
}

#index #chara h2 strong{
    font-size:161%;
    color: #9D132C;}
    
#index #chara ul{
    display: flex;
    flex-wrap: wrap;}

#index #chara ul li{
    position: relative;
    width: 268px;
    height: 268px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url(../img/index/reccomond/recommond_item_bg.png) repeat;
    border: 1px solid #333;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 50%;}

#index #chara ul li:nth-child(2n){
    margin-right: 0;}

#index #chara ul li p{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :270px;
  text-align:center;}

/******** FAQ ********/

section#faq{
    padding: 80px 40px;
}

section#faq dl{border-top:1px dotted #333;}

section#faq dl:last-child{border-bottom:1px dotted #333;}

section#faq p.btn{margin-top: 80px;}

section#faq dl dt{
    padding: 40px 20px 40px 40px;
    background: url(../img/index/faq/qIcon.jpg) left 50% no-repeat;
    font-size: 140%;}

section#faq dl dd{
    padding: 0 20px 40px 40px;
    background: url(../img/index/faq/aIcon.jpg) left 10px no-repeat;
    display: none;}


/******** BUNSEKI ********/

#index #bunseki{
    background: url(../img/index/bunseki/bunsekiBg.jpg) 50% 50% no-repeat;
    padding: 80px 40px;
}

#index #bunseki p{
    background:url(../img/index/reccomond/recommond_item_bg.png) repeat;
    padding: 80px 40px;
    text-align: center;
    line-height: 200%;
}

/******** CONTACT ********/

section#contact {
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    padding: 80px 40px;
    text-align: left;
}

section#contact p{
    margin-bottom: 20px;}

section#contact p.btn{
    margin-bottom: 40px;}

/******** ACCESS ********/

#index #access{padding-top: 80px;}

/*********************** COMPANY ***********************/

#company #main section{
    padding-top: 80px;
    padding: 80px 40px;
}


/*********************** SETSUBI ***********************/

#setsubi #main h2{
    padding: 80px 0;
    margin: 0;
}

#setsubi #main h2 strong{
color:#95001C;
}

#setsubi #main section{
    margin-bottom: 80px;
}
#setsubi #main section figure{
    margin-bottom: 40px;
}


#setsubi #main section dl dt{
    font-size:140%;
    text-align: center;
    margin-bottom: 40px;}


#setsubi #main section dl dd{
    width: 560px;
    margin: 0 40px 40px;}

#setsubi #main section dl dd.btn{
    width: 640px;
    margin: 0;
    background:#8C0008;
    color: #fff;
    padding: 40px 0;
    line-height: 100%;}

#setsubi #main section dl dd.btn img{
    margin-left: 10px;}
    
#setsubi #main section .moreArea{
    padding: 80px 40px;
    background:url(../img/index/esteit/estaitListBg.jpg) repeat;
    border-bottom: 1px dotted #333;
    display: none;}

#setsubi #main section .moreArea dl dt,
#setsubi #main section .moreArea dl dd{
    width: 560px;
    margin: 0 0 40px;}

#setsubi .anchor{
    padding-top: 100px;
    margin-top: -100px;
}

/*********************** CONTACT ***********************/

#contact #main p{padding: 40px;}

#contact #main p.cubeLink{
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    margin-bottom: 80px;}

#contact #main #form {
    width: 640px;
    margin: 0;
    padding: 0;}

#contact #main #form .inner{
    width: 560px;
    padding: 0 40px;}

#contact #main #form .inner dl{width: 560px;}

#contact #main #form .inner dl dt{
    width: 520px;
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    padding: 20px;
    margin:0 0 40px;}

#contact #main #form .inner dl dt.req{
    background-image:
        url(../img/contact/hissuIcon.jpg),
        url(../img/index/esteit/estaitListBg.jpg);
    background-position:
        right 20px top 50%,
        left top;
    background-repeat:
        no-repeat,
        repeat;}

#contact #main #form .inner dl dd{
    width: 560px;
    margin-bottom: 40px;}

#contact #main #form .inner dl dd input,
#contact #main #form .inner dl dd textarea{
    padding: 10px;
    border: 1px #ccc solid;
    width: 540px}
    
#contact #main #form .inner dl.sInput dd input{width: 35%;}

#contact #main #form .inner dl dd ul.radioInput li{
    margin-bottom: 20px;}

#contact #main #form .inner dl dd ul.radioInput li label{
    display: block;
    padding: 20px 0;
    border: 1px solid  #ccc;
    width: 100%;}

#contact #main #form .inner dl dd ul.radioInput li label input{width: 15%;}

#contact #main #form .inner dl dd ul.radioInput li label input[type=radio]:checked + .radio {
    background:  url(../img/index/esteit/estaitListBg.jpg) repeat;}
    
#contact #main p.btn{
    padding: 0;
    margin: 0 0 80px;}

#contact #main p.btn input{
    font-size:140%;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    padding: 30px 0;
    border: none;
    margin: 40px 0;}

span.error_match,
span.error_blank{
    color:  #8C0008;}

/*********************** THANKS ***********************/

#thanks h1{margin-bottom: 80px;}

#thanks #main h2{
    font-size:141%;
    margin-bottom: 80px;}

#thanks #main .inner p,
#thanks #main .inner dl{
    width: 560px;
    margin: 0 40px 40px;}

#thanks #main .inner dl dt{font-weight: bold;}

#thanks #main .inner .btn{margin: 0 40px 80px}


/*********************** ITEMLIST ***********************/

#list #main{background: url(../img/index/esteit/estaitListBg.jpg) repeat;}

#list #tabArea {
    display: flex;
    border-bottom: 1px dotted #333;}

#list #tabArea p.btn{ width: 320px;}

#list #tabArea p.btn a{
    background: none;
    color:#333;}


#list #tabArea p.c a{
    background: #333;
    color: #fff;}

#list #itemList{padding: 80px 40px;}

#list #itemList .item {
    position: relative;
    margin-bottom: 40px;}

#list #itemList .item .copy{
    color: #FF0000;
    }

#list #itemList .item:last-child {margin-bottom: 0;}

#list #itemList .item figure{
    background-color: #fff;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 560px;
    height: 346px;}


#list #itemList .item figure img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;}
    
#list #itemList .item dl{
    background: #fff;
    padding: 40px;
    text-align: center;}

#list #itemList .item dl dt{
    font-size: 140%;
    padding-bottom: 40px;
    border-bottom: 1px dotted #333;
    margin-bottom: 40px;}

#list #itemList .item a{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;}

#pageList{
    padding: 0 40px 80px;
    display: flex;
    justify-content: center;
    border-bottom: 1px dotted #333;}

#pageList p.returnItem,
#pageList p.nextItem{
    display: block;
    width: 50px;
    height: 18px;
    margin-right: 20px;
    background: url(../img/common/returnBtn.png) left 50% no-repeat;
    text-indent: -9999px;}

#pageList p.nextItem{background: url(../img/common/nextBtn.png) left 50% no-repeat;}

#pageList ul{display: flex;}

#pageList ul li{
    padding: 5px 16px;
    border: 1px #333 solid;
    margin-right: 20px;}

#pageList ul li.c{
    background: #333;
    color: #fff;}

#pageList ul li.c a{
    color: #fff;}

#list #main #serchArea{
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    padding: 80px 40px 80px;
    border-bottom: 1px dotted #333;
}
#list #main #serchArea p.btn{
    width: 560px;
    margin: 0 auto;
}


/*********************** SELECT ***********************/


#select #main p{padding: 40px;}

#select #main p.cubeLink{
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    margin-bottom: 80px;}

#select #main #form {
    width: 640px;
    margin: 0;
    padding: 0;}

#select #main #form .inner{
    width: 560px;
    padding: 80px 40px;}

#select #main #form .inner dl{width: 560px;}

#select #main #form .inner dl dt{
    width: 520px;
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    padding: 20px;
    margin:0 0 40px;}

#select #main #form .inner dl dt.req{
    background-image:
        url(../img/contact/hissuIcon.jpg),
        url(../img/index/esteit/estaitListBg.jpg);
    background-position:
        right 20px top 50%,
        left top;
    background-repeat:
        no-repeat,
        repeat;}

#select #main #form .inner dl dd{
    width: 560px;
    margin-bottom: 40px;}

#select #main #form .inner dl dd input,
#select #main #form .inner dl dd select,
#select #main #form .inner dl dd textarea{
    padding: 10px;
    border: 1px #ccc solid;
    width: 540px}

#select #main #form .inner dl dd select{
    font-size: 100%;
    padding: 20px;
    background: none;
}
#select #main #form .inner dl dd select.price{
    width: 45%;
}
    
#select #main #form .inner dl.sInput dd input{width: 35%;}

#select #main #form .inner dl dd ul.radioInput{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#select #main #form .inner dl dd ul.radioInput li{
    margin-bottom: 20px;
    width: 48%;}

#select #main #form .inner dl dd ul.radioInput li label{
    display: block;
    padding: 20px 0;
    border: 1px solid  #ccc;
    width: 100%;}

#select #main #form .inner dl dd ul.radioInput li label input{width: 15%;}

#select #main #form .inner dl dd ul.radioInput li label input[type=radio]:checked + .radio {
    background:  url(../img/index/esteit/estaitListBg.jpg) repeat;}
    
#select #main p.btn{
    padding: 0;
    margin: 0 0 80px;}

#select #main p.btn input{
    font-size:140%;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    padding: 30px 0;
    border: none;
    margin: 40px 0;}

span.error_match,
span.error_blank{
    color:  #8C0008;}

#footFixArea {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10000;
}
#footFixArea ul {
    padding: 20px;
    text-align: center;
}

#footFixArea ul.selectBtn li {
    vertical-align: bottom;
}
#footFixArea ul li:first-child {
    margin: 0 3px 0 0;
}
#footFixArea ul li {
    display: inline-block;
    width: 290px;
}

#footFixArea ul.selectBtn li.houseNum {
    color: #fff;
    font-size: 140%;
    padding: 0 0 15px;
}
#footFixArea ul.selectBtn li.selectSearch {
    background: #000000;

}
#footFixArea ul.selectBtn li.selectSearch input{
    padding: 10px 20px;
    width: 100%;
    color: #fff;
    background-color: #8C0008;
    transition: 0.3s;
}
#footFixArea ul.selectBtn li.selectSearch input:hover{
    opacity: 0.7;
}



/*********************** ITEMDETAIL ***********************/

#detail #itemimg{
    padding: 80px 0;
    background: url(../img/index/esteit/estaitListBg.jpg) repeat;
    border-bottom: 1px dotted #333;
    margin-bottom: 80px;}

#detail .flexslider{
    margin-bottom: 0;
}

#detail ul.slides{margin-bottom: 20px;}

#detail ol.flex-control-thumbs{
    margin: 0 40px 0;
    width: 560px!important;}
#detail ol.flex-control-thumbs li{
    width: 132px;
    margin-right: 10px;
    margin-bottom: 10px;}

#detail ol.flex-control-thumbs li:nth-child(4n){margin-right: 0;}

#detail ul.flex-direction-nav{display: none!important;}

#detail .flexslider .slides > li{
    position: relative;
    overflow: hidden;
    width: 560px;
    height: 450px;}

#detail .flexslider .slides > li img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 450px;
    width: auto;}

#detail .flex-control-thumbs li{
    position: relative;
    overflow: hidden;
    width: 132px;
    height: 83px;
    margin-right: 10px;}
    
    
#detail #main p.itemDes{
    margin: 0 40px 80px;
}

#detail #main #priceDetail,
#detail #main #itemDetail{
    padding:  0 40px;
    margin-bottom: 80px;}

#detail #main #priceDetail h2,
#detail #main #itemDetail h2{
    margin-bottom: 80px;}

#detail #main #priceDetail dl,
#detail #main #itemDetail dl{
    border-top: 1px dotted #ccc;
    width: 560px;
    display: flex;
    padding: 20px 0;}

#detail #main #priceDetail dl:last-child,
#detail #main #itemDetail dl:last-child{
    border-bottom: 1px dotted #ccc;}

#detail #main #priceDetail dl dt,
#detail #main #itemDetail dl dt{
    font-weight: bold;
    width: 35%;}

#detail #main #itemDetail dl dd .mapBtn{
    width: 140px;
}
#detail #main #itemDetail dl dd .mapBtn a{
    font-size:80%;
    padding: 10px 10px 10px 36px;
    background: url(../img/rent/detail/mapIcon.jpg) 10px 50% no-repeat #8C0008;}

#detail #main #pageNavi{
    padding: 0 40px;
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;}

#detail #main #pageNavi p{
    display: block;
    border: 1px solid #333333;
    width: 268px;
    text-align: center;}

#detail #main #pageNavi p a{
    display: block;
    text-align: center;
    padding: 40px 0;
    width: 100%;}

ul#snsBtn{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 80px;}

ul#snsBtn li{margin-right: 20px;}

ul#snsBtn li:last-child{margin-right:0;}


ul#snsBtn li a{
    display: block;
    background-color:#ddd;
    text-align: center;
    width: 173px;
    padding: 20px 0;}