@charset "UTF-8";
 /*
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	124%
17px	131%
18px	139%
19px	147%
20px	154%
21px	162%
22px	170%
23px	177%
24px	185%
25px	193%
26px	200%
*/

 .mt20 {
   margin-top: 20px;
 }

 .mt30 {
   margin-top: 30px;
 }

 .mt40 {
   margin-top: 40px;
 }

 .mt50 {
   margin-top: 50px;
 }

 .mt60 {
   margin-top: 60px;
 }

 .mt70 {
   margin-top: 70px;
 }

 * {
   margin: 0;
   padding: 0;
   background-position: center center;
   box-sizing: border-box;
 }

 li {
   list-style: none;
 }

 img {
   height: auto;
 }

 a {
   text-decoration: none;
   color: #555;
   -webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }

 a:visited {
   text-decoration: none color:#555;
 }

 a:hover {
   text-decoration: none;
   color: #d2ad30;
 }

 a img {
   -webkit-transition: 0.5s ease-in-out;
   -moz-transition: 0.5s ease-in-out;
   -o-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
 }

 a:hover img {
   filter: alpha(opacity=60);
   -moz-opacity: 0.60;
   opacity: 0.60;
 }

 a.link_img {
   display: inline-block;
   position: relative;
   overflow: hidden;
 }

 a.link_img:hover img {
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
 }

 a.link_img div {
   position: absolute;
   border: 0px solid rgba(245, 241, 229, 0.5);
   -webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }

 a.link_img:hover div {
   border: 8px solid rgba(245, 241, 229, 0.5);
 }

 .top_product .right a.link_img div {
   width: 680px;
   height: 985px;
 }

 /*.top_product .left a.link_img div {
	width: 240px;
	height: 168px;
}*/

 .top_product .left a.link_img div {
   width: 320px;
   height: 224px;
 }

 .top_product .left a.link_img:first-child div {
   width: 320px;
   height: 224px;
 }

 .all_product a.link_img div {
   width: 320px;
   height: 192px;
 }

 .about_content a.link_img {
   overflow: visible;
 }

 .about_layout01 a.link_img div {
   width: 560px;
   height: 392px;
   margin: 0px 0 0 0px;
 }

 .about_layout01 a.link_img div.three {
   width: 500px;
   height: 667px;
   margin: 0px 0 0 0px;
 }

 .about_layout02 a.link_img div {
   width: 320px;
   height: 224px;
   margin: 40px 0 0 0;
 }

 .about_layout02 a.link_img div.four {
   width: 320px;
   height: 240px;
   margin: 40px 0 0 0;
 }

 .about_layout02 a.link_img:first-child div {
   width: 230px;
   height: 172px;
   margin: 140px 0 216px 0;
 }

 .about_layout03 a.link_img div {
   width: 560px;
   height: 392px;
   margin: 0 0 0 40px;
 }

 .about_layout04 a.link_img div {
   width: 320px;
   height: 224px;
 }

 .product_all_content a.link_img div {
   width: 500px;
   height: 300px;
 }

 *::selection {
   background: #9d926d;
   color: #fff;
 }

 html {
   -webkit-text-size-adjust: 100%
 }

 html {
   height: 100%;
 }

 body {
   font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
   color: #5c5c5c;
   font-size: 13px;
   line-height: 2.1;
   margin: auto;
   text-align: left;
   height: 100%;
   letter-spacing: 0.4px;
   margin-top: 50px;
   padding: 0 20px;
 }

 @media screen and (min-width:769px) {
   body.home {
     margin-top: 0;
   }
   .home .logo {
     z-index: 99999;
     opacity: 1;
     z-index: 99999;
     position: absolute;
   }
   .home .logo img {
     width: 270px;
     height: 166px;
   }
   .home .header {
     height: 250px;
     position: absolute;
     left: 53%;
     margin-left: -520px;
     top: 50%;
     margin-top: -155px;
   }
   .home .header .copy {
     margin-top: 50px;
   }
   .home #slider {
     margin-top: 350px;
   }
 }

 p {
   text-align: justify;
 }

 img {
   border: 0;
   vertical-align: top;
 }

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

 h1 {
   font-size: 100%;
 }

 table {
   border-collapse: collapse;
 }

 .left {
   float: left;
 }

 .right {
   float: right;
 }

 .cl {
   clear: both;
 }

 .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
 }

 .clearfix {
   min-height: 1px;
 }

 * html .clearfix {
   height: 1px;
   /*¥*/
   /*/
  height: auto;
  overflow: hidden;
  /**/
 }

 #js_fade {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   z-index: 10000;
 }

 .sp_only {
   display: none;
 }

 .pc_only {
   display: block;
 }

 /*   */

 .loadingWrap_sub {
   z-index: 9999999;
   width: 100%;
   height: 100%;
   min-height: 100%;
   background: #fff;
   position: fixed;
   top: 0;
   left: 0;
 }

 .loadingWrap_sub img {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -15px;
   margin-top: -100px;
   opacity: 0;
 }

 .opensans {
   font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
 }

 .weight300 {
   font-weight: 300;
 }

 .weight400 {
   font-weight: 400;
 }

 .copy {
   position: absolute;
   z-index: 9999;
 }

 /*-----------------------------------------------------------



-----------------------------------------------------------*/

 #loader {
   margin: 0 auto 0 auto;
   width: 100%;
   height: 100%;
   text-align: center;
   color: #efefef;
   background: #eee;
   z-index: 99999;
   position: fixed;
   top: 0;
   left: 0;
 }

 #load-text {
   font-size: 72%;
   width: 100%;
   text-align: center;
   display: block;
   position: absolute;
   top: 50%;
   margin-top: -120px;
   color: #444;
   background: url(../img/load.gif) no-repeat center top #ddd8d3;
   background-size: 234px 186px;
   padding-top: 186px;
 }

 .home #loader {
   margin-top: 0;
 }

 #content {
   z-index: 99;
 }

 #bar {
   width: 100%;
   font-size: 1px;
   position: absolute;
   top: 0;
   margin-top: 0;
 }

 #bar span {
   display: block;
   width: 0px;
   height: 4px;
   background: #bbb;
   margin-top: 0;
 }

 /*============*/

 .sk-fading-circle {
   margin: 0 auto;
   width: 25px;
   height: 25px;
   position: absolute;
   left: 40px;
   top: 40px;
 }

 .sk-fading-circle .sk-circle {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }

 .sk-fading-circle .sk-circle:before {
   content: '';
   display: block;
   margin: 0 auto;
   width: 15%;
   height: 15%;
   background-color: #fff;
   border-radius: 100%;
   -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
   animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
 }

 .sk-fading-circle .sk-circle2 {
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   transform: rotate(30deg);
 }

 .sk-fading-circle .sk-circle3 {
   -webkit-transform: rotate(60deg);
   -ms-transform: rotate(60deg);
   transform: rotate(60deg);
 }

 .sk-fading-circle .sk-circle4 {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }

 .sk-fading-circle .sk-circle5 {
   -webkit-transform: rotate(120deg);
   -ms-transform: rotate(120deg);
   transform: rotate(120deg);
 }

 .sk-fading-circle .sk-circle6 {
   -webkit-transform: rotate(150deg);
   -ms-transform: rotate(150deg);
   transform: rotate(150deg);
 }

 .sk-fading-circle .sk-circle7 {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
 }

 .sk-fading-circle .sk-circle8 {
   -webkit-transform: rotate(210deg);
   -ms-transform: rotate(210deg);
   transform: rotate(210deg);
 }

 .sk-fading-circle .sk-circle9 {
   -webkit-transform: rotate(240deg);
   -ms-transform: rotate(240deg);
   transform: rotate(240deg);
 }

 .sk-fading-circle .sk-circle10 {
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg);
 }

 .sk-fading-circle .sk-circle11 {
   -webkit-transform: rotate(300deg);
   -ms-transform: rotate(300deg);
   transform: rotate(300deg);
 }

 .sk-fading-circle .sk-circle12 {
   -webkit-transform: rotate(330deg);
   -ms-transform: rotate(330deg);
   transform: rotate(330deg);
 }

 .sk-fading-circle .sk-circle2:before {
   -webkit-animation-delay: -1.1s;
   animation-delay: -1.1s;
 }

 .sk-fading-circle .sk-circle3:before {
   -webkit-animation-delay: -1s;
   animation-delay: -1s;
 }

 .sk-fading-circle .sk-circle4:before {
   -webkit-animation-delay: -0.9s;
   animation-delay: -0.9s;
 }

 .sk-fading-circle .sk-circle5:before {
   -webkit-animation-delay: -0.8s;
   animation-delay: -0.8s;
 }

 .sk-fading-circle .sk-circle6:before {
   -webkit-animation-delay: -0.7s;
   animation-delay: -0.7s;
 }

 .sk-fading-circle .sk-circle7:before {
   -webkit-animation-delay: -0.6s;
   animation-delay: -0.6s;
 }

 .sk-fading-circle .sk-circle8:before {
   -webkit-animation-delay: -0.5s;
   animation-delay: -0.5s;
 }

 .sk-fading-circle .sk-circle9:before {
   -webkit-animation-delay: -0.4s;
   animation-delay: -0.4s;
 }

 .sk-fading-circle .sk-circle10:before {
   -webkit-animation-delay: -0.3s;
   animation-delay: -0.3s;
 }

 .sk-fading-circle .sk-circle11:before {
   -webkit-animation-delay: -0.2s;
   animation-delay: -0.2s;
 }

 .sk-fading-circle .sk-circle12:before {
   -webkit-animation-delay: -0.1s;
   animation-delay: -0.1s;
 }

 @-webkit-keyframes sk-circleFadeDelay {
   0%, 39%, 100% {
     opacity: 0;
   }
   40% {
     opacity: 1;
   }
 }

 @keyframes sk-circleFadeDelay {
   0%, 39%, 100% {
     opacity: 0;
   }
   40% {
     opacity: 1;
   }
 }

 /*----------------------------------*/

 .home .main_area, .product_page .main_area {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }

 /*@media screen and (min-height:980px){
.home .main_area,
.product_page .main_area {
	height: 980px;
}
}*/

 /*@media screen and (min-width:1500px){
body {
	width: 1500px;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.home .main_area,
.product_page .main_area {
	width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
}*/

 .header {
   width: 1024px;
   margin: 0 auto;
   padding: 40px 0 38px 0;
   position: relative;
 }

 .header .copy {
   top: 152px;
   right: 60px;
   display: none;
 }

 .home .header .copy {
   display: block;
 }

 .navi {
   position: absolute;
   right: 50px;
   top: 42px;
   z-index: 1000;
 }

 .navi li {
   display: inline-block;
 }

 .navi li span {
   margin: 0 8px
 }

 .navi li.language {
   text-align: center;
   line-height: 1;
   vertical-align: middle;
   -webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }

 .navi li.language a {
   width: 74px;
   height: 26px;
   border-radius: 13px 13px;
   margin: 0 0 0 8px;
   padding: 6px 0 0 0;
   border: 1px solid #9d926d;
   display: block;
   color: #9d926d;
   font-size: 93%;
 }

 .navi li.language a:hover {
   color: #fff;
   background: #9d926d;
 }

 .navi li.sns {
   width: 26px;
   height: 26px;
   border-radius: 13px 13px;
   background: #9d926d;
   vertical-align: middle;
   margin: 0 0 0 6px;
 }

 /*----------------------------------*/

 /*�E?�E?�E?*/

 .slick-dots {
   position: absolute;
   bottom: 288px;
   right: 5px;
   z-index: 999;
   display: block;
   width: 100%;
   padding: 0;
   list-style: none;
   text-align: right;
 }

 .slick-dots li {
   position: relative;
   display: inline-block;
   margin: 0 8px 0 0;
   padding: 0;
   cursor: pointer;
 }

 .slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   padding: 0;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   background: transparent;
 }

 .slick-dots li button:hover, .slick-dots li button:focus {
   outline: none;
 }

 .slick-dots li button {
   background: #9d926d;
   width: 6px;
   height: 6px;
   border-radius: 3px;
 }

 .slick-dots li.slick-active button {
   background: #fff;
 }

 /*----------------------------------*/

 #slider {
   height: 100%;
   margin: 48px 0 0 0;
   padding: 0;
 }

 #slider div {
   height: 100%;
   margin: 0;
   padding: 0 0 0 0;
   border-bottom: 68px solid #fff;
   margin-top: -38px;
   background-size: cover;
   position: relative;
 }

 #slider div span.slider_innter {
   -webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
   background-size: cover;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   filter: alpha(opacity=1);
   -moz-opacity: 1.0;
   opacity: 1.0;
   border: 1px solid #fff;
   border-top: 77px solid #fff;
 }

 #slider div:hover span.slider_innter {
   border: 10px solid rgba(245, 241, 229, 0.5);
   border-top: 86px solid rgba(245, 241, 229, 0.5);
 }

 #slider div a {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
 }

 #slider div a:hover {
   color: #555;
 }

 #slider div a span.top_main_text_box {
   display: block;
   margin: 0 auto;
   width: 1024px;
   height: 100%;
   position: relative;
 }

 #slider div span.top_main_text {
   display: block;
   position: absolute;
   bottom: 60px;
   color: #000;
 }

 #slider div.noteblock span.top_main_text {
   right: 0;
 }

 #slider div.fukurotoji span.top_main_text, #slider div.ground span.top_main_text {
   left: 0;
 }

 #slider div span.top_main_text h2 span.main, .st_english {
   font-size: 115%;
   font-weight: 500;
   line-height: 1.5em;
   margin: 6px 0 15px 0;
   display: block;
 }

 #slider div.fukurotoji span.top_main_text h2 span.main {
   font-size: 115%;
 }

 #slider div span.top_main_text h2 span.sub {
   display: block;
   font-size: 100%;
 }

 #slider div span.top_main_text p {
   font-size: 85%;
 }

 /*----------------------------------*/

 footer .footer {
   border-top: 1px solid #ccc;
   padding: 50px 0 0 0;
   margin-bottom: 40px;
 }

 .footer .left, .footer .right {
   padding-bottom: 100px;
 }

 .footer .left p span {
   font-size: 77%;
   line-height: 1.8;
   margin-top: 8px;
   display: block;
 }

 .footer p {
   text-align: left;
 }

 .footer .right img {
   width: 52px;
   position: absolute;
   right: 0;
   top: 140px;
 }

 #pagetopicon {
   width: 72px;
   position: fixed;
   right: 20px;
   bottom: 20px;
   filter: alpha(opacity=0);
   -moz-opacity: 0.00;
   opacity: 0.00;
 }

 /*---------------------------------*/

 .top_product {
   margin-top: 250px;
 }

 .top_product .left {
   width: 320px;
 }

 .top_product .left a {
   margin-bottom: 20px;
 }

 .top_product .text_area {
   clear: both;
   /* position: absolute; */
   width: 1024px;
   padding-top: 50px;
   /* top: 790px; */
 }

 .top_product .copy {
   width: 73px;
   right: 60px;
   top: 480px;
 }

 .top_about {
   background: url(../img/about01.jpg) repeat-x;
   width: 100%;
   height: 710px;
   position: relative;
   margin: 430px 0 0 0;
 }

 .top_about .copy {
   width: 77px;
   top: -80px;
   left: 60px;
 }

 .top_about .text_area {
   width: 400px;
   position: absolute;
   top: 100px;
   right: 40px;
 }

 .top_information, .top_shops {
   width: 440px;
 }

 .top_information ul li span {
   display: inline-block;
   width: 80px;
 }

 /*----------------------------------*/

 .content_area {
   width: 1024px;
   margin: 100px auto 0;
   position: relative;
 }

 footer .content_area {
   margin: 50px auto 0;
 }

 .lead {
   font-size: 139%;
   margin-bottom: 60px;
   text-align: left;
 }

 .text01 .lead, .text02 .lead {
   font-size: 139%;
   margin-bottom: 10px;
   text-align: left;
 }

 .lead:before, .lead:after {
   color: #9d926d;
   font-size: 93%;
   vertical-align: top;
 }

 .lead:before {
   content: "";
   margin-left: -0.4em;
   padding: 0 2px 0 0;
 }

 .lead:after {
   content: "";
   padding: 0 0 0 2px;
   vertical-align: bottom;
 }

 .lead span.br {
   display: inline-block;
   margin-left: 0.7em;
 }

 .link_more {
   float: right;
   color: #9d926d;
   border-bottom: 1px solid #9d926d;
   padding-bottom: 3px;
 }

 .link_more:hover {
   border-bottom: 1px solid #d2ad30;
 }

 /*----------------------------------*/

 .product_all_content {
   width: 1024px;
   margin: 0 auto;
 }

 .product_all_content .content_area {
   margin: 0 auto;
 }

 h2.page_title {
   position: absolute;
   right: 0;
   top: -74px;
   text-align: right;
   font-size: 193%;
   font-weight: 300;
 }

 .product_all_content ul li {
   width: 50%;
   padding-right: 20px;
   display: inline-block;
 }

 .product_all_content ul li:nth-child(even) {
   padding-left: 20px;
   padding-right: 0;
   margin: 0 0 40px 0;
 }

 .product_all_content ul li img {
   width: 100%;
 }

 .product_all_content ul li h3.st_english {
   font-size: 147%;
   margin: 20px 0 10px 0;
 }

 .product_all_content ul li h3.st_jp {
   font-size: 131%;
 }

 .product_all_content ul li .link_more {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 /*----------------------------------*/

 .product_page .header {
   width: 100%;
   height: 94px;
   padding: 40px 0 20px 20px;
   position: relative;
   z-index: 999;
 }

 /*----------------------------------*/

 .product_main {
   height: 100%;
   margin-top: -73px;
 }

 .product_main div {
   height: 100%;
   margin: 0;
   padding: 0 0 0 0;
   /*border-bottom: 128px solid #fff;*/
   border-bottom: 45px solid #fff;
   background-size: cover;
   position: relative;
 }

 .product_main div span.top_main_text {
   display: block;
   position: absolute;
   bottom: 60px;
 }

 .product_main div.noteblock span.top_main_text {
   right: 0;
 }

 .product_main div.fukurotoji span.top_main_text, .product_main div.ground span.top_main_text, .product_main div.kamitaba span.top_main_text, .product_main div.hopping span.top_main_text, .product_main div.layers span.top_main_text {
   left: 0;
 }

 .product_main div span.top_main_text_box {
   display: block;
   margin: 0 auto;
   width: 1024px;
   height: 100%;
   position: relative;
 }

 .product_main div span.top_main_text h2 span.main, .st_english {
   font-size: 150%;
   font-weight: 300;
   line-height: 1;
   margin: 6px 0 15px 0;
   display: block;
 }

 .product_main div.fukurotoji span.top_main_text h2 span.main, .product_main div.kamitaba span.top_main_text h2 span.main {
   font-size: 170%;
 }

 .product_main div span.top_main_text span.sub {
   display: none;
 }

 .product_main div span.top_main_text p {
   font-size: 85%;
 }

 .product_main .fukurotoji .copy, .product_main .noteblock .copy, .product_main .hopping .copy, .product_main .layers .copy {
   top: 144px;
   right: 70px;
 }

 .product_main .ground .copy {
   top: 144px;
   right: 70px;
 }

 .product_main .kamitaba .copy {
   top: 144px;
   left: 40px;
 }

 /*----------------------------------*/

 .product_layout {
   position: relative;
   margin: 240px 0 0 0;
 }

 .product_layout01 .photo01 {
   width: 560px;
   margin-left: -60px;
 }

 .product_layout01 .text_area {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 500px;
 }

 .noteblock_layout .product_layout01 .copy {
   left: 60px;
   bottom: -90px;
 }

 .fukurotoji_layout .product_layout01 .copy {
   left: 60px;
   bottom: -56px;
 }

 .ground_layout .product_layout01 .copy {
   left: 60px;
   bottom: -90px;
 }

 .fukurotoji_layout .product_layout01 .photo02 {
   width: 230px;
   right: 0;
   top: 0;
   position: absolute;
 }

 .product_layout02 .photo01 {
   width: 320px;
 }

 .product_layout02 .photo02 {
   width: 720px;
   margin: 0 -60px 0 40px;
 }

 .product_layout02 .text_area {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 320px;
 }

 .noteblock_layout .product_layout02 .text_area p.body_text, .fukurotoji_layout .product_layout02 .text_area p.body_text {
   letter-spacing: 0.02em;
 }

 .fukurotoji_layout .product_layout02 .copy {
   left: 420px;
   bottom: -84px;
 }

 .product_layout03 .photo01 {
   width: 500px;
   float: left;
 }

 .product_layout03 .photo02 {
   width: 320px;
   float: right;
   margin: 126px 0 0 0;
 }

 .product_layout03 .text_area {
   width: 500px;
 }

 .product_layout03 .text_area p.lead {
   margin-top: 34px;
 }

 p.designer {
   font-size: 85%;
   letter-spacing: 0;
   margin: 10px 0 0 0;
 }

 .product_layout03 p.designer, .product_layout04 p.designer {
   margin: -20px 0 0 0;
   text-align: right;
 }

 .product_layout03 .copy {
   right: 200px;
   top: 0;
 }

 .ground_layout .product_layout03 .copy {
   right: 256px;
   top: 0;
 }

 .product_layout04 .text_area {
   width: 500px;
 }

 .product_layout04 .text_area p.lead {
   margin-top: 34px;
 }

 .product_layout04 .photo01, .product_layout04 .photo02, .product_layout04 .photo03 {
   width: 320px;
   float: right;
   margin-left: 40px;
 }

 .product_layout04 .photo01 {
   float: left;
   margin-left: 0;
 }

 .product_layout05 img {
   margin: 0 0 0 -60px;
 }

 /*----------------------------------*/

 .ec_shops {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 70px 0;
 }

 .page-template-product .ec_shops, .page-template-shop .ec_shops {
   border-bottom: none;
   padding: 70px 0 0 0;
 }

 .product_all .ec_shops, .shops .ec_shops {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: -20px;
 }

 .ec_shops h2 {
   display: inline-block;
   float: left;
 }

 .ec_shops h2 span.opensans {
   display: block;
   font-size: 200%;
 }

 .ec_shops ul {
   text-align: right;
   border-right: 1px solid #ccc;
 }

 .ec_shops ul li {
   display: inline-block;
   border-left: 1px solid #ccc;
   padding: 0 30px;
 }

 .ec_shops ul li a {
   color: #9d926d;
   line-height: 66px;
   font-size: 115%;
   font-weight: 300;
 }

 .ec_shops ul li a:hover {
   color: #d2ad30;
 }

 /*----------------all_product------------------*/

 .all_product h2 {
   margin: 0 0 40px 0;
 }

 .all_product ul li {
   display: inline-block;
   width: 320px;
   margin: 0 0 40px 40px;
 }

 .all_product {
   width: 1024px;
   overflow: hidden;
 }

 .all_product ul {
   width: 1090px;
   margin: 0 0 0 -40px;
 }

 .all_product ul li img {
   width: 320px;
 }

 .all_product ul li h3.st_english {
   font-size: 139%;
   margin: 20px 0 8px 0;
 }

 .all_product ul li h3.st_jp {
   font-size: 124%;
 }

 .all_product span.slider_innter {
   -webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
   background-size: cover;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 0;
   width: 320px;
   height: 192px;
   filter: alpha(opacity=1);
   -moz-opacity: 1.0;
   opacity: 1.0;
   border: 1px solid #fff;
   border-top: 77px solid #fff;
 }

 .all_product:hover span.slider_innter {
   border: 10px solid rgba(245, 241, 229, 0.5);
   border-top: 86px solid rgba(245, 241, 229, 0.5);
 }

 /*----------------About------------------*/

 .about_content {
   width: 100%;
   background: url(../img/bg_about.jpg) repeat-x center top #f6f5f2;
   padding-bottom: 120px;
 }

 .about_content .content_area {
   margin: 0 auto;
 }

 .about_content .copy_area {
   height: 840px;
 }

 .about_content .copy_area .copy {
   right: 60px;
   top: 90px;
 }

 .about_content .about_layout01, .about_content .about_layout02, .about_content .about_layout03, .about_content .about_layout04 {
   margin-bottom: 80px;
 }

 .about_content .about_layout01 {
   width: 560px;
   float: left;
 }

 .about_content .about_layout01 .photo01 {
   width: 560px;
   margin: 0px 0 0 0px;
 }

 .about_content .about_layout01 .photo01 {
   width: 560px;
   margin: 0px 0 0 0px;
 }

 .about_content .about_layout02 {
   width: 460px;
   float: right;
   margin-left: 0px;
 }

 .about_content .about_layout02 .photo01 {
   width: 230px;
   margin: 140px 0 216px 0;
 }

 .about_content .about_layout02 .photo02 {
   width: 320px;
   margin: 40px 0 0 0;
 }

 .about_content .about_layout03 {
   width: 1120px;
 }

 .about_content .about_layout03 .text_area {
   float: left;
   width: 460px;
   margin-right: 60px;
 }

 .about_content .about_layout03 .photo01 {
   width: 560px;
   margin: 0 0 0 40px;
 }

 .about_content .about_layout04 {
   width: 100%;
 }

 .about_content .about_layout04 .text_area {
   float: right;
   width: 320px;
   margin: 96px 0 0 40px;
 }

 .about_content .about_layout04 .text_area02 a {
   color: #9d926d;
   float: right;
 }

 .about_content .about_layout04 .photo01 {
   width: 320px;
   float: left;
 }

 /*----------------Purchase------------------*/

 .purchase_content {
   width: 100%;
   background: url(../img/bg_purchase.jpg) repeat-x center top #f6f5f2;
   padding-bottom: 120px;
 }

 .purchase_content .content_area {
   margin: 0 auto;
 }

 .purchase_content .copy_area {
   height: 840px;
 }

 .purchase_content .copy_area .copy {
   right: 60px;
   top: 90px;
 }

 .purchase_content .purchase_layout01, .purchase_content .purchase_layout02, .purchase_content .purchase_layout03, .purchase_content .purchase_layout04 {
   margin-bottom: 80px;
 }

 .purchase_content .purchase_layout01 {
   width: 500px;
   float: left;
 }

 .purchase_content .purchase_layout01 .photo01 {
   width: 560px;
   margin: 40px 0 0 -60px;
 }

 .purchase_content .purchase_layout02 {
   width: 320px;
   float: right;
 }

 .purchase_content .purchase_layout02 .photo01 {
   width: 230px;
   margin: 140px 0 216px 0;
 }

 .purchase_content .purchase_layout02 .photo02 {
   width: 320px;
   margin: 40px 0 0 0;
 }

 .purchase_content .purchase_layout03 {
   width: 1120px;
 }

 .purchase_content .purchase_layout03 .text_area {
   float: left;
   width: 320px;
 }

 .purchase_content .purchase_layout03 .photo01 {
   width: 740px;
   margin: 0 0 0 40px;
 }

 .purchase_content .purchase_layout04 {
   width: 100%;
 }

 .purchase_content .purchase_layout04 .text_area {
   float: right;
   width: 320px;
   margin: 96px 0 0 40px;
 }

 .purchase_content .purchase_layout04 .text_area02 a {
   color: #9d926d;
   float: right;
 }

 .purchase_content .purchase_layout04 .photo01 {
   width: 320px;
   float: left;
 }

 /*----------------Information------------------*/

 .information_content {
   width: 1024px;
   margin: 0 auto;
 }

 .information_content .content_area {
   margin: 0 auto;
 }

 .information_content ul li {
   padding: 40px 0;
   border-top: 1px solid #ddd;
   overflow: auto;
 }

 .information_content ul li .left {
   width: 110px;
   color: #9d926d;
   font-size: 139%;
 }

 .information_content ul li .right {
   width: 900px;
 }

 .information_content ul li .right h3 {
   font-size: 139%;
   margin: 0 0 10px 0;
 }

 .information_content ul li .right a {
   margin: 10px 0 0 0;
   display: inline-block;
 }

 /*----------------Shops------------------*/

 .shops_content {
   width: 1024px;
   margin: 0 auto;
 }

 .shops_content .content_area {
   margin: 0 auto;
 }

 .shops_content ul li {
   padding: 40px 0;
   border-top: 1px solid #ddd;
   overflow: auto;
 }

 .shops_content ul li .left {
   width: 110px;
   color: #fff;
   background: #9d926d;
   font-size: 100%;
   line-height: 1.2;
   padding: 2px 0;
   margin: 8px 0 0 0;
   text-align: center;
 }

 .shops_content ul li .right {
   width: 900px;
 }

 .shops_content ul li .right h3 {
   font-size: 139%;
   margin: 0 0 10px 0;
 }

 .shops_content ul li .right span.shop_info {
   display: inline-block;
   margin-right: 1em;
 }

 .shops_content ul li .right span.shop_info span {
   color: #9d926d;
   margin-right: 0.5em;
 }

 .shops_content ul li .right a {
   margin: 10px 0 0 0;
   display: inline-block;
 }

 @media screen and (max-width:1024px) {
   #slider div a span.top_main_text_box, .product_main span.top_main_text_box {
     width: 970px;
   }
   .product_layout05, .product_layout05 img {
     width: 100%;
     margin: 0 auto;
   }
   .product_page .product_layout_outer {
     overflow: hidden;
   }
   .product_main div.noteblock span.top_main_text {
     right: 40px;
   }
   .product_main div.fukurotoji span.top_main_text, .product_main div.ground span.top_main_text, .product_main div.kamitaba span.top_main_text, .product_main div.hopping span.top_main_text, .product_main div.layers span.top_main_text {
     left: 40px;
   }
   body.about {
     padding: 0;
   }
   .about .header {
     width: 1024px;
     margin: 0 auto;
   }
   .about_content .about_layout01 .photo01 {
     width: 500px;
     margin-left: 0;
   }
   .about_content .about_layout03 .photo01 {
     width: 680px;
     margin-right: 0;
   }
   .about_layout01 a.link_img div {
     width: 500px;
     height: 350px;
     margin-left: 0;
   }
   .about_content .about_layout03 {
     width: 1024px;
   }
   .about_layout03 a.link_img div {
     width: 680px;
     height: 476px;
   }
   .main_area {
     width: 1024px;
     margin-left: auto;
     margin-right: auto;
   }
   .top_about {
     width: 100%;
   }
 }

 @media screen and (max-width:1024px) {
   html, body {
     width: 1024px;
     position: relative;
   }
   .all_product {
     width: 984px;
     overflow: hidden;
   }
   .content_area {
     width: 984px;
     margin: 100px auto;
     position: relative;
   }
 }

 /* @media screen and (max-width:1100px) {
html, body {
	width: 1100px;
	position: relative;
}
}*/

 @media screen and (max-width:768px) {
   html {
     font-size: 62.5%;
     width: 100%;
   }
   body {
     font-size: 1.4rem;
     line-height: 1.8;
     padding: 0 12px;
     width: 100%;
   }
   .main_area {
     width: 100%;
   }
   .top_about {
     width: 100%;
   }
   .sp_only {
     display: block;
   }
   .pc_only {
     display: none;
   }
   /*----------------------------------*/
   #bar {
     top: 50%;
   }
   #bar span {
     height: 1px;
   }
   /*----------------------------------*/
   .toggle {
     display: block;
     position: fixed;
     top: 0;
     right: 0;
     z-index: 999999;
     width: 34px;
     height: 34px;
     background: url(../img/icon_menu.png) no-repeat;
     background-size: 34px 34px;
   }
   #menu {
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
     overflow: scroll;
     background: #f5f5f5;
     margin: 0;
     padding: 20px;
   }
   .navi {
     width: 100%;
     float: none;
     padding: 20px;
     margin: 0 0 0 0;
     overflow: hidden;
     position: relative;
     left: 0;
   }
   .navi li {
     display: block;
     margin: 0 0 0 0;
     border-left: none;
     border-bottom: 1px solid #ccc;
     line-height: 1;
     vertical-align: middle;
     font-size: 1.4rem;
     box-sizing: border-box;
     width: 100%;
   }
   .navi li span {
     display: none;
   }
   .navi li a {
     display: block;
     padding: 0 0;
     margin: 0;
     padding: 20px 0;
     color: #555;
   }
   .toggle.active {
     background: url(../img/icon_close.png) no-repeat;
     background-size: 34px 34px;
   }
   .navi li.language {
     border-bottom: none;
     background: none;
     width: 90px;
     text-align: center;
     line-height: 40px;
     vertical-align: middle;
     padding: 0 0 0 0;
     margin: 20px 0 0 0;
     display: inline-block;
   }
   .navi li.language a {
     display: inline-block;
     margin-left: 0;
     color: #9d926d;
     border-radius: 20px;
     border: 1px solid #9d926d;
     font-size: 1.4rem;
     width: 90px;
     height: 40px;
     padding: 0;
   }
   .navi li.sns {
     width: 40px;
     height: 40px;
     border-radius: 20px;
     background: #9d926d;
     line-height: 40px;
     vertical-align: middle;
     margin: 20px 0 0 6px;
     display: inline-block;
     text-align: center;
     padding: 6px 0 0 0;
     float: right;
   }
   .navi li.sns a {
     padding: 0;
     width: 40px;
     height: 40px;
     display: block;
   }
   /*----------------------------------*/
   .footer {
     padding: 20px 0;
     margin: 100px 0;
   }
   .footer .left, .footer .right {
     padding-bottom: 0;
   }
   .footer .left p span {
     padding-bottom: 20px;
   }
   .footer .right img {
     display: none;
   }
   #pagetopicon {
     width: 40px;
     right: 15px;
     bottom: 15px;
   }
   /*----------------------------------*/
   .header, .header h1.logo {
     width: 100%;
     text-align: center;
   }
   .header h1.logo img {
     width: 260px;
   }
   .home .header .copy {
     width: 60px;
     top: 260px;
     right: 30px;
     display: none;
   }
   #slider div {
     height: 100%;
     margin: 0;
     padding: 0 0 0 0;
     border-bottom: 62px solid #fff;
     margin-top: -38px;
     background-size: cover;
     position: relative;
   }
   #slider .main_text {
     display: none;
   }
   #slider div span.top_main_text, #slider div.fukurotoji span.top_main_text, #slider div.ground span.top_main_text {
     left: 10px;
     bottom: 15px;
   }
   #slider div.noteblock {
     background-position: -60px 0;
   }
   #slider div.ground {
     background-position: -200px 0;
   }
   #slider div span.top_main_text h2 span.sub {
     font-size: 1rem;
   }
   .slick-dots {
     bottom: 270px;
   }
   .top_product {
     margin-top: 0;
   }
   .top_product a.link_img {
     display: inline;
   }
   .top_product .left {
     width: 100%;
   }
   .top_product .left img {
     width: 100%;
     margin: 0;
     padding: 0;
   }
   .top_product .left img.photo02 {
     padding-right: 0px;
     float: left;
   }
   .top_product .left img.photo03 {
     padding-left: 0px;
     float: right;
   }
   .top_product .left a.link_img div {
     display: none;
   }
   .top_product .right a.link_img div {
     display: none;
   }
   .top_product .right {
     width: 100%;
   }
   .top_product .right img.photo01 {
     width: 100%;
     margin: 10px 0;
   }
   .top_product .copy {
     display: none;
   }
   .top_about .copy {
     display: none;
   }
   .top_product div.text_area, .top_about div.text_area {
     width: 100%;
     position: relative;
     top: 30px;
     left: 0;
     margin: 40px 0;
   }
   .top_about {
     margin: 50px 0 40px 0;
     padding: 0 20px;
   }
   .top_about .lead span.br {
     display: inline;
     margin: 0;
   }
   .top_information, .top_shops {
     width: 100%;
     margin-bottom: 40px;
     margin-top: 0;
   }
   .top_information ul li {
     margin: 0 0 10px 0;
   }
   .top_information ul li span {
     display: block;
     width: 100%;
   }
   .top_shops p br {
     display: none;
   }
   /*----------------------------------*/
   .content_area {
     width: 100%;
     margin: 30px auto;
   }
   .st_english {
     font-size: 2.8rem;
     margin: 6px 0 12px 0;
   }
   .lead {
     font-size: 1.5rem;
     margin-bottom: 80px;
   }
   .text_area .lead {
     font-size: 1.5rem;
     margin-bottom: 30px;
   }
   /*----------------------------------*/
   .product_all_content a.link_img div {
     display: none;
   }
   .product_all_content {
     width: 100%;
   }
   .product_all_content .content_area {}
   h2.page_title {
     position: relative;
     right: auto;
     top: auto;
     text-align: left;
     font-size: 2.4rem;
     margin: 0 0 25px 0;
     padding: 20px 0 0 0;
     border-top: 1px solid #ccc;
   }
   .product_all_content ul li {
     width: 100%;
     padding-right: 0;
     margin: 0 0 40px 0;
     font-size: 1.2rem;
   }
   .product_all_content ul li:nth-child(even) {
     padding-left: 0;
   }
   .product_all_content ul li img {
     width: 100%;
   }
   .product_all_content ul li h3.st_english {
     font-size: 1.7rem;
     margin: 20px 0 10px 0;
   }
   .product_all_content ul li h3.st_jp {
     font-size: 1.5rem;
   }
   .product_all_content ul li .link_more {
     position: absolute;
     bottom: 0;
     right: 0;
   }
   /*----------------------------------*/
   .product_page .header {
     height: auto;
     padding: 20px 0;
   }
   .product_page .header h1.logo {
     text-align: left;
     padding: 0;
     height: auto;
   }
   .product_page .header h1.logo img {
     width: 254px;
   }
   .product_page .main_area {
     height: auto;
     padding: 0;
     overflow: visible;
     /*	padding-bottom: 40px;
	margin-bottom: 40px;*/
   }
   .product_main div {
     height: 460px;
   }
   .product_main div .top_main_text {
     position: relative;
     width: 100%;
     top: 360px;
     left: 0;
   }
   .product_main {
     margin-top: 0;
   }
   .product_main div {
     border-bottom: 128px solid #fff;
   }
   .product_main div.noteblock span.top_main_text {
     right: 0;
   }
   .product_main div.fukurotoji span.top_main_text, .product_main div.ground span.top_main_text, .product_main div.kamitaba span.top_main_text, .product_main div.hopping span.top_main_text, .product_main div.layers span.top_main_text {
     left: 0;
   }
   .product_main div span.top_main_text_box {
     width: 100%;
   }
   .product_main div span.top_main_text h2 span.main, .st_english {
     font-size: 2.4rem;
   }
   .product_main div.fukurotoji span.top_main_text h2 span.main {
     font-size: 2.2rem;
   }
   .product_main div span.top_main_text p.main_text {
     font-size: 1.2rem;
     width: 100%;
   }
   .product_main div span.top_main_text p.main_text br {
     display: none;
   }
   .product_main .copy {
     display: none;
   }
   .product_main div span.top_main_text span.sub {
     display: block;
   }
   .product_layout {
     width: 100%;
     overflow: hidden;
     margin: 0 0 40px 0;
   }
   .product_layout01, .product_layout02, .product_layout03, .product_layout04 {
     width: 100%;
   }
   .product_main .product_layout01 {
     visibility: visible !important;
     filter: alpha(opacity=100) !important;
     -moz-opacity: 1 !important;
     opacity: 1 !important;
   }
   .product_layout .photo01, .product_layout .photo02, .product_layout .photo03 {
     width: 100%;
     float: none;
     margin: 20px 0 0 0;
   }
   .fukurotoji_layout .product_layout01 .photo02 {
     width: 100%;
     ;
     right: auto;
     top: auto;
     position: relative;
   }
   .product_layout01 .text_area, .product_layout02 .text_area, .product_layout03 .text_area, .product_layout04 .text_area {
     position: relative;
     width: 100%;
   }
   .product_layout .text_area {
     margin-top: 30px;
   }
   .product_layout03 .text_area p.lead {
     margin-top: 0;
   }
   .product_layout .copy {
     display: none;
   }
   .product_layout01 p.designer, .product_layout02 p.designer, .product_layout03 p.designer, .product_layout04 p.designer {
     font-size: 1rem;
     margin: 20px 0 0 0;
     text-align: right;
   }
   .product_layout05 {
     display: none;
   }
   /*----------------------------------*/
   .ec_shops {
     padding: 40px 0 0 0;
     border-bottom: none;
   }
   .ec_shops h2 {
     display: block;
     float: none;
     margin-bottom: 20px;
   }
   .ec_shops h2 span.opensans {
     font-size: 2.4rem;
   }
   .ec_shops ul {
     text-align: center;
   }
   .ec_shops ul li {
     display: block;
     float: left;
     width: 100%;
     border: none;
     padding: 0;
     margin-bottom: 10px;
   }
   .ec_shops ul li a {
     display: block;
     width: 100%;
     border: 1px solid #e9e4d2;
     background: #f6f4ee;
     padding: 0 20px;
   }
   .about .ec_shops ul li a {
     border: 1px solid #ccc;
     background: #fff;
   }
   .ec_shops ul li:nth-child(odd) {
     float: left;
     padding: 0 0px 0 0;
   }
   .ec_shops ul li:nth-child(even) {
     float: right;
     padding: 0 0 0 0px;
   }
   .ec_shops ul li:last-child {
     width: 100%;
     padding: 0 0 0 0px;
   }
   .ec_shops ul li a {
     font-size: 1.3rem;
   }
   .ec_shops ul li.tel a {
     font-size: 2.0rem;
     font-weight: bold;
   }
   .ec_shops ul li:last-child {
     width: 100%;
     padding: 0 0 0 0px;
   }
   .product_all .ec_shops, .shops .ec_shops {
     margin-bottom: 20px;
   }
   /*----------------all_product------------------*/
   .all_product a.link_img div {
     display: none;
   }
   .all_product {
     padding: 40px 0;
     border-top: 1px solid #ccc;
     width: 100%;
   }
   .all_product h2 {
     margin: 0 0 24px 0;
   }
   .all_product ul li {
     display: block;
     width: 100%;
     margin: 0 0 20px 0;
   }
   .all_product {
     width: 100%;
     overflow: hidden;
   }
   .all_product ul {
     width: 100%;
     margin: 0 0 0 0;
   }
   .all_product ul li img {
     width: 100%;
   }
   .all_product ul li h3.st_english {
     font-size: 1.8rem;
     margin: 20px 0 8px 0;
   }
   .all_product ul li h3.st_jp {
     font-size: 1.6rem;
   }
   .all_product ul li p {
     font-size: 1.2rem;
   }
   .all_product span.slider_innter {
     display: none;
   }
   /*----------------about------------------*/
   .about .header {
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
   }
   .about_content {
     width: 100%;
     padding: 20px;
     background-position: 0 -180px;
   }
   .about_content .copy_area {
     height: 300px;
   }
   .about_content .copy_area .copy {
     right: 10px;
     top: 10px;
   }
   .about_content .about_layout01, .about_content .about_layout02, .about_content .about_layout03, .about_content .about_layout04 {
     width: 100%;
     margin-bottom: 0;
   }
   .about_content a.link_img div {
     display: none;
   }
   .about_content .about_layout01 .photo01, .about_content .about_layout02 .photo01, .about_content .about_layout02 .photo02, .about_content .about_layout03 .photo01, .about_content .about_layout04 .photo01 {
     width: 100%;
     float: none;
     margin: 20px 0 0 0;
   }
   .about_content .about_layout01 .text_area, .about_content .about_layout02 .text_area, .about_content .about_layout03 .text_area, .about_content .about_layout04 .text_area {
     width: 100%;
     float: none;
     margin: 40px 0 0 0;
   }
   .about_content .about_layout01 .text_area .lead span {
     display: inline;
     margin-left: 0;
   }
   .about_content .about_layout04 .text_area p.body_text {
     text-align: left;
   }
   .about .footer {
     padding-left: 20px;
     padding-top: 20px;
     margin-top: 0;
     border-top: none;
   }
   .about_content .ec_shops {
     margin-top: 40px;
   }
   /*----------------Information------------------*/
   .information_content {
     width: 100%;
   }
   .information_content ul li {
     padding: 20px 0;
   }
   .information_content ul li .left {
     width: 100%;
     font-size: 1.4rem;
     float: none;
   }
   .information_content ul li .right {
     width: 100%;
     float: none;
   }
   .information_content ul li .right h3 {
     font-size: 1.6rem;
   }
   .information_content ul li .right a {
     margin: 10px 0 0 0;
     display: inline-block;
   }
   /*----------------Shops------------------*/
   .shops_content {
     width: 100%;
   }
   .shops_content ul li {
     padding: 20px 0;
   }
   .shops_content ul li .left {
     width: auto;
     display: inline-block;
     margin: 0 0 10px 0;
     padding: 2px 6px;
     font-size: 1.4rem;
     float: none;
   }
   .shops_content ul li .right {
     width: 100%;
     float: none;
   }
   .shops_content ul li .right h3 {
     font-size: 1.6rem;
   }
   .shops_content ul li .right a {
     margin: 10px 0 0 0;
     display: inline-block;
   }
   .shops_content ul li .right p {
     margin-bottom: 10px;
   }
   .shops_content ul li .right span.shop_info {
     display: block;
     margin-right: 0;
   }
 }

 .about_content .about_layout01 {
   position: relative;
 }

 .about_content .about_layout01 .oya01 {
   width: 100%;
   margin-left: 0px;
 }

 .about_content .about_layout01 p.comment01 {
   position: absolute;
   /*絶対配置*/
   color: #000;
   /*文字は黒に*/
   bottom: 0;
   left: 0;
   width: 500px;
   padding: 10px 30px;
   background-color: rgb(255, 255, 255, .8);
   font-size: 1.25em;
   line-height: 1.5;
 }

 .about_content .about_layout02 {
   position: relative;
   right: 0;
 }

 .about_content .about_layout02 .oya02 {
   width: 100%;
   margin-left: 0px;
 }

 .about_content .about_layout02 p.comment02 {
   position: absolute;
   /*絶対配置*/
   color: #000;
   /*文字は黒に*/
   bottom: 0;
   left: 0;
   width: 320px;
   padding: 10px 30px;
   background-color: rgb(255, 255, 255, .8);
   font-size: 1.0em;
   line-height: 1.5;
 }

 @media screen and (max-width: 768px) {
   .about_content .about_layout01 p.comment01 {
     position: absolute;
     /*絶対配置*/
     color: #000;
     /*文字は黒に*/
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 10px 30px;
     background-color: rgb(255, 255, 255, .8);
     font-size: 1.0em;
     line-height: 1.5;
   }
 }