/* Reset */
html,body,div,span,applet,object,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    border: 0;
    vertical-align: baseline;
    height: auto;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/*--------------------
	共通
 -------------------*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", tbudgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    /*
	font-family: tbudgothic-std,sans-serif;
	font-weight: 700;
	font-weight: 900;
	*/
	
	/*font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;*/

    /*font-family: "A-OTF ゴシックMB101 Pro L","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka－等幅", Osaka-mono, monospace;*/
    -webkit-text-size-adjust: none;
    background-size: cover;
    display: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #262A20;
}
p{
    width: 100%;}
.en {
    font-family: century-gothic,"Didact Gothic", sans-serif;
}
.mw980{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.mw800{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.mw800 img{
    max-width: 800px;
}
.bg_green2{
    background-color: #C3D764;
    float: left;
    width: 100%;
}
.bg_green{
    background-color: #C3D764;
    float: left;
    width: 100%;
}
.bg_green img{
    margin: 0px;
    padding: 0px;
    float: left;
}
.bg_black{
    background-color: #000000;
    float: left;
    width: 100%;
}
.bg_black img{
    margin: 0px;
    padding: 0px;
    float: left;
}
.bg_black p{
    color: #FFFFFF;
}
.xxsmall{font-size: xx-small;}
.xsmall{font-size: x-small;}
.small{font-size: small;}
.medium{font-size: medium;}
.large{font-size: large;}
.xlarge{font-size: x-large;}
.xxlarge{font-size: xx-large;}
.em1{font-size: 1em;}
.em2{font-size: 2em;}
.em3{font-size: 3em;}
.em4{font-size: 4em;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul {
	list-style:none;
}
#bg_title{
    background-color: #7d7d7d;
    padding-top: 90px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}
#bg_title h1{
    color: hsla(0,0%,100%,1.00);
    font-size: large;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 1.5em;
}
#bg_title h2{
    color: #C3D764;
    font-size: 4em;
    margin-top: 0px;
    font-weight: normal;
    line-height: 1em;
}
#bg_title h3{
    color: #C3D764;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 1.4em;
}

 h4{
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 0em;
    float: left;
}


/* リンク装飾 */
 a:active,  a:hover :not(.nohober){
    text-decoration: nane;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}

a {
	text-decoration:none;
	color: #000;
}

.title {
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
    line-height: 2.5em;
    color: #000000;
    clear: both;
    font-size: x-large;
    padding-bottom: 30px;
}
.title img {
    max-width: 400px;
    width: 70%;
    margin-top: 20px;
}
.ot_title {
    padding-top: 120px;
	margin :0 auto;
}

.ot_top_yajirushi {
	text-align: center;
	padding-top: 57%;
	line-height: 2.5em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color: #fff;
}

 #section_pagetop_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.3);
}

 .section_top_under {
	height: 60px;
	background-color: rgba(0, 0, 0, 0.5);
}

 .section_top_under_2 {
	height: 60px;
}


.yajirushi {
	text-align: center;
	padding-top: 20px;
	line-height: 2.5em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color: #fff;
}

.yajirushi_2 {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	line-height: 2.5em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color: #fff;
}

 .tex_concept {
	text-align: center;
	padding-top: 50px;
	font-size: 17pt;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.7);
}
 .tex_concept_3 {
	text-align: center;
	padding-top: 130px;
	font-size: 17pt;
	clear:both;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.7);
}
 .tex_read {
	text-align: center;
	padding-top: 20px;
	font-size: 10pt;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.7);
}
 .tex_read_3 {
	text-align: center;
	padding-top: 10px;
	font-size: 10pt;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.7);
}

 .tex_concept_2 {
	
	text-align: center;
	padding-top: 50px;
	font-size: 17pt;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: rgba(0, 0, 0, 0.7);
}

 .tex_read_2 {
	
	text-align: center;
	padding-top: 20px;
	font-size: 10pt;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: rgba(0, 0, 0, 0.7);
}

p.resize img { width: 10%; }

.table {
	padding-top:100px;
	width:900px;
	margin:0 auto;
	height:210px;
}

.col_1{
	width:400px;
	float:left;
}

.col_2_1{
	
	padding-top:20px;
	width:500px;
	float:left;
	line-height: 3em;
	font-size: 11pt;
	letter-spacing: 0.2em;
	color:  rgba(255, 255, 255, 0.8);
}

.col_2_2{
	
	padding-top:20px;
	width:500px;
	float:left;
	line-height: 3em;
	font-size: 10pt;
	letter-spacing: 0.2em;
	color:  rgba(0, 0, 0, 0.8);
}

.col_3_1{
	
	width:500px;
	float:left;
	line-height: 3em;
	font-size: 10pt;
	letter-spacing: 0.2em;
	color:  rgba(0, 0, 0, 0.8);
}

.col_3_2{
	
	width:500px;
	float:left;
	line-height: 3em;
	font-size: 11pt;
	letter-spacing: 0.2em;
	color:  rgba(255, 255, 255, 0.8);
}

.col_4{
	
	text-align: right;
	padding-top:20px;
	width:400px;
	float:left;
}

.col_3_murata{
	
	width:500px;
	float:left;
	line-height: 2em;
	font-size: 10pt;
	letter-spacing: 0.2em;
	color:  rgba(0, 0, 0, 0.8);
}

.col_murata_pl{
	padding-top: 30px;
	
	width:500px;
	text-align: left;
	float:left;
	letter-spacing: 0.2em;
	color:  rgba(0, 0, 0, 0.8);
}

.name {
	
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
	line-height: 2.5em;
	font-size: 20pt;
	letter-spacing: 0.3em;
	color: #000;
}

.store_col_1{
	
	width:500px;
	float:left;
	padding-left: 80px;
}

.store_col_2{
	
	padding-top:20px;
	width:400px;
	float:left;
	line-height: 2em;
	font-size: 10pt;
	letter-spacing: 0.1em;
	color:  rgba(0, 0, 0, 0.8);
}

hr {
	border-top: 1px solid #bb944e;
	width: 90%;
}

/*--------------------
	キャプション
 -------------------*/
 .content {
    /*position:relative;*/
    width:100%;
    height:auto;
    overflow:hidden;
}
 .inner {
    padding:0px;
}
.caption1 {
    position:relative;
    left:0;
    top:700px;
    background-color: rgba(0, 0, 0, 0.6);
    color:#fff;
    padding:10px;
    width:100%;
    height:100%;
}
.caption2 {
    position:absolute;
    left:0;
    top:0;
    display:none;
    color:#fff;
    padding:10px;
    width:130px;
    height:130px;
    text-align:center;
}
.link {
    display:inline-block;
    margin:50px 0 0;
    background:#333;
    color:#fff;
    padding:5px;
    text-decoration:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
#mainImage{
    background-image: url(../image/slider/1.jpg);
    background-color: rgba(0,0,0,0.70);
    background-blend-mode: darken;
    float: left;
    width: 100%;
}
#mainImage img{
    float: left;
}
/*--------------------
	ヘッダー他ページ
 -------------------*/

