@charset "utf-8";

/*
Theme Name: original
Theme URI: 
Description: 
*/

/* 共通 ---------------------------------------------*/
.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

a{ text-decoration:none; color:#000;}
a:hover{ text-decoration: underline;}
#headerWrapper{ position:relative; width:100%; height:200px; margin:0 auto; color:#FFF;}
#logo{ position:absolute; left:10px; top:20px;}
#lead{ position:absolute; right:0; top:90px; font-size:80%;}
#sns{ position:absolute; right:0; top:150px;}
#sns li{ display:inline-block; padding:0 10px;}

#naviWrapper{ width:100%; border-top:2px solid #969589; border-bottom:1px solid #969589; background: url(img/bg-navi.png) 0 0 repeat;}
#naviWrapper nav{ padding:0 0 0; border-top:1px solid #e7e6de;}
#naviWrapper ul{ width:100%; margin:0 auto;}
#naviWrapper ul li{ width:100%; display:inline-block; padding:0; border-bottom:1px solid #969589;}
#naviWrapper ul li a{ display:block; padding:15px 0 15px;}

.baseContentWrapper{ width:100%; margin:0 auto;}
.bottomLine{ border-bottom:1px solid #595757; border-bottom:1px solid #999;}

#footerWrapper{ width:100%; border-top:2px solid #969589; color:#FFF;}
#footerContent{ width:100%; margin:0 auto; padding:20px 0;}

#footerNavi{ text-align:left; margin-bottom:10px;}
#footerNavi li{ display:inline-block; padding:0 10px;} 
#footerNavi li a{ display:inline-block; padding-left:20px; color:#fff; font-size:75%; text-decoration:none; background:url(img/icon-footer.png) 0 center no-repeat;}
#footerNavi li a:hover{ text-decoration:underline;}

#copyright{ font-size:60%; text-align:center; margin:0 auto;}

#whiteBgWrapper{ background:#fff; padding:50px 0 60px;}
#whiteBgWrapper h2{ margin-bottom:20px;}
h2.pagetitle{width:81px; height:80px; line-height:80px; margin:0 auto 20px; font-size:90%; color:#fff; background:url(img/page-title-bg.png) center 0 no-repeat;}
h3.pagetitleSub{ color:#00AEA0; font-size:200%; font-weight:normal; margin-bottom:20px;}
.leadText{ font-size:75%; color:#666; margin:10px 30px 40px; text-align:left}
.leadText a{ color:#00AEA0; text-decoration:none;}
.leadText a:hover{ text-decoration:underline;}




/* インデックス ---------------------------------------------*/
#mainWrapper{ position:relative; width:100%; background:#fff url(img/main-image.jpg) center -1px no-repeat; border-bottom:solid 36px #fff;}
#mainWrapper h2{ text-align:center; padding:80px 0 60px;}
#mainWrapper h2 img{ width:200px;}

#mainProductsList{ }
#mainProductsList li{ text-align:center; margin-top:40px;}

#bucofinaWrapper{ width:100%; background:#f0eddb;}
#bucofinaWrapper dl{width:100%; background:url(img/coconutoil-image.jpg) center 0 repeat-x;}
#bucofinaWrapper dl dt{width:100%; height:350px; padding:88px 0 0; background:url(img/coconutoil-image-arrow.png) center bottom no-repeat;}
a#coconutoilLogoBtn{} 
div#coconutoilInfo{ position:relative; width:100%; height:260px; background:url(img/coconutoil-item.png) center 20px no-repeat; background-size:300px auto;}
div#coconutsugarInfo{ position:relative; width:100%; height:260px; height:220px; background:url(img/coconutsugar-item.png) center 20px no-repeat; background-size:300px auto;}
div#coconutsugarInfo p{ position:absolute; left:0; bottom:10px; text-align:center; font-size:65%; color:#445A56; width:100%;}
#coconutoilBtn{ position:absolute; left:50%; top:180px; margin-left:-71px;}
#coconutsugarBtn{ position:absolute; left:50%; top:180px; margin-left:-71px;}
.yellowBg{ width:100%; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}




#coconutwaterWrapper{ width:100%; background:#ffffff url(img/bg-coconutwater.jpg) 0 bottom repeat-x;}
#coconutwaterWrapper dl{ width:100%; background:url(img/coconutwater-image.jpg) center 0 repeat-x;}
#coconutwaterWrapper dl dt{ width:100%; height:274px; padding:164px 0 0; background:url(img/coconutwater-image-arrow.png) center bottom no-repeat;}
a#coconutwaterLogoBtn{}
a#coconutwaterLogoBtn img{ margin-left:-20px;}
/*
#coconutwaterWrapper dl dd{ position:relative; width:100%; height:280px; height:240px; background:url(img/coconutwater-item_ver4.png) center 30px no-repeat; background:url(img/coconutwater-item_ver2.png) center 30px no-repeat; background-size:300px auto;}
*/
#coconutwaterLink{ max-width:280px; margin:0 auto; padding:2rem 0 4rem;}
#coconutwaterLink li{ display:inline-block; width:50%; text-align:center; position:relative;}
#coconutwaterLink li:nth-child(1) img{ width:auto; height:30px;}
#coconutwaterLink li:nth-child(2) img{ width:auto; height:50px;}
#shophere{ position:absolute; display:block; width:140px; right:0px; padding:0 0 0 20px; top:40px; text-align:left; font-size:12px; background:url(img/icon_shophere_sp.png) 9em 0.4em no-repeat; background-size:8px;
/*
animation-name: moveBgLeftRight;
animation-duration: 0.4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction:alternate-reverse;
*/
}

@-webkit-keyframes moveBgLeftRight {
0% {background-position: right 10px center;}
100% {background-position: right 0px center;}
}

@keyframes moveBgLeftRight {
0% {background-position: right 10px center;}
100% {background-position: right 0px center;}
}



#coconutwaterLogo { max-width:280px; margin:0 auto;}
#coconutwaterProduct { max-width:580px; margin:0 auto; padding:1rem 1rem 0; box-sizing:border-box;}

#coconutwaterBtn{ position:absolute; left:50%; top:200px; margin-left:-140px;}

#coconutwaterWrapper dl dd div#premiumPackageWrapper{ max-width:600px; width:100%; margin:0 auto;}
#coconutwaterWrapper dl dd div.twoColumnExplain{ padding-top:0; color:#00aea0; font-size:65%; width:80%; margin:0 auto 0 auto;}
#coconutwaterWrapper dl dd p.priceTitle{ font-size:100%; padding-top:200px; color:#00aea0; font-size:65%;}
#coconutwaterWrapper dl dd p#explain{ font-size:100%; padding-top:200px; color:#00aea0; font-size:65%;}


#newsWrapper{ background:#FFF; padding:20px 0 20px;}
#newsWrapper ul{ width:100%; margin:0 auto;}
#newsWrapper ul li{ float:left; width:100%; padding:0 0;}




/* 最新情報ページ ---------------------------------------------*/
ul#infoUl{ width:100%; margin:0 auto;}
ul#infoUl li{ float:left; width:100%; padding:0 0 20px;}

#pagenationWrapper{position:relative; width:100%; margin:0 auto;}
#pagenation{margin-top:60px;}
#pagenation a{ border:1px solid #00AEA0; background:#00AEA0; padding:9px 14px; color:#fff; text-decoration:none;}
#pagenation a:hover{ background:#007C70;}
#pagenation span{border:1px solid #00AEA0; padding:9px 14px; color:#00AEA0;}

#pagenationBack{position:absolute; top:0; left:20px;}
#pagenationBack a{ border:1px solid #00AEA0; background:#00AEA0; padding:9px 14px; color:#fff; text-decoration:none;}
#pagenationNext{position:absolute; top:0; right:20px;}
#pagenationNext a{ border:1px solid #00AEA0; background:#00AEA0; padding:9px 14px; color:#fff; text-decoration:none;}




/* 商品一覧ページ ---------------------------------------------*/
ul#productsUl{ width:100%; margin:0 auto;}
li#productsCo01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}
#productsCo01{ position:relative; width:100%; height:200px; margin:0 auto; background:url(img/coconutoil-item.png) center 0 no-repeat; background-size:300px auto;}
#productsCo01 img{ position:absolute; left:50%; top:160px; margin-left:-71px;}

li#productsCs01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}
#productsCs01{ position:relative; width:100%; height:200px; height:150px; margin:0 auto; background:url(img/coconutsugar-item.png) center 0 no-repeat; background-size:300px auto;}
#productsCs01 img{ position:absolute; left:50%; top:160px; margin-left:-71px;}
#productsCs01 p{ position:absolute; left:0; bottom:-30px; text-align:center; font-size:65%; color:#445A56; width:100%;}

li#productsCw01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#ffffff url(img/bg-coconutwater.jpg) 0 bottom repeat-x;}
#productsCw01{ position:relative; width:100%; height:210px; height:160px; margin:0 auto; background:url(img/coconutwater-item_ver4.png) center 0 no-repeat; background:url(img/coconutwater-item_ver2.png) center 0 no-repeat; background-size:300px auto;}
#productsCw01 img{ position:absolute; left:50%; top:170px; margin-left:-140px;}

#productsCw01 div.twoColumnExplain{ padding-top:0; color:#00aea0; font-size:75%; font-size:65%; max-width:480px; width:80%; margin:0 auto 0 auto;}
#productsCw01 p.priceTitle{ font-size:100%; padding-top:170px; color:#00aea0;}

#productsCw01 p#explain{ padding-top:305px; color:#00aea0; font-size:75%;
position:absolute; left:0; bottom:-30px; text-align:center; font-size:65%; width:100%;}


/* 企業情報ページ ---------------------------------------------*/
#companyMainWrapper{ width:100%; padding:50px 0 60px; background:#fff url(img/bg-leaf.jpg) center 0 no-repeat; background-size:cover;}
#companyMainWrapper h2{ margin-bottom:20px;}
#companyMainWrapper h3{ color:#00AEA0; font-size:150%; font-weight:normal; margin-bottom:20px; padding:0 2rem;}
#companyMainWrapper p{ font-size:80%; color:#595757; line-height:2; margin:0 20px; text-align:left;}

#companyInfoWrapper{ padding:40px 0 80px;}
#companyInfoWrapper h2{ margin-bottom:40px;}
#companyInfoWrapper table{ width:100%; margin:0 auto;}
#companyInfoWrapper table th, #companyInfoWrapper table td{ padding:10px 20px; font-size:75%; color:#595757; text-align:left;}
#companyInfoWrapper table th{ border-right:1px solid #595757; border-right:1px solid #999; text-align:right; width:30%;}




/* お問い合せページ ---------------------------------------------*/
#contactWrapper{padding:20px 0 40px;}
#contactWrapper dl{ margin:0 20px;}
#contactWrapper dt{ width:128px; margin-bottom:0; text-align:left; padding:10px 0; color:#666;}
#contactWrapper dd{ margin-bottom:20px; text-align:left;}
.baseInput{ padding:10px 0; width:100%; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.baseTextArea{ padding:10px 0; width:100%; height:300px; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.baseSubmit{
  background: #00AEA0;
  background-image: -webkit-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -moz-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -ms-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -o-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: linear-gradient(to bottom, #00AEA0, #00AEA0);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none
}
.baseSubmit:hover {
  background: #079292;
  background-image: -webkit-linear-gradient(top, #079292, #079292);
  background-image: -moz-linear-gradient(top, #079292, #079292);
  background-image: -ms-linear-gradient(top, #079292, #079292);
  background-image: -o-linear-gradient(top, #079292, #079292);
  background-image: linear-gradient(to bottom, #079292, #079292);
  text-decoration: none;
}
#contactWrapper dd div{ padding:10px 10px; width:90%; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:left;}
.form-check-text{ color:#666; margin-bottom:40px;}




/* 詳細ページ ---------------------------------------------*/
#singleWrapper{ background:url(img/bg-pattern01.jpg) center 0 repeat; padding:0 0 60px;}
#singleMainImage{ margin-bottom:20px;}
#singleWrapper h2{ margin-bottom:20px;}
#singleWrapper h3{ color:#00AEA0; font-size:200%; font-weight:normal; margin-bottom:20px;}
#singleWrapper p{ font-size:80%; color:#595757; line-height:2; margin:20px 0 0; text-align:left;}
#singleWrapper table{ width:100%; margin:0 auto;}
#singleWrapper table th, #singleWrapper table td{ padding:10px 20px; font-size:75%; color:#595757; text-align:left;}
#singleWrapper table th{ border-right:1px solid #595757; text-align:right; width:25%;}
#singleWrapper ul{ width:100%; margin:0 auto;}
#singleWrapper ul li{ width:100%; padding:0 0;}

#singlePhoto{ width:100%; padding:50px 0 60px; background:#fff url(img/bg-leaf.jpg) center 0 no-repeat; background-size:cover;}
#singlePhoto ul{ width:100%; margin:0 auto;}
#singlePhoto ul li{ width:100%; padding:0 0;}

#singleContentWrapper{margin:0 20px;}






/* タブレット ---------------------------------------------*/
@media only screen and (min-width : 768px) {
}






/* パソコン ---------------------------------------------*/
@media only screen and (min-width : 980px) {


#headerWrapper{ position:relative; width:960px; height:100px; margin:0 auto; color:#FFF;}
#logo{ position:absolute; left:10px; top:20px;}
#lead{ position:absolute; right:0; top:20px; font-size:60%;}
#sns{ position:absolute; right:0; top:40px;}

#naviWrapper{ width:100%; border-top:1px solid #969589; border-bottom:1px solid #969589; background: url(img/bg-navi.png) 0 0 repeat;}
#naviWrapper nav{ padding:10px 0; border-top:1px solid #e7e6de; border-bottom:1px solid #b3b2a5;}
#naviWrapper ul{ width:960px; margin:0 auto; background:url(img/bg-navi-line.png) left center no-repeat;}
#naviWrapper ul li{ width:192px; display:inline-block; padding:0;  border-bottom:none;}
#naviWrapper ul li a{ display:block; padding:7px 0 6px; background:url(img/bg-navi-line.png) right center no-repeat;}

.baseContentWrapper{ width:960px; margin:0 auto;}
#footerContent{ width:960px; margin:0 auto; padding:20px 0;}
#copyright{ font-size:60%; margin:0 auto;}




/* インデックス ---------------------------------------------*/
#mainWrapper{ position:relative; width:100%; height:394px; background:#d0e3f8 url(img/main-image.jpg) center -1px no-repeat; border-bottom:solid 36px #fff;}
#mainWrapper h2{ position:absolute; top:38px; left:50%; margin-left:-300px; padding:0;}
#mainWrapper h2 img{ width:auto;}

#mainProductsList{ position:absolute; top:200px; left:50%; margin-left:-40px;}
#mainProductsList li{ display:inline-block; margin-top:0;}

#newsWrapper{ background:#FFF; padding:50px 0 60px;}
#newsWrapper ul{ width:828px; margin:0 auto;}
#newsWrapper ul li{ float:left; width:256px; padding:0 10px;}
.leadText{ font-size:75%; color:#666; margin:10px auto 0; text-align:left}

#bucofinaWrapper{ width:100%; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}
#bucofinaWrapper dl{width:100%; background:url(img/coconutoil-image.jpg) center 0 repeat-x;}
#bucofinaWrapper dl dt{width:100%; height:350px; padding:88px 0 0; background:url(img/coconutoil-image-arrow.png) center bottom no-repeat;}
a#coconutoilLogoBtn{} 
div#coconutoilInfo{ position:relative; width:100%; height:360px; background:url(img/coconutoil-item.png) center 20px no-repeat; background-size:auto auto;}
div#coconutsugarInfo{ position:relative; width:100%; height:370px; height:380px; background:url(img/coconutsugar-item.png) center 20px no-repeat; background-size:auto auto;}
div#coconutsugarInfo p{ position:absolute; left:0; bottom:20px; text-align:center; font-size:75%; color:#445A56; width:100%;}
#coconutoilBtn{ position:absolute; left:50%; top:220px; margin-left:45px;}
#coconutsugarBtn{ position:absolute; left:50%; top:220px; margin-left:45px;}

#coconutwaterWrapper{ width:100%; background:#ffffff url(img/bg-coconutwater.jpg) 0 bottom repeat-x;}
#coconutwaterWrapper dl{ width:100%; background:url(img/coconutwater-image.jpg) center 0 repeat-x;}
#coconutwaterWrapper dl dt{ width:100%; height:274px; padding:164px 0 0; background:url(img/coconutwater-image-arrow.png) center bottom no-repeat;}
a#coconutwaterLogoBtn{}
a#coconutwaterLogoBtn img{ margin-left:-20px;}
/*
#coconutwaterWrapper dl dd{ position:relative; width:100%; height:430px; height:390px; background:url(img/coconutwater-item_ver4.png) center 30px no-repeat; background:url(img/coconutwater-item_ver2.png) center 30px no-repeat; background-size:auto auto;}
*/
#coconutwaterBtn{ position:absolute; left:50%; top:275px; margin-left:-20px;}
#coconutwaterWrapper dl dd p#explain{ padding-top:350px; color:#00aea0; font-size:75%;}

#coconutwaterWrapper dl dd div#premiumPackageWrapper{max-width:initial; width:600px; margin:0 auto;}
#coconutwaterWrapper dl dd div.twoColumnExplain{ padding-top:85px; color:#00aea0; font-size:75%; width:60%; margin:0 auto 0 80px;}
#coconutwaterWrapper dl dd p.priceTitle{ font-size:100%; padding-top:250px;}

#shophere{ right:150px; padding:0 40px 0 0; top:-0.8rem; text-align:right; background:url(img/icon_shophere.png) right center no-repeat; background-size:18px;}




/* 最新情報ページ ---------------------------------------------*/
ul#infoUl{ width:828px; margin:0 auto;}
ul#infoUl li{ float:left; width:256px; padding:0 10px 20px;}
#pagenationWrapper{position:relative; width:960px; margin:0 auto;}




/* 商品一覧ページ ---------------------------------------------*/
ul#productsUl{ width:100%; margin:0 auto;}
li#productsCo01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}
#productsCo01{ position:relative; width:650px; height:295px; margin:0 auto; background:url(img/coconutoil-item.png) center 0 no-repeat; background-size:auto auto;}
#productsCo01 img{ position:absolute; left:50%; top:200px; margin-left:45px;}

li#productsCs01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#f0eddb url(img/bg-coconutoil.jpg) 0 bottom repeat-x;}
#productsCs01{ position:relative; width:650px; height:320px; margin:0 auto; background:url(img/coconutsugar-item.png) center 0 no-repeat; background-size:auto auto;}
#productsCs01 img{ position:absolute; left:50%; top:200px; margin-left:45px;}
#productsCs01 p{ position:absolute; left:0; bottom:-20px; text-align:center; font-size:75%; color:#445A56; width:100%;}

li#productsCw01Wrapper{ width:100%; padding:40px 0; margin:0 auto; background:#ffffff url(img/bg-coconutwater.jpg) 0 bottom repeat-x;}
#productsCw01{ position:relative; width:600px; height:350px; height:315px; margin:0 auto; background:url(img/coconutwater-item_ver4.png) center 0 no-repeat; background:url(img/coconutwater-item_ver2.png) center 0 no-repeat; background-size:auto auto;}
#productsCw01 img{ position:absolute; left:50%; top:250px; margin-left:-20px;}
#productsCw01 p#explain{ bottom:-20px; color:#00aea0; font-size:75%;}

#productsCw01 div.twoColumnExplain{ padding-top:85px; color:#00aea0; font-size:75%; max-width:initial; width:60%; margin:0 auto 0 80px;}
#productsCw01 p.priceTitle{ font-size:100%; padding-top:220px;}




/* 企業情報ページ ---------------------------------------------*/
#companyMainWrapper h3{ font-size:200%;}
#companyMainWrapper p{ font-size:75%; color:#595757; line-height:2; text-align:center;}
#companyInfoWrapper table{ width:480px; margin:0 auto;}
#companyInfoWrapper table th, #companyInfoWrapper table td{ padding:10px 20px; font-size:75%; color:#595757; text-align:left;}
#companyInfoWrapper table th{ border-right:1px solid #595757; border-right:1px solid #999; text-align:right; width:25%;}




/* お問い合せページ ---------------------------------------------*/
#contactWrapper{padding:20px 0 40px;}
#contactWrapper dl{ width:640px; margin:0 auto;}
#contactWrapper dt{ clear:both; float:left; width:128px; margin-bottom:0; text-align:right; padding:10px 0; color:#666;}
#contactWrapper dd{ margin-left:188px; margin-bottom:20px; text-align:left;}
.baseInput{ padding:10px 10px; width:90%; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.baseTextArea{ padding:10px 10px; width:90%; height:300px; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.baseSubmit{
  background: #00AEA0;
  background-image: -webkit-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -moz-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -ms-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: -o-linear-gradient(top, #00AEA0, #00AEA0);
  background-image: linear-gradient(to bottom, #00AEA0, #00AEA0);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none
}
.baseSubmit:hover {
  background: #079292;
  background-image: -webkit-linear-gradient(top, #079292, #079292);
  background-image: -moz-linear-gradient(top, #079292, #079292);
  background-image: -ms-linear-gradient(top, #079292, #079292);
  background-image: -o-linear-gradient(top, #079292, #079292);
  background-image: linear-gradient(to bottom, #079292, #079292);
  text-decoration: none;
}
#contactWrapper dd div{ padding:10px 10px; width:90%; background:#f7f7f7; border:1px solid #dddddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:left;}
.form-check-text{ color:#666; margin-bottom:40px;}




/* 詳細ページ ---------------------------------------------*/
#singleWrapper{ background:url(img/bg-pattern01.jpg) center 0 repeat; padding:0 0 60px;}
#singleMainImage{ margin-bottom:20px;}
#singleWrapper h2{ margin-bottom:20px;}
#singleWrapper h3{ color:#00AEA0; font-size:200%; font-weight:normal; margin-bottom:20px;}
#singleWrapper p{ font-size:75%; color:#595757; line-height:2; margin:20px 0 0; text-align:center;}
#singleWrapper table{ width:480px; margin:0 auto;}
#singleWrapper table th, #singleWrapper table td{ padding:10px 20px; font-size:75%; color:#595757; text-align:left;}
#singleWrapper table th{ border-right:1px solid #595757; text-align:right; width:25%;}
#singleWrapper ul{ width:828px; margin:0 auto;}
#singleWrapper ul li{ float:left; width:256px; padding:0 10px;}

#singlePhoto{ width:100%; padding:50px 0 60px; background:#fff url(img/bg-leaf.jpg) center 0 no-repeat; background-size:cover;}
#singlePhoto ul{ width:828px; margin:0 auto;}
#singlePhoto ul li{ float:left; width:256px; padding:0 10px;}

#singleContentWrapper{width:960px; margin:0 auto;}


}