@charset "UTF-8";

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


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

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


/*@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Fenix);*/


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

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

body { font: 14px/2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; color:#A98752;  letter-spacing:0.1px; 
	 background: #F0EADE fixed url('../images/common/bglogo.png') no-repeat center center ;
	 -webkit-text-size-adjust: 100%;}

.sans-serif{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;}
.yuMincho{ font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

	 
@media screen and (max-width: 1280px) {
body{ background: #F0EADE fixed url('../images/common/bglogo900.png') no-repeat center center ;} 	
}
	 
a       { text-decoration: none;  color:#000; color:#614B35;}
a:hover { text-decoration: underline; color:#999; }
a.linkcolor       { color:#A98752; }
a.linkcolor:hover { text-decoration: none;  color:#999; }
a.linkunder {text-decoration: underline;}
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } 
:focus { outline: 0; }

video {
    max-width: 100%;
    height: auto;
}

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

body { }
#toppages { }
#wrapper  { padding:20px; padding-right:225px; }
.wrap{ margin:0 auto;  }
.wrapInner{ }
#grid{ }


.cshover button,
.cshover a, 
a.cshover{ -webkit-transition:all .3s; transition:all .3s;}
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }


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

#headerContainer { position:fixed; right:20px; top:20px; }
#header { line-height:0.7;}
#logo{ margin-bottom:5px; }

#menu { width:200px;}
#menu ul { margin-bottom: 10px; }
#menu li{ margin-bottom:5px; background:#fff; }
#menu li a{}
#menu .catemenu { margin-bottom:5px; }
#menu .catemenu li{ margin-bottom:0px; padding-bottom:1px; background: #fff url('../images/common/side_line.png') no-repeat bottom center ;}
#menu .catemenu li:last-child{ background:#fff; }
#menu .catemenu li.bgnone{ background:#fff;}
.side_fbInner{ background:#fff; min-height:65px; }




#footerContainer { padding:60px 20px; }
#footer { font-family: Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; font-size:10px; line-height:20px; padding:1px;  }
.footermenu { background: url('../images/common/ft_sepline.png') no-repeat top left ; }
.footermenu li{ float:left; background: url('../images/common/ft_sepline.png') no-repeat top right ; padding:0 50px; }
.footermenu li a{ text-decoration:none;  }
.footermenu li a:hover{ }

#toTop{ line-height:1; z-index:999; position:fixed; bottom:20px; right:20px; display:none; }
.topInner{}



/* @media screen and (max-height: 950px) { */
/*
@media screen and (max-height: 1150px) {
#wrapper { position:relative; }
#wrapper #headerContainer { position: absolute; }	
#wrapper.singlenav { position: inherit; }
#wrapper.singlenav #headerContainer { position:fixed;  }	
}
@media screen and (max-height: 860px) {
#wrapper.singlenav{ position:relative; }
#wrapper.singlenav #headerContainer  { position: absolute; }	
}
*/

#wrapper.singlenav{ position:relative; }
#wrapper.singlenav #headerContainer  { position: absolute; }	
/*
@media screen and (max-height: 1160px) {
#wrapper { position:relative; }
#wrapper #headerContainer { position: absolute; }	
}
*/
#wrapper { position:relative; }
#wrapper #headerContainer { position: absolute; }	


/* SP */
#sphdContainer{ position: relative; display:none;}
.sphdtab{ position:absolute; top:14px; right:5px; z-index:9999;}
.nav_sp{ display:none;}


/* HEAD ONLINESTORE
==========================================================*/

/* 20191010 ADD*/
#hdrbnrBlock{ position: fixed; top:20px ; right: 15px; z-index: 900; line-height: 1;  }
#hdrbnrBlock a{ margin-left: 5px;  }
#hdrbnrBlock a:first-child { margin-left: 0;}
#hdrbnrBlock img{ height: 35px; width: auto; }

@media screen and (max-width:605px){
#header{ position: relative;}
#hdrbnrBlock{ position:absolute; top:31px ; right: 70px; }
#hdrbnrBlock a{ margin-left: 10px;  }
#hdrbnrBlock a:first-child { margin-left: 0;}
#hdrbnrBlock img{ height: 30px; width: auto; }
}

@media screen and (min-width:606px) and (max-width:1560px) {
body.page #Container,
body.normalpage #Container{ padding-top: 50px;}
}

@media screen and (min-width:606px) and (max-width:1180px){
body.home #Container{ padding-top: 50px;}
}
@media screen and (min-width:606px)  {
body.single #Container{ padding-top: 50px;}
}


.lity {
  z-index: 9999;
  background: rgba(222, 209, 182, .97);
}
.lity-iframe-container {max-height: 100vh;height: 100vh;}
.lity-iframe-container iframe {
  box-shadow:none;
  background:none; height: calc(100vh - 100px);
}
.lity-content:after {
  box-shadow:none;
}
.lity-iframe .lity-container {
  width: 92%;
  max-width: 820px;
}
.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  z-index: 9994;
  position:relative; transition:all .3s;
  left: calc(100% - 50px);
  width: 50px;
  height: 50px;
  font-size: 0px; text-indent: -100vw;
  line-height: 1;
  text-shadow: none;
  border: 0;
  background: url('../images/close.png') no-repeat 0 0 ; background-size: 50px auto;
  -webkit-box-shadow: none;
  box-shadow: none; margin-bottom: 10px;
}
.lity-close:hover { opacity: 0.6;}
@media screen and (max-width: 830px) {
    .lity-iframe-container iframe {height: calc(100vh - 60px);}
    .lity-close,
    .lity-close:hover,
    .lity-close:focus,
    .lity-close:active,
    .lity-close:visited {
        width: 30px;
        height: 30px;
        left: calc(100% - 30px);
        background-size: 30px auto;
    }
}


@media screen and (min-width:606px) and (max-height:920px){
    .lity-iframe-container {height: calc(100vh - 20px);}
    .lity-iframe-container iframe {height: calc(100vh - 20px);}
    .lity-close,
    .lity-close:hover,
    .lity-close:focus,
    .lity-close:active,
    .lity-close:visited {
        position: fixed; 
        left: auto; right: 0; top: 0;
    }
    .lity-iframe .lity-container {
      max-width: 700px;
    }
}

@media screen and (min-width:606px) and (max-height:750px){
    .lity-close,
    .lity-close:hover,
    .lity-close:focus,
    .lity-close:active,
    .lity-close:visited {
        width: 30px; 
        height: 30px;
        background-size: 30px auto;
    }
    .lity-iframe .lity-container {
      max-width: 440px;
    }
}



#iframe-head_onlinestore{ line-height: 1;}
#iframe-head_onlinestore li{ margin-bottom: 4px;}






/* content
==========================================================*/


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

min-height   min-height   min-height   min-height   min-height   min-height   min-height   min-height

--------------------------------------------------------------------------------------------------*/
#Container{ min-height:1910px;  min-height:2120px; min-height:2220px; margin: 0 auto; } 





.Mincholesp{font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; letter-spacing:1px;}
.borderline{ background: url('../images/about/border50px.png') no-repeat 0 0 ; padding-top:70px;}

.pages{}
.ContentInner{}
.ContentInnerBlock{}

.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }
.h1showInner{ }
.h1show{ position:relative; font-size:11px; line-height:1.2; top:0px; margin-bottom:12px;}



.fns24px{ font-size:24px; line-height:1.7;}
.fns18px{ font-size:18px; line-height:2;}
.fns16px{ font-size:16px; line-height:1.8;}

@media screen and (max-width: 1325px) {
.fns18px{ font-size:16px; line-height:2;}
}


@media screen and (max-width: 870px) {
.fns24px{ font-size:20px; line-height:1.7;}
.fns18px{ font-size:15px; line-height:2;}
.fns16px{ font-size:14px; line-height:1.8;}
}




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

/* 2column commons name
*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }
	
	.grid-bg{ background:#f7f7f7; }


/* ---------- Grid Items, Single Item and Comments ---------- */


#Container.singleContainer { } 
#Container.pageContainer { } 


#top-nav { font-family: Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; font-size:10px; line-height:20px; padding:1px; margin-bottom:15px;  }
	.top-navmenu { background: url('../images/common/ft_sepline.png') no-repeat top left ; }
	.top-navmenu li{ float:left; background: url('../images/common/ft_sepline.png') no-repeat top right ; padding:0 30px; }
	.top-navmenu li a{ text-decoration:none;  display:block; }
	.top-navmenu li a:hover{ }
	.top-navmenu li.active a {color:#614B35;}



#grid-wrapper {
	margin: 0;
	padding: 0;
	padding-top: 1400px; 
}

#grid-wrapper{ position:relative; width:100%; }

div.x1 { width:  200px; }
div.x2 { width:  405px; }
div.x3 { width:  610px; }
div.x4 { width: 815px; }

div.x05 { width: 50px; }
div.x15 { width: 255px; }
#Container.pageContainer div.x4{ width: 1020px; }

.indexbnr2{ line-height:0 !important;}
#indexmainImg{ line-height:0 ; }
#indexmainImg .grid-itemInner{ height:601px; }
.indexbnr2in1 .grid-itemInner{ float: left; margin-left: 5px;}
.indexbnr2in1 {margin-left: -5px;}


.grid-item, 
.single-item {
	/*overflow: hidden;*/
	margin: 0 5px 5px 0;
	line-height:0.8;
}
.grid-item img{ max-width:100%; height:auto; }

.grid-itemInner{ background: #FFF; padding: 5px; }
	div.x1 .grid-itemInner{ height:293px;  }
	.grid-Sidelist .grid-itemInner,
	.grid-Sidepage .grid-itemInner { margin-bottom:5px; }
	

div.x15 .grid-itemInner{ width:190px;}
.single-close-x1{ height:303px; }





@media screen and (max-width: 2715px) {
#Container{ width:2255px !important; margin:0 auto; } 	
}
@media screen and (max-width: 2510px) {
#Container{ width:2050px !important; margin:0 auto; } 	
}
@media screen and (max-width: 2305px) {
#Container{ width:1845px !important; margin:0 auto; } 	
}
@media screen and (max-width: 2100px) {
#Container{ width:1640px !important; margin:0 auto; } 	
}
@media screen and (max-width: 1895px) {
#Container{ width:1435px !important; margin:0 auto; } 	
}
@media screen and (max-width: 1690px) {
#Container{ width:1230px !important; margin:0 auto; } 	
}
@media screen and (max-width: 1485px) {
#Container{ width:1025px !important; margin:0 auto; } 
#Container.singleContainer {  width:1080px !important; margin:0 auto; }
#Container.singleContainer div.x4 { width: 765px; width: 815px; } 

#Container.pageContainer { width:1080px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 1020px; } 
}
/**/
@media screen and (max-width: 1325px) {
#Container.pageContainer { width:1030px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 970px; } 
}
@media screen and (max-width: 1285px) {
#Container{ width:970px !important; margin:0 auto; } 
#Container.singleContainer {  width:1025px !important; margin:0 auto; }
#Container.singleContainer div.x4 { width: 710px; width: 815px; } 

#Container.pageContainer { width:970px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 910px; } 
}
@media screen and (max-width: 1280px) {
#Container {  width:820px !important; margin:0 auto; }
#Container.singleContainer {  width:875px !important; margin:0 auto; }
#Container.singleContainer div.x4 { width: 560px; width: 610px;} 

#Container.pageContainer { width:820px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 760px; } 
}
@media screen and (max-width: 1075px) {
#Container { width:615px !important; margin:0 auto; } 
#Container.singleContainer { width:670px !important; margin:0 auto; } 
div.x4 { width:  610px; }
#Container.singleContainer div.x4 { width:  355px; width:  405px;} 

#Container.pageContainer { width:615px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 555px; } 
}
@media screen and (max-width: 870px) {
#Container,
#Container.singleContainer { width:410px !important; margin:0 auto; } 
div.x3,
div.x4 { width:  405px; }
#Container.singleContainer div.x4 { width: 405px; } 
#indexmainImg .grid-itemInner{ height:auto; padding-bottom:20px; }

#Container.pageContainer { width:405px !important; margin:0 auto; }
#Container.pageContainer div.x4 { width: 345px; } 
#top-nav { }
	.top-navmenu li{ padding:0 18px; }
}

@media screen and (max-width: 665px) {
#Container,
#Container.singleContainer,
#Container.pageContainer { width:350px !important; margin:0 auto; } 
div.x3,
div.x4 { width:  345px; }
#Container.singleContainer div.x4 { width: 345px; } 
#Container.pageContainer div.x4 { width: 345px; } 
#top-nav { margin-top:5px; margin-bottom:15px; }
	.top-navmenu li{ width:19.5%; padding:0; text-align:center;}
}

@media screen and (max-width: 605px) {
#Container,
#Container.singleContainer,
#Container.pageContainer { width:265px !important; margin:0 auto; } 
div.x3,
div.x4 { width:  260px; }
#Container.singleContainer div.x4 { width: 260px; } 
#Container.pageContainer div.x4 { width: 260px; } 

#wrapper  { padding:20px 10px; padding-right:215px; }
#headerContainer,
#wrapper.singlenav #headerContainer { right:10px;}
	
}

/**/


.grid-Inner{ font-size:12px;line-height:1.5em; width:170px; margin:0 auto; }
	.x15 .grid-itemInner a,
	.x1 .grid-itemInner a{ text-decoration:none; }
	.x15 .grid-itemInner a:hover .grid-title,
	.x1 .grid-itemInner a:hover .grid-title { text-decoration: underline;}
	
	
.grid-box{ padding:10px 0;  }
	.grid-image{ height:150px;}
	.grid-title{ font-weight:600;  color:#614B35; margin-bottom:2px; /**/ height:40px; letter-spacing:normal; overflow:hidden; 
	/*white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; 
    -o-text-overflow: ellipsis; */ }
	.grid-body{ /**/  height:52px; overflow:hidden; }

.grid-col{ font-family: Helvetica, sans-serif; background: url('../images/common/side_line.png') no-repeat top center ; padding:8px 0 2px; min-height:12px;}
	.grid-cate{ width:102px; overflow:hidden;}
		.grid-cate a       { color:#A98752; }
		.grid-cate a:hover { text-decoration: none;  color:#999; }
	.grid-days{ font-size:11px; letter-spacing:normal; line-height:1.5em; padding-top:1px; }



.closeInner{ position:absolute; top:0; right:0; }



/* index */
.indmain-txt{ position:absolute; bottom:0; left:0; width:100%; z-index:1; 
 color:#fff; background-color: rgba( 0, 0, 0, 0.75 );}
 .indmain-txt p,
.indmain-txt h2{font-size:12px; line-height:1.5; padding:8px 10px;}
a.ffflink { color:#fff !important; text-decoration:none;}
/* new slide  */
.indmainslide-txt { font-size:13px; line-height:1.5; padding:8px 10px;text-align: left;}


#indlb-17calendar{ padding:30px 80px 15px; background:#fff;}


@media screen and (max-width: 820px) {
#indlb-17calendar{ padding:30px 40px 15px; }
}
@media screen and (max-width: 700px) {
	#indlb-17calendar{ text-align:center;}
	#indlb-17calendar .col-l{ float:none;}
	#indlb-17calendar .col-r{ float:none;}
}

.grid-karachou-txt{position:absolute; bottom:0; left:0; width:100%; z-index:1; color:#fff;}
	.grid-karachou-txt dt,
	.grid-karachou-txt h3{ font-size:32px; line-height:1; font-weight:bold; padding:0 15px 10px; }
	.grid-karachou-txt dd,
	.grid-karachou-txt p{ font-size:12px; line-height:1.5; padding:0px 15px 10px;}

@media screen and (max-width: 665px) {
.grid-karachou-txt dd,
.grid-karachou-txt p,
.indmain-txt{ display:none;}

.grid-karachou-txt dt,
.grid-karachou-txt h3{ padding-bottom:15px;}
}

/* single
==========================================================*/
.postInner{ padding:30px 45px 45px; line-height:2; }

.post-title{ font-size:21px; line-height:1.5; color:#000; }
.post-titleInner{ background: url('../images/blog/line20.png') no-repeat top left ; margin:20px 0 0; padding:25px 0 20px;}
	.post-cate{ font-size:12px; line-height:1.5em; margin-right:22px; }
		.post-cate a       { color:#A98752; }
		.post-cate a:hover { text-decoration: none;  color:#999; }

	.post-days{ font-size:11px; line-height:1.5em; padding-top:1px; }

.post-bodyInner{}
	.post-body{}
.post-socialInner{ padding-top:80px; margin-bottom:30px; }
	.post-socialInner li{ float:left; width:90px; height:84px; overflow:hidden; }
	.post-socialInner li.slist-tw{ width:75px; }
	.post-socialInner li.slist-fb{ width:75px; }
	.post-socialInner li.slist-gp{ width:56px; }
	.post-socialInner li.slist-ha{ width:85px; }
	.post-socialInner li.slist-po{ width:65px; }
	.post-socialInner li.slist-li{ width:44px; }
	

.post-contact-Inner{ border:5px solid #F0EADE; text-align:center;}
	.post-contact-Inner a{ padding:20px 20px 15px;color:#A98752; display:block; text-decoration:none; }

.post-related-Inner{ background: url('../images/blog/line20.png') no-repeat top left ; margin:100px 0 0; padding:25px 0 50px;}
	.post-related-tt{ background: url('../images/blog/tt-bg.png')  ; line-height:50px; height:50px; margin-bottom:20px;}


.single-closeInner a{ float:left; width:50px;}
	.single-closeInner .grid-newpost{ float:right; width:145px; height:50px; line-height:1; background: url('../images/blog/tt-bg.png')  ; }

/* PLUGIN Related Posts */
.related_post_title{ display:none;}
ul.related_post li { min-height: 80px !important; }
ul.related_post li a img { width: 80px !important; height:80px !important; }
.wp_rp_publish_date{ display:block;}

	
/* ABOUT
==========================================================*/

.aboutInner{ font-size:18px; line-height:2; padding:45px;}
.aboutInner-2 { background:#F7F7F7; margin-bottom:50px;}
.aboutInner-2 li{ float:right; }
.aboutInner-2 li img{ float:left; }
	.aboutInner-2 li.aboutli-2{ float:left; min-width:50%; text-align:center;}

.aboutInner-map{ }
#Maps{ width:100%; height:580px; line-height:2; }
#Maps label { width: auto; display: inline; }
#Maps img { max-width: none; max-height: none; }

.aboutInner-3{}
	.aboutInner-3 dl{ background: url('../images/about/dotline.png') repeat-x bottom left ; font-size:18px; line-height:2; padding:24px 0;}
		.aboutInner-3 dt{ float:left;  }
		.aboutInner-3 dd{ margin-left:160px;}
		.aboutInner-3 dl .aboutInner-3-cappan{ font-size:24px;}
		.aboutInner-3 dl:last-child { background:none;}


.serviceInner{  padding:45px;}
	.service-box ul { padding-bottom:15px;}
	.service-box ul li{ float:left; line-height:1.7; width:34%; padding-right:3.2%; margin-bottom:5px}
	.service-box ul li:nth-child(3n){ width:22%; }
	.service-box { background: url('../images/about/dotline.png') repeat-x bottom left ; padding:15px 0;}
	.service-box:last-child { background:none;}

	
	.webshopInner ul{ margin-left:-2.3%;}
	.webshopInner li{ float:left; width:31%; margin-left:2.3%;}
	.webshopInner li img{ max-width:100%; height:auto;}


	.shop_labInner { background:#F7F7F7; padding:20px; }
	.shop_labInner li{ float:right; }
	.shop_labInner li img{ float:left; }
		.shop_labInner li.aboutli-2{ float:left; max-width:50%; text-align:center;}
	.shop_labgmap{ position:absolute; left:53%; top:-21px;}

	.factory-col{ line-height:2; background: url('../images/about/dotline.png') repeat-x top left ; margin-top:50px; padding-top:20px; }
		.factory-col li{  width:50%;}
		.factory-col li.factory-col-l{float:left;}
		.factory-col li.factory-col-r{float:right;}
		.factory-col-img{ float:left; width:43.5%; margin-right:3.2%;}
		.factory-col-txt{ float:left; width:43.5%;}
	
	.orderguideInner{ line-height:2;}
	.orderguideInner dl{ background: url('../images/about/dotline.png') repeat-x bottom left ; padding-top:24px; margin-top:10px; margin-bottom:50px; }
	.orderguideInner dt{ background: url('../images/about/dotline.png') repeat-x top left ; padding-top:24px; }
	.orderguideInner dd{  padding-bottom:20px;}
	
@media screen and (max-width: 1325px) {
.aboutInner-3 dl{font-size:16px; line-height:2;  }
.aboutInner{ font-size:16px; line-height:2; padding:45px 35px;}
.shop_labInner li img { max-height:320px; width:auto;  }
.aboutInner-2 li img{ height:360px; width:auto; }
.serviceInner{  padding:45px 35px;}

.service-box ul li{ float:left; line-height:1.7; width:46%; padding-right:3.2%; margin-bottom:5px}
	.service-box ul li:nth-child(3n){ width:46%; }
}
@media screen and (max-width: 1075px) {
.aboutInner-2 li:last-child { text-align:right; margin-right:0px; }
	.aboutInner-3 dt{ float: none;  }
	.aboutInner-3 dd{ margin-left:0px;}
.service-box ul li{ float:left; line-height:1.7; width: auto; padding-right:25px; margin-bottom:5px}
	.service-box ul li:nth-child(3n){ width:auto; }

.shop_labInner li img { height:250px; width:auto;  }
.factory-col li{  width: auto;}
		.factory-col li.factory-col-l{float:left;}
		.factory-col li.factory-col-r{float:right; margin-top:20px;}
		.factory-col-img{ float:left; width:40%; margin-right:4%;}
		.factory-col-txt{ float:left; width:55%;}
		
}
@media screen and (max-width: 870px) {
.aboutInner-2 li img{ height:300px; width:auto;  }
.aboutInner-2 li.aboutli-2{ float: none; min-width: inherit; text-align:center;}
.aboutInner-3 dl{ font-size:15px; line-height:2; }

.shop_labInner li img { height:250px; width:auto;  }
.shop_labInner li.aboutli-2{ float: none; text-align:center; max-width: none; }
.shop_labInner li.aboutli-2 img{ max-width: 100%; height:auto;  margin-top:20px;}
.shop_labgmap{ position: inherit; left:0; top:0px; padding-top:20px;}

.shop_labInner .aboutli-1 a,
.aboutInner-2 .aboutli-1 a { float:left;}
}

	

	
/* ACCESS
==========================================================*/

.accessttl { max-width: 400px; width: calc(100% - 60px); margin: 0 auto; padding: 80px 0 40px; }
.accessttl img { width: 100%; }
.accessul { text-align: center; margin-bottom: 50px; }
.accessul li { max-width: 240px; width: 33.333%; display: inline-block; text-align: center; }
.accessul li a { border: 1px solid #E0D6C6; border-left: none; text-decoration: none; display: block; color: inherit; height: 40px; line-height: 40px; }
.accessul li:first-child a { border-left: 1px solid #E0D6C6; }

.accessimgwrap { }
.accessimg { width: calc(100% - 410px); float: left; }
.access-kyoto,
.access-nara,
.access-yodo { line-height: 2; background: #fff; }
.access-kyoto .accessimg { background:url(../images/access/img-kyoto.jpg) no-repeat center; background-size: cover; }
.access-nara .accessimg { background:url(../images/access/img-nara.jpg) no-repeat center; background-size: cover; }
.access-yodo .accessimg { background:url(../images/access/img-yodo.jpg) no-repeat center; background-size: cover; }
.accesslogo { float: right; width: 410px; }
.accesslogo img { width: 100%; vertical-align: bottom; }

.accessinner { max-width: 840px; width: calc(100% - 60px); margin: 0 auto; padding: 100px 0 60px; }
.accesstxtwrap { float: right; color: #000; font-size: 17px; min-height: 550px; }
.accessmid { float: right; margin-left: 30px; }
.accessadd { float: right; margin-left: 20px; letter-spacing: 0.2em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl;  writing-mode: vertical-rl; }
.accesstxt { float: right; margin-top: -0.5em; letter-spacing: 0.2em; }
.accesstxt p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl;  writing-mode: vertical-rl; }
.accesslinkul { position: absolute; left: 0; bottom: 60px; font-size: 14px; }
.accesslinkul li { }
.accesslinkul a { color:#A98752; text-decoration: none; }
.accessmapwrap { float: left; width: 456px; padding-bottom: 60px; }
.accessmap { margin-bottom: 20px; }
.accessmap img { width: 100%; }
.accessmaptxt { color: #000; }
.accessmaptxtsub{ color: #000; font-size: 13px; }

@media screen and (max-width: 1280px) {
.accessimg { width: calc(100% - 300px); float: left; }
.accesslogo { float: right; width: 300px; }
.accessinner { padding: 50px 0 30px; }
.accessmid { float: right; margin-left: 20px; }
.accessadd { float: right; margin-left: 20px; letter-spacing: 0.1em; }
.accesstxt { float: right; margin-top: -0.5em; letter-spacing: 0.1em; }
.accesstxtwrap { font-size: 15px; min-height: 460px; }
.accesslinkul { position: absolute; left: 0; bottom: 60px; font-size: 14px; }
.accesslinkul li { }
.accessmapwrap { float: left; width: 50%; padding-bottom: 60px; }
.accessmaptxtsub{ color: #000; font-size: 12px; line-height: 1.4; }
 }

@media screen and (max-width: 1075px) {
.accessttl { padding: 60px 0 30px; }
.accessul { text-align: center; margin-bottom: 30px; }
.accessimg { width: calc(100% - 250px); float: left; }
.accesslogo { float: right; width: 250px; }
.accessinner { width: calc(100% - 100px); }
.accesstxtwrap { min-height: auto; }
.accesslinkul { left: -180px; top: 0; font-size: 14px; }
.accessmapwrap { clear: both; float: none; max-width: 400px; margin: 0 auto; width: 100%; padding: 40px 0 20px; }
 }

@media screen and (max-width: 870px) {
.accessttl { padding: 40px 0 20px; }
.accessul { font-size: 13px; text-align: center; margin-bottom: 30px; }
.accessimg { width: calc(100% - 200px); float: left; }
.accesslogo { float: right; width: 200px; }
.accessinner { width: calc(100% - 60px); padding: 30px 0 30px; text-align: right; }
.accessmid { display: inline-block; text-align: left; }
.accessadd { display: inline-block; text-align: left; line-height: 1.8; }
.accesstxt { display: inline-block; text-align: left; line-height: 1.8; }
.accesstxtwrap { font-size: 14px; width: 100%; }
.accesslinkul { clear: both; margin-top: 40px; width: 100%; position: inherit; left: auto; bottom: 0; font-size: 14px; }
.accesslinkul li { float: left; width: 50%; text-align: center; }
.accesslinkul li a { display: block; padding: 10px; }
.accessmapwrap { padding: 20px 0 0; text-align: left; }
 }







/* partner
==========================================================*/
.partnerInner{ font-size:18px; line-height:2; padding:45px;}
.partner-1 { margin:0 0 0 50px;}

/* KYOTO
==========================================================*/
.kyoto-close{ position:absolute; right:-55px ; bottom:0;}


.kyoto-conceptInner { background:#F7F7F7;padding:45px;}
.kyoto-conceptInner li{}
.kyoto-conceptInner li p{ font-size:80%; position:relative; top:-5px;}

.kyoto-MapInner{padding:45px;}
	.kyoto-MapInner li{ float:right; }
	.kyoto-MapInner li img{ float:left; }
		.kyoto-MapInner li.aboutli-2{ float:left; min-width:55%; }
		
	.kyoto-gmap{ position:absolute; left:58%; top:-40px;}
@media screen and (max-width: 1325px) {
.kyoto-conceptInner{ padding:45px 35px;}
.kyoto-MapInner li.aboutli-2{ float:left; min-width: inherit; max-width:46%; }
.kyoto-MapInner li img { max-height:440px; width:auto;  }

}

@media screen and (max-width: 1075px) {
	.kyoto-MapInner li.aboutli-2{ max-width:100%; }
}
@media screen and (max-width: 870px) {
.kyoto-MapInner li img { height:300px; width:auto;  }
.kyoto-MapInner li.aboutli-2{ float: none; text-align:center; max-width: none; }
.kyoto-MapInner li.aboutli-2 img{ max-width: 100%; height:auto; }
.kyoto-gmap{ position: inherit; left:0; top:0px; padding-top:20px;}

.kyoto-MapInner li.aboutli-1 a { float:left;}
}

/*
.bx-wrapper{position:relative;margin:0 auto 30px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{text-align:center}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-36px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:left;font-size:.85em;font-family:Arial;font-weight:700;color:#065DA4}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#FFF;text-indent:-9999px;display:block;width:8px;height:8px;margin-right:12px;outline:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#065DA4}
*/
.bx-wrapper{position:relative;margin:0 auto 30px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{text-align:center}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-36px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:left;font-size:.85em;font-family:Arial;font-weight:700;color:#065DA4}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#CCCCCC;text-indent:-9999px;display:block;width:40px;height:8px;margin-left:10px;outline:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#977541}



/* NARA
==========================================================*/

.nara-conceptInner { background:#F7F7F7;padding:45px;}
.nara-conceptInner li{}
.nara-conceptInner li p{ font-size:80%; position:relative; top:-5px;}
.nara-conceptInner .mq-01, .nara-conceptInner .mq-02{ display: none; }

.nara-MapInner{ padding:45px;}
	.nara-MapInner li{ float:right; }
	.nara-MapInner li img{ float:left; }
		.nara-MapInner li.aboutli-1{ min-width:43%; }
		.nara-MapInner li.aboutli-2{ float:left; min-width:46%; margin-left:-2%; }
		.nara-gmap{ position:absolute; left:58%; top:-40px;}
@media screen and (max-width: 1325px) {
.nara-conceptInner{ padding:45px 35px;}
.nara-MapInner li img { max-height:440px; width:auto;  }

}

@media screen and (max-width: 1075px) {
	.nara-MapInner li.aboutli-2{ max-width:100%; }
	.nara-gmap{ position:absolute; left:0%; top:0px;}
	.nara-MapInner li.aboutli-1 { margin-bottom:-7%;}
	.nara-conceptInner .mq-01{ display:block; }
	
	
}
@media screen and (max-width: 870px) {
	.nara-conceptInner .mq-02{ display:block; }
.nara-MapInner{ padding:35px;}
.nara-MapInner li img { height:290px; width:auto;  }
.nara-MapInner li.aboutli-2{ float: none; text-align:center; max-width: none; }
.nara-MapInner li.aboutli-2 img{ max-width: 100%; height:auto; }
.nara-MapInner li.aboutli-1 a { float:left; }
.nara-gmap{ position: inherit; left:0; top:0px; padding-top:20px;}
}


/* YODOYABASHI
==========================================================*/

.yodoyabashi-MapInner{ padding:45px;}
	.yodoyabashi-MapInner .col-l{ width: 50%; margin-left: -10px; }
	.yodoyabashi-MapInner .col-r{ width: 45%; }
		.yodoyabashi-gmap{ padding-left: 10px;}
.yodoyabashi-acc01{ margin-bottom: 20px;}
.yodoyabashi-photocredit{ position: absolute; z-index: 999; top: -18px; left: 10px; font-size: 9px; color: #FFF; opacity: 0.8;}

@media screen and (max-width: 870px) {
.yodoyabashi-MapInner{ padding:35px;}
}
@media screen and (max-width: 605px) {
 .yodoyabashi-MapInner .col-l ,
 .yodoyabashi-MapInner .col-r{ width: auto; float: none; }
    .yodoyabashi-MapInner .col-r { margin-bottom: 30px;}
    .yodoyabashi-acc01{ margin-bottom: 10px;}
}



/* CONTACT
==========================================================*/

.contactInner{ padding:60px 50px 180px; line-height:2;}
.contactread{ font-size:14px; font-weight:bold; line-height:2; padding-bottom:40px; padding-left:355px;
	background: url('../images/about/dotline.png') repeat-x bottom left ; margin-bottom:40px;}


.contfrm { margin-left:150px;  }

dl.inqtable {}
	dl.inqtable input { padding:4px 3px;  background:#ffffff; border:1px solid #e9e1d4; width:400px; }
	dl.inqtable textarea { padding:4px; background:#ffffff; border:1px solid #e9e1d4; width:400px; }
	
	dl.inqtable dt { clear: left; float: left; width:200px; padding:10px 0;  }
	dl.inqtable dd { margin-left: 205px; padding:10px 0;  }

	
.submitbtm{ }
.imeInact { ime-mode:inactive; }
#Submit{ padding:0; border: none; width: auto; }

.sendcomplete{ font-size:1.5em; line-height:1.5em; margin:20px 0; }
.sendcompleteTxt { font-size:14px; line-height:2; padding:0 0 60px; }

.contfrm .error_box {
    display:none;
    margin:10px 0px 20px;
    padding:15px 12px 15px;
    border:1px solid #C50000;
	text-align:left;
    color:#C50000;
	background:#FFF;
	line-height:1.5;
}

@media screen and (max-width: 1285px) {
.contactInner{ padding:60px 50px 180px; line-height:2;}
.contactread{ padding-left:205px;}
.contfrm { margin-left:0px;  }
}
@media screen and (max-width: 1075px) {
.contactInner{ padding:60px 30px 180px; line-height:2;}
.contactread{ padding-left:0px;}
.contfrm { margin-left:0px;  }

	dl.inqtable input { width:100%; }
	dl.inqtable textarea {  width:100%;  }
	dl.inqtable dt { clear: left; float:none; width:auto; padding:10px 0 0;  }
	dl.inqtable dd { margin-left: 0; padding:10px 0; }
}



.contactttl { max-width: 340px; width: calc(100% - 60px); margin: 0 auto; padding: 80px 0 40px; }
.contactttl img { width: 100%; }
.contactsub { text-align: center; line-height: 1.4; padding: 0 20px; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.contactulwrap { width: 900px; margin: 40px auto 80px; }
.contactul { margin-left: -30px; }
.contactul li { width: 280px; box-sizing: border-box; border-top: 1px solid #E0D6C6; margin-left: 30px; margin-bottom: 30px; float: left; background: #F7F7F7; }
.contactul li a { display: block; height: 100%; padding: 30px; color: inherit; }
.contactul li a:hover { text-decoration: none; }
.contactulttl { text-align: center; font-size: 26px; margin-bottom: 20px; line-height: 1.2; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.contactulimg { text-align: center; margin-bottom: 20px; }
.contactulimg img { border-radius: 50%; }
.contactultxt { color: #000; line-height: 1.5; margin-bottom: 20px; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}
.contactuluaji { padding-left: 30px; position: relative; padding-bottom: 10px; }
.contactuluaji:after { position: absolute; content: ""; left: 0; top: 2px; width: 22px; height: 6px; background: url(../images/contact/yaji.png) no-repeat center; background-size: 22px 6px; }

@media screen and (max-width: 1290px) {
.contactttl { text-align: center; padding: 60px 0 30px; }
.contactulwrap { width: calc(100% - 40px); margin: 40px auto 20px; }
.contactul { margin-left: -20px; }
.contactul li { width: calc(33.333% - 20px); box-sizing: border-box; border-top: 1px solid #E0D6C6; margin-left: 20px; margin-bottom: 20px; float: left; background: #F7F7F7; }
.contactul li a { display: block; height: 100%; padding: 20px; color: inherit; }
.contactulttl { font-size: 22px; margin-bottom: 15px; }
.contactulimg { width: 90px; text-align: center; margin: 0 auto 20px; }
.contactulimg img { width: 100%; }
}

@media screen and (max-width: 1075px) {
.contactul li { width: calc(50% - 20px); }
}

@media screen and (max-width: 870px) {
.contactul { margin-left: 0; }
.contactul li { width: 100%; margin-left: 0; }
.contactul li a { padding-top: 30px; }
.contactulttl br { display: none; }
}

.g-recaptchaInner{  margin: 40px auto   ;  }

#submit:hover {  }
:disabled,
:disabled:hover { cursor: default; opacity: 0.5 !important; }


/* privacy
==========================================================*/

.privacyInner{ padding:60px 50px 60px; line-height:2;}
.privacy-box{ background: url('../images/about/line25.png') no-repeat top left ; padding:40px 0 35px; }
	.privacy-box.bgnone{ background:none;}
	.privacy-box dt{ font-size:15px; line-height:1.9; }
	.privacy-box dd{ font-size:12px; line-height:1.9; margin-top:35px; color:#666666;}
	.privacy-box dd li{ list-style: disc; padding-left:2px; margin-left:15px;}

@media screen and (max-width: 1075px) {
.privacyInner{ padding:60px 30px 100px; line-height:2;}
}




/* order
==========================================================*/

.orderInner{ font-size:14px; line-height:2; padding:45px;}
	.orderInner .borderline{ background: url('../images/order/order_border.gif') repeat-x 0 0 ; padding-top:40px;}

.orderHead { margin:0 20px; }
	.orderHead .orderHeadTitle { font-size: 20px; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; margin:0 0 15px;}
	.orderHead .order_headUl { margin:0 0 0 20px; font-size: 13px;}
	.orderHead .order_headUl li { list-style-type: decimal;}
	.orderHead .order_headCaution { margin:0 0 50px;border: solid 1px #E7594B; background: #FDEFEE;}
	.orderHead .order_headCaution p { margin:5px 10px; color: #E7594B;}

	.orderHead ul.order_headBnr {}
	.orderHead ul.order_headBnr li { float:left; margin: 0 20px 0 0;}

.order_table { width: 80%; margin: 0 auto;}
	.order_table .order_hissu { color: #E7594B; font-weight: bold;}
	.order_table .order_subttl { color: #fff; background: #A98752; font-size: 20px;}
		.order_table .order_subttl p { padding:5px 10px;}

	.order_table dl { margin: 0 0 50px; border-top: dotted 1px #A98752;}
	.order_table dl.noTopBorder { border-top:none;}
	.order_table dt { clear:both; float:left; width: 32%; background: #F8F5F2; border-bottom: dotted 1px #A98752; font-weight: bold; }
	.order_table dt div.orderDtInner  { margin:15px 15px; }
	.order_table dd { float:right; width: 68%; border-bottom: dotted 1px #A98752;}
	.order_table dd div.orderDdInner { margin:10px 0 10px 15px;}
		.order_table dd input[type="text"] { border: solid 2px #E5DCCF; width: 97%; padding:5px; font-size: 12px;}
		.order_table dd input.width70[type="text"] {width: 70px;}
		.order_table dd input.width140[type="text"] {width: 140px;}
		.order_table dd input.width190[type="text"] {width: 190px;}
		.order_table dd input.width310[type="text"] {width: 310px;}
		.order_table dd textarea { border: solid 2px #E5DCCF; width: 97%; padding:5px; font-size: 14px;}
		.order_table dd .order_tableCaution01 { color:#777777 ; font-size: 11px;}
		.order_table dd .order_tableCaution02 { color:#E7594B ; font-size: 11px;}
		.order_table dd .order_tableCaution03 { color:#777777 ; font-size: 13px; font-weight: bold;}
		.order_table dd a { text-decoration: underline;}

.order_privacy { border: solid 2px #A98752; border-width:2px 0; color: #666; font-size: 11px; line-height: 1.7;}
	.order_privacy .order_privacyInner { margin: 20px 0 20px 20px; padding:0 25px 0 0; height: 170px; overflow: scroll; overflow-x:hidden;}
	.order_privacy .order_privacyTitle { font-weight: bold; font-size: 13px;}
		.order_privacy ul {}
		.order_privacy li {list-style: disc; padding-left:2px; margin-left:15px;}

.order_submitBox {}
	.order_submitBox ul { width: 320px; margin:50px auto 0;}
	.order_submitBox li { float: left; margin:0 15px; }
	.order_submitBox button { background: none; border: none; cursor: pointer; margin: 0; padding: 0; line-height:normal; letter-spacing: normal;}

.order_errorMessage { margin: 0 0 30px; padding:15px 25px; border: solid 2px #E7594B; color: #E7594B;}
	.order_errorMessage ul { line-height: 1.7;}
	.order_errorMessage li { margin:0 0 0 15px; list-style-type: disc;}

	.order_table dl.order_confirmDl { margin: 0 0 20px;}
	.order_table dl.order_confirmDl dt { }
	.order_table dl.order_confirmDl dd { }
	.order_table dl.order_confirmDl dt p { padding:10px 15px;}
	.order_table dl.order_confirmDl dd p { padding:10px 15px;}
/*
.order_confirmTable { width: 100%; margin:0 auto; border-top: dotted 1px #A98752;}
	.order_confirmTable th { padding:10px 15px; vertical-align: middle; border-bottom: dotted 1px #A98752; background: #F8F5F2;}
	.order_confirmTable td { padding:10px 15px; vertical-align: middle; border-bottom: dotted 1px #A98752;}
*/
@media screen and (max-width: 1280px) {
	.orderHead { margin:0; }
	.order_table { width: 100%;}
}
@media screen and (max-width: 1075px) {
	.order_table dt { float:none; width: 100%; background: #F8F5F2; border-bottom: dotted 1px #EDE7DD; vertical-align: middle; }
	.order_table dt div.orderDtInner { margin:15px 15px 0;  }
	.order_table dd { float:none; width: 100%; border-bottom: none;}
	.order_table dd div.orderDdInner { margin:5px 10px 30px;}
}


/* travel
==========================================================*/

.travelInner{ font-size:18px; line-height:2; padding:45px;}
.travelInner-2 { padding:190px 0 40px; background:#F7F7F7 url('../images/travel/1609/bg.jpg') right 0 no-repeat; background-size: contain; margin-bottom:50px; font-size:14px; line-height:2;}
@media screen and (max-width: 1280px) {
.travelInner-2 { padding:140px 0 40px; }
}
@media screen and (max-width: 1075px) {
.travelInner-2 { padding:100px 0 40px; }
}
@media screen and (max-width: 870px) {
.travelInner-2 { padding:120px 0 40px; background:#F7F7F7 url('../images/travel/1609/sp-bg.jpg') right 0 no-repeat; background-size: contain; margin-bottom:50px; font-size:14px; line-height:2;}
}
	.travelInner-2 .travelInnerPad { padding: 0 45px; }
	.travel_event_img{ margin-bottom:20px;}
	.travelInner-2 .col-l {width: 50%;}
	.travelInner-2 .col-r {width: 50%;}
		.travel_storyOuter { background: #fff; }
		.travel_storyTxt {}
		.travel_storyTxtInner { margin: 45px 50px 20px; }
		.travel_storyTxtTtl { font-weight: bold; font-size: 18px; line-height:1.5; margin: 0 0 15px; color:#604b34; padding-left:22px; }
			.travel_storyTxtTtl .fa { font-size: 150% ; color:#A98752; margin-left:-22px; }
		.travel_storyTxtBody { margin: 0 0 20px; }
		.travel_storyTxtInner img.namba_illust { position: absolute; top:0px; }
		.travel_storyImg img { vertical-align: bottom; }
.travelInner-3 { margin:0 140px 50px; }
.travelInner-3 .contactBox { border:5px solid #F0EADE;text-align:center; line-height: 1.8}
.travelInner-3 .contactBox a {padding:20px 20px 15px;color:#A98752;display:block;text-decoration:none; }

@media screen and (max-width: 1280px) {
	.travel_event_img{ margin-bottom:10px;}
	.travel_storyTxtInner { margin: 20px 20px; }
	.travel_storyTxt { line-height: 1.5; font-size: 14px; }
	.travel_storyTxtTtl { letter-spacing: normal; font-size: 15px;  }
	.travel_storyTxtBody .namba_illust { position: relative; }
	.travel_storyTxtInner img.namba_illust { display:none; }

}
@media screen and (max-width: 1075px) {
.travelInner{ font-size:18px; line-height:2; padding:20px;}
	.travel_storyOuter { margin: 0 0 60px; }
	.travelInner-2 .travelInnerPad { padding: 0 20px; }
	.travelInner-2 .col-l { float:none; width: 100%;}
	.travelInner-2 .col-r { float:none; width: 100%;}
	.travel_storyTxt { line-height: 1.8; font-size: 15px; }
	.travel_storyTxtTtl {  letter-spacing:0.1px; font-size: 18px; }
	.travel_storyImg img { width: 100%; }
	.travelInner-3 { margin:0 20px 50px; }
}


/*1610追加*/

.show-870 { display: none;}
br.show-128 { display: none; }

.evmid { margin-bottom: 100px;}
.evliwrap { }
.evlist {  }
.evlist .evttlwrap { width: 290px; }
.evlist .float {  }
.evlist .float li { float: left; }
.evlist .float li.pho { z-index: 1; position: relative; }
.evlist .float li.bg { width: 250px; height: 315px; background:#F0EADE; }
.evlist .float li.txtwrap { position: relative; z-index: 2; }
.evlist .float li.col-r { float: right;}
.evttlwrap {}
.evlist .evttl { }
.evlist .border { width: 50px; height: 2px; background: #A98752; margin-bottom: 20px; }
.evlist .underborder50{ position: relative; margin-bottom: 30px;  }
.evlist .underborder50::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 50px;
	height: 2px;
	background-color: #A98752;
}

.evlist .txt { font-size: 14px; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }

.evlist.ev01 {}
.evlist.ev01 .float li.bg { margin-top: -50px; margin-left: -50px; margin-bottom: -250px; }
.evlist.ev01 .float li.txtwrap { padding-left: 50px; margin-bottom: 250px; }

.evlist.ev02 {}
.evlist.ev02 .float li.bg { width: 200px; height: 270px; margin-top: -50px; margin-left: -50px; }
.evlist.ev02 .float li.txtwrap { margin-top: 50px; margin-left: -100px; margin-right: -100px;}
.evlist.ev02 .float li.pho02 { margin-top: -100px; }

.evlist.ev03 { }
.evlist.ev03 .float li.pho { margin-right: 100px; }
.evlist.ev03 .float li.txtwrap { margin-top: 20px;}

.evlist.ev04 { }
.evlist.ev04 .float li.bg { margin-top: -90px; }
.evlist.ev04 .float li.txtwrap { margin-left: -150px; }
.evlist.ev04 .float li.pho { margin: -100px 100px 50px;}

.trbtn { width: 715px; margin: 100px auto;}

.paswrap { }
.paslist { box-sizing: border-box; position: relative; padding: 60px 100px; width: 920px; margin: 0 auto 10px; background: #fff; }
.paslist .ico { top: 60px; right: 60px; }
.paslist .pasttl { font-size: 20px;font-weight: bold; margin-bottom: 20px; letter-spacing: 0.1em; }
.paslist .pasttl i { font-size: 40px; padding-right: 10px; }
.paslist .pasimg { margin-bottom: 20px; }
.paslist .pasimg li { }
.paslist .pasimg li .pasimg-in { }
.paslist .pasimg li .pasimg-in li { float: left;}
.paslist .txt { }

@media screen and (max-width: 1331px) { 
.evlist.ev01 .float li.pho { width: 50%; }
.evlist.ev01 .float li.txtwrap { padding-left: 30px; }
.evlist.ev02 .float li.bg { width: 180px; }
.evlist.ev02 .float li.pho02 { width: 25%;}
.paswrap { }
.paslist { padding: 40px 60px; width: 100%; }
.paslist .ico { top: 30px; right: 30px; width: 100px; }
.paslist .pasimg { margin-bottom: 20px; }
.paslist .pasimg li { }
.paslist .pasimg li .pasimg-in { }
.paslist .pasimg li .pasimg-in li { float: left; width: 50%; }
.paslist .pasimg.col3 {}
.paslist .pasimg .pasimg-in.col3 li { width: 33.333333%;}
.paslist .txt { }
}

@media screen and (max-width: 1280px) {
br.none-128 { display: none;}
br.show-128 { display: inline; }
.evmid { margin-bottom: 50px;}

.evlist.ev01 {}
.evlist.ev01 .float li.pho { float: none; width: 520px; margin: 0 auto;}
.evlist.ev01 .float li.bg { margin-top: -100px; margin-left: 0; margin-bottom: -250px; }
.evlist.ev01 .float li.txtwrap { padding-left: 70px; padding-top: 30px; margin-bottom: 250px; }

.evlist.ev02 {}
.evlist.ev02 .float li.pho01 { width: 60%; }
.evlist.ev02 .float li.bg { display: none; }
.evlist.ev02 .float li.txtwrap { margin-top: -120px; margin-left: -400px; }
.evlist.ev02 .float li.pho02 { width: 35%; margin-top: -150px; }

.evlist.ev03 { }
.evlist.ev03 .float li.pho { width: 60%; float: none; margin: 50px auto; }
.evlist.ev03 .float li.txtwrap { float: right; width: 35%; margin-top: -200px; }

.evlist.ev04 { }
.evlist.ev04 .float li.bg { width: 200px; height: 220px; margin-top: 50px; margin-bottom: -200px;}
.evlist.ev04 .float li.txtwrap { margin-left: -130px; }
.evlist.ev04 .float li.pho { float: none; width: 520px; margin: 0 auto; }

.trbtn { width: 100%; margin: 60px auto 20px;}
.trbtn img { width: 100%;}

.travelInner-3 .trbtn { width: 140%; margin-left: -20%; }
	
}

@media screen and (max-width: 1075px) {
br.none-175 { display: none;}
.none-175 br { display: none;}

.evlist.ev01 {}
.evlist.ev01 .float li.pho { width: 100%;}
.evlist.ev01 .float li.bg { width: 50%; height: 250px; margin-top: -20px; margin-left: 0; margin-bottom: -250px; }
.evlist.ev01 .float li.txtwrap { width: 80%; padding-left: 10%; padding-top: 20px; margin-bottom: 200px; }

.evlist.ev02 { margin-bottom: 50px;}
.evlist.ev02 .float li.pho01 { width: 60%; }
.evlist.ev02 .float li.bg { display: none; }
.evlist.ev02 .float li.txtwrap { margin-top: -100px; margin-left: -60%; }
.evlist.ev02 .float li.pho02 { width: 35%; margin-top: -100px; }

.evlist.ev03 { }
.evlist.ev03 .float li.pho { float: right; width: 50%; margin: 0;}
.evlist.ev03 .float li.txtwrap { float: left; width: 45%; margin-top: 0; }

.evlist.ev04 { }
.evlist.ev04 .float li.bg { width: 40%; height: 220px; margin-top: -50px; margin-bottom: -200px;}
.evlist.ev04 .float li.txtwrap { margin-left: 50px; }
.evlist.ev04 .float li.pho { float: none; width: 100%; margin: 0 auto; }

.trbtn { width: 100%; margin: 60px auto 20px;}
.trbtn img { width: 100%;}

.paswrap { }
.paslist { padding: 30px 40px; width: 100%; position: relative; }
.paslist .ico { top: 20px; right: 20px; width: 90px; }
.paslist .pasttl { font-size: 18px;font-weight: bold; margin-bottom: 20px; letter-spacing: 0.05em; }
.paslist .pasttl i { font-size: 35px; padding-right: 10px; }
.paslist .pasttl span { letter-spacing: 0;}
.paslist .pasimg { margin-bottom: 15px; }
.paslist .pasimg li { }
.paslist .pasimg li .pasimg-in { }
.paslist .pasimg li .pasimg-in li { float: left; width: 50%; }
.paslist .pasimg.col3 {}
.paslist .pasimg .pasimg-in.col3 li { width: 33.333333%;}
.paslist .txt { }

.travelInner-3 .trbtn { width: 100%; margin: auto; }
}

@media screen and (max-width: 870px) {
.none-870 { display: none;}
.none-870-br br { display: none;}
.show-870 { display: block;}
.evmid { font-size: 0.95em; line-height: 1.8; margin-bottom: 30px; }

.evlist .evttlwrap { width: 100%;}
.evlist.ev01 .float li.txtwrap { width: 90%; padding-left: 10%;}

.evlist.ev01 {}
.evlist.ev01 .float li.pho { width: 100%;}
.evlist.ev01 .float li.bg { width: 50%; height: 200px; margin-top: -20px; margin-left: 0; margin-bottom: -250px; }
.evlist.ev01 .float li.txtwrap { width: 90%; padding-left: 10%; padding-top: 20px; margin-bottom: 50px; }

.evlist.ev02 { margin-bottom: 0;}
.evlist.ev02 .float li.pho01 { width: 60%; }
.evlist.ev02 .float li.bg { display: none; }
.evlist.ev02 .float li.txtwrap { width: 80%; margin-top: 200px; margin-left: -60%; }
.evlist.ev02 .float li.pho02 { width: 35%; margin-top: 0; }

.evlist.ev03 { margin-bottom: 80px; }
.evlist.ev03 .float li.pho { float: none; width: 70%; margin: 0 auto;}
.evlist.ev03 .float li.txtwrap { float: left; width: 100%; margin-top: 0; margin-bottom: 20px; }

.evlist.ev04 { }
.evlist.ev04 .float li.bg { width: 40%; height: 200px; margin-top: -30px; margin-bottom: -200px;}
.evlist.ev04 .float li.txtwrap { margin-left: 10%; }
.evlist.ev04 .float li.pho { float: none; width: 100%; margin: 0 auto; }

.trbtn { width: 80%; margin: 30px auto 20px;}
.trbtn img { width: 100%;}

.paswrap { }
.paslist { padding: 5% 5% 8%; width: 100%; position: relative; }
.paslist .ico {  }
.paslist .pasttl { font-size: 16px; line-height: 1.4; font-weight: bold; margin-bottom: 20px; letter-spacing: 0.05em; }
.paslist .pasttl i { font-size: 35px; padding-right: 10px; display: block; padding-bottom: 5px; }
.paslist .pasttl span { letter-spacing: 0;}
.paslist .pasimg { margin-bottom: 15px; }
.paslist .pasimg li { }
.paslist .pasimg li .pasimg-in { }
.paslist .pasimg li .pasimg-in li { width: 100%; }
.paslist .pasimg.col3 {}
.paslist .pasimg .pasimg-in.col3 li { width: 50%;}
.paslist .txt { }

.travelInner-3 .trbtn { width: 80%; margin: auto; }

}


/* workshop
==========================================================*/
.workshopBorder { background: url('../images/workshop/border-dot.png') 0 bottom no-repeat; padding:0 0 50px; }
.workshop_btnSchedule { position: absolute; top:282px; left:70px; }
.workshop_txtSchedule { text-align: center; height: 55px; line-height: 55px; background: #614B35; color: #fff; font-size: 16px; display: none; }
.workshop_txtSchedule a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; }
.workshopInner{ font-size:18px; line-height:2; padding:45px;}
.workshopInner-2 { padding:0 0 0px ; background:#fff url('../images/workshop/yousu-bg.png') 0 150px repeat-x; margin-bottom:20px; font-size:14px; line-height:2;}
.workshopInnerPad { padding: 0 85px; }
	ul.workshop_images { margin: 0 -20px 0 0; }
	ul.workshop_images li { width: 410px; margin: 0 20px 20px 0; }
	ul.workshop_images li.width840 { width: 840px; }
	ul.workshop_images li.txt01 { height: 460px; }
		ul.workshop_images li.txt01 p { padding: 140px 70px 0 0; }
	ul.workshop_images li.txt02 { height: 290px; }
		ul.workshop_images li.txt02 p { padding: 120px 70px 0 0; }
	ul.workshop_images li img { vertical-align: bottom; }

.workshopInner-3 { font-size:16px; line-height:2; padding:0 0 40px;}

.workshopInner-4 { font-size:14px; line-height:1.7; padding:45px;}
.workshop_schedule { margin-top:12px;}
	.workshop_schedule ul {}
		.workshop_schedule ul li { border-bottom:1px dotted #977541; background: url('../images/workshop/schedule_arrow.png') 10px 16px no-repeat; padding: 12px 10px 12px 35px; }

.linkicn_travel{ position:absolute; right:20px; top:40px; }

@media screen and (max-width: 1325px) {
.workshop_btnSchedule { top:270px; left:70px; }
.workshopInnerPad { padding: 0 60px; }
}
@media screen and (max-width: 1285px) {
.workshop_btnSchedule { top:210px; left:50px; }
ul.workshop_images { margin: 0 -20px 0 0; width: 710px; }
ul.workshop_images li { width: 335px; margin: 0 20px 20px 0; }
ul.workshop_images li img { width: 335px;}
ul.workshop_images li.width840 { width: 710px; }
ul.workshop_images li.width840 img{ width: 690px; }

ul.workshop_images li.txt01 { height: 375px; }
	ul.workshop_images li.txt01 p { padding: 100px 30px 0 0; }
ul.workshop_images li.txt02 { height: 237px; }
	ul.workshop_images li.txt02 p { padding: 40px 30px 0 0; }
.workshopInnerPad { padding: 0 30px; }
}
@media screen and (max-width: 1075px) {
.workshop_btnSchedule { top:155px; left:40px; }
.workshop_btnSchedule img { width: 140px; }

ul.workshop_images { margin:0; width:100%; height: auto; }
ul.workshop_images li,     ul.workshop_images li.width840  { width: 100%; margin: 0 0 20px; position: relative !important; top: 0 !important; }
ul.workshop_images li img, ul.workshop_images li.width840 img { width:100%;}
ul.workshop_images li.txt01 ,   ul.workshop_images li.txt02   { height:auto; }
ul.workshop_images li.txt01 p , ul.workshop_images li.txt02 p { padding: 20px; }

.linkicn_travel img{ width:100px; top:20px;}

}
@media screen and (max-width: 870px) {
.workshop_btnSchedule { display: none; }
.workshop_txtSchedule { display: block; }
.workshopInner{ font-size:18px; line-height:2; padding:20px;}
.workshopInnerPad { padding: 0 10px; }
ul.workshop_images li.txt01 p , ul.workshop_images li.txt02 p { padding: 10px 10px; letter-spacing: normal; }
.workshopInner-4 { font-size:14px; line-height:1.7; padding:30px 10px;}

.linkicn_travel img{ width:80px; }
}



/* data */

dl.orderData_cont {}
	dl.orderData_cont dt { margin:0 0 30px; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size: 22px;}
	dl.orderData_cont dd { margin:0 0 50px; padding:0 0 50px; background: url('../images/order/order_border.gif') repeat-x 0 bottom ;}
	dl.orderData_cont dd a { text-decoration: underline;}

	ul.orderData_contUl01 {}
		ul.orderData_contUl01 li { float:left; width: 239px; margin:0 10px 0 0;}

	ul.orderData_contUl02 {}
		ul.orderData_contUl02 li { padding:0 0 15px 15px; text-indent: -15px; line-height: 1.5;}
		ul.orderData_contUl02 li div img { margin:15px;}
		ul.orderData_contUl02 li p.marginLeft { margin-left: 15px;}






/* cotoiroha
----------------------------------------------------------------------------------------------*/
.btmunder_line{ position:relative;}
.btmunder_line:after {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	content: '';
	width: 50px;
	height: 1px;
	border-bottom:1px solid #977541;
}
#cotoirohaSideNav{ position:fixed; right:0; top:75px; z-index:1; line-height:0; width:40px;}	
	#cotoirohaSideNav li{ background: url('../images/cotoirohanote/sidenav_bgline.png') no-repeat center top ; padding-top:1px; }
	#cotoirohaSideNav li:first-child{ background:none; }


.cotoirohaWrap{ max-width:920px; margin:0 ;  padding:0 50px;}
	.cotoiroha-Inner{ padding:50px 40px;  line-height:2; }
	.cotoiroha-Inner .jpnTxt{}
	.cotoiroha-Inner .enTxt{ font-family: Helvetica, Arial, sans-serif; font-size:0.95em; line-height:1.46em; font-weight:100; }
	.cotoiroha-Inner .ttl2 { font-size:20px; line-height:1.7; font-weight:bold; margin-bottom:20px;}
	.cotoiroha-Inner .ttl2-en { font-size:20px; line-height:1.35; font-weight:bold; margin-bottom:20px;}
	
	.cotoiroha_img1{ position: absolute; top:-95px; z-index:1; }
	.cotoiroha_img2{ position: absolute; right:0; top:-10px; z-index:1; }
	
	.cotoiroha-nav { margin:0px 0 0px; text-align:right;}
		.cotoiroha-nav li{ margin-bottom:8px;}
	
	
#cotolink-whatdo{ padding-top:50px;}	
	.cotoirohaInner-concept{  font-size:15px;}
		.cotoirohaInner-concept .col-l,
		.cotoirohaInner-concept .col-r{ width:50%;}

	.cotoirohaInner-intro .jpnTxt,
	.cotoirohaInner-intro .enTxt{ margin-bottom:60px;}
	
	.cotolink-creator-read .col-l{ width:55%;}
	.cotolink-creator-read .col-r{ width:38%; }
	.cotolink-creator-read .col{ margin-bottom:20px;}
	#cotolink-creator{ padding-top:50px;}

	
	
#cotoiroha-grid{ }
		.cotoiroha-grid{margin-left:-20px; }
		.cotoiroha-grid li{ float:left; width:215px; margin-left:20px; margin-bottom:35px; }
			.cotoiroha-grid li .grid-img{ background:#F2F2F2; text-align:center; padding:20px 0; line-height:1; }
			.cotoiroha-grid li a{ color:#A98752; text-decoration:none; }
			.cotoiroha-grid li img{ max-width:100%; height:auto;}
			.cotoiroha-grid li dl{ line-height:1.5em; margin-top:10px; padding-left:10px; }
			.cotoiroha-grid li dd{ margin-left:-5px; font-size:84%; line-height:1.3; min-height:2.65em; }

	.col-cotoiroha-creator{}
		.col-cotoiroha-creator .col-l{ width:280px;}
		.col-cotoiroha-creator .col-r{ width:360px; padding-top:20px;}

	.col-cotoiroha-creator .col-r{ padding-right:10px;}
		.cotoiroha-creator-ttl { font-size:18px; line-height:1.5; }
		.cotoiroha-creator-ttl.enTxt{ font-size:14px; line-height:1.4;}
		.cotoiroha-creator-name{font-size:18px; line-height:1.5; margin-top:60px;}
		.cotoiroha-creator-name.enTxt{font-size:14px; line-height:1.4;margin-top:0px;}
		.cotoiroha-creator-body{ margin-top:15px;}
	

.col-cotoiroha-buy{ padding-bottom:30px; margin-bottom:50px;}
	.col-cotoiroha-buy .col-l{ width:54%; margin-bottom:20px;}
	.col-cotoiroha-buy .col-r{ width:44%;  text-align:right;margin-bottom:20px;}
	.cotoiroha_schedule { margin-top:12px; line-height:1.7; }
		.cotoiroha_schedule ul { color:#604B34; }
			.cotoiroha_schedule ul li { border-bottom:1px dotted #977541; background: url('../images/workshop/schedule_arrow.png') 10px 16px no-repeat; padding: 12px 10px 12px 35px; }


#cotolink-voice{  }
	.cotoiroha-revoice dt{ font-size:22px; font-weight:bold;margin-bottom:10px;}
	.cotoiroha-revoice dd{ margin-bottom:20px;}
	.cotoiroha-revoice-name{ text-align:right;}
	.cotoiroha-revoice-name span { font-size:1.2em; line-height:1.7;}
	
	
#cotolink-project{}
	#cotolink-project .btmunder_line{ padding:45px 0 50px; }
		#cotolink-project .btmunder_line.none:after{ border-bottom:none !important; }
	.cotolink-project-contact{ margin-left:50px;}


.cotolink-credits-box{}
	.cotolink-credits-box dt.jpnTxt{ line-height:1.6;margin-top:28px;}
	.cotolink-credits-box dt.enTxt{ line-height:1.6; margin-top:8px;}
	.cotolink-credits-box dd.jpnTxt{ font-size:12px; line-height:1.6;}
	.cotolink-credits-box dd.enTxt{ font-size:11px;}



#kyotodesignAwardInner { background: #F9F4E7; padding: 5px; margin-top: 50px;}
#kyotodesignAwardInner a{ text-decoration: none; display: block;}
#kyotodesignAward-box { border: 1px solid #fff; padding: 35px 20px;}
	#kyotodesignAwardInner .elm-kda-img { text-align: center; line-height: 1; margin-bottom: 5px; }
	#kyotodesignAwardInner .elm-kda-txt {text-align: center; font-size: 13px; color: #C5950F;}



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

}
@media screen and (max-width: 1285px) {
.cotoirohaWrap{  padding:0 20px;}
	.cotoiroha-Inner{ padding:30px 20px;  line-height:2; }
	
	.cotoiroha_img1{ position: absolute; top:-95px; max-width:60%; }
	.cotoiroha_img2{ position: inherit; right: auto; top: auto; max-width:60%; margin-bottom:20px;  }
	.cotoiroha_img2 img{  width:auto !important; }
	
}
@media screen and (max-width: 1075px) {
	.cotoiroha_img1{ position: absolute; top:-40px; max-width:55%; }
	
#cotolink-whatdo{ padding-top:30px;}	
		.cotoirohaInner-concept .col-l,
		.cotoirohaInner-concept .col-r{ width:auto; float:none;}
		.cotoirohaInner-concept .col-l { margin-bottom:20px; }

	.cotoirohaInner-intro .jpnTxt,
	.cotoirohaInner-intro .enTxt{ margin-bottom:60px;}
	
	.cotoiroha_img3{ max-width:60%; margin-bottom:20px;  }
	.cotolink-creator-read .col-l,
	.cotolink-creator-read .col-r{ width:auto; float:none}
	#cotolink-creator{ padding-top:30px;}

#cotoiroha-grid{ }
		.cotoiroha-grid{margin-left:-3%; }
		.cotoiroha-grid li{ float:left; width:47%; margin-left:3%; margin-bottom:6%; }
			.cotoiroha-grid li .grid-img{ padding:10px 0;}
			
			.cotoiroha-grid li dt, .cotoiroha-grid li dd{ overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			-moz-text-overflow:ellipsis; 
			-o-text-overflow: ellipsis;}
	
	.col-cotoiroha-buy .col-l{ width:auto; float:none; margin-bottom:20px;}
	.col-cotoiroha-buy .col-r{ width:auto; float:none;  text-align:left; margin-bottom:0px;}
	
	.cotolink-project-contact{ margin-left:0px;}

}
@media screen and (max-width: 870px) {
	#cotoirohaSideNav{ position:fixed; right:0; top:75px; z-index:1; line-height:0; width:30px; }	
.cotoirohaWrap{  padding:0 10px;}

	.cotoiroha-nav { margin:0px 0 0px; text-align:right; display:none;}
		.cotoiroha-nav li{ float:left; width:24.6%; margin:0.2%;}
	
	.cotoiroha_img1{ position: relative; top:-40px; max-width:55%; margin-bottom:-60px; }
	.cotoiroha-Inner .ttl2 br,
	.cotoiroha-Inner .ttl2-en br{ display:none;}
	


.col-cotoiroha-creator{}
		.col-cotoiroha-creator .col-l,
		.col-cotoiroha-creator .col-r{ width:auto; float:none;}

	.col-cotoiroha-creator .col-l{ text-align:center;}
	.col-cotoiroha-creator .col-r{ padding-right:0px;}
		.cotoiroha-creator-ttl { font-size:18px; line-height:1.5; }
		.cotoiroha-creator-ttl.enTxt{ font-size:14px; line-height:1.4;}
		.cotoiroha-creator-name{font-size:18px; line-height:1.5; margin-top:30px;}
		
}




/* cotoincyo
----------------------------------------------------------------------------------------------*/

.cotoin-mainover { right: 15px; bottom: 15px; }
.cotoin-conceptwrap { max-width: 800px; margin: 0 auto; padding: 100px 0; width: calc(100% - 60px); }
.cotoin-conceptwrap .col-l { max-width: 330px; width: calc(50% - 80px); }
.cotoin-conceptwrap .col-r { max-width: 410px; width: calc(50% + 50px); }
.cotoin-conceptttl { width: 100%; margin-bottom: 10px; }
.cotoin-conceptttlsub { color: #000; font-size: 11px; margin-bottom: 50px; }
.cotoin-conceptjp { margin-bottom: 30px; line-height: 2; text-align: justify; }
.cotoin-concepten { line-height: 1.5; text-align: justify; }
.cotoin-conceptimgwrap { }
.cotoin-conceptimgul { }
.cotoin-conceptimgul li { float: left; width: 33.33333%; }

.cotoin-creatorwrap { }
.inner920 { max-width: 920px; width: calc(100% - 40px); margin: 0 auto; }
.cotoin-creatorul { }
.cotoin-creatorul li { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.cotoin-creatorul li:last-child { margin-bottom: 0; }
.cotoin-creatorul li:before { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #977541; }
.cotoin-creatorul li:last-child:before { display: none; }
.cotoin-sign { top: 0; right: 0; }
.cotoin-prod { float: left; max-width: 300px;  }

.cotoin-facewrap { width: 100px; float: left; margin-left: 20px; }
.cotoin-face { margin-bottom: 20px; }
.cotoin-coutrywrap { text-align: center; }
.cotoin-coutryimg { margin-bottom: 5px; }
.cotoin-coutrytxt { font-size: 11px; }

.cotoin-creatorright { float: left; margin-left: 20px; width: 480px; }
.cotoin-name { font-size: 20px; margin-bottom: 10px; }
.cotoin-name span { font-size: 15px; }
.cotoin-namesub { font-size: 14px; margin-bottom: 30px; line-height: 1.2; }
.cotoin-enwrap { margin-bottom: 20px; }
.cotoin-enwrap .bold { line-height: 1.5; margin-bottom: 5px; }
.cotoin-en { line-height: 1.5; text-align: justify; font-size: 13px; }
.cotoin-jpwrap { }
.cotoin-jpwrap .bold { line-height: 1.8;margin-bottom: 5px; }
.cotoin-jp { line-height: 1.8; text-align: justify; letter-spacing: 0.1em; }

.cotoin_schedule ul { border-top:1px dotted #977541; }
.cotoin-creditul { font-size: 12px; }
.cotoin-creditul li { line-height: 1.5; }

@media screen and (max-width: 1285px) {
.cotoin-facewrap { width: auto; float: left; margin-left: 20px; }
.cotoin-face { margin-bottom: 20px; float: left; }
.cotoin-coutrywrap { width: 100px; text-align: center; float: left; }
.cotoin-coutryimg { margin-bottom: 5px; }
.cotoin-coutrytxt { font-size: 11px; }

.cotoin-creatorright { float: left; margin-left: 20px; width: calc(100% - 320px); }
}

@media screen and (max-width: 1075px) {
.cotoin-conceptwrap { margin: 0 auto; padding: 60px 0; width: calc(100% - 60px); }
.cotoin-conceptwrap .col-l { max-width: 240px; float: none; width: 100%; margin: 0 auto 40px; }
.cotoin-conceptwrap .col-r { max-width: 100%; float: none; width: 100%; }
.cotoin-conceptttl { max-width: 350px; width: 100%; margin : 0 auto 10px; }
.cotoin-conceptttlsub { text-align: center; color: #000; font-size: 11px; margin-bottom: 40px; }
.cotoin-conceptjp { margin-bottom: 20px; line-height: 2; text-align: justify; }
.cotoin-concepten { line-height: 1.5; text-align: justify; }
.cotoin-conceptimgwrap { }
.cotoin-conceptimgul { }
.cotoin-conceptimgul li { float: left; width: 33.33333%; }
	
.cotoin-prod { float: left; max-width: 200px;  }
.cotoin-creatorright { float: left; margin-left: 20px; width: calc(100% - 220px); }
.cotoin-name { font-size: 20px; margin-bottom: 10px; }
.cotoin-name span { display: block; margin-top: 10px; margin-left: -5px; font-size: 13px; }
.cotoin-namesub { font-size: 14px; margin-bottom: 30px; line-height: 1.2; }
.cotoin-enwrap { clear: both; margin-left: -220px; width: calc(100% + 220px); margin-bottom: 20px; padding-top: 20px;}
.cotoin-enwrap .bold { line-height: 1.5; margin-bottom: 5px; }
.cotoin-en { line-height: 1.5; text-align: justify; font-size: 13px; }
.cotoin-jpwrap { margin-left: -220px; width: calc(100% + 220px); }
.cotoin-jpwrap .bold { line-height: 1.8;margin-bottom: 5px; }
.cotoin-jp { line-height: 1.8; text-align: justify; letter-spacing: 0.1em; }
}

@media screen and (max-width: 870px) {
.cotoin-mainover { right: 5px; bottom: 5px; }
.cotoin-conceptwrap { margin: 0 auto; padding: 40px 0; width: calc(100% - 40px); }
.cotoin-conceptimgul li { float: left; width: 100%; }
.cotoin-conceptimgul li img { width: 100%; }
/*.cotoin-conceptimgul li:last-child  { display: none; }*/

.cotoin-creatorul { }
.cotoin-creatorul li { padding-bottom: 30px; margin-bottom: 30px; }
.cotoin-prod { float: none; max-width: 100%;  }
.cotoin-prod  img { width: 100%; }
.cotoin-facewrap { width: auto; float: left; margin-left: 0; margin-top: 20px; }

.cotoin-creatorright { float: none; margin-left: 0; width: 100%; }
.cotoin-name { font-size: 20px; margin-bottom: 10px; clear: both; }
.cotoin-namesub { font-size: 14px; margin-bottom: 0; line-height: 1.2; }
.cotoin-enwrap { clear: both; margin-left: 0; width: 100%; margin-bottom: 20px; padding-top: 20px;}
.cotoin-jpwrap { margin-left: 0; width: 100%; }
}



	
/* LEFT TYPE
----------------------------------------------------------------------------------------------*/


#wrapper  {  padding-right:20px; padding-left:225px;  }
#headerContainer { right:auto; left:20px;}


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

.post-title,
.catetitle{  }
.post-body{  }
.post-body p{
	text-align: justify;
	text-justify: inter-ideograph;
}