@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.4
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/

/*body { min-width: 1100px;}*/

/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 17px/1.76 "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
	 margin:0; padding: 0; background-color:#FCECE2; color:#365B56;  font-weight: 400; letter-spacing: 0.08em; }

	 
a       { text-decoration: none; color:#365B56; }
a:hover { }
a.disabled { pointer-events: none; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); }
a.underline{ text-decoration: underline;}

.lesp-n{letter-spacing: normal;}
.ml00{ margin-left: 0 !important;}

@media screen and (min-width: 751px) {
.tellink { pointer-events: none; }
}



/* main-layout
==========================================================*/

@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {
}

#wrapper  { overflow: hidden; }
.wrap1400{ max-width: 1500px; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.wrap1200{ max-width: 1300px; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.wrap1100{ max-width: 1200px; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.wrap1000{ max-width: 1100px; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.wrap{ padding: 0 50px;}
.wrap100{ width: 100%; padding: 0 50px; margin: 0 auto; box-sizing: border-box;}

.wrap_in700{ max-width: 700px; margin: 0 auto; box-sizing: border-box;}
.wrap_in620{ max-width: 620px; margin: 0 auto; box-sizing: border-box;}


#Container{ padding-top: 100px; } 
body:not(.index) #Container { }

@media screen and (max-width: 768px) {
.wrap1400,
.wrap1200,
.wrap1100,
.wrap1000,
.wrap,
.wrap100{ padding: 0 5%;}
#Container{ padding-top: 60px; } 
}
    



@media screen and (max-width: 1050px) {
body { font-size: 16px;  }
}


@media screen and (min-width: 769px) {
.sp-hide { display: block;}
.sp-hide-inline { display: inline;}
.sp-show { display:none !important;}
.sp-show-inline { display:none; !important}
}
@media screen and (max-width: 768px) {
body { font-size: 14px; line-height: 1.65; }
.sp-hide-inline, .sp-hide { display: none !important;}
.sp-show{ display:block;}
.sp-show-inline{ display:inline;}
.sp-br-none br, br.sp-br-none {display: none;}
.flex.sp-noflex { display: block;}

}

@media screen and (min-width: 1201px) {
.show-1200 { display: none; }
.hide-1200 { display: block; }
}
@media screen and (max-width: 1200px) {
.show-1200 { display: block; }
.hide-1200 { display: none; }
}

@media screen and (min-width: 1001px) {
.show-1000 { display: none; }
.hide-1000 { display: block; }
}
@media screen and (max-width: 1000px) {
.show-1000 { display: block; }
.hide-1000 { display: none; }
.sp-br-none1000 br{ display: none;}
}
@media screen and (min-width: 881px) {
.show-880 { display: none; }
.hide-880 { display: block; }
}
@media screen and (max-width: 880px) {
.show-880 { display: block; }
.hide-880 { display: none; }
}


@media screen and (min-width: 751px) {
.show-750 { display: none; }
.hide-750 { display: block; }
}
@media screen and (max-width: 750px) {
.show-750 { display: block; }
.hide-750 { display: none; }
.sp-br-none br{ display: none;}
}

@media screen and (min-width: 501px) {
.show-500 { display: none; }
.hide-500 { display: block; }
}
@media screen and (max-width: 500px) {
.show-500 { display: block; }
.hide-500 { display: none; }
}


@media screen and (min-width: 401px) {
    .sp-show400-inline, 
    .sp-show400 { display: none ;}
    .show-400 { display: none; }
    .hide-400 { display: block; }
}
@media screen and (max-width: 400px) {
    .sp-show400-inline { display:inline;}
    .sp-show400 { display:block;}
    .show-400 { display: block; }
    .hide-400 { display: none; }
}

@media screen and (min-width: 371px) {
.show-370 { display: none; }
.hide-370 { display: block; }
}
@media screen and (max-width: 370px) {
.show-370 { display: block; }
.hide-370 { display: none; }
}



/* header
==========================================================*/

#headerContainer { width:100%; height:100px; line-height:1;}
	.fixed { position: fixed !important; top:0px; z-index:9998; }
#header.flex-jcs { align-items: center; position: relative; z-index: 9902;  background-color:#fff; }
#logo{ width: calc(50% - 25px); height:100px;}
#logo.flex{ align-items: center;}
	#menu-nav-close{ width:25px; height:16px;margin:0 auto;position:relative;cursor:pointer}
	#menu-nav-open{ width:25px; height:16px;margin:0 auto;position:relative;cursor:pointer}
	#menu-navInner .bar{display:inline-block; width:25px;height:3px;background-color:#000;position:absolute;left:0;transition:.15s ease-in-out}
	#bar-close01{top:0}
	#bar-close02{top:8px}
	#bar-close03{top:16px}
	#bar-open01{top:8px;transform:rotate(45deg)}
	#bar-open02{width:0}
	#bar-open03{top:8px;transform:rotate(-45deg)}
#sns-navInner { width: calc(50% - 25px); justify-content: flex-end;}
#sns-navInner ul {padding-left: 30px; }	
#sns-navInner li { margin-left: 20px;}

@media screen and (max-width: 1080px) {
#sns-navInner ul { padding-left: 0px; }	
}
@media screen and (max-width: 980px) {
.hd_bnr { display: none; }	
}


#g-menu{ display:none;  }
#g-menu { box-sizing: border-box; position: fixed; left: 0px; top: 100; width: 100%; height:calc(100vh - 100px); color: #000000; padding: 70px 0 0px;
    -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9901 !important; overflow: hidden; overflow-y: scroll !important;  }
#g-menu a{ color: #000000;}
#sp_menuBk {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0; width: 100%; height: 100vh;
  left: 0;
  background: rgba(0,0,0,1); background: #FFF; 
}

#menu-navInner{ }
.g-menuwrap-flex{ align-content: space-between; height: 100%; }
.hdnav_wrap01{}

.hdnav_flex01{ width: 20%;}

.hdnav_flex02{ width: 30%;}
    #navmenu{}
    #navmenu li{ margin-bottom: 28px;}

.hdnav_flex03{ width: 50%;}
    .hdnav_onlinestore{ margin-bottom: 70px;}
        .hdnav_onlineshop_Main { width: 100%; padding: 40px 0 45px; margin-bottom: 20px; color: #fff; background: url('../images/onlinestore/ps_Jam_UP_s.jpg') center 50% no-repeat; background-size: cover; }
        .hdnav_onlineshop_Main .col-ttl{ margin-bottom: 20px;}
        .hdnav_onlineshop_txt{line-height:28px;}
        .hdnav_onlineshop_txt img{ vertical-align: middle; margin-right: 5px; }
        .hdnav_onlineshop_txt dt{ margin-right: 12px;}
        .hdnav_onlineshop_txt dd{}
    .hdnav_corp{ margin-bottom: 70px;}
    .hdnav_corp .col-ttl{ margin-bottom: 25px;}
    .hdnav_corp li{ width: 22.5%;}
.hdnav_corp li .col-txt{ padding-top: 15px;}

.hdnav_wrap03 { width: 100%; padding-bottom: 50px;}
    .hdnav_wrap03 .flex-r li{ margin: 0 8px; padding: 0 8px; position: relative;}
    .hdnav_wrap03 .flex-r li:last-child{ margin-right: 0; padding-right: 0px; }
    .hdnav_wrap03 .flex-r li:before{ position: absolute; content: "/"; left: -8px; top: 0; }
    .hdnav_wrap03 .flex-r li:first-child:before { display: none; }


@media screen and (max-width: 1200px) {
.hdnav_flex01{ display: none; }
.hdnav_flex02{ width: 29%;}
        #navmenu li{ margin-bottom: 18px;}
        #navmenu li.show-1200{ padding-top: 20px; }
.hdnav_flex03{ width: 71%;}
.navmenu .bfnt35{ /*35px*/ font-size: 1.84em; }
}
@media screen and (max-width: 900px) {
.navmenu.bfnt35{ /*35px*/ font-size: 1.84em; }
    .hdnav_corp li .col-txt{ letter-spacing: normal; margin: 0 -5px;}
    .hdnav_wrap03 .flex-l{ width: 100%; text-align: center; order: 2;}
    .hdnav_wrap03 .flex-r{ width: 100%; margin-bottom: 5%; }
    .hdnav_wrap03 .flex-r ul.flex{ justify-content: center; }
}
@media screen and (max-width: 768px) {
#logo{ width: 83px; height:60px;}
#sns-navInner,
#sns-navInner ul{ width: 83px; }	
#sns-navInner li { margin-left: 10px;}

.hdnav_flex01{ width: 100px; max-width: 30%; display:block; position: absolute; right: 0; top: 0; z-index: 2;}
.hdnav_flex02{  width: 100%; padding-bottom: 25px;}
.hdnav_flex03{  width: 100%;}
.hdnav_corp li{  margin-bottom: 25px;}
#navmenu li.show-1200{ display: none;}
    .hdnav_onlinestore,
    .hdnav_corp{ margin-bottom: 35px;}
.hdnav_corp .col-ttl{ margin-bottom: 15px;}
.hdnav_corp li .col-txt{ padding-top: 10px;}
.hdnav_wrap03 { width: 100%; padding-bottom: 25px;}
    .hdnav_wrap03 .flex-r li{ margin: 0 4px; padding: 0 4px; }
    .hdnav_wrap03 .flex-r li:before{left: -6px;}
}

@media screen and (max-width: 500px) {
.hdnav_corp li{ width: 47.5%;}
.hdnav_wrap03 .flex-l p { line-height: 1.3;}
.hdnav_wrap03 .flex-l p span{ display: inline-block;}
}


/* footer
==========================================================*/
#footerContainer { padding:100px 0  65px; border-top: 1px solid #C5C9C1;}
#footerContainer.none{ border: none;}
#footer { color: #231815; }
#footer a{ color: #231815;}
.footer_wrap01 { padding-bottom: 40px;}
.footer_wrap01 .flex-l dt{ margin-bottom: 50px;}
.footer_wrap01 .flex-l dd{}

.footer_wrap02{ padding-bottom: 40px;}
.footer_wrap02 .flex-l{ padding-top: 44px;}
.ft-menu li a{ margin-right: 1em;   }
.footer_wrap02 .flex-r{ width: 80px; }
.ft-sns-ttl{ padding-bottom: 15px; }
.footer_wrap02 .flex-r li{ margin-left: 20px;}
.footer_wrap02 .flex-r li:first-child{ margin-left: 0;}

.footer_wrap03 { padding-bottom: 10px;}
.footer_wrap03 .flex-r li{ margin: 0 8px; padding: 0 8px; position: relative;}
.footer_wrap03 .flex-r li:last-child{ margin-right: 0; padding-right: 0px; }
.footer_wrap03 .flex-r li:before{ position: absolute; content: "/"; left: -8px; top: 0; }
.footer_wrap03 .flex-r li:first-child:before { display: none; }

.backTop{ line-height:1; }


@media screen and (max-width: 900px) {
.footer_wrap01 .flex-l{ width: calc(100% - 160px);}
.footer_wrap01 .flex-r{width: 120px;}
.footer_wrap02 .flex-l{ width: 100%; }
.footer_wrap02 ul.flex { justify-content: center;}
.ft-menu li a{ margin: 0 0.5em;   }
.footer_wrap02 .flex-r{ width: 100%; padding-top: 40px; }
.footer_wrap02 .flex-r li{ margin:0 10px;}
    .footer_wrap03 .flex-l{ width: 100%; text-align: center; order: 2;}
    .footer_wrap03 .flex-r{ width: 100%; margin-bottom: 5%; }
    .footer_wrap03 .flex-r ul.flex{ justify-content: center; }
}
@media screen and (max-width: 768px) {
.footer_wrap03 { width: 100%; padding-bottom: 25px;}
    .footer_wrap03 .flex-r li{ margin: 0 4px; padding: 0 4px; }
    .footer_wrap03 .flex-r li:before{left: -6px;}
}

@media screen and (max-width: 550px) {
#footerContainer { padding:50px 0 35px; }
.footer_wrap01 { padding-bottom: 10px;}
.footer_wrap01 .flex-l dt{ margin-bottom: 20px;}
.footer_wrap02{ padding-bottom: 20px;}
.footer_wrap02 .flex-l{ padding-top: 22px;}
.ft-sns-ttl{ padding-bottom: 10px; }
    
.footer_wrap01 .flex-l{width: 100%; padding-bottom: 20px; padding-left: 10px;}
    .footer_wrap01 .flex-l dt{ width: calc(100% - 10px);}
.footer_wrap01 .flex-r{ width: 100%; text-align: right; margin-bottom: -100px;}
.footer_wrap01 .flex-r img{ width: 100px;  }
.footer_wrap02 ul.flex.ft-menu.bfnt20  { display: block;font-size: 1.3em; }
    .ft-menu li{ margin-bottom: 0.8em;}
}


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

.footer_wrap03 .flex-l p { line-height: 1.3;}
.footer_wrap03 .flex-l p span{ display: inline-block;}
}

/*  common-layout
==========================================================*/

#h1outer { position: absolute; top: -100%; }

.bg01{ background-color: #FEF9F5;}
.bg02{ background-color: #F8F0E8;}
.bg_gr{ background: #365B56; color: #FBE3D5;}

.c_bl,
a.c_bl{ color: #231815; }
.c_or,
a.c_or{ color: #ff4628;}

.pagemain_img{ box-sizing: border-box; padding: 0 10%; width: 100%; max-height: 650px; height:calc(100vh - 100px); }
.page_Container{ padding: 80px 0 120px;}
.page_Container.subpage{ padding: 120px 0 120px;}

@media screen and (max-width: 768px) {
.pagemain_img{  height:calc(90vw - 60px); }
.page_Container{ padding: 40px 0 60px;}
.page_Container.subpage{ padding: 60px 0 60px;}
    
}


/* tategaki */
.tate-ttl-Inner{ position: absolute; top: -10px; left: -130px; order: 1;  }
.tate-ttl{ line-height: 1; transform-origin: left bottom; 
    -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

@media screen and (max-width: 1300px) {
.tate-ttl-Inner{ left: -35px; }
}
@media screen and (max-width: 768px) {
.tate-ttl-Inner{ left: -4.5%; }
.tate-ttl.bfnt20{ font-size: 0.95em;}
}





/* ttl / fonts */

.fn-RobotoCond{font-family: 'Roboto Condensed', sans-serif;}
.fn-Roboto{ font-family: 'Roboto', sans-serif;}
.fn-Crimson{ font-family: 'Crimson Text', serif;} 

.fnw300{ font-weight: 300; }
.fnw400{ font-weight: 400; } 
.fnw600{ font-weight: 600; } 



.h1_ttl{ }
.subttl { margin-bottom: 30px;}
.subpage-ttl { margin-bottom: 40px;}


.bfnt90{ /*90px*/ font-size: 5.29em; }
.bfnt50{ /*50px*/ font-size: 2.94em; }
.bfnt45{ /*45px*/ font-size: 2.64em; }
.bfnt40{ /*40px*/ font-size: 2.35em; }
.bfnt36{ /*36px*/ font-size: 2.11em; }
.bfnt35{ /*35px*/ font-size: 2.05em; }
.bfnt32{ /*32px*/ font-size: 1.88em; }
.bfnt30{ /*30px*/ font-size: 1.76em; }
.bfnt28{ /*28px*/ font-size: 1.64em; }
.bfnt25{ /*25px*/ font-size: 1.47em; }
.bfnt24{ /*24px*/ font-size: 1.41em; }
.bfnt22{ /*22px*/ font-size: 1.29em; }
.bfnt21{ /*21px*/ font-size: 1.23em; }
.bfnt20{ /*20px*/ font-size: 1.17em; }
.bfnt18{ /*18px*/ font-size: 1.05em; }
.bfnt16{ /*16px*/ font-size: 0.94em; }
.bfnt15{ /*15px*/ font-size: 0.88em; }
.bfnt14{ /*14px*/ font-size: 0.82em; }
.bfnt13{ /*13px*/ font-size: 0.76em; }
.bfnt11{ /*11px*/ font-size: 0.64em; }
.bfntbase{ font-size: 17px !important;}

@media screen and (max-width: 768px) {
/*x0.85*/
.bfnt90{ /*90px*/ font-size: 4em; }
.bfnt50{ /*50px*/ font-size: 2.49em; }
.bfnt45{ /*45px*/ font-size: 2.24em; }
.bfnt40{ /*40px*/ font-size: 1.99em; }
/*x0.9*/
.bfnt36{ /*36px*/ font-size: 1.89em; }
.bfnt35{ /*35px*/ font-size: 1.84em; }
.bfnt32{ /*32px*/ font-size: 1.69em; }
.bfnt30{ /*30px*/ font-size: 1.58em; }
.bfnt28{ /*28px*/ font-size: 1.47em; }
.bfnt25{ /*25px*/ font-size: 1.32em; }
.bfnt24{ /*24px*/ font-size: 1.26em; }
.bfnt22{ /*22px*/ font-size: 1.16em; }
.bfnt21{ /*21px*/ font-size: 1.1em; }
.bfnt20{ /*20px*/ font-size: 1.05em; }
}


.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}


/* button */
a.icn_detail_bg01{ display:inline-block; line-height: 0; border-radius: 30px; background: #FEF9F5;}
a.icn_detail_mini_bg01{ display:inline-block; line-height: 0; border-radius: 23px; background: #FEF9F5;}




/*  plugin
==========================================================*/


/* slider */
.scslide{
  visibility : hidden;
}
.scslide.slick-initialized{
  visibility:visible; 
}

.slick-dotted.slick-slider{margin-bottom: 70px;}
.slick-dots{bottom:-40px;}
.slick-dots li{margin:0 10px}
.slick-dots li button:before{ font-size:10px;opacity:1;color:#FFC7B9}
.slick-dots li.slick-active button:before{opacity:1;color:#365B56}



#ind_Main .slick-dotted.slick-slider{margin-bottom: 0px;}
#ind_Main .slick-dots{bottom:30px}
/*#Online_jam_Slide .slick-dots { bottom: -35px; }*/
#Online_jam_Slide .slick-dots li button:before{ font-size:60px; font-family: sans-serif; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #Online_jam_Slide .slick-dots li button:before{ }
}
@media screen and (max-width: 768px) {
    #ind_Main .slick-dots{bottom:20px}
}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{ background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background: none;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:none; padding:1px;}
        #cboxLoadingGraphic{background:url(../js/colorbox/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:none;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

		#cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:52px; height:52px; position:absolute; top:-26px; }
        
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; }
		#cboxClose{ right:0; background:url(../images/common/close.png) no-repeat 0 0; background-size: 40px auto; }
        #cboxClose:hover{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
		
		

/* lity */
.lity-wrap { overflow: hidden; overflow-y: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; box-sizing: border-box;}
.lity { z-index: 99990; background: rgba(254, 249, 245, 0.8);}
.lity-content::after { -webkit-box-shadow: none; box-shadow: none;}
.lity-close { width: 40px; height: 40px;  display: block; background: url(../images/common/close.png) center center no-repeat; background-size: 40px auto; -webkit-transition:all .3s; transition:all .3s; position: absolute; right: 30px; top: 30px;  bottom: auto; left: auto;  margin: auto;}
.lity-close:active { position: absolute; right: 30px; top: 30px;  bottom: auto; left: auto;  margin: auto; }
.lity-close:hover { background: url(../images/common/close.png) center center no-repeat; background-size: 40px auto; right: 30px; top: 30px; bottom: auto; left: auto;  margin: auto; -webkit-opacity: 0.6; opacity: 0.6; }
.lity-close { /*display: none;*/ text-indent: 100vw; overflow: hidden;}

.lity-image .lity-content{ padding: 40px; background-color: #fff;}


@media screen and (max-width: 768px) {
    .lity-close { width: 30px; height: 30px; }
    .lity-close,
    .lity-close:active,
    .lity-close:hover{ right: 5%; top: 20px; }
}
/*@media screen and (max-width: 750px) {
  .lity-container { left: 0px;}
}*/



/* 2: layout
----------------------------------------------------------------------------------------------*/




/* INDEX
-------------------*/

.ind_notice{ background: #e9606f; background: #ff4628; color: #f8f0e8; font-size: 0.85em; text-align: center; line-height: 1.3; padding: 8px 15px; }



/* MAIN */
#indSlide{ line-height: 0;  }
.indslide{ width: 100%; padding: 0 2%; box-sizing: border-box; /*height:calc(100vh - 100px);*/} 
.indslide01{ background: url('../images/index/main/ps_shortCake_piece_s.jpg') center center no-repeat; background-size: cover;}
.indslide02{ background: #f0ffff url('../images/index/main/main_jam.png') center center no-repeat; background-size: auto 100%;}
@media screen and (max-width: 750px) {
.indslide { width: 100%; padding: 0 0%; }
.indslide02{ background: #f0ffff url('../images/index/main/main_jam_sp.png') center bottom no-repeat; background-size: 100% auto;}

}


/* BNR SEASONAL 1100x700 */
.ind_soldout { position: absolute; left: 50%; top: 0%; z-index: 2; transform:translateX(-50%) translateY(200%) rotate(-10deg);}
.ind_seasonal a{ display: block;}
.ind_seasonal { width: 100%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.ind_seasonal img{ margin: 0 auto;}
.ind_seasonal2006 { background: #FFF8EE; }
.ind_seasonal2007 { background: #CFE9E7 url('../images/index/main/2020/200708_main_snow.png') center center ; background-size:contain; }
.ind_seasonal2009 { background: #fff5e0 url('../images/index/main/2020/200916_main.png') center center no-repeat ; background-size:cover; }
.ind_seasonal2009 .inobj{ position: absolute;left: 0;bottom: 0;}
.ind_seasonal2011 { background: #e1eee6  }
.ind_seasonal2012 { background: #fff4e9  }
@media screen and (max-width: 750px) {
.ind_seasonal { width: 100%; padding: 0 0%; box-sizing: border-box; text-align: center;}
}

/* BNR SEASONAL */


.ind_Limitedwrap{}
.ind_LimitedBnr{ width: 100%;}
.ind_Limitedbtn{ position: relative; top: -75px;}
@media screen and (max-width: 1200px) {
.ind_Limitedbtn{ position: relative; top: -5vw;}
}
@media screen and (max-width: 750px) {
.ind_Limitedbtn{ position: relative; top: -2vw; max-width: 45%;}
}
.Limited2011{ background-color: #F8F0E8;}
.Limited2012{ background: #CFE9E7 url('../images/index/main/2020/200708_main_snow.png') center center ; background-size:contain;}



#ind_Main{}
.ind_MainTxt{ position: absolute; top:45%; width: 100%; z-index: 2; text-align: center; }
.ind_MainTxt img{ margin: 0 auto; }
.ind_MainBnr{ position: absolute; bottom: -60px; right: 40px; z-index: 2;}
.ind_MainBnr li{ margin-top: 15px;}
.ind_MainBnr li .elm01{ margin-bottom: 15px;}
.ind_MainBnr li.first { position: relative; padding-bottom: 45px;}
.ind_MainBnr li.first:before{ position: absolute; content: ""; width: 20px; border-bottom: 2px solid #365b56; bottom: 15px; left: calc(50% - 10px); }


@media screen and (max-width: 1150px) {
.ind_MainTxt img{ width: 80%; max-width: 500px;}
.ind_MainBnr{ width: 150px; bottom: -60px; right: 20px;}
}


@media screen and (max-width: 950px) {
.ind_MainTxt img{ max-width: 420px;}
.ind_MainBnr{ width: 135px; bottom: -60px; right: 15px;}
}
@media screen and (max-width: 768px) {
.indslide{  /*height:calc(120vw - 60px); */  /*min-height: -webkit-fill-available;*/} 
.ind_MainBnr{ position:static; background-color: #FEF9F5; background-color: #FFF; box-sizing: border-box; width: 100%; padding: 5% 2%;}
.ind_MainBnr ul{ margin-top: 0px; display: flex; flex-wrap: wrap; justify-content: center;}
.ind_MainBnr li{ margin-top: 0px; display: flex; flex-wrap: wrap; width: 66%; box-sizing: border-box; padding: 0 4%;}
.ind_MainBnr li .elm01{ margin-bottom: 10px;}
.ind_MainBnr li.first { padding-bottom: 0px; width: 34%; }
.ind_MainBnr li.first:before{ width: auto; height: 20px; border-bottom:none; border-right: 2px solid #365b56; left: auto; right: -10px; bottom: calc(50% - 10px);  }
.ind_MainBnr li.ind_bnr_jam a {}
.ind_MainBnr li.ind_bnr_jam a img{ vertical-align: middle; width: 38%; margin-left: 3%;}
    .ind_MainBnr li.ind_bnr_jam a img:first-child { width: 54%; margin-left: 5%; position: relative; 
        top: 3%;  /*top: 13%;*/ }
.ind_MainBnr li.ind_bnr_jam a br{ display: none;}
}



.wrap_fecebook{ max-width: 1435px; max-width: 1635px;padding: 0 50px; margin: 0 auto; box-sizing: border-box;}
.fecebook_Container{}
.fecebook_Container ul{ }
.fecebook_Container li{ width: 24.7%;  background-color: #FFF;}
.fecebook_Container li a{ background-color: #FFF; }
.fecebook_Container li .flex-img{ background-size:cover; background-position: center; width: 100%; padding-bottom: 78%;}
.fecebook_Container li .flex-txt{ padding: 25px; font-size: 0.73em; }
.fecebook_Container li .flex-txt .txr{ padding-top: 8px;}
.fecebook_Container .tate-ttl-Inner.flex-ttl{ position: absolute; top: 0; left: auto; right: -165px; padding-top: 90px; padding-top: 80px;}
.fecebook_Container .flex-ttl-facebook{ position: absolute; top: -22px; left: auto; right: -125px; padding-top:0px;}

@media screen and (max-width: 1880px) {
.fecebook_Container .tate-ttl-Inner.flex-ttl{ right: -115px; }
.fecebook_Container .flex-ttl-facebook{right: -75px;}
}
@media screen and (max-width: 1800px) {
.wrap_fecebook{ max-width: 1435px;  }
}

@media screen and (max-width: 1600px) {
.wrap_fecebook{ max-width: 1100px; }
.fecebook_Container li{ width: 33%;  }
.fecebook_Container li:nth-child(4){ display: none; }
.fecebook_Container .tate-ttl-Inner.flex-ttl{ right: -165px; }
.fecebook_Container .flex-ttl-facebook{right: -125px;}
}

@media screen and (max-width: 1300px) {
.fecebook_Container .tate-ttl-Inner.flex-ttl{right: -58px;}
.fecebook_Container .flex-ttl-facebook{ display: none; }
.fecebook_Container li .flex-txt .txr{ padding-top: 4px;}
    .fecebook_Container li .flex-txt .txr img{ max-width: 50%;}
}

@media screen and (max-width: 768px) {
.wrap_fecebook{padding: 0 5%;}
.fecebook_Container .tate-ttl-Inner.flex-ttl{right: -45px;}
.fecebook_Container li .flex-txt{ padding: 15px;  }
}
@media screen and (max-width: 600px) {
.fecebook_Container .tate-ttl-Inner.flex-ttl{right: -48px;}
.fecebook_Container li{ width: 49.5%; }
    .fecebook_Container li .flex-txt{ padding: 10px 10px 15px;  }
    .fecebook_Container li:nth-child(3){ display: none; }
}
@media screen and (max-width: 450px) {
.fecebook_Container .tate-ttl-Inner.flex-ttl{right: -52px;}
}

#ind_Philosophy{ /*overflow: hidden;*/}
.ind_Phil_Main{ padding: 190px 10%;
    background: url('../images/philosophy/ps_MDF_farmer2.jpg') center 65% no-repeat; background-size: cover; }
.ind_Phil_wrap{ }
.ind_Phil_wrap .tate-ttl-Inner.flex-ttl{ order: 3; position: absolute; top: 0; left: auto; right: -230px; padding-top: 90px; padding-top: 70px;}
.ind_Phil_wrap .flex-l{ background-color: #FFF; width: calc(100% - 400px); padding: 50px 50px 50px 0; position: relative;}
.ind_Phil_wrap .flex-l:before{ position: absolute; content: ""; left: calc(-1 * calc(100vw - 1000px)); top: 0; width: calc(100vw - 1000px); height: 100%; background-color: #FFF; z-index: -1; }
@media all and (-ms-high-contrast: none){
  .ind_Phil_wrap .flex-l:before{ left: -100px;}
}
.ind_Phil_wrap .flex-r{ padding: 30px; width: 400px; }
.ind_Phil_wrap .flex-l dl{ padding-bottom: 20px;}
.ind_Phil_wrap .flex-l dt { margin-bottom:35px; }
.ind_Phil_wrap .flex-l dd { margin-bottom:20px;  }
.ind_Phil_Illust01{ position: absolute; bottom:-100px; right: -260px; z-index: 3;}

@media screen and (max-width: 1300px) {
.ind_Phil_wrap .tate-ttl-Inner.flex-ttl{ right: -122px; }
}

@media screen and (max-width: 1050px) {
.ind_Phil_wrap .flex-l:before{ left: -100px; width: 50vw; }
.ind_Phil_wrap .flex-l dt{ margin-right:-50px; }
}
@media screen and (max-width: 768px) {
.ind_Phil_Main{ padding: 100px 10%; }
.ind_Phil_wrap .flex-l{ width: 100%; padding: 25px 25px 25px 0; }
.ind_Phil_wrap .flex-r{ width: 100%; padding: 20px; }
.ind_Phil_wrap .flex-l dt{ margin-right: 0px; }
.ind_Phil_wrap .flex-l dl{ padding-bottom: 10px;}
.ind_Phil_wrap .flex-l dt { margin-bottom:15px; }
.ind_Phil_wrap .flex-l dd { margin-bottom:10px;  }
.ind_Phil_wrap .tate-ttl-Inner.flex-ttl{ right: -88px;}
.ind_Phil_Illust01{ width: 120px; bottom:-60px; right: -70px; }
}
@media screen and (max-width: 600px) {
.ind_Phil_wrap .tate-ttl-Inner.flex-ttl{ right: -84px;}
}
@media screen and (max-width: 450px) {
.ind_Phil_wrap .tate-ttl-Inner.flex-ttl{ right: -81px;}
}


#ind_Plofile{ overflow: hidden; margin-bottom: 50px;}
.ind_Plof_Main{ width: 100%; padding: 200px 80px 40px;  }
.ind_Plof_Main:before{ position: absolute; content: ""; left:0; top: 0; width: calc(50vw + 500px); height: 100%; z-index: -1; 
     background: url('../images/profile/ps_Watabe_s.jpg') center 40% no-repeat; background-size: cover;
}
.ind_Plof_Main h2{ margin-bottom: 150px;}
.ind_Plof_wrap01 .tate-ttl-Inner.flex-ttl{ top: 0; padding-top: 90px; padding-top: 70px;}
.ind_Plof_wrap02{}
.ind_Plof_wrap02 .flex-l{ background-color: #FFF; padding: 30px; width: 400px; }
.ind_Plof_wrap02 .flex-r{ width: calc(100% - 400px); background: url('../images/philosophy/philosophy_img.png') center 55% no-repeat; background-size: cover;  }


@media screen and (max-width: 768px) {
#ind_Plofile{ margin-bottom: 25px;}
.ind_Plof_Main{ padding: 100px 40px 20px;  }
.ind_Plof_Main:before{ width: 110%; background-position: 20% 40%;  }
.ind_Plof_Main h2{ margin-bottom: 75px;}
.ind_Plof_wrap01 .tate-ttl-Inner.flex-ttl{  padding-top: 45px; padding-top: 35px;}
.ind_Plof_wrap02 .flex-l{ background-color: #FFF; padding: 20px; width: 100%; }
.ind_Plof_wrap02 .flex-r{ width: 100%; height: 40vw; }
}




#ind_shop{ margin-bottom: 100px;}
#ind_shop .tate-ttl-Inner.flex-ttl{ top: -20px; }
.ind_shop_wrap .flex-l{ width: 49%; text-align: center; }
.ind_shop_wrap .flex-r{ width: 49%; text-align: center; }
.ind_shop_wrap dt{ padding: 20px 0;}
.ind_shop_Illust01{ position: absolute; top:300px; left: -206px; z-index: 3;}


@media screen and (max-width: 768px) {
#ind_shop{ margin-bottom: 50px;}
#ind_shop .tate-ttl-Inner.flex-ttl{ top: -10px; }
.ind_shop_wrap dt{ padding: 10px 0;}
}




#ind_onlineshop{ padding-bottom: 130px;}
.ind_onlineshop_wrap01{ margin-bottom: 40px;}
.ind_onlineshop_wrap01 dt { margin-bottom: 15px;}
.ind_onlineshop_wrap01 dt img{ vertical-align: middle;}
.ind_onlineshop_wrap02{ margin: 0 20px 30px;}
    .ind_onlineshop_wrap02.mlmr00{ margin-left: auto; margin-right: auto;}
.ind_onlineshop_Main { width: 100%; box-sizing: border-box; padding: 150px 10% 190px; color: #fff; background: url('../images/onlinestore/ps_Jam_UP_s.jpg') center 50% no-repeat; background-size: cover; }
.ind_onlineshop_Main .col-ttl{ margin-bottom: 40px;}
.ind_onlineshopBnr{ position: absolute; bottom: 30px; right: 40px; z-index: 2;}
.ind_onlineshopBnr li{ margin-top: 5px;}
.ind_onlineshopBnr li img{ margin-top: 5px;}

@media screen and (max-width: 1000px) {
.ind_onlineshopBnr{  bottom: 10px; right: 15px;  }

}

@media screen and (max-width: 768px) {
#ind_onlineshop{ padding-bottom: 75px;}
.ind_onlineshop_wrap01{ margin-bottom: 20px;}
.ind_onlineshop_wrap01 dt { margin-bottom: 10px;}
.ind_onlineshop_wrap02{ margin: 0 0 15px;}
.ind_onlineshop_Main { width: 100%; padding: 75px 10% 90px;  }
.ind_onlineshop_Main .col-ttl{ margin-bottom: 20px;}
.ind_onlineshopBnr{ width: 70px;}
}



#ind_Product {}
#ind_Product .flex-ttl{ margin-bottom: 40px;}
.ind_Product_wrap { margin-bottom: 100px;}
.ind_Product_wrap .flex-l{ width: 49%; text-align: center; }
.ind_Product_wrap .flex-r{ width: 49%; text-align: center; }
.ind_Product_wrap dt{ padding: 20px 0;}
.ind_Product_wrap .col-ttl{ position: absolute; left: 0; bottom: 25px; width: 100%; z-index: 2; }
.ind_Product_Illust01{ position: absolute; top:-100px; left: -130px; z-index: 3;}


.ind_prd_order_wrap{ margin-bottom: 100px; }
.ind_prd_order_Illust { position: absolute; right: -130px; top: 24%; z-index: 2;}
.ind_prd_order_Main{ background: url('../images/index/img_ordermade.jpg') center 50% no-repeat; background-size: cover; padding-top: 150px; min-height: 520px; }
.ind_prd_order_wrap .col-ttl{ position: absolute; left: 0; bottom: 25px; width: 100%; z-index: 2; }
.ind_prd_gift_wrap{ margin-bottom: 100px; }
.ind_prd_gift_wrap dl,
.ind_prd_order_wrap dl{ margin-bottom: 20px;}
.ind_prd_gift_wrap dt,
.ind_prd_order_wrap dt{ padding: 20px 0 5px;}
.ind_prd_gift_wrap{ margin-bottom: 100px; }
.ind_prd_gift_Main{ background: url('../images/gift/ps_Wedding_s.jpg') center 50% no-repeat; background-size: cover; padding-top: 150px; min-height: 520px; }
.ind_prd_gift_wrap .col-ttl{ position: absolute; left: 0; bottom: 25px; width: 100%; z-index: 2; color: #fff; }

@media screen and (max-width: 768px) {
#ind_Product .flex-ttl{ margin-bottom: 20px;}
.ind_Product_wrap { margin-bottom: 50px;}
.ind_Product_wrap dt{ padding: 10px 0;}
.ind_Product_wrap .col-ttl{  bottom: 10px;  }
.ind_Product_Illust01{width: 150px;top:-55px; left: -80px; }
.ind_prd_order_wrap{ margin-bottom: 50px; }
.ind_prd_order_Illust { width: 200px; right: -100px; top: 20%; }
.ind_prd_order_Main{ background: url('../images/index/img_ordermade.jpg') center 50% no-repeat; background-size: cover; padding-top: 75px; min-height:60vw; }
.ind_prd_order_wrap .col-ttl{  bottom: 10px; }
.ind_prd_gift_wrap{ margin-bottom: 50px; }
.ind_prd_gift_wrap dl,
.ind_prd_order_wrap dl{ margin-bottom: 10px;}
.ind_prd_gift_wrap dt,
.ind_prd_order_wrap dt{ padding: 10px 0 5px;}
.ind_prd_gift_wrap{ margin-bottom: 50px; }
.ind_prd_gift_Main{ background: url('../images/gift/ps_Wedding_s.jpg') center 50% no-repeat; background-size: cover; padding-top: 75px; min-height:60vw; }
.ind_prd_gift_wrap .col-ttl{ bottom: 10px; }
}
@media screen and (max-width: 500px) {
.ind_prd_order_Illust { width: 130px; right: -90px; top: 10%; }
}




#ind_tabloid{ padding: 80px 0; background: url('../images/common/japan_map.png') -3% 90px no-repeat; background-size: 713px auto; }
#ind_tabloid .flex-ttl{ }
.ind_tabloid_wrap01{ margin-bottom: 90px;}
.ind_tabloid_wrap01 .flex-l{ width: 30%;}
.ind_tabloid_wrap01 .flex-r{ width: 70%;}
.ind_tabloid_wrap01 .flex-r dt{ margin-bottom: 20px;}

.ind_tabloid_wrap02 {}
.ind_tabloidInner{ margin-bottom: 50px;}
.ind_tabloid_wrap02 .flex-l{ width: 30%; align-items: center;}
    .ind_tabloid_wrap02 .flex-l .col-ttl{ width: 100%; padding-left: 20%;}
    .col-ttl .tabsup{ vertical-align: top;　position: relative; top: 0.1em; padding-right: 5px;}
.ind_tabloid_wrap02 .flex-l dl{ line-height: 1.2; }
.ind_tabloid_wrap02 .flex-l dt{ margin-right: -100%; margin-bottom: 25px; position: relative; z-index: 2; padding: 3px 1px; letter-spacing: 0.15em;}
.ind_tabloid_wrap02 .flex-l dt span{ background-color: #fff; display: inline-block; margin-bottom: 10px; }
.ind_tabloid_wrap02 .flex-l dd{ padding-right: 20px;}
.ind_tabloid_wrap02 .flex-r{ width: 70%;}
.ind_tabloid_wrap02 .flex-r .col-img{ width: calc(100% - 250px); height: 100%; }
.ind_tabloid_wrap02 .flex-r .col-ttl{ width: 240px; }

.ind_tabloid_wrap02 .col-img.tabloid_thmb01{ background: url('../images/tabloid/01/tabloid_thmb01.png') center 50% no-repeat; background-size: cover; }
.ind_tabloid_wrap02 .col-img.tabloid_thmb02{ background: url('../images/tabloid/02/tabloid_thmb02.png') center 50% no-repeat; background-size: cover; }
.ind_tabloid_wrap02 .col-img.tabloid_thmb03{ background: url('../images/tabloid/03/tabloid_thmb03.png') center 50% no-repeat; background-size: cover; }


@media screen and (max-width: 1000px) {
#ind_tabloid{  background: url('../images/common/japan_map.png') -5% 90px no-repeat; background-size: 60% auto; }
}
@media screen and (max-width: 768px) {
#ind_tabloid{ padding: 40px 0; }
.ind_tabloid_wrap01{ margin-bottom: 45px;}
.ind_tabloid_wrap01 .flex-l{ width: 14%; padding: 0 2%;}
.ind_tabloid_wrap01 .flex-r{ width: 86%; font-size: 0.88em;}
.ind_tabloid_wrap01 .flex-r dt{ margin-bottom: 10px;}
.ind_tabloidInner{ margin-bottom: 35px;}
.ind_tabloid_wrap02 .flex-l{ width: 100%; order:2; align-items: flex-start;  }
    .ind_tabloid_wrap02 .flex-l .col-ttl{ width: 70px; padding-left: 0%;}
    .col-ttl .tabsup{  padding-right: 3px;}
.ind_tabloid_wrap02 .flex-l dl{width: calc(100% - 70px);}
.ind_tabloid_wrap02 .flex-l dt{ margin-right: 0%; margin-bottom: 10px; }
.ind_tabloid_wrap02 .flex-l dt span{ margin-bottom: 5px; }
.ind_tabloid_wrap02 .flex-l dd{ padding-right: 10px;}
.ind_tabloid_wrap02 .flex-r{ width: 100%; padding-bottom: 15px;}
.ind_tabloid_wrap02 .flex-r .col-img{ width: 58%; height: 100%; }
.ind_tabloid_wrap02 .flex-r .col-ttl{ width: 42%; }
}



#ind_corp{ padding: 60px 0 100px;}
.ind_corp_wrap{margin-bottom: 70px;}
.ind_corp_wrap .flex-ttl{ margin-bottom: 20px;}
.ind_corp_wrap02{}
.ind_corp_wrap02 dt{ padding: 18px 0 16px;}
.ind_corp_wrap02 li{width: 23.5%;}

@media screen and (max-width: 768px) {
.ind_corp_wrap{margin-bottom: 35px;}
.ind_corp_wrap .flex-ttl{ margin-bottom: 10px;}
.ind_corp_wrap02 dt{ padding: 9px 0 8px;}

}
@media screen and (max-width: 600px) {
.ind_corp_wrap02 li{width:47.5%;  margin-bottom: 25px;}
}



/* Tabloid
-------------------*/
.Tabloid.pagemain_img.flex{ align-items: flex-end; justify-content: flex-end; padding-left: 0; padding-right: 0; }
#Tabloid_main01.pagemain_img{ background: url('../images/tabloid/01/ps01_MDF-ichieya_241.jpg') center 50% no-repeat; background-size: cover; }
#Tabloid_main02.pagemain_img{ background: url('../images/tabloid/02/ps02_MDF-shibuyanouen_171.jpg') center 40% no-repeat; background-size: cover; }
#Tabloid_main03.pagemain_img{ background: url('../images/tabloid/03/ps03_DSC_9414.jpg') center 60% no-repeat; background-size: cover; }
.Tabloid_hdttl{ padding: 45px 200px 0 50px; margin-bottom: -2px; width: calc(50vw + 240px); }
.Tabloid_hdttl p{ margin-top: 15px;}
.Tabloid_ttl_Illust01{ position: absolute; top: 100px; right: 10px;}


.Tabloid_Container{padding-bottom: 100px; background: url('../images/common/japan_map.png') -1% 10px no-repeat; background-size: 713px auto; }
.Tabloid_SideContainer{ width: 22.5%; justify-content: flex-end;  }
.Tabloid_SideContainer .col-ttl{ padding-bottom:45px;}
.Tabloid_SideContainer .col-img{ padding: 40px 0 20px;}
.Tabloid_SideContainer dt{ padding-bottom: 20px;}
.Tabloid_SideContainer dd{ padding-bottom: 40px;}

.Tabloid_MainContainer{ width: 75%; padding-left: 50px;  }
.Tabloid-post { padding-bottom: 120px;}
.Tabloid-post h2{/*50px*/ font-size: 2.94em; margin-bottom: 40px; line-height: 1.5; }
.Tabloid-post h3{/*32px*/ font-size: 1.88em; margin-top: 65px; margin-bottom: 30px;  line-height: 1.5; }
.Tabloid-post h4{ font-weight: bold; margin-top: 50px; margin-bottom: 25px;  line-height: 1.5;  }
.Tabloid-post img{ margin-top: 50px;}
.Tabloid-post img.img-mb{ margin-bottom: 50px;}
.Tabloid-productInner{ }
.Tabloid-productInner .flex-img{ width: 200px;}
.Tabloid-productInner .flex-txt{ width: calc(100% - 240px);}
.Tabloid-productInner .flex-txt dt{ padding-bottom: 20px;}

.Tabloid-otherpostwrap{ padding: 100px 0; border-top: 1px solid #C5C9C1;}



@media screen and (max-width:1300px) {
.Tabloid_ttl_Illust01{ right: -50px;}
.Tabloid_hdttl{ padding-right: 150px; }
    
}
@media screen and (max-width:1200px) {
.Tabloid_ttl_Illust01{ width: 200px; top: 60px;}
}

@media screen and (max-width:860px) {
.Tabloid_SideContainer{ width: 22.5%; justify-content: flex-end;  }
.Tabloid_MainContainer{ width: 75%; padding-left: 20px;  }    
}
@media screen and (max-width:768px) {
.Tabloid_hdttl{ padding: 25px 100px 0 25px; width: 92%; margin-bottom: -80px; }
    .Tabloid_hdttl .bfnt45 { font-size: 1.6em;}
.Tabloid_hdttl p{ margin-top: 10px;}
.Tabloid_ttl_Illust01{ width: 100px; top: -25px;  right: -45px;}
.Tabloid_hdttl{ padding-right: 5%; }
.Tabloid_Container{padding-bottom: 50px; background-size: 80% auto; padding-top: 80px; background-position: -5% 80px; }
.Tabloid_SideContainer{ width: 100%; margin-bottom: 40px;   }
.Tabloid_SideContainer .col-ttl{ padding-bottom:25px;}
.Tabloid_SideContainer h1{ max-width: 120px; margin: 0 auto;}
.Tabloid_SideContainer .col-img{ padding: 20px 0 10px;}
.Tabloid_SideContainer dt{ padding-bottom: 10px;}
.Tabloid_SideContainer dd{ padding-bottom: 20px;}

.Tabloid_MainContainer{ width: 100%; padding-left: 0px;  }
.Tabloid-post { padding-bottom: 60px;}
.Tabloid-post h2{/*50px*/ font-size: 1.9em; margin-bottom: 20px; }
.Tabloid-post h3{/*32px*/ font-size: 1.5em; margin-top: 35px; margin-bottom: 15px;   }
.Tabloid-post h4{ margin-top: 25px; margin-bottom: 15px;  }
.Tabloid-post img{ margin-top: 25px;}
.Tabloid-post img.img-mb{ margin-bottom: 25px;}
.Tabloid-productInner{ }
.Tabloid-productInner .flex-img{ width: 100%; text-align: center; margin-bottom: 25px;}
.Tabloid-productInner .flex-txt{ width: 100%;}
.Tabloid-productInner .flex-txt dt{ padding-bottom: 10px;}

.Tabloid-otherpostwrap{ padding: 50px 0; }
}



/* Philosophy
-------------------*/
#Philosophy_main.pagemain_img{ background: url('../images/philosophy/ps_MDF_farmer2.jpg') center 65% no-repeat; background-size: cover; }
.Philosophy_Inner01{ }
.Philosophy_Inner01 .col-ttl{ margin-bottom: 50px;}
.Philosophy_Inner01 .col-txt{ margin-bottom: 90px;}
.Philosophy_Inner01 .col-ttl2{ margin-bottom: 30px;}
.Philosophy_Inner01 .col-txt2{ margin-bottom: 90px;}
.Philosophy_Illust01{ position: absolute; right: -170px; top:-15px;}

.Philosophy_Inner02{}
.Philosophy_Inner02 .flex-col01{ margin-right: -150px;}
.Philosophy_Inner02 .flex-col01 .flex-img{ width: calc(100% - 400px);  order: 2;
    background: url('../images/philosophy/philosophy_img.png') center 50% no-repeat; background-size: cover; }
.Philosophy_Inner02 .flex-col01 .flex-txt{ background-color: #fff; width: 400px; padding: 30px;}
.Philosophy_Inner02 .flex-col02{ margin-left: -150px;}
.Philosophy_Inner02 .flex-col02 .flex-a{ width: 30.4%; background: url('../images/philosophy/philosophy_img_sub2.png') center 72% no-repeat; background-size:contain; }
.Philosophy_Inner02 .flex-col02 .flex-b{width: 34.8%; background: url('../images/philosophy/philosophy_img_sub1.png') center 0 no-repeat; background-size: auto 88%; }
.Philosophy_Inner02 .flex-col02 .flex-c{ width: 34.8%; padding: 30px; }
.Philosophy_Inner02 .flex-col03{ margin-left: -150px; margin-top: -15%;}
.Philosophy_Inner02 .flex-col03 .flex-img{ width: 30.4%; min-height: 630px;  background: url('../images/philosophy/philosophy_img_sub3.png') center 50% no-repeat; background-size: cover;}
.Philosophy_Inner02 .flex-col03 .flex-txt{ width: 34.8%; }
.Philosophy_Inner02 .flex-col03 .flex-txt p{background-color: #fff; padding: 30px;}

.Philosophy_Illust02{position: absolute; right: -20px; top:-320px;}


@media screen and (max-width: 1024px) {
.Philosophy_Inner02 .flex-col02{ margin-left: -50px;}
.Philosophy_Inner02 .flex-col02 .flex-a{ display: none; }
.Philosophy_Inner02 .flex-col02 .flex-b{width: 40%; background-size: cover; }
.Philosophy_Inner02 .flex-col02 .flex-c{ width: 60%; }
.Philosophy_Inner02 .flex-col03{ margin-left: -50px; margin-top: 0%;}
.Philosophy_Inner02 .flex-col03 .flex-img{ width: 40%; }
.Philosophy_Inner02 .flex-col03 .flex-txt{ width: calc(60% - 100px); }
.Philosophy_Illust02{ right: -50px; top:-320px;}
}
    
@media screen and (max-width: 768px) {
.Philosophy_Inner01{ }
.Philosophy_Inner01 .col-ttl{ margin-bottom: 25px;}
.Philosophy_Inner01 .col-txt{ margin-bottom: 45px;}
.Philosophy_Inner01 .col-ttl2{ margin-bottom: 15px; padding-right: 90px;}
.Philosophy_Inner01 .col-txt2{ margin-bottom: 45px;}
.Philosophy_Illust01{ width: 130px;  right: -50px; top:-35px;}
.Philosophy_Inner02 .flex-col01{ margin-right: -5%;}
.Philosophy_Inner02 .flex-col01 .flex-img{ width: 100%; height: 50vw; }
.Philosophy_Inner02 .flex-col01 .flex-txt{ width: 100%; padding: 20px; order: 2;}
.Philosophy_Inner02 .flex-col02{ margin-left: -5%;}
.Philosophy_Inner02 .flex-col02 .flex-b{width: 100%; height: 50vw;  }
.Philosophy_Inner02 .flex-col02 .flex-c{ width: 100%; padding: 20px; }
.Philosophy_Inner02 .flex-col03{ margin-left: -5%; }
.Philosophy_Inner02 .flex-col03 .flex-img{ width: 100%; min-height:auto; height: 50vw; }
.Philosophy_Inner02 .flex-col03 .flex-txt{ width: 100%; }
.Philosophy_Inner02 .flex-col03 .flex-txt p{ padding: 20px;}
    
.Philosophy_Illust02{ position: static; text-align: right; margin-top: -10px;}
    .Philosophy_Illust02 img{ width: 120px; }
}


/* Profile
-------------------*/
#Profile_main.pagemain_img{ background: url('../images/profile/ps_Watabe_s.jpg') center 45% no-repeat; background-size: cover; }
.Profile_Inner01{ margin: 0 auto 50px;}
.Profile_Inner02 { margin-bottom: 80px;}
.Profile_Inner02 .flex-img{ width: 25%;  order: 2; background: url('../images/profile/watabe_img01.png') center 50% no-repeat; background-size: cover; }
.Profile_Inner02 .flex-txt{ width: 70%; }

.Profile_Inner03 .flex-img{ width: 40%;  background: url('../images/profile/watabe_img02.png') center 50% no-repeat; background-size: cover; }
.Profile_Inner03 .flex-txt{ width: 60%; padding: 60px 50px 70px;background-color: #fff;  }
.Profile_Inner03 .flex-txt dt{ padding-left: 14%; padding-bottom: 50px;}

.Profile_Illust01{position: absolute; right: -80px; top:-145px;}

@media screen and (max-width: 1024px) {
.Profile_Inner02 .flex-img{ width: 35%; margin-right: -50px;  }
.Profile_Inner02 .flex-txt{ width: 65%; }
.Profile_Illust01{ width: 220px; }
}
@media screen and (max-width: 768px) {
.Profile_Inner01{ margin: 0 auto 25px;}
.Profile_Inner02 { margin-bottom: 40px;}
.Profile_Inner02 .flex-img{ width: 100%; margin-right: 0; height: 50vw; background-position: center 65%; margin-bottom: 25px; }
.Profile_Inner02 .flex-txt{ width: 100%; order: 2; }
    
.Profile_Inner03 .flex-img{ width: 100%; height: 70vw; }
.Profile_Inner03 .flex-txt{ width: 100%; padding: 7%;  }
.Profile_Inner03 .flex-txt dt{ padding-left: 0%; padding-bottom: 20px;}
.Profile_Illust01{ width: 150px; right: -60px; top:-55px;}
}



/* Shop
-------------------*/
#Shop_main.pagemain_img{ background: url('../images/shop/shop_main.jpg') center 45% no-repeat; background-size: cover; }
.Shop_Inner01{ margin: 0 auto 50px;}
.Shop_Inner01 .col-ttl{ margin-right: -1em;}
.Shop_Inner02 { margin-bottom: 100px;}
.Shop_Inner02 .flex-img{ width: 32%;  order: 2; background: url('../images/shop/shop_c1_img01.png') center 50% no-repeat; background-size: cover; }
.Shop_Inner02 .flex-txt{ width: 63%; }

.Shop_Inner03{ overflow: hidden; margin-right: calc(-1 * calc(100vw - 1000px)); margin-bottom: 150px; }
.Shop_Inner03 .flex-img{ width: 1340px;  }
.Shop_Inner03 .flex-img ul{ margin-left: -20px;}
.Shop_Inner03 .flex-img li{ margin-left: 20px;}

.Shop_cafe_Inner{ margin-bottom: 150px; }
.Shop_cafe_Inner .col-ttl{margin-bottom: 10px;}
.Shop_cafe_Inner .col-txt{ margin-bottom: 50px;}
.Shop_cafe_Inner .col-txt2{ padding-top: 20px;}
.Shop_cafe_Illust01{ position: absolute; top: -90px; left: -260px;}
.Shop_cafe_Illust02{position: absolute; top: -20px; right: -310px;}


@media screen and (max-width: 1050px) {
.Shop_Inner01 .col-ttl{ margin-right: 0em;}
.Shop_Inner03{ margin-right: -50px;  }
.Shop_Inner03 .flex-img{ width: 110%;  }
.Shop_Inner03 .flex-img li{ width: calc(50% - 20px);  }
}
@media screen and (max-width: 1024px) {
.Shop_Inner02 .flex-img{ width: 35%; margin-right: -50px;  }
.Shop_Inner02 .flex-txt{ width: 65%; }
}
@media screen and (max-width: 768px) {
.Shop_Inner01{ margin: 0 auto 25px;}
.Shop_Inner02 { margin-bottom: 50px;}
.Shop_Inner02 .flex-img{ width: 100%; margin-right: 0; height: 50vw; margin-bottom: 25px; }
.Shop_Inner02 .flex-txt{ width: 100%; order: 2; }
.Shop_Inner03{ margin-bottom: 75px; }
.Shop_Inner03 .flex-img ul{ margin-left: -10px;}
.Shop_Inner03 .flex-img li{ width: calc(50% - 10px); margin-left: 10px;}

.Shop_cafe_Inner{ margin-bottom: 75px; }
.Shop_cafe_Inner .col-ttl{margin-bottom: 5px;}
.Shop_cafe_Inner .col-txt{ margin-bottom: 25px; padding: 0 45px;}
.Shop_cafe_Inner .col-txt2{ padding-top: 10px;}
.Shop_cafe_Illust01{ width: 130px;  top: -40px; left: -60px;}
.Shop_cafe_Illust02{ width: 130px; top: -20px; right: -85px;}
}

/* popup */
.popup_wrap { width: 90vw; max-width: 1200px; margin: 0 auto; box-sizing: border-box; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;  z-index: 9901 !important; }
.popup_wrap::-webkit-scrollbar { display:none; }
.popup_Inner { width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); 
    margin: 0 auto; padding: 40px 80px ;}
  .popup_Inner .flex-l { width: 48%; }
  .popup_Inner .flex-r { width: 48%; }

@media screen and (max-width: 768px) {
  .popup_wrap { width: 100vw; max-width: 100%; height: 100vh; }
  .popup_Inner { padding: 5% 1% ;}
  .popup_Inner .flex-l { width: 100%; padding-bottom: 40px;}
  .popup_Inner .flex-r { width: 100%; padding-bottom: 40px;}
}


.Shop_product_Inner{ margin-bottom: 110px;  }
.Shop_product_Inner .col-ttl{margin-bottom: 10px;}
.Shop_product_Inner .col-txt{ margin-bottom: 50px;}

.Shop_info_Inner{  }
.Shop_info_Inner .col-ttl{margin-bottom: 50px;}
.Shop_info_Inner .col-img{ margin: 0 -100px 60px; width: calc(100% + 200px); height: 400px; background: url('../images/shop/shop_main.jpg') center 34% no-repeat; background-size: cover;}
.Shop_info_inner01 { margin-bottom: 70px;}
.Shop_info_inner01 .flex-l { width: 52%;}
.Shop_info_inner01 .flex-r { width: 40%;}
.Shop_info_inner01 .col-logo{ margin-bottom: 40px;}
.Shop_info_inner01 .col-shopname{ margin-bottom: 10px;}
.Shop_info_inner01 .flex-l dt{ width: 58px;}
.Shop_info_inner01 .flex-l dd{ width: calc(100% - 58px);}
.Shop_info_inner01 .flex-l .col-cmt { margin-bottom: 10px;}
.Shop_info_inner01 .flex-l .col-googlemaps{ padding-top: 25px;}

.Shop_info_inner02 .flex-l { width: 52%;}
.Shop_info_inner02 .flex-r { width: 40%;}
.Shop_info_inner02 .flex-l ul{ margin-top: 20px; }
.Shop_info_inner02 .flex-l ul li{ position: relative; padding-left: 30px; margin-bottom: 20px; }
.Shop_info_inner02 .flex-l ul li::before{ content: ""; width: 20px; height: 1px; background-color: #365B56; position: absolute; left: 0; top: 11px; }

#calendarInc{ width: calc(100% + 10px); margin: 0 -5px;}



@media screen and (max-width: 1000px) {
.Shop_info_inner02 .flex-l{ width: calc(92% - 370px);}
.Shop_info_inner02 .flex-r{ width: 370px;}
}
@media screen and (max-width: 900px) {
.Shop_info_inner02 .flex-l { width: 100%; margin-bottom: 25px;}
.Shop_info_inner02 .flex-r { width: 100%;}
}
@media screen and (max-width: 850px) {
.Shop_info_inner01 .flex-l { width: 100%; margin-bottom: 25px; }
.Shop_info_inner01 .flex-r { width: 100%;}
}
@media screen and (max-width: 768px) {
.Shop_product_Inner{ margin-bottom: 55px;  }
.Shop_product_Inner .col-ttl{margin-bottom: 5px;}
.Shop_product_Inner .col-txt{ margin-bottom: 25px;}

.Shop_info_Inner{  }
.Shop_info_Inner .col-ttl{margin-bottom: 25px;}
.Shop_info_Inner .col-img{ margin: 0 -5% 30px; width: 110%; height: calc(80vw - 60px); }
.Shop_info_inner01 { margin-bottom: 35px;}
.Shop_info_inner01 .col-logo{ margin-bottom: 20px;}
.Shop_info_inner01 .col-shopname{ margin-bottom: 5px;}
.Shop_info_inner01 .flex-l dt{ width: 50px;}
.Shop_info_inner01 .flex-l dd{ width: calc(100% - 50px);}
.Shop_info_inner01 .flex-l .col-cmt { margin-bottom: 5px;}
.Shop_info_inner01 .flex-l .col-googlemaps{ padding-top: 15px;}
.Shop_info_inner02 .flex-l ul{ margin-top: 10px; }
.Shop_info_inner02 .flex-l ul li{ position: relative; padding-left: 20px; margin-bottom: 10px; }
.Shop_info_inner02 .flex-l ul li::before{ width: 10px;  top: 9px; }
.Shop_info_inner02 .flex-r iframe { height: 260px;}
}




/* .Factory HACK */
.Factory.Shop_Inner01{ margin-left: 150px;}
.Factory.Shop_Inner02 .flex-img{ background: url('../images/shop/shop_c2_img01.png') center 50% no-repeat; background-size: cover; }
.Factory.Shop_info_Inner .col-img{ background: url('../images/shop/shop_shopinfo_img.png') center 50% no-repeat; background-size: cover;}
.Factory.Shop_info_Inner .flex-l{ order: 2; width: 70%;}
.Factory.Shop_info_Inner .flex-r{  width:30%;}

.Factory_Illust01{ position: absolute; top: 90px; left: -110px;}
.Factory_Illust02{position: absolute; top: 380px; right: 45px;}
.Factory_Illust03{position: absolute; top: 490px; right: -100px;}

.Factory_farm_Inner { margin-bottom: 150px;}
.Factory_farm_Inner .flex-img{ width: 100%; height: 530px;background: url('../images/shop/shop_farm_img.png') center 50% no-repeat; background-size: cover;}
.Factory_farm_Inner .col-txt{ margin-bottom: 50px;}
.farm_Illust01{ position: absolute; top: -90px; left: 70px; top: -180px; left: -120px;}

.Factory_corp_Inner{ margin-bottom: 120px;}


@media screen and (max-width: 1050px) {
.Factory.Shop_Inner01{ margin-left: 0px;}
.farm_Illust01{ width: 200px; top: -320px; left: auto; right: 0;}
}
@media screen and (max-width: 768px) {
.Factory.Shop_info_Inner .flex-l{width: 100%; }
.Factory.Shop_info_Inner .flex-r{  width:100%;margin-bottom: 25px;}
.Factory_Illust01{ width: 200px; top: 90px; left: -110px;}
.Factory_Illust02{width: 80px;  top: 250px; right: 45px;}
.Factory_Illust03{width: 200px; top: 330px; right: -100px;}
.Factory_farm_Inner { margin-bottom: 75px;}
.Factory_farm_Inner .flex-img{ height: calc(80vw - 60px);}
.Factory_farm_Inner .col-txt{ margin-bottom: 25px;}
.Factory_corp_Inner{ margin-bottom: 60px;}
.farm_Illust01{ width: 130px; top: -240px; left: auto; right: -50px;}
}
@media screen and (max-width: 550px) {
.Factory_Illust01{ width: 130px; top: 90px; left: -70px;}
.Factory_Illust02{width: 50px;  top: 180px; right: 10px;}
.Factory_Illust03{width: 130px; top: 220px; right: -90px;}
}



/* Order Made
-------------------*/

#Order_main.pagemain_img{ background: url('../images/index/img_ordermade.jpg') center 45% no-repeat;
    background: url('../images/order/ps_MDF_OrderMade_s.jpg') center 45% no-repeat; background-size: cover; }
.Order_Inner01{ margin: 0 auto 50px;}
.Order_Inner01 .col-subttl{ margin-bottom: 50px;}
.Order_Inner01_topic{ padding-top: 45px; margin-top: 45px; margin-bottom: 20px;}
.Order_Inner01_topic:before{ position: absolute; content: "" ;left:calc(50% - 12px); top: 0px; width: 25px; height: 2px; background-color: #355A55;}
.Order_Inner01_topic .flex-l{ width: 100px; background: url('../images/order/order_c1_img.png') center 50% no-repeat; background-size: cover; }
.Order_Inner01_topic .flex-r{ width:calc(100% - 100px); background-color: #fff; padding: 17px 20px;}


.om-stepInner{}
.om-step-ttl{margin-bottom:20px;position:relative;text-align:center}
.om-step-ttl span{position:relative;z-index:2;display:inline-block;margin:0;padding:0 42px;background-color:#FEF9F5;text-align:left}
.om-step-ttl::before{position:absolute;top:50%;z-index:1;content:'';display:block;width:100%;border-top:2px dotted #365B56}
.om-stepInner .col-txt{ margin-bottom: 10px;}
.om-stepInner .col-txt2{ margin-bottom: 40px;}
.om-step-cakettl{ padding: 30px 0 30px;}
.om-size-list { /*max-width:732px ;*/ margin: 0 auto 25px;}
.om-std-list{ margin-bottom: 80px;}

.om-coll-list{ margin-left: -3.5%;}
.om-coll-list li{ margin-left: 3.5%; width: 21.5%;text-align: center;  margin-bottom: 80px; }
.om-coll-list li dt{ padding: 20px 0 18px; padding: 18px 0 16px;}
.om-coll-list li dd{ text-align: left; letter-spacing: normal; }

.fullorder_Inner01{ margin-bottom: 100px;}
.fullorder_Inner01 .col-ttl{padding: 0px 0 30px;}
.fullorder_Inner01 .col-txt{ margin-bottom: 30px;}
.fullorder_Inner01 .col-price{ margin-bottom: 45px;}
.fullorder_Inner01 .col-img{ width: 100%; padding-bottom: 55%; margin-bottom: 60px; background: url('../images/order/order_full_img.png') center 50% no-repeat; background-size: cover; }
.fullorder_Inner01 .first{ padding-bottom: 1.2em; margin-bottom: 1.2em;}
.fullorder_Inner01 .first::before{position: absolute; content: "" ;left:calc(50% - 10px); bottom: 0px; width: 20px; height: 3px; background-color: #231815;}

.v2_omstdttl_size{ padding-top: 15px;}
.v2_omcollttl_size{ padding-bottom: 12px; line-height: 1;}

@media screen and (max-width: 768px) {
.Order_Inner01{ margin: 0 auto 25px;}
.Order_Inner01 .col-subttl{ margin-bottom: 25px;}
.Order_Inner01_topic{ padding-top: 25px; margin-top: 25px; margin-bottom: 15px;}
.om-step-ttl{margin-bottom:10px;}
.om-step-ttl span{ padding:0 22px;}
.om-step-ttl span img{width: 40px;}
.om-stepInner .col-txt{ margin-bottom: 5px;}
.om-stepInner .col-txt2{ margin-bottom: 20px;}
.om-step-cakettl{ padding: 15px 0 15px;}
.om-size-list { margin: 0 0 15px -5.3%;}
.om-size-list li{ margin-left: 3.3%; width: 30%; }
.om-std-list{ margin-bottom: 40px;}

.om-coll-list{ margin-left: -3%;}
.om-coll-list li{ margin-left: 3%; width: 30.3%; margin-bottom: 40px; }
.om-coll-list li dt{ padding: 10px 0 9px;}

.fullorder_Inner01{ margin-bottom: 50px;}
.fullorder_Inner01 .col-ttl{padding: 0px 0 15px;}
.fullorder_Inner01 .col-txt{ margin-bottom: 15px;}
.fullorder_Inner01 .col-price{ margin-bottom: 25px;}
.fullorder_Inner01 .col-img{ padding-bottom: 55%; margin-bottom: 30px; }
.fullorder_Inner01 .first{ padding-bottom: 1.2em; margin-bottom: 1.2em;}
.fullorder_Inner01 .first::before{position: absolute; content: "" ;left:calc(50% - 10px); bottom: 0px; width: 20px; height: 3px; background-color: #231815;}
    
}
@media screen and (max-width: 600px) {
.Order_Inner01_topic .flex-l{ width: 80px; height: 80px; }
.Order_Inner01_topic .flex-r{ width:calc(100% - 80px); padding: 10px 12px;}
}
@media screen and (max-width: 550px) {
.om-coll-list{ margin-left: -5%;}
.om-coll-list li{ margin-left: 5%; width: 45%;}
}
/* Recruit
-------------------*/
#Recruit_main.pagemain_img{ background: url('../images/recruit/ps_Shop01_s.jpg') center 38% no-repeat; background-size: cover; }
.Recruit_main_icn { top: -160px; right: 50px;}
.Recruit_Inner01{ margin: 0 auto 50px;}
.Recruit_Inner02 { margin-bottom: 100px;}
.Recruit_Inner02 .flex-img { width: 25%; height: 345px; order: 2; background: url('../images/recruit/recruit_img.png') center 50% no-repeat; background-size: cover; }
.Recruit_Inner02 .flex-txt { width: 70%; letter-spacing: 0.06em;}

.Recruit_Inner03 { margin-bottom: 110px;}
 .Recruit_Inner03 dl { border-top: 1px solid #C5C9C1; margin-top: 15px;}
 .Recruit_Inner03 dl .recruit_list { padding: 23px 0 20px; border-bottom: 1px solid #C5C9C1;}
 .Recruit_Inner03 dt { width: 150px;}
 .Recruit_Inner03 dt .dtInner { width: 70px;}
 .Recruit_Inner03 dd { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px);}
 .Recruit_Inner03 dd .ddInner p:first-child { width: 150px;}
 .Recruit_Inner03 dd .ddInner p:nth-child(2) { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px);}

.Recruit_Inner04 .rec04-txt p { background: #FFF; border-radius: 10px; border: 1px solid #C5C9C1; display: inline-block; padding: 10px 25px; box-sizing: border-box; margin: 0 auto;}

.Recruit_Illust01 {position: absolute; right: -130px; top: -225px;}

@media screen and (max-width: 1024px) {
.Recruit_Inner02 .flex-img { width: 35%; margin-right: -50px;   }
.Recruit_Inner02 .flex-txt { width: 65%; }
}

@media screen and (max-width: 768px) {
.Recruit_main_icn { width: 100px; top: -120px; right: 20px;}
.Recruit_Inner01{ margin: 0 auto 25px;}
.Recruit_Inner02 { margin-bottom: 50px;}
.Recruit_Inner02 .flex-img { width: 100%; margin-right: 0; height: 50vw; margin-bottom: 25px;}
.Recruit_Inner02 .flex-txt { width: 100%; order: 2; }
.Recruit_Inner03 { margin-bottom: 55px;}
 .Recruit_Inner03 dl {  margin-top: 10px;}
 .Recruit_Inner03 dl .recruit_list { padding: 15px 0 15px;}
 .Recruit_Inner03 dt { width: 100%;}
 .Recruit_Inner03 dt .dtInner { width: 65px;}
 .Recruit_Inner03 dd { width: 100%;}
 .Recruit_Inner03 dd .ddInner p:first-child { width: 100%; }
 .Recruit_Inner03 dd .ddInner p:nth-child(2) { width: 100%; margin-bottom: 5px;}
.Recruit_Illust01 { width: 140px; right: -100px; top: -55px;}
}

/* Onlinestore
-------------------*/
/* 一覧 */
.Onlinestore_header { width: 100%; background: #fff; padding: 6px 0 90px;}
 .Onlinestore_header ul { max-width: 430px; width: 100%; margin: 0 auto; }
 .Onlinestore_header ul li img { vertical-align: middle; margin-right: 4px;}
 .Onlinestore_header ul li a { display: block;}

#Onlinestore_main.pagemain_img{ background: url('../images/onlinestore/online_main.jpg') center 38% no-repeat; background-size: cover; width: 90%; max-width: 1200px; margin: -65px auto 0; max-height: 620px;}
.Onlinestore_ttl { color: #fff;}

.Onlinestore_Inner01 { margin-bottom: 80px;}
 .Onlinestore_Inner01 .flex-img { width: 25%; order: 2; background: url('../images/onlinestore/online_img01.png') center 50% no-repeat; background-size: cover; }
 .Onlinestore_Inner01 .flex-txt { width: 70%;}
 .Onlinestore_Inner01 .flex-txt .txt_img01 { margin-bottom: 38px;}
 .Onlinestore_Inner01 .flex-txt .txt_img02 { margin-bottom: 25px;}
 .Onlinestore_Inner01 .flex-txt p { margin-top: 20px;}

@media screen and (max-width: 768px) {
 .Onlinestore_header ul {  width: 80%; margin: 0 auto; }
 .Onlinestore_ttl{ font-size: 0.9em;}
.Onlinestore_Inner01 { margin-bottom: 40px;}
 .Onlinestore_Inner01 .flex-img { width: 100%; order: 1; height:50vw; }
 .Onlinestore_Inner01 .flex-txt { width: 100%;margin-bottom: 25px; }
 .Onlinestore_Inner01 .flex-txt .txt_img01 { margin-bottom: 20px;}
 .Onlinestore_Inner01 .flex-txt .txt_img02 { margin-bottom: 15px;}
 .Onlinestore_Inner01 .flex-txt p { margin-top: 10px;}
}

@media screen and (max-width: 500px) {
 .Onlinestore_header ul  {  width: 84%; }
 .Onlinestore_header ul li {  font-size: 0.95em; letter-spacing: normal;}
}
 @media screen and (max-width: 370px) {
 .Onlinestore_header ul  {  width: 90%; }
 .Onlinestore_header ul li {  font-size: 0.9em; letter-spacing: normal;}
}
      




/* 20.04 MOTHERS */
#OnlinestoreLP_main{ margin: -65px auto 50px; }
.OnlinestoreLPInner{ padding: 95px 5% 0;}
.OnlinestoreLP-ttl{}
.OnlinestoreLPInner dt{ padding: 40px 0 20px;}
.OnlinestoreLP_listwrap{ max-width: 1030px; margin: 0 auto; padding: 90px 0px 50px; box-sizing: border-box;}
.OnlinestoreLP_listwrap.detail{ max-width: 1130px;padding: 90px 50px 50px;}
.OnlinestoreLP_listwrap li{ max-width: 31%; text-align: center;}
.OnlinestoreLP_listwrap .col-txt{ margin-top: 20px;}

@media screen and (max-width: 768px) {
#OnlinestoreLP_main{ margin: -65px auto 25px; }
.OnlinestoreLPInner{ padding: 50px 7% 0;}
.OnlinestoreLPInner dt{ padding: 20px 0 10px;}
.OnlinestoreLP_listwrap.detail,
.OnlinestoreLP_listwrap{ padding: 45px 5% 25px;}
.OnlinestoreLP_listwrap li{ max-width: 31%;}
.OnlinestoreLP_listwrap .col-txt{ margin-top: 10px;}
}
@media screen and (max-width: 550px) {
.OnlinestoreLP_listwrap li{  max-width:none; width: 100%; margin-bottom: 25px;}
}

/* 20.07 アイスマカロン */
#OnlinestoreLP_main.lp2007 .OnlinestoreLPInner{ background: #CFE9E7 url('../images/onlinestore/lp/202007/bg_snow.png') center center ; background-size: cover; }
#OnlinestoreLP_main.lp2007 .OnlinestoreLP-ttl{ padding-top: 50px; margin-bottom: -50px;}
#OnlinestoreLP_main .LP_btn_buy{ padding-bottom: 50px;}
@media screen and (max-width: 768px) {
#OnlinestoreLP_main.lp2007 .OnlinestoreLP-ttl{ padding-top: 25px; margin-bottom: -25px;}
#OnlinestoreLP_main .LP_btn_buy{ padding-bottom: 20px;}
}






/* 詳細 */
.online_jam_page_wrap { width: 100%; margin: 0 auto 100px;}
.online_jam_page_wrapInner { max-width: 1265px; padding: 0 50px; margin: 0 auto; box-sizing: border-box; transform: translateX(-80px);}
.online_jam_sidebar { width: 200px; top: 0; right: 25px; z-index: 1;}
 .online_jam_sidebar ul li { margin-bottom: 2px;}
 .online_jam_sidebar ul li a { line-height: 50px; height: 100%; background: #FEF9F5; width: 100%; display: block; padding: 0 12px; box-sizing: border-box;}
 .online_jam_sidebar ul li a img { vertical-align: middle; margin-right: 5px;}

.online_jam_page_wrap .flex-img { max-width: 600px; width: 58%;}
.online_jam_page_wrap .flex-txt { max-width: 435px; width: 37.3%;}

.online_jam_contents {}
 .online_jam_contents .txt_img { margin-bottom: 15px;}
 .online_jam_contents .online_jam_name { margin: 30px 0;}
 .online_jam_contents .online_jam_name span { margin-left: 0.5em;}
 .online_jam_contents .online_jam_price { margin-top: 20px; margin-right: -10px; letter-spacing: 0.15em;}

 dl.online_jam_detail { border-top: 1px solid #C5C9C1; margin: 25px 0 50px;}
 dl.online_jam_detail .online_jam_detail_list { padding: 12px 0 10px; border-bottom: 1px solid #C5C9C1;}
 dl.online_jam_detail .online_jam_detail_list dt { width: 100px;}
 dl.online_jam_detail .online_jam_detail_list dt::after { content: "："; margin-left: 7px;}
 dl.online_jam_detail .online_jam_detail_list dt .dtInner { width: 70px;}
 dl.online_jam_detail .online_jam_detail_list dd { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px);}



/* 20.04 MOTHERS */
#Insert_online_lp_detail{}
 .online_lp_detail { border-top: 1px solid #C5C9C1;  margin: 0px 0 50px;}
 .online_lp_detail li {  padding: 12px 0 10px; border-bottom: 1px solid #C5C9C1; }
 .online_lp_specttl{ padding: 25px 0 15px;}



.online_jam_contents .online_jam_cartbtn ul li { line-height: 60px; height: 100%;}
 .online_jam_contents .online_jam_cartbtn ul li:first-child { border: 1px solid #9BA9A5; box-sizing: border-box; padding-top: 5px;}
 .online_jam_contents .online_jam_cartbtn ul li a { display: block;}
 .online_jam_contents .online_jam_cartbtn ul li .submit-button{ display: block; width: 100%; height: 60px; line-height: 60px; border-radius: 0px; font-size: 18px; }

.buynum a{ display: inline-block; width: 40px; }
.buynum input,
.buynum select{ width: 70px; padding: 7px 10px !important; height: auto; font-size: 17px; border-radius: 0px; vertical-align: middle;}
.input-prepend{ display: inline-block; margin-left: 40px;}
.icon-chevron_up{ position: absolute; content: ""; left: -25px ; top: 44%;  border-right: 6px solid transparent;border-bottom: 10px solid #365b56;border-left: 6px solid transparent; }
.icon-chevron_down{ position: absolute; content: ""; right: -25px ; top: 44%;  border-right: 6px solid transparent;border-top: 10px solid #365b56;border-left: 6px solid transparent;}

.buynum select {   padding: 5px 10px !important;  width: 80px; margin-left: 10px; }
.input-pulldown .icon-chevron_down {  right: -15px ; }


@media screen and (max-width: 1450px) {
 .online_jam_page_wrapInner { max-width: 85%; margin: 0; transform: translateX(0);}
}
@media screen and (max-width: 1300px) {
 .online_jam_sidebar { top: -30px;}
 .online_jam_page_wrapInner { max-width: 100%;}
 .online_jam_page_wrap .flex-img { width: 50%; }
 .online_jam_page_wrap .flex-txt { max-width: 100%; width: 46%; }
 .online_jam_contents .txt_img { width: 60%;}
}
@media screen and (max-width: 1160px) {
 .online_jam_sidebar { width: 50px;}
 .online_jam_sidebar ul li a { padding: 5px 10px;}
 .online_jam_sidebar ul li span { display: none;}
}
@media screen and (max-width: 768px) {
 .online_jam_sidebar { width: 44px; position: fixed; top:auto; bottom: 50px; right: 0px;}
 .online_jam_sidebar ul li a { line-height: 44px; padding: 5px 10px;}

.online_jam_page_wrap { max-width: 100%; margin: 0 auto 50px;}
.online_jam_page_wrapInner { padding: 0 5%;}
.online_jam_page_wrap .flex-img { max-width:none; width: 110%; margin: 0 -5%;}
.online_jam_page_wrap .flex-txt { max-width:none; width: 100%;}
 .online_jam_contents .txt_img { margin-bottom: 10px;}
 .online_jam_contents .online_jam_name { margin: 15px 0;}
 .online_jam_contents .online_jam_price { margin-top: 10px; margin-right: -5px;}
 dl.online_jam_detail {  margin: 15px 0 25px;}
 dl.online_jam_detail .online_jam_detail_list dt { width: 95px;}
 dl.online_jam_detail .online_jam_detail_list dt .dtInner { width: 65px;}
 dl.online_jam_detail .online_jam_detail_list dd { width: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: calc(100% - 95px);}

 .online_lp_detail { margin: 0px 0 25px;}
 .online_lp_specttl{ padding: 15px 0 10px;}

}

/* 一覧・詳細共通 */
.online_jam_list_Container { width: 100%; border-top: 1px solid #C5C9C1; padding-top: 70px; margin-bottom: -50px;}
ul.online_jam_list { width: 90%; max-width: 1030px; margin: 0 auto;}
 ul.online_jam_list::after { content:""; display: block; width: 27%; max-width: 280px;}
 ul.online_jam_list li { width: 27%; max-width: 280px; margin-bottom: 50px;}
 ul.online_jam_list li .bnrimg-over { position: absolute; top: 0; left: 0; z-index: 99; -webkit-opacity: 0; opacity: 0; -webkit-transition: .4s; transition: .4s;}
 ul.online_jam_list li a:hover .bnrimg-over { -webkit-opacity: 1; opacity: 1;}
 ul.online_jam_list li .online_jam_list_name { margin-top: 20px; }

@media screen and (max-width: 768px) {
.online_jam_list_Container {  padding-top: 35px; margin-bottom: -25px;}
 ul.online_jam_list { max-width: 620px; }
 ul.online_jam_list::after { width: 46%; }
 ul.online_jam_list li { width: 46%; margin-bottom: 25px;}
 ul.online_jam_list li .online_jam_list_name { margin-top: 10px; }
}



/* Wedding Gift
-------------------*/
#Gift_main.pagemain_img{ background: url('../images/gift/ps_Wedding_s.jpg') center 38% no-repeat; background-size: cover;}
.Gift_Inner01{ }
 .Gift_Inner01 .col-ttl{ margin-bottom: 50px;}
 .Gift_Inner01 .col-txt{ margin-bottom: 90px;}

.Gift_Illust01 { right: -300px; top: -65px;}

.Gift_Inner02 { margin-bottom: 100px;}
 .Gift_Inner02 ul li { max-width: 475px; width: 47.5%; margin-bottom: 50px;}
 .Gift_Inner02 ul li .Gift_txt { margin-top: 20px;}

.Gift_Inner03 .Gift_Inner03-col { max-width: 475px; width: 47.5%;}
 .Gift_Inner03 .flex-col-l ul { margin-top: 30px;}
 .Gift_Inner03 .flex-col-l ul li { margin-left: 1em; text-indent:-1em;}
 .Gift_Inner03 .flex-col-r .logo_img { margin-bottom: 30px;}
 .Gift_Inner03 .flex-col-r ul li { margin-bottom: 8px;}
 .Gift_Inner03 .flex-col-r ul li.addres{ margin-right: -1em;}

@media screen and (max-width: 768px) {
 .Gift_Inner01 .col-ttl{ margin-bottom: 25px; }
 .Gift_Inner01 .col-txt{ margin-bottom: 45px;}

.Gift_Illust01 { width: 110px; right: -70px; top: -105px;}

.Gift_Inner02 { margin-bottom: 50px;}
 .Gift_Inner02 ul li {  margin-bottom: 25px;}
 .Gift_Inner02 ul li .Gift_txt { margin-top: 10px;}

.Gift_Inner03 .Gift_Inner03-col { max-width: none; width: 100%;}
    .Gift_Inner03 .flex-col-l { margin-bottom: 25px;}
 .Gift_Inner03 .flex-col-l ul { margin-top: 15px;}
 .Gift_Inner03 .flex-col-r .logo_img { margin-bottom: 15px;}
 .Gift_Inner03 .flex-col-r ul li { margin-bottom: 4px;}
 .Gift_Inner03 .flex-col-r ul li.addres{ margin-right:0;}
}

/* Product（CAKES・BAKED）
-------------------*/

/* 共通 */
.Product_ttl_Container { margin-bottom: 90px;}
 .Product_ttl_Container .Product_ttl { margin-bottom: 50px; letter-spacing: 0.4em;}
 .Product_ttl_Container .Product_ttl p { margin-top: 20px; letter-spacing: 0.2em;}

.Product_list_Inner { width: -webkit-calc(100% + 150px); width: -moz-calc(100% + 150px); width: calc(100% + 150px); transform: translateX(-75px); margin-bottom: -70px;}
 .Product_list_Inner ul li { width: 31%; max-width: 350px; margin-bottom: 80px;}
 .Product_list_Inner ul::after { content:""; display: block; width: 30.4%; max-width: 350px;}
 .Product_list_Inner ul li .Product_txt { margin-top: 20px;}
 .Product_list_Inner ul li .Product_txt .Product_name { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px);}
 .Product_list_Inner ul li .Product_txt .Product_name_cmt{ display: inline-block; position: relative; top: -0.1em;}
 .Product_list_Inner ul li .Product_txt .Product_price { width: 100px;}
@media screen and (max-width: 1250px) {
 .Product_list_Inner { width: 100%; transform: translateX(0); }
}

/* CAKES */
.Cakes_Illust01 { bottom: -20px; left: -180px;}
.Cakes_Illust02 { top: -123px; right: -130px;}

/* BAKED */
.Baked_Illust01 { bottom: -35px; left: -220px;}
.Baked_Illust02 { top: -90px; right: -120px;}
.Baked_Illust03 { top: 680px; left: -250px;}
.Baked_Illust04 { top: 450px; right: -270px;}

@media screen and (max-width: 1050px) {
.Cakes_Illust01 { width: 200px; bottom: 80px; left: -140px;}
.Cakes_Illust02 {  width: 200px; top: -343px; right: -130px;}
    
.Baked_Illust01 { width: 200px; bottom: auto; top: 10px; left: -120px;}
.Baked_Illust02 { width: 200px; top: -90px; right: -120px;}
.Baked_Illust03 { width: 200px; }
.Baked_Illust04 { width: 200px; }
}
@media screen and (max-width: 920px) {
 .Product_list_Inner ul li { width: 48%; max-width:none; margin-bottom: 40px;}
  .Product_list_Inner ul li img{ width: 100%;}
 .Product_list_Inner ul::after { width: 47.4%; max-width: none;}
 .Product_list_Inner ul li .Product_txt { margin-top: 10px;}
}
@media screen and (max-width: 768px) {
.Product_ttl_Container { margin-bottom: 45px;}
 .Product_ttl_Container .Product_ttl { margin-bottom: 25px; }
 .Product_ttl_Container .Product_ttl p { margin-top: 10px;}
.Cakes_Illust01 { width: 100px; bottom:auto; top: 10px; left: -60px;}
.Cakes_Illust02 {  width: 90px; top: -53px; right: -55px;}
.Baked_Illust01 { width: 100px;top: 10px; left: -70px;}
.Baked_Illust02 { width: 120px; top: -40px; right: -70px;}
}
@media screen and (max-width: 550px) {
 .Product_list_Inner ul li .Product_txt .Product_name { width: 100%; margin-bottom: 5px;}
 .Product_list_Inner ul li .Product_txt .Product_price { width: 100%;}
}

/* Company
-------------------*/
.company_Inner01{}
.company_Inner01 dt{ width: 25%; padding: 20px 20px 20px 0; border-bottom: 1px solid #C5C9C1; box-sizing: border-box; }
.company_Inner01 dd{ width: 75%; padding: 20px 0; border-bottom: 1px solid #C5C9C1; box-sizing: border-box; }
.company_Inner01 dt.first,
.company_Inner01 dd.first { border-top: 1px solid #C5C9C1; }

@media screen and (max-width: 550px) {
.company_Inner01 dt{ width: 100%; padding: 15px 0px 0px 0; border-bottom: none;}
.company_Inner01 dd{ width: 100%; padding: 5px 0 15px; }
.company_Inner01 dd.first{border-top: none; }
}


/* privcy
-------------------*/
.privcyInner01{ border-top: 1px solid #C5C9C1; padding-top: 45px; padding-bottom: 20px; }
.privcyInner01 dt{ padding-top: 60px;}
.privcyInner01 dd{ padding-top: 15px; }
.privcyInner01 dd .flex{ padding-top: 30px;}
.privcyInner01 .flex-l{ width: 328px; }
.privcyInner01 .flex-r{ width: calc(100% - 328px) ; padding-bottom: 15px;}
.privcyInner01 a{word-break: break-all;}

@media screen and (max-width: 900px) {
.privcyInner01 .flex-l{ width:100%; }
.privcyInner01 .flex-r{ width:100%;}
}
@media screen and (max-width: 768px) {
.privcyInner01{ padding-top: 25px; padding-bottom: 10px; }
.privcyInner01 dt{ padding-top: 30px;}
.privcyInner01 dd{ padding-top: 10px; }
.privcyInner01 dd .flex{ padding-top: 15px;}
.privcyInner01 .flex-r{ padding-bottom: 10px;}
}




/* shopping guide
-------------------*/
.shoppingguideInner01{ border-top: 1px solid #C5C9C1; padding-bottom: 100px;  }
.shoppingguide-box{border-bottom: 1px solid #C5C9C1; padding: 40px 0 50px; }
.shoppingguide-box dt{ margin-bottom: 20px;}
#p2.shoppinglaw{ padding-top: 60px;}

table.delivchart { width: 100%; font-size: 0.95em; margin-top: 5px; 
display: block;
overflow: auto;
word-break: keep-all;}
table.delivchart th{ border: 1px solid #C5C9C1; padding: 4px 7px; text-align: center;  }
table.delivchart td{ border: 1px solid #C5C9C1; padding: 4px 7px; text-align: center; }


@media screen and (max-width: 768px) {
.shoppingguideInner01{ padding-bottom: 50px;  }
.shoppingguide-box{ padding: 20px 0 25px; }
.shoppingguide-box dt{ margin-bottom: 10px;}
#p2.shoppinglaw{ padding-top: 30px;}
}


/* Corporate
-------------------*/

.corp_wrap{margin-bottom: 0px;}
.corp_wrap .col-ttl{ margin-bottom: 20px;}
.corp_Inner01{ padding-bottom: 70px;  margin-top: 70px;}
.corp_Inner01:before{ position: absolute; content: "" ;left:calc(50% - 12px); top: 0px; width: 25px; height: 2px; background-color: #355A55;}
.corp_Inner_box{ padding-top: 80px; padding-bottom: 60px;}
.corp_Inner_box .flex-img{ width: 37.6%;}
.corp_Inner_box .flex-txt{ width: 53.4%;}
.corp_Inner_box .flex-txt h2{ margin-bottom: 16px; line-height: 1;}
.corp_Inner_box .flex-txt dt{ margin-bottom: 30px; line-height: 1.5;}
.corp_Inner_box .flex-txt dd{}
.corp_Inner_box .flex-txt dd.col-detail { padding-top:38px; }

#p2.corp_Inner_box .flex-img,
#p4.corp_Inner_box .flex-img{ order: 2;}

@media screen and (max-width: 768px) {
.corp_wrap .col-ttl{ margin-bottom: 10px;}
.corp_Inner01{ padding-bottom: 35px;  margin-top: 35px;}
.corp_Inner_box{ padding-top: 40px; padding-bottom: 30px;}
.corp_Inner_box .flex-img{ width: 37.6%;}
.corp_Inner_box .flex-txt{ width: 53.4%;}
.corp_Inner_box .flex-txt h2{ margin-bottom: 8px; }
.corp_Inner_box .flex-txt dt{ margin-bottom: 15px; }
.corp_Inner_box .flex-txt dd.col-detail { padding-top:20px; }
}


@media screen and (max-width: 550px) {
.corp_Inner_box .flex-img{ width: 100%; margin-bottom: 25px;}
.corp_Inner_box .flex-txt{ width: 100%; order: 3;}
}

/* CONTACT
-------------------*/
#contact.contact_wrap{ padding-top: 80px;}
.contact_Inner01{}
.contact_Inner01 .col-subttl{ margin-bottom: 40px;}
.contact_Inner01 .col-txt{  padding: 10px 0 60px;}
.formwrap dt{ padding-bottom: 11px;}
.formwrap dd{ padding-bottom: 45px;}
.hissu{ color: #ff4628;}

@media screen and (max-width: 768px) {
#contact.contact_wrap{ padding-top: 40px;}
.contact_Inner01 .col-subttl{ margin-bottom: 20px;}
.contact_Inner01 .col-txt{  padding: 5px 0 30px;}
.formwrap dt{ padding-bottom: 8px;}
.formwrap dd{ padding-bottom: 25px;}
}

/* form */
input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 7px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff;  width: 100%; box-sizing: border-box; font-weight: 400;}

.formwrap input,
.formwrap textarea { padding: 30px; background-color: #fff; font-size: 17px; }
.formwrap textarea { height: 340px;}
.wd50{ width: calc(50% - 5px);}


.formwrap input[type=checkbox] { display: none; }
.formwrap .checkbox {
  box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
  position: relative; display: inline-block; vertical-align: middle; cursor: pointer; }
.formwrap .checkbox:before {
  -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; z-index: 2;
  top: 50%; right: -30px; display: block; margin-top: -5px; 
  width: 10px; height: 10px; background: #000; border-radius: 50%;  border: 1px solid #000; 
  content: ''; opacity: 0; }
.formwrap input[type=checkbox]:checked + .checkbox:before { opacity: 1; }


.contact_chkboxInner { padding: 0 0 0 8%; }
.contact_chkboxInner li{ box-sizing: border-box; margin-bottom: 20px; width: 33%;}


@media screen and (max-width: 768px) {
.formwrap input,
.formwrap textarea { padding: 15px; }
.formwrap textarea { height: 220px;}
}
@media screen and (max-width: 600px) {
.contact_chkboxInner li{ width: 100%;}
}





:placeholder-shown { color: #c7c8c8; }
::-webkit-input-placeholder { color: #c7c8c8;  }
:-moz-placeholder { color: #c7c8c8;  }
::-moz-placeholder { color: #c7c8c8;  }
:-ms-input-placeholder { color: #c7c8c8;  }
::-ms-input-placeholder { color: #c7c8c8;  }

input[type=radio] {
 display: none;
}
.radio label{cursor: pointer; padding-left: 52px; position: relative; z-index: 3;}
.checkboxtn label{cursor: pointer; padding-left: 52px;}
.radio, .checkboxtn {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 4px 0;
  padding: 2px 2px 2px 0px;
  border-radius: 0px;
  vertical-align: middle;
}

.radio:hover, .checkboxtn:hover {
}
.radio:hover:after, .checkboxtn:hover:after {
}
.radio:after, .checkboxtn:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute; z-index: 1;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -22px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 13px;
  display: block;
  margin-top: -9px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff4628;
  content: '';
  opacity: 0; z-index: 2;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkboxtn:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 13px;
  display: block;
  margin-top: -9px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff4628;
  content: '';
  opacity: 0; z-index: 2;
}
input[type=checkbox]:checked + .checkboxtn:before {
  opacity: 1;
}



.error_box { width: 100%; text-align: left; color: #ff4628; border: 1px solid #ff4628; display: none; margin: 0px auto 50px; padding: 20px 30px; box-sizing: border-box; }

.submitwrap{ padding: 40px 0 30px;}
.cancelbtn,
.submitbtn { margin: 0 auto; box-sizing: border-box; padding: 35px 0px; background: #ff4628; border-style: none; letter-spacing: 0.2em; transition: all 300ms 0s ease; cursor: pointer; color: #fff; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #ff4628;}
.submitbtn:hover { background: none; color: #ff4628; border: 1px solid #ff4628; }
.cancelbtn { box-sizing: border-box; padding: 35px 0px; background: #ccc; border-style: none; letter-spacing: 0.2em; transition: all 300ms 0s ease; cursor: pointer; color: #fff; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #ccc;}
.cancelbtn:hover{ background: #ddd;border: 1px solid #ddd;}

.contact_ft_telInner{ padding-top: 100px;}
.contact_ft_telInner .telbox{ margin-bottom: 5px;}
.contact_ft_telInner .telbox .elm01{ padding-right: 0.5em;}
.contact_ft_telInner .dl{}


.Contact_sended{ text-align: center; }
.Contact_sended_ttl{ margin-bottom: 20px;}


@media screen and (max-width: 768px) {
.error_box { margin: 0px auto 25px; padding: 10px 15px; }
.submitwrap{ padding: 20px 0 30px;}
.cancelbtn,
.submitbtn { padding: 25px 0px;}
.contact_ft_telInner{ padding-top: 50px;}
.Contact_sended_ttl{ margin-bottom: 10px;}
}



/* 確認ページ */
.kakuninPage_btn { width: 48%; margin: 0 auto;}

@media (max-width: 768px) {
.kakuninPage_btn_wrap { margin: 10px 0 10px;}
}
@media (max-width: 600px) {
 .kakuninPage_btn_wrap { }
 .submitwrap.kakuninPage_btn { width: 100%; }
 .submitwrap.kakuninPage_btn.first { padding-top: 0; order: 2;}
 .submitwrap.kakuninPage_btn.last { order: 1;}
}



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