/* ヘッダー */
.header_area {
  position: fixed; /* 固定 */
  top: 0; /* 一番上に表示 */
  width: 100%; /* 中央に表示 */
  height: 100px;
  z-index: 10000;


}


.logo{
  position: absolute;
  left:50px;
  float: left;
  padding-top: 20px;
}


.menu {
    position: relative;
    height: 50px;
    
}

.menu > li {
    float: left;
    /*  width: 9%;  グローバルナビ4つの場合 */
    height: 30px;
    line-height: 30px;
    padding-left: 2px;
    margin-top: 10px;
}

.menu > li a {
    display: block;
}

.menu > li a:hover {

}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    line-height: 18px;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {

}

.menu__third-level li a:hover {
}

.menu__fourth-level li a:hover {
}

/* 下矢印 */
.init-bottom:after {
    /*content: '';*/
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: "";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100px;;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin-left: -10px;
    padding-right: 10px;
    padding-left:10px;
}

li.menu__single:hover ul.menu__second-level {
    top: 45px;
    visibility: visible;
    opacity: 1;
}

.nav{
    padding-top: 15px;
    font-size: 12px;
    float: right;
    padding-right: 30px;
    font-family: century-gothic,"Didact Gothic", sans-serif;
    margin-bottom: -65px;
    width: 100%;
    letter-spacing: 0.1em;
}


.nav ul{
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 980px;
}


.nav ul li {
    display: inline;
    width: 11%;
    text-align: center;
}


.nav ul li a {
	
    text-decoration: none;
    color: #eee;
}


.nav ul li a:hover{
    border-bottom: 1px solid #fff;
}

/* IE6 */

.header_area {
  _position: absolute;
}

.header_block {
  _margin-right: 17px; /* IE6のスクロールバーの幅分のスペース */
}


/*--------------------
	メニュー固定
 -------------------*/
#headbar {
   /* ▼上端に固定するCSS */
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 90px;

   /* ▼バーの装飾 */
   background-color: rgba(0, 0, 0, 0.8);  /* 背景色 */
   color: white;             /* 文字色 */
   z-index:999;
}
.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
}
#top-head a,
#top-head {
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 12px;
}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 10px;

}

dl#demo {
    float: left;
    overflow: hidden !important;
}

#palalax_head {
	background-image: url(../image/footer/image.png) ;
}

#section_head {
	height: 20px;
}


#mainImage_inner {		/* ★★ */
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  z-index: 10000;
}

/*TOP画面のメニュースタイル */
#mainImage .lang{
	padding-top:60px;
	position: absolute;
  	right: 0;
	padding-right:10px;
  	height: 20px;
  	color:white;
}
@media screen and (min-width: 850px) {
.sp{
    display: none;
}
#mainImage .lang{
		display: none ;
	}
}
#mainImage .lang a{
  	color:white;
}



#mainImage .language {
	width:100%;
	height:50px;
	text-align:right;
	padding-top:20px;
	padding-right:58px;
	color:white;
	
	font-size: 13px;
}

#mainImage .language a{
	color:white;
}



.g-nav .hyaka{
  padding: 0px 50px 30px 40px;
}

.goyoyaku {
	margin: 0 auto;
	text-align: center;
	padding-top: 60px;
	line-height: 2.5em;
	font-size: 13pt;
	letter-spacing: 0.3em;
	color: #fff;
}

 #palalax_top {
	background: url(../image/top/top.jpg) 50% 0 no-repeat fixed #000;
}

 #section_top {
	height: 500px;
	background-color: rgba(0, 0, 0, 0.8);
}

 #palalax_top_restaurant {
	background: url(../image/top/top.JPG) 50% 0 no-repeat fixed #000;
}

 #section_top_restaurant_filter {
	height: 300px;
	background-color: rgba(0, 0, 0, 0.7);
}

#palalax_top_news {
    background-color: #FFFFFF;
}

#section_top_news {
}


.top_yoyaku{
  padding: 100px 50px 30px 40px;
  float: left;
}

 #palalax_top_head {
	background-image: url(../image/footer/image.png) ;
}

 #section_top_head {
	height: 60px;
}

/*--------------------
	masonry
 -------------------*/
* { box-sizing: border-box; }

body {
}

/* ---- grid ---- */

.grid {
  background: #EEE;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 20%;
}

.grid-item {
  float: left;
  border-color: hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width:  40%; }
.grid-item--width3 { width:  60%; }
.grid-item--width4 { width:  50%; }
.grid-item--width5 { width:  100%; }
.grid-item--kakuten { width:  33.3333%; }
.grid-item--department { width:  25%; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

@media screen and (max-width: 850px) {
.pc{
    display: none;
}
  .grid-item {
    width: 100%;
    max-width:100%;
  }
	#bg_title{
		padding-top: 25px;
		padding-bottom: 10px;
	}
	h1{
		font-size: 1.0em;
    	margin-bottom: 10px;
	}
	h2{
		font-size: 2.5em;
	}
	h3{
		font-size: 2.0em;
    margin-bottom: 1.0em;
	}
}


/*--------------------
	画像ホバー
 -------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:500,900);
figure.snip1432 {
  
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.3em;
  position: relative;
  background: #000000;
  color: #ffffff;
  line-hight: 100em;
}
figure.snip1432 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
figure.snip1432 img {
  opacity: 1.0;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 1.0s;
  transition: opacity 1.0s;
}
figure.snip1432 figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432 figcaption > div {
  height: 50%;
  margin-left: 20%;
  overflow: hidden;
  position: relative;
}
figure.snip1432 h2,
figure.snip1432 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  text-transform: none;
  line-height: 2em;
  text-shadow: 1px 1px 3px #000;
}
figure.snip1432 h2 {
  font-weight: 900;
  top: 0;
}
figure.snip1432 h3 {
  font-size: 1em;
  bottom: 0;
  font-weight: 500;
}
figure.snip1432 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
figure.snip1432 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1432:hover img,
figure.snip1432.hover img {
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1432:hover figcaption h3:first-of-type,
figure.snip1432.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1432:hover figcaption h3:nth-of-type(2),
figure.snip1432.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.cap_pos {
	padding-left:10px;
}

.cap_pos_ryori {
	padding-left:10px;
}

.cap_back {
	background:url(../image/arrow.png) no-repeat;
	background-size:20px;
	background-position:0px 7px;
	margin-top: 20px;;
}

.cap_back h2{
	padding-left:25px;
}
.cap_back h3{
	padding-left:25px;
}

/*--------------------
	画像ホバー
 -------------------*/
