@charset "UTF-8";

body {
  font-family: 'Source Sans Pro', 'Noto Sans JP', sans-serif;
  color: #333333;
  transition: z-index 0ms 5.28455ms;
  background: #fff;
  margin: 0;}
ul{list-style: none;} 
a{color:#333333; text-decoration: none;} 
    
.headerArea{margin: 0; padding: 15px 0 0;  color:#333333;}


/*header NAVI*/      
.drawerMenu{position: relative; margin:15px 20px 0;}
.nav-unshown{display: none;}
 
.menu-btn{
  cursor: pointer;
  display:block;
  width: 30px;
  height: 22px;    
     }
.menu-btn span, .menu-btn span:before, .menu-btn span:after{
  position: absolute;
  height: 2px;
  width: 25px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  z-index: 4;    
}
    
.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  bottom: -8px;
}
    
.overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;    
}
.naviArea {
  background: #ffffff;
  color: #333333;
  max-width: 100%;
  width: 70vw;
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: -70vw;
  z-index: 3;
  line-height: 2.5em; 
  padding-top:60px;
  padding-left: 25px; 
  font-size: 15px;    
}
.nav-unshown:checked ~ .overlay {opacity: 0.3; pointer-events: auto;}
.nav-unshown:checked ~ .menu-btn span{background: transparent;}
.nav-unshown:checked ~ .menu-btn span:before{-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); top: 0;}   
.nav-unshown:checked ~ .menu-btn span:after{-webkit-transform: rotate(45deg);
    transform: rotate(45deg); top: 0;}    
.nav-unshown:checked ~ .naviArea {left: 0;} 
.overlay, .naviArea {-webkit-transition: all 0.7s; transition: all 0.7s;}
    