figure.snip1432_2 {
  
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.3em;
  position: relative;
  background: #000000;
  color: #ffffff;
  line-hight: 100em;
}
figure.snip1432_2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
figure.snip1432_2 img {
  opacity: 1.0;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 1.0s;
  transition: opacity 1.0s;
}
figure.snip1432_2 figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432_2 figcaption > div {
  height: 100%;
  margin-right: 15%;
  overflow: hidden;
  position: relative;
}
figure.snip1432_2 h2,
figure.snip1432_2 h3 {
  margin: 0;
  position: absolute;
  right: 0;
  text-transform: none;
  line-height: 2em;
  text-shadow: 1px 1px 3px #000;
  padding-top:40px;
}
figure.snip1432_2 h2 {
  font-weight: 900;
  top: 0;
margin-top:20px;
  	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	background:url(../image/arrow_2.png) no-repeat;
	background-size:20px;
	background-position:8px 10px;

}
figure.snip1432_2 h3 {
  font-size: 1em;
  bottom: 0;
  font-weight: 500;
}
figure.snip1432_2 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
figure.snip1432_2 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1432_2:hover img,
figure.snip1432_2.hover img {
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1432_2:hover figcaption h3:first-of-type,
figure.snip1432_2.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1432_2:hover figcaption h3:nth-of-type(2),
figure.snip1432_2.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.cap_pos {
	padding-left:10px;
}

.cap_pos_ryori {
	padding-left:10px;
}

.cap_back_2 {
	position :absolute;
	background:url(../image/arrow_2.png) no-repeat;
	background-size:20px;
	background-position:0px 7px;
	margin-top: 20px;;
}

.cap_back_2 h2{
	padding-left:25px;
}
.cap_back_2 h3{
	padding-left:25px;
}




/*--------------------
	kikunoiページ
 -------------------*/

 #palalax_kikunoi_top {
	background: url(../image/kikunoi/top.png) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_kikunoi_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.45);
}

 #palalax_kikunoi_concept {
	background: url(../image/kikunoi/concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_kikunoi_concept {
	height: 900px;
	background-color: rgba(0, 0, 0, 0.7);
}

 #palalax_kikunoi_greeting {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_kikunoi_greeting {
	height: 800px;
}

 #palalax_ryori_title {
	background: url(../image/kikunoi/ryori.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


 .section_ryori_title {
	height: 450px;
	background-color: rgba(0, 0, 0, 0.3);
}

 #palalax_omotenashi_title {
	background: url(../image/kikunoi/omotenashi.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


 #palalax_kikunoi_ryori {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_kikunoi_ryori {
	height: 600px;
	background-color: rgba(255, 255, 255, 0);
}

 #palalax_kikunoi_omotenashi {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_kikunoi_omotenashi {
	height: 500px;
}

 #palalax_kikunoi_murata {
	background: #eee;
}

 #section_kikunoi_murata {
	height: 950px;
}

.kikunoi_top_area {
	margin:0 auto;
	width: 80%;
}

.kikunoi_top_mark {
	text-align: left;
	float: left;
	height: 300px;
	padding-left: 0px;
	padding-top: 100px;
	line-height: 3em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color: #fff;
}

.kikunoi_top_tex {
	
	text-align: left;
	padding-left: 400px;
	padding-top: 100px;
	line-height: 4em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color:  rgba(255, 255, 255, 0.8);
}

.kikunoi_2c_tex {
	
	text-align: left;
	padding-left: 400px;
	padding-top: 100px;
	line-height: 4em;
	font-size: 11pt;
	letter-spacing: 0.3em;
	color:  rgba(0, 0, 0, 0.8);
}

 .title_greeting {
	
	text-align: center;
	padding-top: 20px;
	font-size: 20pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #000;
}

 .tex_greeting {
	 
	text-align: center;
	padding-top: 20px;
	font-size: 10pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #000;
}

 .murata_sign {
	
	text-align: center;
	padding-top: 70px;
	font-size: 20pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #000;
}

.kikunoi_ryori_title {
	text-align: center;
	padding-top: 200px;
	line-height: 2.5em;
	font-size: 13pt;
	letter-spacing: 0.3em;
	color: #fff;
}

.kikunoi_omotenashi_title {
	text-align: center;
	padding-top: 140px;
	line-height: 2.5em;
	font-size: 13pt;
	letter-spacing: 0.3em;
	color: #fff;
}

/*--------------------
	料理ページ
 -------------------*/

 #palalax_ryori_top {
	background: url(../image/ryori/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_ryori_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.3);
}

 #palalax_ryori_concept {
	background: linear-gradient(-60deg, #fff, #fff5af);

}

 #section_ryori_concept {
	height: 100px;
}

.ryori_table {
	padding-top:100px;
	width:900px;
	margin:0 auto;
	height:250px;
}
/*--------------------
	懐石ページ
 -------------------*/

 #palalax_kaiseki_top_d {
	background: url(../image/kaiseki/title.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media screen and (max-width: 767px) {
	 #palalax_kaiseki_top_d {
		background: url(../image/kaiseki/title.jpg) 50% 0 no-repeat #000;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
}

 #palalax_kaiseki_ryori {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_kaiseki_ryori {
	padding-bottom:100px;
}


#ryori_image{
	height: 1000px;
	width: 1000px;
}

/*--------------------
	hontenページ
 -------------------*/

 #palalax_honten_top {
	background: url(../image/honten/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#palalax_honten_concept {
	background: url(../image/honten/concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

 #section_honten_concept {
	
	height: 695px;
	background-color: rgba(0, 0, 0, 0.8);
}

 #palalax_honten_about {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_honten_about {
	height: auto;
}

/*--------------------
	Mugeページ
 -------------------*/
 #palalax_muge_top {
	background: url(../image/muge/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#palalax_muge_concept {
	background: url(../image/muge/dessert.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

 #section_muge_concept {
	
	height: 500px;
	background-color: rgba(0, 0, 0, 0.8);
}


/*--------------------
	roanページ
 -------------------*/

 #palalax_roan_top {
	background: url(../image/roan/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#palalax_roan_concept {
	background: url(../image/roan/concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

 #section_roan_concept {
	
	height: 550px;
	background-color: rgba(0, 0, 0, 0.8);
	line-height:0.2em;
}

 #palalax_roan_about {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_roan_about {
	height: auto;
}

/*--------------------
	価格変更ページ
 -------------------*/

 #palalax_kakakuhenko {
	background: #fff;
}

 #section_kakakuhenko {
	height: auto;
}

 .title_kakaku_henko {
	
	text-align: center;
	padding-top: 20px;
	font-size: 13pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #cc0033;
}

.kakaku_henko{
	
	text-align: center;
	font-size: 9pt;
	padding-top: 20px;
	padding-bottom: 50px;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: #cc0033;
}



/*--------------------
	akasakaページ
 -------------------*/

 #palalax_akasaka_top {
	background: url(../image/akasaka/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_akasaka_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.3);
}


 #palalax_akasaka_concept {
	background: url(../image/akasaka/akasaka_concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

 #section_akasaka_concept {
	height: 520px;
	background-color: rgba(0, 0, 0, 0.8);
}


 #palalax_akasaka_kondate {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_akasaka_kondate {
	height: 1400px;
}

 #section_honten_kondate {
	height: 1230px;
}


 #palalax_akasaka_ryori_under {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_akasaka_ryori_under {
	height: 180px;
	background-color: rgba(255, 255, 255, 0);
}

 #palalax_akasaka_about {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_akasaka_about {
	height: auto;
}

 .course_title {
	
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
	font-size: 11pt;
	line-height: 2.5em;
	letter-spacing: 0.3em;
	color: #c8a063;
}

 .course_title_2 {
	
	margin: 0 auto;
	text-align: center;
	padding-top: 100px;
	font-size: 11pt;
	line-height: 2.5em;
	letter-spacing: 0.3em;
	color: #c8a063;
}
.tex{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.tex p{
    line-height: 2em;
    float: left;
}
 .tex_center p{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;

    text-align: center;
    line-height: 1.7em;
    float: left;
}

 .tex_center_about{
	
	text-align: center;
	padding-top: 500px;
	font-size: 11pt;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #000;
}
.blue{
    color: #00449B;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.blue p{
    font-size: 1.5em;
    line-height: 1.5em;
    margin-top: 40px;
    margin-bottom: 40px;
}
.white{
    color: #FFFFFF;
}
.green{
    color: #ACCB00;
}
.menu_chui_font{
	
	text-align: center;
	font-size: 8pt;
	padding-top: 50px;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: #000;
}

.menu_chui_font_2{
	
	text-align: center;
	font-size: 8pt;
	padding-top: 50px;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: #000;
}
.tex_s{
    width: 100%;
}
.tex_s p{
    line-height: 2em;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}


/*--------------------
	slick
 -------------------*/

.slider {
	background-color:white;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
  left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slider img {
    max-width: 100%;
 	 height: auto;
}

.slick_space {
	height:0px;
	background-color:black;
}

/*--------------------
	百貨店ページ
 -------------------*/


 #palalax_department_top {
	background: url(../image/department/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_department_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.3);
}


 #palalax_department_concept {
	background: url(../image/department/concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_department_concept {
	height: auto;
	background-color: rgba(0, 0, 0, 0.8);
}

 #palalax_department_haiso {
	background: #eee;

}

 #section_department_haiso {
	height: 270px;
}

 #palalax_department_menu {
	background: linear-gradient(-60deg, #fff, #fff5af);

}

 #section_department_menu {

}

.department_table_height {
	 width: 100%;
	 height: 30px;
	 clear:both;

}

@media screen and (min-width: 850px) {
	.department_area .teble {
		padding-top:10px;
		margin: 0 auto;
		width:60%;
	}

	.department_area .teble_2 {

		margin: 0 auto;
		width:60%;
	}


	.department_area .teble .teble_col_1{
		float:left;
		width:48%;
	}

	.department_area .teble .teble_col_2{
		width:48%;
		float:left;
		margin-left:4%;
	}


}

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

	.department_area .teble {
		padding-top:10px;
		margin: 0 auto;
		width:90%;

	}

	.department_area .teble_2 {

		margin: 0 auto;
		width:70%;
	}

	.department_area .teble .teble_col_1{
		float:left;
		width:48%;
	}

	.department_area .teble .teble_col_2{
		width:48%;
		float:left;
		margin-left:4%;
	}

}

.department_area {
	clear:both;
	padding-top:10px;
}

.department_area .title {
	
	font-size: 19pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #000;
	clear:both;
	padding-top: 50px;
}

.department_area .title_2 {
	
	font-size: 19pt;
	line-height: 3em;
	letter-spacing: 0.2em;
	color: #000;
	clear:both;
	padding-top: 80px;
}


.department_area .teble .image{

}

.department_area .teble .image img{
	width:100%;
	height:auto;
}

.department_area .teble .caption{
	
	padding-top:20px;
	letter-spacing: 0.1em;
	line-height: 0.2em;
}

.department_area .teble .caption .cap2{
	display:block;
	padding-top:10px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}
.department_area .teble .caption .cap2_1{
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

 .title_online {
	
	clear:both;
	text-align: center;
	padding-top: 40px;
}
 .title_online_21 {
	
	clear:both;
	text-align: center;
	padding-top: 1px;
}

.pagelast {
	
	clear:both;
	text-align: center;
	padding-bottom:80px;
}

.pagelast_top {
	
	clear:both;
	text-align: center;
	padding-bottom:2px;
}


/*--------------------
	百貨店情報ページ
 -------------------*/


 #palalax_department_info_top {
	background: url(../image/department/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


 #section_department_info_top {
	height: 600px;
	background-color: rgba(0, 0, 0, 0.3);
}


 #palalax_department_info_concept {
	background: linear-gradient(-60deg, #fff, #fff5af);

}

 #section_department_info_concept {
	height: 500px;
}

 #palalax_department_info_store {
	background: #f5f5f5;

}

#section_department_info_store {
	height: 500px;
}

#palalax_department_info_store_2 {
	background: #fff;
}
#section_department_info_store_2 {
	height: 500px;
}
#palalax_department_info_store_3 {
	background: #fff;
}
#section_department_info_store_3 {
	height: 500px;
}
#palalax_department_info_store_4 {
	background: #fff;
}
#section_department_info_store_4 {
	height: 500px;
}
#palalax_department_info_store_5 {
	background: #fff;
}
#section_department_info_store_5 {
	height: 500px;
}

.department_info_nav .nav_up{
	width: 450px;
	margin:0 auto;
	height:50px;
}

.department_info_nav .nav_up .nav_up_col{
	width: 20%;
	float: left;
	text-align: center;
	margin: 0 auto;
	float:left;
	padding-top:20px;
}



/*--------------------
	店舗詳細 共通
 -------------------*/

  #section_d_store_top {
	background-color: rgba(0, 0, 0, 0.3);
	height: 400px;
}

 .d_store_title {
	
	text-align: center;
	padding-top: 140px;
	font-size: 17pt;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #fff;
}

 #palalax_d_store_detail {
	background: #f5f5f5;

}

 #section_d_store_detail {
	height: auto;
}

 #section_d_store_detail_2 {
	height: auto;
}

 #section_d_store_detail_3 {
	height: auto;
}

 #palalax_d_store_area {
	background: #fff;

}

 #section_d_store_area {
	height: 700px;
}

 #palalax_d_store_area_2 {
	background: #fff;

}

 #section_d_store_area_2 {
	height: 700px;
}

 #section_d_store_area_tamagawa {
	height: auto;
}

 #section_d_store_area_nihonbashi {
	height: auto;
}

 #section_d_store_area_shinjuku {
	height: auto;
}

 #section_d_store_area_yokohama {
	height: auto;
}




/*--------------------
	玉川
 -------------------*/

   #palalax_tamagawa_top {
	background: url(../image/d_store/tamagawa_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/*--------------------
	日本橋
 -------------------*/

   #palalax_nihonbashi_top {
	background: url(../image/d_store/nihonbashi_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/*--------------------
	新宿
 -------------------*/

   #palalax_shinjuku_top {
	background: url(../image/d_store/shinjuku_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/*--------------------
	横浜
 -------------------*/

   #palalax_yokohama_top {
	background: url(../image/department/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*--------------------
	京都
 -------------------*/

   #palalax_kyoto_top {
	background: url(../image/d_store/kyoto_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}



/*--------------------
	お問い合わせ
 -------------------*/

   #palalax_contact_head {
	background: #000;

}

 #section_contact_head {
	height: 60px;
}

 #palalax_contact_top {
	background: url(../image/contact/ryotei_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media screen and (min-width: 850px) {
 #palalax_contact_top {
	background: url(../image/contact/ryotei_top.jpg) 50% 0 no-repeat #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

}
 #palalax_contact_top_r {
	background: url(../image/contact/ryotei_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #palalax_contact_top_d {
	background: url(../image/d_store/shinjuku_top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #section_contact_top {
	height: 460px;
	padding-top:50px;
	background-color: rgba(0, 0, 0, 0.5);
}

 #palalax_contact_all {
	background: #666;

}

 #section_contact_all {
	height: 400px;
}


 #palalax_contact_store {
	background: #f5f5f5;

}

 #section_contact_store {
	height: 600px;
}

 #palalax_contact_store_2 {
	background: #fff;

}

 #section_contact_store_2 {
	height: 600px;
}

 #palalax_contact_store_3 {
	background: #f5f5f5;

}

 #section_contact_store_3 {
	height: 600px;
}

 #palalax_contact_store_4 {
	background: linear-gradient(-60deg, #fff, #fff5af);

}

 #section_contact_store_4 {
	height: 370px;
}