.navi-title{margin-top:10px; color:#777777; font-size:14px;}
.navi-list{padding-bottom:10px; border-bottom:solid 1px #ccc; width:75%; }
.navi-list-2{margin-top: 10px;}

    
    
/*HEADER-LOGO*/    
.headerLogo {padding-left: 20px;
             padding-right: 20px;
             text-align: center; }    
.headerLogo img {width: 25%;}
.headerLogo a {
      display: inline-block;}
.headerLogo a:hover {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }   


.headerLogo-proposal {padding-left: 20px;
             padding-right: 20px;
             text-align: center; }    
.headerLogo-proposal img {width: 25%;}
.headerLogo-proposal a {
      display: inline-block;}
.headerLogo-proposal a:hover {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }    


.headerLogo p {
      display: inline-block;}

/*main-common*/
.mainArea{margin: 0 auto; width: 100%; max-width: 1130px; padding:60px 20px 0;} 
.under-line{border-bottom: solid 1px #006dcc;}
.link-color a{color:#006dcc;  text-decoration: underline;}
.link-color a:visited{color:#006dcc;}
.link-color a:hover{color:#00709a; text-decoration: underline;}
.link-color-n a{color:#006dcc;}
.link-color-n a:visited{color:#006dcc;}
.link-color-n a:hover{color:#00709a; text-decoration: none;}

/*TOPPAGE-main*/
.mainArea-top{margin: 0 auto; width: 100%; padding-top:60px;} 
.topItem{text-align: center; margin-bottom:180px;}
.topItem h1, .topItem h2{font-size:26px; font-weight: 600; color:#111111; margin-top: 30px;}   
.topItem h1 span, .topItem h2 span{font-size:16px; font-weight: 500; color:#111111;}
.topItem h3{margin:40px 0; font-size:22px; font-weight: 400;}
.topItem .good-design{width:180px;}    
.topItem .detail-btn-bg{display: block; margin:0 auto; margin-top: 40px; padding:10px; background: #60ae2b; border-radius:3px; width:200px; color:#fff!important;}  
.topItem a:hover{background-color: #4ba53a;}

.topItem .tempo-t{margin:40px auto; font-size:20px; color:#60ae2b;}

.banner-area{text-align:center; margin:80px auto;} 
.banner-area .banner-btn{display: flex; margin: 40px auto; border:5px solid #c1ab05; border-radius:2px; height:100px; width:90%; align-items:center;}
.banner-area .banner-btn img{margin-left:5%; height:60px;}
.banner-area .banner-btn p{margin-left:10%; height:60px; font-size:20px; color:#333; letter-spacing:0.3em;}
.banner-area .banner-btn span{font-size:14px; color:#777; letter-spacing:0.15em;}



/*TOPPAGE-NEWS*/
.ec-secHeading {
   margin-bottom: 30px;
   color: black;  text-align: center;}
.ec-secHeading .ec-secHeading__en {
    font-size: 18px;
    letter-spacing: .2em; }
.ec-secHeading .ec-secHeading__line {
    display: inline-block;
    margin: 0 20px;
    width: 1px;
    height: 14px;
    background: black; }
.ec-secHeading .ec-secHeading__ja {
    font-size: 15px;
    letter-spacing: .15em;
    vertical-align: 2px; }  
  

 .morebtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  margin-top: 10px;     
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: white;
  background-color: black;
  border-color: black; } 
.ec-newsRole {
   padding: 40px 20px 0; }
.ec-newsRole .ec-newsRole__news {
    box-sizing: border-box; }
.ec-newsRole .ec-newsRole__newsItem {
    width: 100%; }
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
      border-bottom: 1px solid #ccc; }
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
      margin-bottom: 20px; }
.ec-newsRole .ec-newsRole__newsHeading {
    cursor: pointer; }
.ec-newsRole .ec-newsRole__newsDate {
    display: block;
    margin: 15px 0 5px;
    font-size: 12px;
    color: black; }
.ec-newsRole .ec-newsRole__newsColumn {
    display: -ms-flexbox;
    display: flex; }
.ec-newsRole .ec-newsRole__newsTitle {
    display: inline-block;
    margin-bottom: 10px;
    width: 90%;
    font-size: 14px;
    line-height: 1.6; }
.ec-newsRole .ec-newsRole__newsClose {
    display: inline-block;
    width: 10%;
    position: relative; }
.ec-newsRole .ec-newsRole__newsCloseBtn {
    display: inline-block;
    margin-left: auto;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background: black;
    cursor: pointer;
    position: absolute;
    right: 5px; }
.ec-newsRole .ec-newsRole__newsDescription {
    display: none;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.6;
    overflow: hidden; }
.ec-newsRole .ec-newsRole__newsDescription p {
      padding-bottom: 25px;}   
.ec-newsRole .ec-newsRole__newsDescription a {
      color: #3d9be9;}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 0 0 10px; }
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
    display: inline-block;
    transform: rotateX(180deg) translateY(2px); }


/*English PAGE*/
.en-header-space{margin-top:37px;}
.topItem-en img{width:90%;}
.topItem-en li{text-align:center; padding-bottom:100px; vertical-align: top;}   
.topItem-en .large-en{font-size:26px; font-weight: 600; color:#111111; padding-bottom: 20px;}   
.topItem-en .detail-en{font-size:20px; color:#006dcc;} 
.detail-en a{color:#006dcc;}
.detail-en a:visited{color:#006dcc;}
.detail-en a:hover{color:#00709a; text-decoration: none;}
.mainBlock .mainBlock-text-en{padding-bottom: 15px; margin-top:50px; text-align: left;}
.mainBlock .mainBlock-text-en-2{padding-bottom: 15px; text-align: left;}
.mainBlock .larger-en{font-size:2em; font-weight: 400; margin-top:50px; padding-bottom: 20px; } 
.mainBlock .m-space-en{padding-top: 30px; text-align: center; font-size:20px;}
.colorBlock li{display: inline-block; width:49%; padding-bottom:20px; text-align: center;} 
.galleryBlock .g-title-en{margin:10px auto; font-weight: 600; color:#111111; font-size: 16px; line-height: 1.5em;}
.footerBlock .font-en{font-size:16px;} 
.footerBlock-en{text-align: center;} 
.mainBlock .mainBlock-text-en-tempo{font-size:20px; margin-top:80px; text-align: center;}
.mainBlock .mainBlock-text-en-tempo img{width:35px; padding-right:10px;}
.mainBlock .tempo-en{font-size:28px; color:#60ae2b; padding-bottom: 15px; margin-top:80px; text-align: center;}
.mainBlock .about-title{font-size:22px; font-weight: 400; text-align: center; padding-bottom:0;}    
.planBlockItem h3{font-size: 22px; font-weight: 600;}
.planBlockItem .pricesize-en{font-size: 18px; margin:10px auto 15px;}




/*proposal*/ 
.planItem h1{font-size:26px; font-weight:600; color:#111111; text-align: center; margin-bottom:40px;}
.planItem .pro-space{margin-top: 30px; text-align: center;}
.planBlock{text-align: center; margin-top: 50px;} 
.planBlock .p-space{margin-bottom: 20px;} 
.planBlock .Proposal-title{font-size: 26px; color:#4ba53a; line-height: 2em;}
.planBlock .Proposal-subtitle{font-size: 16px; color:#666; padding-bottom: 30px;}/*60pxから30pxに変更*/ 
.planBlockItem{padding-bottom:50px; text-align: center;}/*100pxから50pxに変更*/
.planBlockItem-last{margin-bottom:100px; text-align: center;}
.planBlock h2{font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 18px; padding-bottom:0px; text-align: center;}
.planBlock p{font-size: 12px; text-align: center;} /*line-height: 2em;削除*/
.planBlock .plan-price{font-size: 18px; padding-bottom:10px;}
.planBlock ul{display: flex; flex-wrap: wrap;　-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items: flex-end;}
.planBlock ul:after {content: ""; display: block; width: 45%; height: 0;}
.planBlock li{width:45%;} 
.planBlock .kakomi{padding:5px; background: #f5f5f5; border-radius:3px; }
.planBlock img{width:100%; margin-top: 20px;}
.planBlock .list-btn{display: block; margin:0 auto; margin-top:15px; padding:10px; background: #60ae2b; border-radius:3px; width:220px; color:#fff!important;}  
.planBlockItem .hispace{margin-top:30px; font-size: 13px;}
.planItem .jp-title{font-size:24px; font-weight:400; color:#111111; text-align: center;}
.planBlock .Proposal-title-1{font-size: 20px; color:#4ba53a; margin-bottom:15px;}
.planBlock .Proposal-title-2{font-family:'Noto Sans JP'; font-size: 18px; font-weight:500;}
.planBlockItem-plus{padding-bottom:5px; text-align: center;}
.planBlock .plus{font-size: 35px; margin-bottom:0px;}
.planBlock .solo{width: 45%; margin:0 auto;}
.planItem .subtitle{font-size: 20px; color:#4ba53a; text-align:center; margin-bottom:20px;}
.planItem .subtitle-black{font-size: 20px; text-align:center; margin-bottom:30px;}
.planBlock .show-or{font-size: 20px; margin:10px auto;}

.planBlock .two-items p{font-size: 15px;} 
.planBlock .two-items .two-items-title{font-size: 12px; font-weight: 600; height:30px;} 
.planBlock .two-items span{font-size: 15px; font-weight: 400;} 

.planBlock .h2-space{margin-bottom:10px;} 

/*tc3*/ 
.planItem-2 h1{font-size:24px; font-weight:400; color:#111111; text-align: center;}
.planItem-2 .pro-space{margin-top: 30px; text-align: center;}
.planBlock-2{text-align: center; margin-top: 50px;} 
.planBlockItem2{padding-bottom:150px; text-align: center;}
.planBlock-2 h2{font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 18px; padding-bottom:10px; text-align: center;}
.planBlock-2 p{font-size: 12px; line-height: 2em; text-align: center;}
.planBlock-2 .plan-price{margin: 5px auto 10px ; font-size: 18px;}
.planBlock-2 li{display: inline-block; width:24%; vertical-align: top;} 
.planBlock-2 img{width:90%; margin-top: 20px;}



/*landingpage*/       
.landingItem{text-align: center;}
.landingItem h1{font-size:22px; font-weight: 400; color:#111111;}
.landingItem img{width:100%; margin-top: 20px;}
.landingBlock{margin:20px auto;}
.landingBlock img{width:90%;}
.landingBlock li{text-align:center; padding-bottom:50px;}    
.landingItem .f-space{margin:50px auto 80px; line-height: 2em;}
.landingBox li{margin-bottom: 10px;}
.landingBox p{margin-top: 5px;}
.landing-link{margin-top: 80px;}
.landing-link li{margin:40px auto;}
.landing-link .f2-space{margin-top:100px;}
.landing-link li p{line-height: 2.5em;}
.landing-link a{color:#006dcc;  text-decoration: underline; font-size: 12px;}
.landing-link a:visited{color:#006dcc;}
.landing-link a:hover{color:#00709a; text-decoration: underline;}
.landing-mainBlock{margin-bottom: 150px;} 
.landingItem h2{font-size:20px; font-weight: 400; text-align: center; margin-top: 100px;}
.landing-mainBlock p{line-height: 1.8em; padding-bottom: 15px; margin-top:70px;}    
.landing-mainBlock img{width:100%; margin-top: 50px;}
.landing-mainBlock .detail-btn-bg{display: block; margin:0 auto; margin-top: 50px; padding:10px; background: #60ae2b; border-radius:3px; width:200px; text-align: center;color:#fff!important; text-decoration: none;}
.landing-mainBlock a:hover{background-color: #4ba53a;}
/*new-landingpage*/ 
.nlandingItem h1{font-size:22px; font-weight: 400; color:#111111; text-align: center; margin-bottom: 40px;}
.nlandingItem h2{font-size:20px; font-weight: 400; text-align: center; margin:80px auto 40px;}
.nlandingItem p{line-height: 1.8em; padding-bottom: 5px;}  
.nlandingItem img{margin-bottom: 5px; width: 100%;}  
.nlandingItem .pp-img{width:85%; display:block; margin: 0 auto;  margin-top: 50px; margin-bottom: 40px;}

.nlandingItem blockquote {
    position: relative;
    padding: 10px 0 10px 50px;
    box-sizing: border-box;
    color: #555555;
    margin-top:30px;
}

.nlandingItem blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "“";
    font-family: 'Noto Sans JP';
    color: #555555;
    font-size: 50px;
    line-height: 1.5;
}

.nlandingItem blockquote p {
    padding: 0;
    margin: 10px 0px;
    line-height: 1.8em;
}

.nlandingItem blockquote cite {
    display: block;
    text-align: right;
    color: #777777;
    font-size: 0.9em;
    padding-right:10px;
    line-height: 1.5em;
}

.nlandingItem .l-small{font-size: 0.9em; line-height: 1.5em;}
.nlandingItem .nlalign{text-align: center; padding-top: 20px;}
.nlandingItem .store-btn-bg{display: block; margin:0 auto; margin-top: 80px; padding:10px; background: #60ae2b; border-radius:3px; width:200px; text-align: center;color:#fff!important; text-decoration: none;}
.nlandingItem .imgsize{width:100%; margin:50px auto 0}
.nlandingItem .imgspace{margin-top: 100px;}      
.nlandingItem .nl-space{padding-top: 100px;}
.nlandingItem .nl-space2{padding-top: 30px;}
.nlandingItem h3{font-size:20px; font-weight: 400; line-height: 1.8em; text-align: center; margin:100px auto 40px;}



/*furusato*/       
.furusatoItem{text-align: center;}
.furusatoItem h1{font-size:24px; font-weight: 400; margin-bottom: 50px; }
.furusatoContent{margin:20px auto 80px; text-align: left;}
.furusatoContent p{margin-bottom: 20px; line-height: 1.8em;}
.furusatoBlock{margin:20px auto;}
.furusatoBlock p{font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 15px; line-height: 1.8em;}
.furusatoBlock span{font-weight: 400; color:#333333;}
.furusatoBlock img{width:90%;}
.furusatoBlock li{text-align:center; padding-bottom:40px;}    
.furusatoItem .f-space{margin:20px auto 50px;}
.furusatoItem .f-line{line-height: 2em;}
.furusatoBox li{margin-bottom: 10px;}
.furusatoBox p{margin-top: 5px;}
.furusatoBox .f3-space{margin-bottom: 40px;}
.furusato-mainBlock{margin:80px auto 150px;}
.furusato-mainBlock p{font-size:20px; font-weight: 400; text-align: center;}
.furusato-mainBlock img{width:100%; margin-top: 50px;}
.furusato-link{margin-top: 80px;}
.furusato-link li{margin:60px auto;}
.furusato-link .f2-space{margin:70px auto 50px;}
.furusato-link li p{line-height: 3em;}
.furusato-link a{color:#006dcc;  text-decoration: underline; font-size: 12px;}
.furusato-link a:visited{color:#006dcc;}
.furusato-link a:hover{color:#00709a; text-decoration: underline;}
.furusato-link2 a{color:#006dcc;  text-decoration: none; font-size: 12px;}
.furusato-link2 a:visited{color:#006dcc;}
.furusato-link2 a:hover{color:#00709a; text-decoration: none;}
.furusato-link2 .rakutenbanner{height:50px;}
.furusato-list{text-align: left;}
.furusato-list p{margin-bottom: 20px; line-height: 1.8em;}
.furusato-list table{border-collapse: collapse; margin: 50px auto; text-align:center;}
.furusato-list th {border-bottom: 1px solid #ccc; padding: 1em 0.5em; font-weight:400; font-size:12px;} 
.furusato-list th:first-child{border-right: 1px solid #ccc; text-align:left;}
.furusato-list td {padding: 0.8em 0.5em; font-size:13px;} 
.furusato-list td:first-child{border-right: 1px solid #ccc; font-size:12px; text-align:left;}

.furusato-link .f-image img{margin:20px auto; width:90%;}

/*furusatolink*/ 
.furusatolinkItem{margin:0 auto;}
.furusatolinkItem h1{font-size:20px; font-weight:400; text-align: center;}
.furusatolinkItem .link{margin-top: 30px;}
.furusatolinkBlock{margin-top:60px;}
.furusatolinkBox h2{font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 18px; padding-bottom:10px; text-align: center;}
.furusatolinkBox p{font-size: 12px; line-height: 2em; text-align: center;}
.furusatolinkBox ul{display: flex; flex-wrap: wrap;　-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.furusatolinkBox ul:after {content: ""; display: block; width: 45%; height: 0;}
.furusatolinkBox li{width:45%;} 
.furusatolinkBox img{width:100%; margin-top:20px;}
.furusatolinkBox{padding-bottom:100px;} 
.furusatolinkBox .small-name{font-size:10px;} 
.furusatolinkBox .fnumber{font-size:18px;} 

.furusatolinkItem .sitename{text-align: center; padding-top:20px;}
.furusatolinkBlock .space{margin:150px auto 200px;}
.proposal-furusato h2{font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 18px; margin-bottom:20px; text-align: center;}
.proposal-furusato .container{margin-bottom:20px;} 
.proposal-furusato .containerA{margin;20px;} 
.proposal-furusato .containerA ul{margin:0; padding:0; display: flex; flex-wrap: wrap;　-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.proposal-furusato li{width:45%;} 
.proposal-furusato .containerA .content{margin-top:30px; font-size: 14px; text-align: center;}
.proposal-furusato img{width:100%; margin-top:30px;}
.proposal-furusato .size{width:90%; padding-left:10px;}


/*Gallery*/       
.galleryItem{text-align: center;}
.galleryItem h1{font-size:26px; font-weight: 600; color:#111111;}
.galleryItem h1 span{font-size:16px; font-weight: 500; color:#111111;}
.galleryItem h2{font-size:22px; font-weight: 400; color:#111111; margin:50px auto 60px;}
.galleryBlock{margin:20px auto;}
.galleryBlock img{width:90%;}
.galleryBlock li{text-align:center; padding-bottom:80px; vertical-align: top;}    
.galleryBlock .g-title{margin:10px auto; font-family:'Noto Sans JP'; font-weight: 500; color:#111111; font-size: 15px; line-height: 2em; }
.galleryBlock .g-title span{font-weight: 400; color:#333333;}
.galleryBlock .g-caption{font-size:0.9em; }
.galleryItem a{color:#006dcc;}
.galleryItem a:visited{color:#006dcc;}
.galleryItem a:hover{color:#00709a; text-decoration: none;}
.btn-area .detail-btn-bg{display: block; margin:0 auto; margin-top: 40px; padding:10px; background: #60ae2b; border-radius:3px; width:200px; color:#fff!important;}  



.basket-video{margin-bottom: 100px;}


/*color-order*/       
.color-order-Item{text-align: center;}
.color-order-Item h1{font-size:30px; font-weight:600; color:#111111; padding-bottom: 35px;}
.color-order-Item .em-large{font-size:22px; padding-bottom:15px;}
.order-contents{display: block; margin:0 auto; margin-top: 50px; padding:20px 20px; border:1px solid #777; border-radius:3px; width:460px; text-align: left; line-height: 1.8em;}
.order-contents a{text-decoration: underline;}
.order-process{margin: 80px auto;}
.order-example{margin: 20px auto; width:80%;}
.order-example img{width:100%;}
.order-example li{display: inline-block; width:49%;  text-align:center; vertical-align: top; padding-bottom:20px;}   
.color-order-Item h2{font-family:'Noto Sans JP';　font-size:16px; font-weight: 500; margin-bottom: 30px;}
.color-name-space{padding-bottom:35px;}
.color-name-Block{padding-left:15%;}
.color-name-Block ul{display: inline-block; width:30%; line-height: 1.8em;}
.color-name-Block li{text-align:left; }
.border-explain{margin: 20px auto;}
.border-explain img{width:50%;}

/*stores*/       
.storesItem{text-align: center;}
.storesItem h1{font-size:30px; font-weight:600; color:#111111; padding-bottom: 35px;}
.storesItem .em-large{font-size:22px; padding-bottom:35px;}
.storesItem .space{padding:12px 0 15px;}
.storeBlock{margin: 20px 0;}
.storeBlock img{width:80%;}
.storeBlock li{display: inline-block; width:49%;  text-align:center; vertical-align: top; padding-bottom:20px;}    
.storesItem h2{font-size:16px; font-weight: 400; margin: 110px 0 80px;}
.shopbanner img{padding:15px 0; width:300px;}
.shopbanner .store-img-1{padding:10px 0 20px; width:230px;}
.shopbanner .store-img-2{padding:10px 0 35px; width:230px;}
.store-btn-bg-2{display: block; margin:0 auto; margin-top: 50px; padding:20px 10px; font-size:18px; background: #60ae2b; border-radius:3px; width:300px; text-align: center; color:#fff!important; text-decoration: none;}
.btn-area a:hover{background-color: #4ba53a;}

/*PRODUCT*/       
.productItem h1{font-size:26px; font-weight:600; color:#111111; text-align: center;}
.productItem h1 span{font-size:16px; font-weight: 500; color:#111111;}
/*PRODUCT-ABOUT bandc-common*/  
.mainBlock{margin:30px 0 150px;} 
.mainBlock h2{font-size:20px; font-weight: 400; text-align: center;}
.mainBlock .mainBlock-text{padding-bottom: 15px; margin-top:70px;}
.mainBlock p{line-height: 1.8em; padding-bottom: 15px;}    
.mainBlock img{width:100%; margin-top: 50px;}
.mainBlock .pp-img{width:85%; display:block; margin: 0 auto;  margin-top: 50px; margin-bottom: 80px;} 
.store-btn-bg{display: block; margin:0 auto; margin-top: 50px; padding:10px; background: #60ae2b; border-radius:3px; width:200px; text-align: center;color:#fff!important; text-decoration: none;}
.mainBlock a:hover{background-color: #4ba53a;}
.link-color-n a:hover{background-color: #fff;}
.mainBlock .m-space{padding-top: 30px; text-align: center;}

.mainBlock blockquote {
    position: relative;
    padding: 10px 0 10px 50px;
    box-sizing: border-box;
    color: #555555;
    margin-top:30px;
}

.mainBlock blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "“";
    font-family: 'Noto Sans JP';
    color: #555555;
    font-size: 50px;
    line-height: 1.5;
}

.mainBlock blockquote p {
    padding: 0;
    margin: 10px 0px;
    line-height: 1.8em;
}

.mainBlock blockquote cite {
    display: block;
    text-align: right;
    color: #777777;
    font-size: 0.9em;
    padding-right:10px;
    line-height: 1.5em;
}

.mainBlock .tempo-t{margin:50px auto; font-size:20px; color:#60ae2b; text-align:center;}
.mainBlock .mainBlock-text-small{font-size:12px;}
.mainBlock .top-space{margin-top:70px;}
.mainBlock .top-space2{margin-top:100px;}




/*product page contents*/ 
.mainBlock .newrelease{font-size:42px; font-weight: 400; color: #555555; text-align: center; margin:80px 0;}
.mainBlock ul{list-style: none; padding: 0; margin:0;}
.mainBlock .cBox,.psBox{display: inline-block; text-align:center; width:49%; margin-top:10px;}
.psBox{width:99%; margin-top:10px;}
.mainBlock .cBox img{margin-top: 5px;}
.mainBlock .top{vertical-align:top;}

.mainBlock .t-font{font-size:24px; color:#111111;}
.mainBlock .tnum{font-size:15px; margin-top:30px;}
.mainBlock .tnum2{font-size:20px; margin-bottom: 15px;}
.mainBlock .tName-n{display: inline-block; height: 60px; line-height: 1.5em; vertical-align: top; font-size: 13px;}
.mainBlock .cBox .t-font-small{font-size:12px;}
.mainBlock .tDetail{display: inline-block; height: 65px; line-height: 1.5em; vertical-align: top;} 
.mainBlock .t-space{margin-top: 60px;}
.mainBlock .t-space2{margin-bottom: 60px;}
.mainBlock .tName-n2{display: inline-block; height: 65px;  line-height: 1.5em; vertical-align: top; font-size: 12px;}  
.mainBlock .pName{vertical-align: top; font-size: 15px;}
.mainBlock .pName-small{font-size: 13px; line-height: 1.6em;}
.mainBlock .pName-n{vertical-align: top; font-size: 13px;}


.mainBlock .ntempo{margin-top:30px; font-size:20px; color:#60ae2b; text-align:center;}


/*ABOUT bandc*/ 
.mainBlock .about-title{font-size:22px; font-weight: 400; text-align: center; padding-bottom:0;}    
.mainBlock dl{padding-bottom: 15px; margin-top:70px; line-height: 1.8em;}   
.mainBlock dt{margin:0;}
.mainBlock dd{margin:0 0 20px;}   


 
/*SUPPORT-telephone-common*/    
.support-inner {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.support-inner h1{padding-bottom:30px; font-weight: 400; font-size:22px;}
.support-inner p{font-size:16px; padding-top:30px; line-height: 1.8em;}
.support-inner .tel-large{font-size:18px; margin-top:40px;}
.support-inner .tel-space-1{padding-top:20px;}  
.support-inner .tel-space-2{margin:30px 0;} 

    .supportItem{margin:40px auto; padding:20px 10px 25px; border:solid 1px #ccc; border-radius:10px; width:90%;}    
    .supportItem img{width:50px;}
    .supportItem h2{font-size:18px; font-weight: 400; margin-top:5px;}
    .supportItem p{font-size:13px; line-height: 1.8em; padding:0; margin-top:10px;}


 /*FAQ*/   
.acbox {
    margin: 0 auto;
    padding: 0;
    max-width: 800px;
    line-height: 1.5em;
}
.acbox h1{padding-bottom:30px; font-weight: 400; font-size:18px;}   
.acbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    border-bottom:solid 1px #ccc;
    cursor :pointer;
    font-weight: normal;
}
.acbox label:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 8px;
}
.acbox label:hover {
    background :#f5f5f5;
}
.acbox input {
    display: none;
}
.acbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.cssacc:checked + label:before {
    content: "\f078";
}
.acbox .green{color:#60ae2b;}      
.accshow p{line-height: 1.8em; padding:10px 0 20px;}    
.accshow a{color:#006dcc;}
.accshow a:visited{color:#006dcc;}
.accshow a:hover{color:#00709a; text-decoration: none;}
.accshow li{text-align: center; vertical-align: middle;}
.accshow img{padding:15px 0; width:300px;}
.accshow .store-img-1{padding:10px 0 20px; width:230px;}
.accshow .store-img-2{padding:10px 0 35px; width:230px;}

 /*pricelist&manual*/   
.list-area{margin: 0 auto; width: 100%; text-align: center;}
.list-title{font-size: 14px; padding:20px;}
.list-area img{border: solid 1px #ccc; width:98%;} 
.list-btn{display: block; margin:0 auto; margin-top: 40px; padding:10px; background: #60ae2b; border-radius:3px; width:220px; color:#fff!important;}  
.list-btn-area a:hover{background-color: #4ba53a;}

.list-area-m{margin: 0 auto; width: 100%; text-align: center; padding-top: 20px;}
.list-title-m{font-size: 16px; padding:20px;}
.m-en{font-size: 16px;}

 /*media*/   
.media-area{margin: 0 auto; width: 100%; text-align: center;}
.media-title{font-size: 14px; padding:20px auto 40px;}
.media-area img{width:98%;} 


.list-area-m{margin: 0 auto; width: 100%; text-align: center; padding-top: 20px;}
.list-title-m{font-size: 16px; padding:20px;}
.m-en{font-size: 16px;}


/*FOOTER*/      
.footerArea{color: #333333;
            font-size: 13px;
            padding-top:20px; 
            padding-bottom: 5px; 
            margin-top: 100px; 
            background: #f8f9fa; 
            width:100%; 
            height:auto;}
.footerArea a {color: #333333;}
.footerArea a:visited{color:#333333;}
.footerArea a:hover{text-decoration: underline; }   
.footerSns{text-align: center;} 
.footerSns p{ font-size: 16px; letter-spacing: 0.1em; font-weight: 600; padding-bottom:30px;}  
.footerSns-list{list-style: none; padding:0; margin:0; margin-bottom: 30px; font-size: 14px;}
.footerSns-list li{display:inline-block; padding-right:30px; vertical-align:top;} 
.footerSns-list li img{width:22px; padding-top:1px;} 
.footerSns-list li:last-child{padding-right:0;} 
.footerBlock{line-height: 2.5em;     
             padding-left:20px;
             padding-right:20px;
             display: -ms-flexbox;
                 display: flex;
             -ms-flex-wrap: wrap;
                 flex-wrap: wrap;
vertical-align: bottom;}
.footerBlock_item{margin-bottom: 4%;
                   width: 48%;
                   height: auto; }
.footerBlock_item:nth-child(odd) {margin-right: 4%; }     
.footerBlock .en-font{font-size:15px;}
.footer-list-title{color:#777777;}
.footer-list{list-style: none; padding:0; margin: 0;}
.footer-list li{padding:0;}  
.footerSubContents{font-size: 12px; line-height:1.8em; margin-bottom:35px;}  
.footerNavi{list-style: none; padding:0;}    
.footerNavi li{display:inline-block; padding-right:15px;}  

/*GOTOTOP*/ 
.ec-blockTopBtn {
  display:none;
  position: fixed;
  width: 50px;
  height:50px;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
  color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  background-color: #9da3a9; }    
 
.arrow {
    width: 20px;
    height: 20px;
    display:  block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(-45deg);
    position:  absolute;
    top:10px;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
}  

/*PC-TOPPAGE-main*/  
@media only screen and (max-width:480px ){ 
.topItem .bg1{background-image: url(img/basket-img51.jpg);background-position:100% 50%; background-size: cover; min-height: 45vh;
        background-repeat: no-repeat;}    
.topItem .bg2{background-image: url(img/tc-img51.jpg);background-position:35% 50%; background-size: cover; min-height: 45vh;
        background-repeat: no-repeat;}    
.topItem .bg3{background-image: url(img/phone_img51.jpg);background-position:40% 40%; background-size: cover; min-height: 40vh;
        background-repeat: no-repeat;} 
.topItem .bg4{background-image: url(img/ap-img-4.jpg);background-position:40% 40%; background-size: cover; min-height: 40vh;
        background-repeat: no-repeat;}    
    
}

@media only screen and (min-width:481px ){   
.topItem h1, .topItem h2{font-size:32px;}  
.topItem h1 span, .topItem h2 span{font-size:18px;}
.topItem h3{font-size:28px; margin:30px 0;}
.topItem .img-size{width:100%; height:50vw;}
    .topItem .bg1{background: url(img/basket-img51.jpg) 50% 60% no-repeat; background-size: 100% auto;}  
    .topItem .bg2{background: url(img/tc-img51.jpg) center center no-repeat; background-size: 100% auto;} 
    .topItem .bg3{background: url(img/phone_img51.jpg) center center no-repeat; background-size: 100% auto;}  
    .topItem .bg4{background: url(img/ap-img-4.jpg) center center no-repeat; background-size: 100% auto;}
    
}


@media only screen and (min-width:768px ){
a[href^="tel:"]{pointer-events: none; }    
/*PC-HEADER-navi*/     
.naviArea{width: 40vw; left: -40vw;}
/*PC-HEADER-logo
.headerLogo {margin-top: 34px; } */  

.headerLogo-proposal {margin-top: 30px;}

.headerLogo-en {margin-top: 30px;}   
   

/*TOPPAGE-NEWS*/    
.ec-newsRole{padding: 60px 20px 0; }
.ec-newsRole .ec-newsRole__news{
    border: 16px solid #f8f8f8;
    padding: 20px 30px;}
.ec-newsRole .ec-newsRole__newsItem:last-of-type{margin-bottom: 0; }
.ec-newsRole .ec-newsRole__newsItem{padding: 20px 0;　}
.ec-newsRole .ec-newsRole__newsHeading{
    display: -ms-flexbox;
    display: flex; }
.ec-newsRole .ec-newsRole__newsDate{
    display: inline-block;
    margin: 0;
    min-width: 120px;
    font-size: 14px;
  }
.ec-newsRole .ec-newsRole__newsColumn{
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: calc(100% - 120px);
  }
.ec-newsRole .ec-newsRole__newsTitle{
    margin-bottom: 0;
    line-height: 1.8;
  }
.ec-newsRole .ec-newsRole__newsDescription{
    margin: 20px 0 0;
    line-height: 1.8;
  }
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription{
    margin: 20px 0 0;
  }   


.banner-area .banner-btn-2lines{display: flex; flex-wrap: wrap;　-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:center;}
.banner-area .banner-btn-2lines li{width:40%;}
.banner-area .banner-btn{width:80%;}
.banner-area .banner-btn p{margin-left:15%; font-size:22px;}
.banner-area .banner-btn span{font-size:16px;}


/*English PAGE*/
.topItem-en li{display: inline-block; width:49%; padding-bottom:50px;} 
.topItem-en img{width:80%;}  
.colorBlock li{width:19%; padding-bottom:50px;}  
.space-between{width: 80%; display: flex; justify-content: space-between;}




/*proposal*/
.planBlock {width:80%; margin:20px auto;}  
.planBlock ul{justify-content:center;} 
.planBlock ul:after {width: 0%;}     
.planBlock li{width:19%;} 
.planBlock .solo{width: 19%;} 
.planBlock img{width:90%; margin-top: 10px;}


.planBlock .two-items{justify-content:center;} 
.planBlock .two-items li{width:30%;} 
.planBlock .two-items img{width:70%;} 
.planBlock .two-items .two-items-title{font-size: 16px;} 


    
/*landingpage*/    
.landingItem h1{font-size:28px;}
.landingBlock li{display: inline-block; width:49%; padding-bottom:20px;}     
.landing-link a{font-size: 14px;}     
.landingItem h2{font-size:26px;margin-top:160px;}  
/*new-landingpage*/  
.nlandingItem h1{font-size:28px; margin-bottom: 60px;}
.nlandingItem h2{font-size:24px; margin:230px auto 60px;}   
.nlandingItem p{margin:0 auto; width:75%; text-align: center; line-height: 2em;}  
.nlandingItem img{width: 90%; max-width: 800px;}  
.nlandingItem .pp-img{width:60%; margin: 10px auto 50px;}
.nlandingItem blockquote {padding: 10px 0 20px 50px;}       
.nlandingItem blockquote:before{left: 120px;}
.nlandingItem blockquote p {margin: 10px 0 10px 120px; text-align: left; line-height: 1.8em;} 
.nlandingItem blockquote cite {padding-right:30px;width:90%}  
.nlandingItem .imgsize{width:70%;}
.nlandingItem .imgspace{margin-top: 180px;}      
.nlandingItem h3{font-size:24px;}    
    
    
/*furusato*/    
.furusatoItem h1{font-size:28px;} 
.furusatoContent{text-align: center;}    
.furusatoBlock li{display: inline-block; width:49%; padding-bottom:20px; vertical-align: top;} 
.furusatoBox .f3-space{margin-bottom: 50px;}    
.furusato-link a{font-size: 14px;} 
.furusato-mainBlock{margin:120px auto;}
.furusato-mainBlock p{font-size:26px;}    
.furusato-mainBlock img{width:90%;}    
.furusato-link2 .rakutenbanner{height:66px;} 
.furusato-list{text-align: center;}
.furusato-list th {padding: 0.5em 2em;} 
.furusato-list td {padding: 0.8em 2em;} 

.furusato-link .f-image img{width:40%;}


.proposal-tempo{width:750px; margin:0 auto;}

    

 /*furusatolink*/    
.furusatolinkItem h1{font-size:24px;} 
.furusatolinkItem .link{text-align: center;}  
.furusatolinkBox ul:after {width: 19%;}    
.furusatolinkBox li{width:19%;}  
.furusatolinkBox img{margin-top:25px;}

.furusatolinkBox .tworows:after {content: ""; display: block; width: 60%; height: 0;}



.proposal-furusato .container{margin-bottom:20px; display:flex;} 
.proposal-furusato .containerA{margin;20px;} 
.proposal-furusato .containerA ul{margin:0; padding:0; display: flex; flex-wrap: wrap;　-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:center;}
.proposal-furusato li{width:40%;} 
.proposal-furusato .containerA .content{margin-top:30px; font-size: 14px; text-align: center;}
.proposal-furusato img{width:100%; margin-top:30px;}
        
    
/*gallery*/    
.galleryItem h1{font-size:32px;}
.galleryItem h1 span{font-size:18px;}    
.galleryItem h2{font-size:28px; }    
.galleryItem li{display: inline-block; width:49%; padding-bottom:50px;} 
    
.basket-video{margin-bottom: 150px;}
    
/*stores*/ 
.storeBlock{margin: 20px;}    
.storeBlock li{width:33%; padding:0;}
.storesItem h2{margin: 160px 0 80px;}
.store-btn-bg-2{margin-top: 100px;}    
.shopbanner{width:80%; margin:0 auto;}
.shopbanner li{display: inline-block; width: 33%; padding:30px; vertical-align: middle;}  
.shopbanner img{padding:0; width:210px;}
.shopbanner .store-img-1 ,.shopbanner .store-img-2{padding:0; width:180px;}    
   
/*PRODUCT*/   
.productItem h1{font-size:32px;}
.productItem h1 span{font-size:18px;}
/*PRODUCT-ABOUT Bandc-common*/     
.mainBlock h2{font-size:28px;} 
.mainBlock p{margin:0 auto; width:90%; text-align: center; line-height: 2em;}
.mainBlock .pp-img{width:50%;}
.mainBlock .pp-img-2{width:70%; display:block; margin: 0 auto;  margin-top: 50px;}
.mainBlock .pp-img-3{width:90%; display:block; margin: 0 auto;}    
.mainBlock blockquote {padding: 10px 0 20px 50px;}       
.mainBlock blockquote:before{left: 40px;}
.mainBlock blockquote p {margin: 10px 20px; text-align: left; line-height: 1.8em;} 
.mainBlock blockquote cite {padding-right:80px;} 
    
/*New release*/ 
.mainBlock .newrelease{font-size:48px;}  
.mainBlock .cBox{width:19%; padding-right:5px;}    
.mainBlock .psBox{width:33%;}
.mainBlock .tName-n{height: 20px;}  
.mainBlock .tDetail{margin-bottom: 40px;}      
  
    
/*ABOUT Bandc*/  
.mainBlock .about-title{font-size:28px;}     
.mainBlock dl{margin:0 auto; width:790px; margin-top:70px; line-height: 3em;}  
.mainBlock dt{float: left; width:270px; text-align:right; padding-right:40px; margin:0;}
.mainBlock dd{margin:0;}    


/*English PAGE*/
.mainBlock .about-en-dd{width:900px;}

    
/*PC-SUPPORT*/     
.supportItem{width:40%;}    
 
/*FAQ*/       
.accshow li{display: inline-block;  width:33%; padding:0 40px 20px;}    
.accshow img{width:200px;}
.accshow .store-img-1, .accshow .store-img-2{width:170px;}   

 /*pricelist&manual*/   
.list-title{font-size: 20px;}
.list-area img{width:400px;}     
.list-title-m{font-size: 20px;} 
.m-en{font-size: 18px;}    
    

 /*media*/   
.media-title{font-size: 20px;}
.media-area img{width:50%;} 


/*PC-FOOTER*/     
 .footerBlock{margin: 0 auto;
              padding-top: 10px;
              padding-left: 12%;    
              box-sizing: border-box; 
              color: #333333;
              -webkit-text-size-adjust: 100%;   
               max-width: 1130px; 
              -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;}
.footerBlock_item{width: calc(100% / 3); }
.footerBlock_item-2{width: calc(100% / 2);}
.flexCenter{-ms-flex-align: center;
           align-items: center;
           padding-top:15px;
           padding-bottom: 20px;} 

.list-area .en-space-pricelist{margin-bottom: 30px;}
.list-area .en-height{margin-bottom: 220px;}


/*GOTOTOP*/ 
.ec-blockTopBtn{right: 30px; bottom: 30px; } 
    
    }