.contact_nav {
	width: 40%;
	margin:0 auto;
	padding-top: 150px;
}

.contact_nav_row {
	width: 33.3333%;
	height: 50px;
	float: left;
	text-align: center;
	margin: 0 auto;
	float:left;
}

.nav_row_text {
	text-arign: center;
	color:#000;

}

.contact_table_height {
	 width: 100%;
	 height: 50px;
	 clear:both;

}


.contact_table_last {
	 width: 100%;
	 height: 80px;
	 clear:both;

}


/*--------------------
	ご婚礼ページ
 -------------------*/

 #palalax_bridal_top {
	background: url(../image/bridal/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #palalax_bridal_concept {
	background: url(../image/akasaka/akasaka_concept.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

 #section_bridal_concept {
	height: 400px;
	background-color: rgba(255, 255, 255, 0.95);
}


 #palalax_bridal_concept_under {
	background-color: #CC0000;

}

 #section_bridal_concept_under {
	height: 15px;
}

 #palalax_bridal_honbun {
	background-color: #fff;

}

 #section_bridal_honbun {
	height: 500px;
}

 .tex_read_bridal {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 70px;
	font-size: 9pt;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	color: rgba(0, 0, 0, 0.7);
}

/*--------------------
	会社概要
 -------------------*/
  #palalax_about_top {
	background: url(/kikunoiweb/common/image/about/top.jpg) 50% 0 no-repeat fixed #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

 #palalax_about_concept {
	background: linear-gradient(-60deg, #fff, #fff5af);
}

 #section_about_concept {
	height: 700px;
}

 #palalax_about_murata {
	background: #eee;
}

 #section_about_murata {
	height: 900px;
}


/*--------------------
	footer
 -------------------*/

  #palalax_footer {

}


.box {
	padding-top: 0px;
	margin: 0 auto;
	width:100%;
	height:auto;
}

.copy{
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #7d7d7d;
    font-size: 10px;
    line-height: 3em;
    letter-spacing: 0.1em;
    background-color: #C3D764;
    font-family: century-gothic,"Didact Gothic", sans-serif;
}
.copy_black{
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 3em;
    letter-spacing: 0.1em;
    background-color: #000000;
    font-family: century-gothic,"Didact Gothic", sans-serif;
}
.copy .bottom{
	width:200px;
	margin:0 auto;
}



/*--------------------
	footer メニュー
 -------------------*/




/*--------------------
 ギャラリー
 -------------------*/

 .top_glid_area{
	 padding-top: 100px;
	 width: 900px;
	 height: 300px;
	 margin:0 auto;
}

.top_gazo{
	float: left;
	width: 200px;
	padding-left: 20px;
}

.top_gazo_2{
	padding-left: 10px;
	padding-top: 10px;
}

 .slide_content {
	padding-top:150px;
	margin: 0 auto;
	width:100%;
}


.submenu {
	position: fixed;
	height:60px;
	background-color: rgba(0, 0, 0, 0.8);
}

.sub_menu_inner {
	height:60px;
	background-color: rgba(0, 0, 0, 0.8);
}

.sub_menu_top_inner {
	height:60px;
}

.sub_menu_logo {
	float: left;
	padding-top:15px;
	padding-left:5px;
}
.sub_menu_logo_top {
	float: left;
	padding-top:15px;
	padding-left:5px;
}


@media screen and (min-width: 850px) {
	.drawer-navbar-header {
		display: none;
	}
	.sub_menu_logo{
		display: none;
	}
	.drawer-nav{
		display: none;
	}
	.tyle_sp{
		display: none;
	}
}

@media screen and (max-width: 850px) {
	.language{
		display: none;
	}

	#mainImage .logo {
		display: none;
	}

	.header_area {
		display: none;
	}
	.header_area_top {
		display: none;
	}

	.menuArea {
		display: none;
	}
	.header_m_in {
		display: none;
	}
	.language_inner{
		display: none;
	}
	.tyle{
		display: none;
	}

}

.bkgd_white{
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    padding-top: 40px;
}

@media screen and (min-width: 850px) {
    .bkgd_white{
    background-color: #F6F6F6;
    padding-top: 80px;
}}

.profile{
    width: 100%;
    background-color: #FFFFFF;
    float: left;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}



.profile_sp p{
    font-size: large;
}

@media screen and (max-width: 850px) {
.profile_waku{
    padding-left: 10px;
    background-color: #FFFFFF;
    width: 100%;
    padding-right: 10px;
}
.profile_person p{
    line-height: 2em;
    margin-bottom: 30px;
    color: #666666;
    width: 100%;
    text-align: left;
}
}
@media screen and (min-width: 850px) {
	.profile_waku{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
	.profile_person p{
    line-height: 2em;
    margin-bottom: 30px;
    color: #323232;
    width: 100%;
    text-align: center;
    font-size: medium;
}
}



.profile_btnwaku{
    width: 100%;
    background-color: #f6f6f6;
    float: left;
    text-align: center;
    padding-bottom: 50px;
}
.profile_round{
    margin-left: auto;
    margin-right: auto;
    width: 310px;
    line-height: 1.7em;
}
.profile_round a:hover {

}
a:hover .profile_round_l {
    background-color: #4d9ab0;
    color: #FFFFFF !important; 
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
	
}

a:hover .profile_round_l span{
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
}
a:hover .profile_round_l p{
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
}
a:hover .profile_round_r {
    background-color: #4d9ab0;
    color: #FFFFFF !important; 
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
}

a:hover .profile_round_r span{
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
}
a:hover .profile_round_r p{
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1.00!important;
    opacity: 1.00!important;
}

.profile_round p{
    font-size: large;
}
.profile_round_l{
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background-color: #FFFFFF;
    padding-top: 40px;
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}
.profile_round_r{
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background-color: #FFFFFF;
    padding-top: 40px;
    float: left;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}



.profile_person{
    background-color: #FFFFFF;
    float: left;
    width: 100%;
    text-align: center;
    font-size: medium;
    padding-bottom: 30px;
}
.profile_line{
    float: left;
    width: 100%;
    border-bottom: 1px solid #B1B1B1;
    margin-top: 30px;
    margin-bottom: 70px;
}
@media screen and (min-width: 850px) {
.profile_line{
    float: left;
    width: 100%;
    background-color: #F6F6F6;
    height: 50px;
    border-bottom-width: 0px;
}	
}


.profile_person .name1{
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 70px;
}
.profile_person .name2{
    font-size: ;
    margin-bottom: 30px;
    font-size: small;
    color: #B1B1B1;
}
.profile_person .name3{
    margin-bottom: 30px;
    font-size: large;
    margin-top: 30px;
}
.profile_person img{
    max-width: 250px;
}

.tyle {
}
.tyle_1{
	width:100%;
	background-color: #000;

}
.tyle_1_1{
	width:60%;
	height:100%;
	float:left;
}
.tyle_1_2{
	width:40%;
	height:100%;
	float:left;
}

.tyle_1_1_1{
	height:50%;
	width:100%;
	clear:both;
}
.tyle_1_1_2{
	height:50%;
	width:100%;
}
.tyle_1_1_2_1{
	height:100%;
	float:left;
	width:55%;

}
.tyle_1_1_2_2{
	height:100%;
	float:left;
	width:45%;
}


.tyle_2{
	width:100%;
	clear:both;
	backgroud-color:#000;
}
.tyle_2_1{
	width:40%;
	float:left;
	height:100%;
}
.tyle_2_2{
	width:60%;
	float:left;
	height:100%;
}

.tyle img {
}

.tyle_sp_1{
    width: 100%;
    float: left;

}
.tyle_sp_1_1{
	width:100%;
	height:100%;
	float:left;
}
.tyle_sp_1_2{
	width:100%;
	height:100%;
	float:left;
}
.tyle_sp_2{
	clear:both;
	width:100%;
}
.tyle_sp_2_1{
	width:100%;
	height:100%;
	float:left;
}
.tyle_sp_2_2{
	width:100%;
	height:100%;
	float:left;
}
.tyle_sp_3{
	clear:both;
	width:100%;
}
.tyle_sp_3_1{
	width:100%;
	height:100%;
	float:left;
}
.tyle_sp_3_2{
	width:100%;
	height:100%;
	float:left;
}

.tyle_sp_height{
	width:100%;
	height:10%px;
	background-color: #fff;
}

.pdffont {
	font-size:13pt;}

/*--------------------
 css3 ボタン
 -------------------*/
@media screen and (min-width: 850px) {
.button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	font-size: 12pt;
	color: #fff;
	margin-top: 1%;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
}

@media screen and (max-width: 850px) {
.button {
	display: inline-block;
	width: 100%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	font-size: 10pt;
	color: #fff;
	margin-top: 1%;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
}
/*--------------------
 css3 ボタン_last
 -------------------*/
@media screen and (min-width: 850px) {
.button_last {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #333;
	font-size: 12pt;
	color: #fff;
	margin-top: 1%;
	margin-bottom: 5%;
}

.button_last:hover {
	background-color: #ddd;
}

.button_last::before,
.button_last::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last,
.button_last::before,
.button_last::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
}


@media screen and (max-width: 850px) {
.button_last {
	display: inline-block;
	width: 100%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color: #333;
	font-size: 10pt;
	color: #fff;
	margin-top: 1%;
	margin-bottom: 5%;
}

.button_last:hover {
	background-color: #ddd;
}

.button_last::before,
.button_last::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last,
.button_last::before,
.button_last::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
}

@media screen and (min-width: 850px) {
/*--------------------
 css3 ボタン_last _2
 -------------------*/

.button_last_2 {
    display: inline;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    outline: none;
    background-color: #4D9AB0;
    font-size: small;
    color: #fff;
    margin-top: 5px;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.5em;
}

.button_last_2:hover {
	background-color: #ddd;
}

.button_last_2::before,
.button_last_2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last_2,
.button_last_2::before,
.button_last_2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

}

@media screen and (max-width: 850px) {
/*--------------------
 css3 ボタン_last _2
 -------------------*/

.button_last_2 {
    display: inline;
    text-align: center;
    text-decoration: none;
    line-height: 2.5em;
    letter-spacing: 0.1em;
    outline: none;
    background-color: #4D9AB0;
    font-size: small;
    color: #fff;border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

}

.button_last_2:hover {
	background-color: #ddd;
}

.button_last_2::before,
.button_last_2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last_2,
.button_last_2::before,
.button_last_2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

}


@media screen and (min-width: 850px) {
/*--------------------
 css3 ボタン_last _3
 -------------------*/

.button_last_3 {
	display: inline-block;
	width: 400px;
	height: 70px;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	letter-spacing: 0.2em;
	outline: none;
	background-color: #bb944e;
	font-size: 12pt;
	color: #fff;
	margin-top: 5px;
	margin-bottom: ;
}

.button_last_3:hover {
	background-color: #ddd;
}

.button_last_3::before,
.button_last_3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last_3,
.button_last_3::before,
.button_last_3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

}

@media screen and (max-width: 850px) {
/*--------------------
 css3 ボタン_last _3
 -------------------*/

.button_last_3 {
	display: inline-block;
	width: 90%;
	height: 70px;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	letter-spacing: 0.2em;
	outline: none;
	background-color: #bb944e;
	font-size: 12pt;
	color: #fff;
	margin-top: ;
	margin-bottom: ;
}

.button_last_3:hover {
	background-color: #ddd;
}

.button_last_3::before,
.button_last_3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last_3,
.button_last_3::before,
.button_last_3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

}




 select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:white url(../image/arw_select_down.png) no-repeat;
    background-position: right center;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border:1px solid #CCC;
    margin-top:0px;
}
@-moz-document url-prefix() { /* for firefox */
    select {
        background:none;
        background-color: #FFF;
    }
}

/*--------------------
	sns領域
 -------------------*/
.sns_inner {
    font-size: small;
    border: 1px solid #4D9AB0;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 4px;
    padding-bottom: 10px;
    color: #4D9AB0;
    margin-right: 2px;
    margin-left: 3px;
    line-height: 4em;
	}
a:link .sns_inner img {
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
	}

/*--------------------
	peaceis領域
 -------------------*/
#bg_peaceis {

}
#bg_peaceis:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../image/bg_peaceis.jpg) center no-repeat;
  background-size:cover;
}

@media screen and (min-width: 767px) {
	.pi_main_waku{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
		}
	.pi_main{
		margin-top: 150px;
		padding-top: 40px!important;
		padding-bottom: 20px!important;
		}
}
.pi_main{
    diplay: block;
    animation: anime3 4s;
    text-align: left;
    background-color: rgba(0,0,0,0.80);
    padding-top: 90px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    width: 100%;
    float: left;
}
@keyframes anime3 {
	0% {
    opacity:0;}
	50% {
    opacity:0;}
	100%{
    opacity:100;}
}
.pi_main p{
    color: #FFFFFF;
    width: 100%;
    margin-bottom: 20px;
    line-height: 1.5em;
    font-size: medium;
    text-align: center;
}

/*友達*/
.pi_member{
    float: left;
    width: 100%;
}
.pi_member table{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
 .pi_member td{
    background-color: rgba(0,104,183,0.90);
}
 .pi_member th{
    background-color: rgba(0,0,0,0.80);
    font-weight: bold;
    text-align: left;
    font-style: italic;
    font-size: large;
}
.pi_title{
    font-weight: normal;
    font-style: normal;
    font-size: 1.7em;
    float: right;
    margin-bottom: -20px;
    margin-right: -15px;
}
.img_friends{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}
.img_friends img{
    margin-bottom: 100px!important;
}
@media screen and (min-width: 767px) {
	.pi_member{
	}
	.pi_title{
    font-weight: normal;
    font-style: normal;
    font-size: 2.5em;
    float: right;
    margin-bottom: -25px;
    margin-right: -15px;
	}
	.img_friends{
    width: 350px;
    margin-left: auto;
    margin-right: auto;
	}
	.img_friends img{
    margin-top: 0px!important;
    margin-bottom: 100px!important;
	}
}

 .pi_member p{
    text-align: left;
    color: #FFFFFF;
    padding: 5px;
    line-height: 1.5em;
}
.pi_member img{
    vertical-align: top;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: -4px;
    border: 1px solid #000000;
}

 /*手紙*/
#bg_wrapnote {
    float: left;
    width: 100%;
	/*background-color: rgba(0,0,0,0.30);*/
    padding-top: 100px;
    padding-bottom: 50px;
}

.wrapnote {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    background-color: #F1F4E9;
    margin-bottom: 50px;
}
.wrapnote .note {
    padding: 0 1em;
    background: linear-gradient(#ccc 1px, transparent 1px) #F1F4E9;
    background-size: auto 2.5em;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    line-height: 2.5em;
}
@media screen and (max-width: 767px) {
#bg_wrapnote {
    padding-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
	}
	.wrapnote .note {
    padding:  0em;	
	}
	.pctyle{
		display: none;
	}
}
.wrapnote .note p {
    background: url(line.png) repeat bottom left;
    line-height: 2.5em;
    margin-top: 1px;
    color: #0D035B;
}



/*--------------------
 PEACEis　R.C.A. INFO
 -------------------*/
#bg_RCAinfo{
    float: left;
    width: 100%;
    background-color: #FFFFFF;
}

.title p{
    color: #2F78BC;
    font-size: small;
    line-height: 0.5em;
    margin-bottom: 15px;
    margin-top: -10px;
}

/*--------------------
 PEACEis　R.C.A. LINK
 -------------------*/
#bg_pi_link{
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 50px;
}

#section_pi_link p{
    color: #2F78BC;
    font-size: small;
    line-height: 0em;
    margin-bottom: 10px;
    margin-top: -10px;
}
.link_imgwaku a{
    float: left;
}
.link_imgwaku {
    width: 481px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
	.link_imgwaku{
    width: 200px;
	}
	.pi_line {
    display: none;		
	}

}
.link_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 200px;
    height: 60px;
    background-size: contain;
    margin-bottom: 35px;
    table-layout: fixed;
}

	.pi_line {
    float: left;
    height: 40px;
    border-left: 1px solid #9f9fa0;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px;
	}

/*--------------------
 お問合せ
 -------------------*/
#contact_waku{
    float: left;
    width: 100%;
    padding-top: 20px;
}

.floatcenter{
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}
.container{
    margin-bottom: 30px;
    min-height: 60vh;
    margin-top: 30px;
    font-size: small;
}
.container li{
    line-height: 1.7em;
    font-size: medium;
}
.w850{
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.w940{
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
	.container{
    margin-left: 15px;
    margin-right: 15px;
}
.container li{
    line-height: 1.7em;
    font-size: small;
}
}
.need{
    background-color: #E80003;
    color: #FFFFFF;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
}
.contact_bg{
    background-color: #F3F3F3;
    font-size: xx-large;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
    line-height: 1em;
}

@media (max-width: 767px) {
	.contact_bg{
    margin-top: 20px;
    font-size: x-large;
    margin-left: 10px;
    margin-right: 10px;
	}
	.contact_bg span{
    font-size: large!important;
}
}

.contact_form td{
    max-width: 420px!important;
}
#form {
    width: 100%;
}
.w-form{
    width: 310px;
}
.w-form2{
    width: 130px;
}
#form-tbl table {
    border: 1px solid #9F9FA0;
    border-collapse: collapse;
    margin-top: 1em;
}
#form-tbl table td {
    text-align: left;
    border: 1px solid #7d7d7d;
    padding: 8px;
    font-weight: normal;
    background-color: #EEEEEE;
}
#form-tbl table th  {
    text-align: left;
    border: 1px solid #7D7D7D;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    font-weight: normal;
    background-color: #9f9fa0;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

	.w-form3{width: 50%;
	}
@media (max-width: 767px) {
	.w-form{width: 100%;
    font-size: 16px;
    line-height: 2em;
	}
	.w-form2{width: 100%;
    font-size: 16px;
    line-height: 2em;
	}
	.w-form3{width: 50%;
    font-size: 16px;
    line-height: 2em;
	}
	#form-tbl table th {
    width: 100%;
    float: left;
    border-style: solid none none;
    border-top-width: 1px;
    border-top-color: #9F9FA0;
    line-height: 1em;
	}
	#form-tbl table td {
    width: 100%;
    float: left;
    border-style: solid none none;
    border-top-width: 1px;
    border-top-color: #C1C1C1;
	}
	#form-tbl table {
    border-top: 1px none #4D9AB0;
    border-collapse: collapse;
	}
	.contact_form td{
    max-width: 100%!important;
	}
	.contact_form input{
	}
}
input.submit_button {
    // 幅と高さを指定
    width: 150px;
    height: 50px;
    margin-top: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
/*--------------------
 LINK ページ
 -------------------*/
#bg_link{
    float: left;
    width: 100%;
    padding-bottom: 50px;
    min-height: calc(100vh - 50px);/* 変数をサポートしていないブラウザのフォールバック */

    min-height: calc(var(--vh, 1vh) * 100 - 50px);
    padding-top: 60px;
	
}

#section_link p{
    color: #2F78BC;
    font-size: small;
    line-height: 0em;
    margin-bottom: 10px;
    margin-top: -10px;
}


/*--------------------
 SNS ページ
 -------------------*/
#bg_SNS{
    float: left;
    width: 100%;
    padding-bottom: 50px;
    min-height: calc(100vh - 50px);/* 変数をサポートしていないブラウザのフォールバック */

    min-height: calc(var(--vh, 1vh) * 100 - 50px);
    padding-top: 60px;
	
}

#section_SNS p{
    color: #2F78BC;
    font-size: small;
    line-height: 0em;
    margin-bottom: 10px;
    margin-top: -10px;
}

/*--------------------
 ギャラリー ページ
 -------------------*/
#bg_gallery{
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    min-height: calc(100vh - 50px);/* 変数をサポートしていないブラウザのフォールバック */

    min-height: calc(var(--vh, 1vh) * 100 - 50px);
    padding-top: 60px;
	
}

#section_gallery .concept p{
    line-height: 1.5em;
    font-size: medium;
    margin-left: 10px;
    margin-right: 10px;
    color: #666666;
    margin-bottom: 20px;
}

.galleryshop_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 540px;
    background-size: cover;
    table-layout: fixed;
}
.galleryshop_info {
    width: 50%;
    float: right;
    height: 100%;
    padding: 40px;
    background-color: hsla(0,0%,100%,0.60);
}
.galleryshop_info p span {
    font-size: medium;
    font-weight: bold;
}
.galleryshop_info p{
    color: #000000!important;
    font-size: small!important;
    margin-bottom: 10px;
    line-height: 1.7em!important;
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 850px) {
	.galleryshop_img {
    height: auto;
    background-image: none!important;
	}
	.galleryshop_info {
    width: 100%;
    float: left;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
	}
}
.artwork{
    background-color: #F6F6F6;
    padding-bottom: 50px;
}
.artwork .uc{
    text-align: center;
    color: #575757;
    font-size: medium;
}
.artwork_box{
    width: 32%;
    margin-left: 1%;
    float: left;
    background-color: #FFFFFF;
    margin-bottom: 1vw;
    overflow: hidden;
    padding-bottom: 5px;
}
.artwork_box p{
    margin: 5px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /*Safari用*/
    -o-text-overflow: ellipsis; /*Opera用*/
    font-size: x-small;
}
.artwork_box .price{
    margin-left: 5px;
    margin-bottom: 0px;
    color: #313131;
}
.artwork_img{
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 30vw;
    background-size: cover;
    table-layout: fixed;
}

.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{
    margin-bottom: 50px;
}

@media (min-width: 767px) {
	.artwork_box{
		width: 24%;
	}
	.artwork_box p{
		font-size: small;
	}
	.artwork_box .price{
		font-size: medium;
	}
	.artwork_img{
		height: 190px;
	}
	#section_gallery .concept p{
    text-align: center;
	}
	
}

/*--------------------
 NEWS
 -------------------*/
#bg_news{
    float: left;
    width: 100%;




    min-height: calc(var(--vh, 1vh) * 100 - 50px);
    padding-top: 60px;
    padding-bottom: 60px;
}
.news_list {
    width: 65%;
    margin: 0 auto;
    max-width: 700px;
}

.news_table {
    border-bottom: 1px solid #ADC733;
}
.news_row {
    clear: both;
    height: 50px;
    border-top: 1px solid #ADC733;
    font-size: small;
}
.news_row .date{
    float: left;
    height: 50px;
    padding-left: 20px;
    padding-top: 18px;
}
.news_row .category {
    float: left;
	color:#FFFFFF;
    border: 1px solid #FFFFFF;
    margin-top: 14px;
    padding-top: 2px;
    margin-left: 20px;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    padding-bottom: 2px;
    margin-bottom: 16px;
}

.news_row .text{
    float: left;
    height: 45px;
    padding-left: 15px;
    padding-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 83%;
}
.news_row2 {
    clear: both;
    height: auto;
    border-top: 1px solid #ADC733;
}
.news_row2 .date{
	float:left;
	height:50px;
	padding-left:20px;
	padding-top:18px;
	color:#666;
}
.news_row2 .category{
    float: left;
    color: #ADC733;
    border: 1px solid #ADC733;
    margin-top: 14px;
    padding-top: 2px;
    margin-left: 20px;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding-bottom: 2px;
    margin-bottom: 16px;
}
.news_row2 .text{
    width: 100%;
    float: left;
    height: auto;
    padding-left: 18px;
    padding-top: 18px;
    padding-bottom: 10px;
    line-height: 2em;
}
.category_select {
	width:300px;
	height:30px;
}
.button_last_4 {
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    letter-spacing: 0.3em;
    outline: none;
    background-color: #7D7D7D;
    font-size: 12pt;
    color: #FFFFFF;
    margin-top: 5px;
    border-radius: 4px;
    margin-bottom: 40px;
    max-width: 300px;
}

.button_last_4:hover {
    background-color: #C3D764;
    border: 1px solid #7D7D7D;
    color: #7D7D7D;
}

.button_last_4::before,
.button_last_4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_last_4,
.button_last_4::before,
.button_last_4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.gallerbanner{
    height: 250px;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../image/gallery/02.jpg);
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
}
.gallerbanner_inner{
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    padding-top: 65px;
    color: #FFFFFF;
    font-size: x-large;
    line-height: 1em;
	}
.gallerbanner_inner img{
    width: 60%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -5px;
    max-width: 320px;
    float: none;
	}
.gallerbanner_inner span{
    font-size: medium;
    text-decoration: underline;
	}	
.galler_tex{
    background-color: #7D7D7D;
    float: left;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.galler_tex strong{
    color: #C3D764;
    font-size: large;
}

@media screen and (max-width: 767px) {
.news_list {
    width: 85%;
    margin: 0 auto;
}

	.news_table {
    border-bottom: 1px solid #ADC733;
	}
	.news_row {
    clear: both;
    height: 70px;
    border-top: 1px solid #ADC733;
	}
	.news_row .date{
    float: left;
    height: 30px;
    padding-left: 10px;
	}
	.news_row .category {
    float: left;
    margin-bottom: 0px;		
	}
	.news_row .text{
    width: 100%;
    clear: both;
    height: 30px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
	}
	.news_row2 {
		clear: both;
		height: auto;
		border-top: 1px solid #ADC733;
	}
	.news_row2 .date{
		float:left;
		height:30px;
		padding-left:20px;
	}
	.news_row2 .category{
		float: left;
		margin-bottom: 0px;		
	}
	.news_row2 .text{
    width: 100%;
    clear: both;
    height: auto;
    padding-left: 18px;
    padding-top: 15px;
    padding-bottom: 5px;
    overflow: hidden;
	}
	.category_select {
		width:90%;
		height:30px;
	}
	.button_last_4 {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.3em;
    outline: none;
    font-size: 12pt;
    margin-top: 5px;
	}
	.galler_tex{
    line-height: 1.7em;
    padding-top: 10px;
    padding-bottom: 10px;
	}
}


.speakerbanner{
    height: 230px;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../image/technical/01.jpg);
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
}
.speakerbanner_inner{
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    padding-top: 65px;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 2em;
	}
.speakerbanner_inner .en{
    font-size: 1.8em;
    font-weight: bold;
	}
.speakerbanner_inner img{
    width: 60%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -5px;
    max-width: 320px;
    float: none;
	}
.speakerbanner_inner .speakerlink{
    font-size: medium;
	}	
.speaker_tex{
    background-color: #7D7D7D;
    float: left;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.speaker_tex strong{
    color: #C3D764;
    font-size: large;
}










.onlinebanner{
    height: 230px;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
.onlinebanner_inner{
    width: 100%;
    height: 100%;
    padding-top: 65px;
    color: #000000;
    font-size: 1.2em;
    line-height: 2em;
	}
.onlinebanner_inner .en{
    font-size: 1.8em;
    font-weight: bold;
	}
.onlinebanner_inner img{
    width: 60%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -5px;
    max-width: 320px;
    float: none;
	}
.onlinebanner_inner .onlinelink{
    font-size: medium;
    color: #00449B;
	}	
.online_tex{
    background-color: #7D7D7D;
    float: left;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.online_tex strong{
    color: #C3D764;
    font-size: large;
}