@charset 'utf-8';

/*-----------------------------------------------
	Layout
------------------------------------------------*/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body{width: 100%; height: 100%; /* font-size: 175%;*/font-size: 4vw; background: #f9f8f2; color: #000;
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif;*/}
/*body{font-feature-settings : "pwid";}*/

#loader{width: 100%; height: 100%; position: fixed; z-index: 10000; background: #fff; display: table; pointer-events: none;}
#loader p{display: table-cell; vertical-align: middle; text-align: center;}
#loader p img{width: 10%; min-width: 50px; max-width: 100px; opacity: .8;}

#home #logodata .top_img{display: block;}
#home #logodata .dir_img{display: none;}
#logodata .top_img{display: none;}
#logodata .dir_img,
#logodata2 .dir_img{display: block; width: 45%; max-width: 42px; margin: 8.5% 0 0 0;}

@media screen and (max-width: 420px){
body{font-size: 105% !important;}
#countainer .header #logodata .dir_img,
#countainer .header #logodata2 .dir_img{margin: 4% 0 0 0;}
}
@media screen and (min-width: 421px) and (max-width: 768px){
body{font-size: 140%;}
}

#countainer .header #logodata .dir_img img{width: 100%;}
#countainer{width: 100%; max-width: 768px; margin: 0 auto;}
#countainer .header{width: 100%;}
#home #countainer .header .obj{width: 100%; padding: 19% 0;}
#countainer .header .obj{width: 100%; padding: 7% 0;}
#countainer .header .open_gmenu_sp{display: none; position: absolute; top: 0; right: 0; width: 100%; min-height: 100%; box-sizing: border-box; padding: 2.5em 0 4.5em 0; background: #707267; z-index: 2003;}
#countainer .header .open_gmenu_sp ul{width: 100%; padding: 1.5em 0 0 0;}
#countainer .header .open_gmenu_sp ul li{width: 100%; padding: 1em 0 1em 0; text-align: left; font-size: 112.5%; background: url(../images/open_gmenu_sp_line.gif) repeat-x top; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li a{display: block; padding: 0 3% 0 8%; color: #fff; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{float: left; width: auto; margin: 0; line-height: 1;}
#countainer .header .open_gmenu_sp ul li div.sub_sub a:before{/*20180606 syusei*/
content: '';
display: inline-block;
width: 13px;
height: 18px;
background: url(../images/ico_hyo_submenu_w.png) no-repeat;
background-size: contain;
margin: .1em .4em 0 0;
/*vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.65em 0; padding: 0;*/
}
#countainer .header .open_gmenu_sp ul li div.sub_sub a{padding: .3em 0 0 0; margin: 0 0 0 2.7em; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li div.sub_sub:nth-child(2n) a{margin: 0 0 0 1em;}

#countainer .header .open_gmenu_sp ul li .other_nav div.sub_sub{float: none;}
/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(1) a:before{
content: '';
display: inline-block;
width: 16px;
height: 14px;
background: url(../images/ico3_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 0;
/*content: url(../images/ico3_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 0; padding: 0;
box-sizing: border-box;*/
}
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a:before{
content: '';
display: inline-block;
width: 16px;
height: 15px;
background: url(../images/ico2_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 1.7em;
/*content: url(../images/ico2_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 1.7em; padding: 0;
box-sizing: border-box;*/
}
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(3) a:before{
content: '';
display: inline-block;
width: 16px;
height: 15px;
background: url(../images/ico2_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 0;
/*content: url(../images/ico2_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 0; padding: 0;
box-sizing: border-box;*/
}

#countainer .header .open_gmenu_sp ul li .other_nav .sub_sub{padding: 0 0 .5em 0;}
/* // 20180606 syusei*/

@media screen and (max-width: 390px){
#countainer .header .open_gmenu_sp ul li a{padding: 0 3% 0 4%;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{font-size: 0.90em;}
#countainer .header .open_gmenu_sp ul li div.sub_sub a{margin: 0 0 0 1.5em;}
#countainer .header .open_gmenu_sp ul li div.sub_sub:nth-child(2n) a{margin: 0 0 0 1em;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(1) a:before{margin: 0 .4em 0 0;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a:before{margin: 0 .4em 0 .5em;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(3) a:before{margin: 0 .4em 0 0;}/*20180606 syusei*/
}
@media screen and (max-width: 368px){
#countainer .header .open_gmenu_sp ul{padding: .5em 0 0 0;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{font-size: 0.85em; padding: 0 0 0 0.5em;}
/*#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a::before{margin: 0 0 -1em 1.42em;}*/
}

#countainer .header .obj .bt_open_gmenu_sp{position: absolute; top: 4%; right: 5%; padding: 0 0 0 0;}
.menu_trg, .menu_trg span{display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu_trg{position: relative; width: 68px; height: 38px; z-index: 2004;}
.menu_trg span{position: absolute; left: 0; width: 100%; height: 3px; background: #000;}
.menu_trg span.wh{background: #fff;}
.menu_trg span:nth-of-type(1){top: 0;}
.menu_trg span:nth-of-type(2){top: 17px;}
.menu_trg span:nth-of-type(3){bottom: 0;}
.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(17px) rotate(-45deg); transform: translateY(17px) rotate(-45deg);}
.menu_trg.active span:nth-of-type(2){opacity: 0;}
.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-17px) rotate(45deg); transform: translateY(-17px) rotate(45deg);}
@media screen and (max-width: 540px){
	#countainer .header .obj .bt_open_gmenu_sp{top: 3%;}
	.menu_trg{width: 48px; height: 27px;}
	.menu_trg span{height: 2px;}
	.menu_trg span:nth-of-type(2){top: 13px;}
	.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg);}
	.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-13px) rotate(45deg); transform: translateY(-13px) rotate(45deg);}
}
@media screen and (max-width: 420px){
	#countainer .header .obj .bt_open_gmenu_sp{top: 2.3%;}
	.menu_trg{width: 40px; height: 22px;}
	.menu_trg span{height: 2px;}
	.menu_trg span:nth-of-type(2){top: 10px;}
	.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
	.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}
}
#countainer .header #logodata{position: absolute; top: 0; left: 0; margin: .2em 0 0 3.9%; width: 24.2%; max-width: 184px; max-height: 392px; z-index: 2002;}
#countainer .header #logodata img{width: 100%;}
#countainer .header #logodata2{position: absolute; top: 0; left: 0; margin: .2em 0 0 3.9%; width: 24.2%; max-width: 184px; max-height: 392px; z-index: 2003; opacity:0;}
#countainer .header #logodata2 img{width: 100%;}
#countainer .header #logodata2.op10{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal; opacity:1;}
@keyframes fadeIn{
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn{
    0% {opacity: 0}
    100% {opacity: 1}
}
.slide_area{width: 100%;}
.slide_area_inner{position: relative; width: 100%; height: 100%; z-index: 2001;}
.slide_area_inner .slide_cov{position: absolute; top: 0; left: 0; width: 100%; z-index: 8; pointer-events: none;}
.slide_area_inner .slide_cov img{width: 100%; height: 100%;}
.slide_area_inner #slide{position: absolute; top: 0; left: 0; width: 100%; z-index: 6;}
.slide_area_inner #slide img{width: 100%; height: auto;}

/*20180606*/
.elem_ct{width: 30%; text-align: center; padding: 0 0 0 0; margin: 0 auto;}
.info_area{padding: 7.8% 0 7.8% 0; background: #dde293;}
.info_ct{width: 100%; font-size: 100%; margin: 0 auto 0 auto;}
.info_ct a:before{content: ""; display: inline-block; min-width: 13px; min-height: 19px; max-width: 13px; max-height: 19px; background: url(../../news/images/chasen.png) no-repeat; background-size: contain; vertical-align: bottom; margin: 0 .3em 0 0;}
.info_ct a:hover{opacity: .75;}
.info_ct a{display: inline-block; width: auto; margin: 0 auto 0 auto; font-size: 121.42857%;}
/*.info{display: block; width: 6.5em; margin: 0 auto 0 auto; font-size: 120%;}*//*20180606*/
.tolist{width: 94%; margin: 1.5em auto 0 auto; text-align: right; font-size: 68.75%;}
.info_area ul{font-size: 87.5%; margin: 1em 0 0 .8em; height: 96px; overflow-x: hidden; overflow-y: auto;}
.info_area li:first-child{margin: 0 0 0 0;}
.info_area li{padding: 0 1em 0 1em; line-height: 1.6;}
.info_area li a{}
@media screen and (max-width: 375px){
.elem_ct{width: 45%;}
.tolist{margin: 2em auto 0 auto;}
}

.smenu1{padding: 7% 0 7% 0;}
.smenu2{padding: 7% 0 7% 0;}
.smenu1 li a:before{content: ""; display: inline-block; width: 100%; min-width: 23px; min-height: 22px; max-width: 23px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: middle; margin:0 .4em 0 0;}
/*.smenu1 li a:before{content: ""; display: inline-block; width: 100%; min-width: 23px; min-height: 22px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: middle;}*/
.smenu1 li a{display: block; font-size: 106.25%;}
.smenu1 li{width: 9em; margin: 0 auto; }
.smenu1 li:last-child a{margin: .8em 0 0 0;}

.smenu2 li{}
.smenu2 li a:before{content: ""; display: inline-block; width: 100%; min-width: 27px; min-height: 23px; max-width: 36px; max-height: 31px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: bottom;}
.smenu2 li a{display: block; width: 10em; margin: .8em auto;/* font-size: 106.25%;*/ font-size: 16px;}

.gmenu_sp{width: 86.666%; margin: 0 auto;}
.gmenu_sp li{width: 100%; margin: 0 0 .7em 0; text-align: center; border: 1px solid #000; font-size: 143.75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gmenu_sp li:last-child{margin: 0 0 0 0;}
.gmenu_sp li a{display: block; width: 100%; padding: .9em .2em .9em .2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.gmenu_sp li:first-child a{padding: 1.25em .2em 1.25em .2em;}*//*Open at 2line*/
.gmenu_sp li .sub{display: block; padding: .6em 0 0 0; font-size: 60%;}

.bunner li{width: 100%;}
.bunner li img{width: 100%;}

footer{padding: 0 0 7% 0; background: #a390bb; color: #fff; text-align: center; font-size: 87.5%;}
.footer_inner{position: relative;}

.pagetop{display: block; position: absolute; top: 0; right: 0; width: 13.3333%;}
.pagetop a{display: block; width: 100%;}
.pagetop a img{width: 100%; max-width: 100px;}


footer li a{color: #fff;}
.sns{width: 43%; margin: 0 auto 9.27% auto; padding: 15% 0 0 0;}
.sns li{float: left; width: 15%; max-width: 65px; margin: 0 13% 0 0;}
.sns li:last-child{margin: 0 0 0 0;}
.sns li img{width: 100%;}
.fmenu li{padding: 0 0 1.5em 0;}
.copy_area a{display: block; padding: 1.3em 0 0 0; font-size: 118.75%; color: #fff;}
.copyright{display: block; padding: .8em 0 0 0; font-size: 87.5%;}
.ct_n{display: block; padding: 0 0 .5em 0; font-size: 75%;}

/* --original--
footer li a{color: #fff;}
.sns{width: 36.8%; margin: 0 auto 9.27% auto; padding: 15% 0 0 0;}
.sns li{float: left; width: 23.55%; max-width: 65px; margin: 0 13% 0 0;}
.sns li:last-child{margin: 0 0 0 0;}
.sns li img{width: 100%;}
.fmenu li{padding: 0 0 1.5em 0;}
.copy_area a{display: block; padding: 1.3em 0 0 0; font-size: 118.75%; color: #fff;}
.copyright{display: block; padding: .8em 0 0 0; font-size: 87.5%;}
.ct_n{display: block; padding: 0 0 .5em 0; font-size: 75%;}
*/


/*Common*/

	.header_main{position: relative; width: 100%;  background: #d2d971;}/*old background: #cfdf73;*/
	#ofuse .header_main,
    #privacy .header_main,
    #contact .header_main{background: #a390bb;}
    #members .header_main{background: #a0b0d6;}/*#949cc8 */
	.header_main .tit_base{width: 100%; max-width: 1260px; margin: 0 auto;/* padding: 4.8em 0 4.8em 0;*/}
	.header_main .tab_base{width: 100%;}
	#greeting .header_main .tit_base{width: 100%;/* padding: 3.7em 0 3.3em 0;*/}
	.header_main .tit_base img{width: 100%;}
	.header_main .main_tit{position: absolute; top: 0; left: 0; width: 100%; padding: 1.15em 0 0 0; margin: 0 auto 0 auto; text-align: center; color: #272323; font-size: 9vw;} /*old  padding: 1.5em 0 0 0;*/
	#greeting .header_main .main_tit{margin: 0 auto 0 auto;}
	.header_main .tab{width: 100%; font-size: 4.2vw;}
	.header_main .tab{display: -webkit-flex; display: flex; width: 100%;}


.header_main .tab_base .tab.ver3 li{display: table; width: 33.333%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box;}
.header_main .tab_base .tab.ver3 li:nth-child(2){width: 33.333%;}
.header_main .tab_base .tab.ver3 li:last-child{border-right: none;}
.header_main .tab_base .tab.ver3 li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}

/* in case of 3 green tabs*/
.header_main .tab_base .tab.ver3g li{display: table; width: 33.333%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box;}
.header_main .tab_base .tab.ver3g li:nth-child(2){width: 33.333%;}
.header_main .tab_base .tab.ver3g li:last-child{border-right: none;}
.header_main .tab_base .tab.ver3g li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}

/* in case of 4 green tabs*/
.header_main .tab_base .tab.ver4g li{display: table; width: 25%; height:3.9em; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box; }
.header_main .tab_base .tab.ver4g li:nth-child(2){width: 25%; line-height:2em;}
.header_main .tab_base .tab.ver4g li:nth-child(3){width: 25%;}
.header_main .tab_base .tab.ver4g li:last-child{width: 25%; border-right: none;}
.header_main .tab_base .tab.ver4g li a{display: table-cell; width: 100%; padding: 1em 0;  height:4.2em; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}

.header_main .tab_base .tab.ver2 li{display: table; width: 50%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box;}
.header_main .tab_base .tab.ver2 li:last-child{border-right: none;}
.header_main .tab_base .tab.ver2 li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}

/* in case of 4 green tabs about*/
.header_main .tab_base .tab.ver4gr li{display: table; width: 25%; height:3.9em; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box; }
.header_main .tab_base .tab.ver4gr li:nth-child(2){width: 25%;}
.header_main .tab_base .tab.ver4gr li:nth-child(3){width: 25%; line-height:2em;}
.header_main .tab_base .tab.ver4gr li:last-child{width: 25%; border-right: none;}
.header_main .tab_base .tab.ver4gr li a{display: table-cell; width: 100%; padding: 1em 0;  height:4.2em; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}

#contents{width: 100%;}

	.sub_tit_area{width: 100%; margin: 2.8em auto 1em auto; text-align: center;}/*old margin: 3.8em auto 1em auto;*/
	#greeting .sub_tit_area{margin: 3.8em auto 1em auto;}
	.sub_tit_area .main_ico{width: 5%; max-width: 31px; margin: 0 auto; padding: 0 0 1em 0;}
    #link .sub_tit_area .main_ico { width: 10.1333%; max-width: 43px;}
	.sub_tit_area .main_ico img{width: 100%;}
    
    
    
	.sub_tit_area .sub_tit{/*width: 38.46153%; */width: 94%; margin: 0 auto; padding: 0 0 1.5em 0; text-align: center;/* font-size: 7vw;*/}
	.sub_tit_area .sub_tit img{width: 100%;}
	.sub_tit_area .main_lead{width: 94%; margin: 0 auto 0 auto; line-height: 1.8; text-align: left;}


.smenu{width: 11em; margin: 0 auto 0 auto; padding: 4.5em 0 2em 0; }
.smenu ul{font-size: 121.42857%;}
.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 35px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .5em 0 0;}
.smenu li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 31px; max-width: 36px; max-height: 31px; background: url(../images/ico3.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .3em 0 0;}
.smenu li.bt_voice a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 31px; max-width: 36px; max-height: 31px; background: url(../images/ico3.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .3em 0 0;}

.smenu li.bt_eng{padding: 0 0 2em 0;}
.smenu li.bt_contact{padding: 0 0 2em 0;}
.smenu li.bt_link{padding: 0 0 2em 0;}
.smenu li.bt_voice{padding: 0 0 2em 0;}

/*grayout*/
/*.smenu li.bt_eng.grayout a, .smenu li.bt_contact.grayout a, .smenu li.bt_link.grayout a,
.smenu1 li.bt_eng.grayout a, .smenu1 li.bt_contact.grayout a, .smenu1 li.bt_link.grayout a,
.smenu2 li.bt_eng.grayout a, .smenu2 li.bt_contact.grayout a, .smenu2 li.bt_link.grayout a{pointer-events: none;}
*/
.grayout a{pointer-events: none;}

/*.smenu li.bt_eng.grayout a:before, .smenu li.bt_contact.grayout a:before, .smenu li.bt_link.grayout a:before,
.smenu li.bt_eng.grayout a:before, .smenu2 li.bt_contact.grayout a:before, .smenu2 li.bt_link.grayout a:before{opacity: .4;}*/
.grayout a:before{opacity: .5;}
/*
.smenu li.bt_eng.grayout, .smenu li.bt_contact.grayout, .smenu li.bt_link.grayout,
.smenu2 li.bt_eng.grayout, .smenu2 li.bt_contact.grayout, .smenu2 li.bt_link.grayout{opacity: .2;}*/
.grayout a{opacity: .3;}
/* // grayout*/


.bt_contact2 a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 35px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .5em 0 0;}
.bt_contact2{width: 90%; margin: 0 auto; padding: 1em 0 1em 0;/* padding: 1.5em 0 1.5em 0;*/ font-size: 121.42857%; text-align: right;}
.ico_text{display: inline;}/*hyo-icon first-line(PC) Ver.*/
.ico_text2{display: inline;}/*hyo-icon 2-line(PC) or more Ver.*/
.ct_space{padding: 3em 0 0 0;}
a.t_link{ color: #ce7e12;}

@media screen and (max-width: 420px){
.smenu{width: 9em; padding: 3em 0 1.5em 0;}
.smenu ul{font-size: 100%;}
.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{min-height: 26px; max-width: 27px; max-height: 26px; vertical-align: middle; margin: 0 .5em 0 0;}
.smenu li.bt_link a:before{min-height: 23px; max-width: 27px; max-height: 23px; vertical-align: -.2em; margin: 0 .4em 0 0;}
.smenu li.bt_voice a:before{min-height: 23px; max-width: 27px; max-height: 23px; vertical-align: -.2em; margin: 0 .4em 0 0;}
.smenu li.bt_eng{padding: 0 0 2em 0;}
.smenu li.bt_contact{padding: 0 0 2em 0;}
.smenu li.bt_voice{padding: 0 0 2em 0;}
.smenu li.bt_link{padding: 0 0 2em 0;}	
.bt_contact2 a:before{min-width: 19px; min-height: 27px; max-width: 29px; max-height: 27px; background-size: 97%; margin: 0 .3em 0 0;}
.bt_contact2{padding: 1em 0 1em 0; font-size: 100%;}
}

/* // Common*/
/*=========================================================================================================================*/
@media print, screen and (min-width: 769px){
	body{font-size: 100%;}
@media print, screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/*Chrome, Opera*/
body{text-shadow: 0px 0px 0px #000;}
}
#loader p img{width: 6%; max-width: 100px;}
	#cmn_menu_base{height: 58px;}
	#countainer{max-width: 100%; min-width: 1260px; padding: 1em 0 0 0;}
	#countainer .header #logodata .dir_img{display: none;}
	a.fao{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/*gmenu*/
.gmenu_pc{/*position: absolute; top: 0; left: 0; */width: 100%; background: #f9f8f2; min-width: 1260px;}
/*.gmenu_pc{ background: #fff;}*/

.gmenu_pc_inner{width: 100%; max-width: 1080px; height: 58px; margin: 0 auto;}
#home .gmenu_pc_inner{height: 58px;}
#home .gmenu_pc_inner .kamon_ico,
.gmenu_pc_inner .kamon_ico{float: left; width: 3.8888%; margin: .7% 3.7% 0 2.2%;}
#home .gmenu_pc_inner .kamon_ico a,
.gmenu_pc_inner .kamon_ico a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#home .gmenu_pc_inner .kamon_ico a:hover,
.gmenu_pc_inner .kamon_ico a:hover{opacity: .55;}
#home .gmenu_pc_inner .kamon_ico img{visibility: hidden; width: 100%;}
.gmenu_pc_inner .kamon_ico img{visibility: visible; width: 100%;}
.gmenu_pc_inner nav{float: left; width: 90%;}
.gmenu_pc_inner nav ul{width: 100%; margin: 1.2em 0 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start;}
.gmenu_pc_inner nav ul li{border-right: 1px solid #000; text-align: center; vertical-align: middle; -webkit-flex-grow: 1; flex-grow: 1;}
.gmenu_pc_inner nav ul li:last-child{border-right: none;}
.gmenu_pc_inner nav ul li a{display: block; width: 100%; padding: .2em 0 .2em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gmenu_pc_inner nav ul li a:hover{/*color: #a8a8a8;*/opacity: .5;}
.fixed{position: fixed; top: 0; padding: 0; width: 100%; z-index: 2002;}


.slide_area_inner #logodata img{width: 100%;}
.slide_area_inner #logodata{position: absolute; top: -10%; left: 5.8%; width: 10.635%; max-width: 134px; max-height: 288px; z-index: 2001;}

	.slide_area{max-height: 100%; height: 630px;}
	.slide_area_inner{max-width: 1260px; margin: 0 auto;}
	.info_area{max-width: 1080px; margin: 0 auto; padding: 1% 0 8.7em 0; background: #f9f8f2;}
	.info_area ul{height: 90px !important;}
	.info_area li{font-size: 100%; padding: 0 0 0 1em; line-height: 1.6;}
	.info_area .info_area_inner{float: left; width: 55%; }
	.info_area .info_area_inner ul{height: 100px; overflow-x: hidden; overflow-y: auto;}
	/*20180606*/
.elem_ct{width: 100%; text-align: left; display: -webkit-flex; display: flex; padding: 1.2em 0 0 0; margin: 0 0;}
.info_ct{margin: 0 0 0 1.5em;}
.info_ct a{width: auto; font-size: 100%;}
.tolist{width: auto; margin: 0 0 0 3em;}
/* // 20180606*/
.info_area li:first-child{margin: 0 0 0 0;}
.info_area li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.info_area li a:hover{/*color: #a8a8a8;*/opacity: .5;}
.smenu1{float: left; width: 45%; padding: 0 0 0 .3em; box-sizing: border-box; }
.smenu1 ul{width: 100%;}
.smenu1 li a{/*font-size: 114.28%;*/font-size: 100%;}/*20180528*/
	
.smenu1 li.bt_eng a:before, .smenu1 li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 18px; max-width: 19px; max-height: 18px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: -.2em; margin: 0 .5em 0 0;}
.smenu1 li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
.smenu1 li.bt_voice a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
	
.smenu1 li.bt_eng{float: left; width: 21%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.smenu1 li.bt_contact{float: left; width: 29%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.smenu1 li.bt_voice{float: left; width: 29%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.smenu1 li.bt_link{float: right; width: 21%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.smenu1 li:last-child a{margin: 0 0 0 0;}

/*grayout
.smenu1 li.bt_eng.grayout a, .smenu1 li.bt_contact.grayout a{pointer-events: none; opacity: .2;}
.smenu1 li.bt_link.grayout a{pointer-events: none; opacity: .2;}*/
/* // grayout*/

	.bunner{width: 85.714%; max-width: 1080px; margin: 0 auto;}
	.bunner li{width: 32.407%; max-width: 350px; margin: 0 1.38% 1em 0; float: left;}
	.bunner li a{display: block; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/* buanner origibal size
	.bunner{width: 85.714%; max-width: 1080px; margin: 0 auto;}
	.bunner li{width: 32.407%; max-width: 350px; margin: 0 1.38% 1em 0; float: left;}
	.bunner li a{display: block; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}	*/	
	
	
	.bunner li a:hover{opacity: .75;}
	.bunner li:last-child{margin: 0 0 0 0;}
	.bunner li img{width: 100%;}

	
	
	
	
	footer{padding: 3.3em 0 4em 0; text-align: left; font-size: 87.5%;}
	.footer_inner{display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 1080px; margin: 0 auto;}
	footer li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	footer li a:hover{color: #fff; opacity: .75;}

/*grayout
	footer li.grayout a{pointer-events: none; opacity: .4;}*/
/* // grayout*/
	.copy_area{width: 18.518%; padding: 0 2.5% 0 2.5%; line-height: 1.4;}
	.copy{font-size: 134%; font-family: arial, sans-serif; vertical-align: -.06em;}
	.sitemap{width: 49.816%; padding: 0 5%; border-left: 1px solid #fff;}
	.fmenu{width: 11.666%; padding: 0 2.5% 0 2.5%;}
	.fmenu li{padding: 0 0 2.4em 0;}
	.copy_area a{padding: 0 0 8.5em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.copy_area a:hover{opacity: .75;}
	.sns{width: 12.5%; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; right: 1.4%; bottom: 0;}
	.sns li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.sns li a:hover{opacity: .75;}
	
	/* --original--
	.sns{width: 12.5%; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; right: 1.4%; bottom: 0;}
	.sns li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.sns li a:hover{opacity: .75;}
	*/
	
	.sitemap nav>ul{float: left; width: 27%; margin: 0 9% 0 0;}
	.sitemap nav>ul:last-child{margin: 0 0 0 0;}
	.sitemap nav>ul li.space_ctr{padding: 0 0 .3em 0;}
	.sitemap nav>ul li:last-child{padding: 0 0 0 0;}
	.sitemap ul>li{padding: 0 0 1.5em 0;}
	.sitemap ul>li .first{display: block; padding: .3em 0 1em 0;}
	.sitemap ul.sub{padding: 0 0 0 2em;}
	.sitemap ul.sub li{padding: 0 0 .7em 0;}

.pagetop{display: block; position: absolute; top: -3.3em; right: -90px; width: 5%;}
.pagetop a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pagetop a:hover{opacity: .75; background: #cbb8dd;}
	/*Common*/

	.header_main{/*max-width: 1260px; height: 23.412698%;*/min-width: 1260px; margin: 0 auto;}
/*	.header_main .tit_base{height: 295px; padding: 0 0 0 0;}
	#greeting .header_main .tit_base{height: 232px; padding: 0 0 0 0;}*/
	.header_main .main_tit{padding: 63px 0 0 0; /* height: 205px;*/ font-size: 300%;}/*old padding: 68px 0 0 0;  padding: 90px 0 0 0;*/
	.header_main .tab{font-size: 125%;}

.header_main .tab_base .tab li a{}

.header_main .tab_base .tab.ver3 li{width: 36%;}
.header_main .tab_base .tab.ver3 li:nth-child(2){width: 28%;}
.header_main .tab_base .tab.ver3 li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	
/* in case of 3 green tabs */	
.header_main .tab_base .tab.ver3g li{width: 36%;}
.header_main .tab_base .tab.ver3g li:nth-child(2){width: 28%;}
.header_main .tab_base .tab.ver3g li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	
/* in case of 4 green tabs */	
.header_main .tab_base .tab.ver4g li{width: 25%; height: 62px}
.header_main .tab_base .tab.ver4g li:nth-child(2){width: 25%;}
.header_main .tab_base .tab.ver4g li:nth-child(3){width: 25%;}
.header_main .tab_base .tab.ver4g li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* in case of 4 green tabs about*/	
.header_main .tab_base .tab.ver4gr li{width: 25%; height: 62px;}
.header_main .tab_base .tab.ver4gr li:nth-child(2){width: 25%;}
.header_main .tab_base .tab.ver4gr li:nth-child(3){width: 25%;}
.header_main .tab_base .tab.ver4gr li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	
/*.header_main .tab_base .tab.ver3 li:first-child a{padding: 0 0 0 4.5em;}
.header_main .tab_base .tab.ver3 li:last-child a{padding: 0 4.5em 0 0;}*/
	
.header_main .tab_base .tab.ver3 li a:hover{background: #e8ebd8; color: #000;}
	
/* in case of 3 green tabs */	
.header_main .tab_base .tab.ver3g li a:hover{background: #e8ebd8; color: #000;}
	
/* in case of 4 green tabs */	
.header_main .tab_base .tab.ver4g li a:hover{background: #e8ebd8; color: #000;}
	
/* in case of 4 green tabs about*/	
.header_main .tab_base .tab.ver4gr li a:hover{background: #e8ebd8; color: #000;}
	
	
.header_main .tab_base .tab.ver2 li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header_main .tab_base .tab.ver2 li a:hover{background: #e8ecc7; color: #000;}
	.sub_tit_area{width: 100%; max-width: 1040px; margin: 4.4em auto .5em auto; text-align: center;}/* old margin: 5em auto .5em auto; */
	#schedule .sub_tit_area{margin: 4.4em auto 3em auto;}
	#greeting .sub_tit_area{margin: 5em auto 1em auto;}
	.sub_tit_area .main_ico{max-width: 24px; padding: 0 0 2em 0;}
    #link .sub_tit_area .main_ico { max-width: 52px; }
	.sub_tit_area .sub_tit{padding: 0 0 2em 0;/* font-size: 250%;*/}
	.sub_tit_area .main_lead{width: 100%; margin: 0 0 0 0; font-size: 100%;} /*font-size: 114.28571%;*/
	#schedule.chakai .sub_tit_area .main_lead{margin: -.8em 0 0 0;}
	#contents_inner{width: 100%; padding: 2.5em 0 2.5em 0;}
	
	.smenu{width: 100%; max-width: 1040px; margin: 3em auto 0 auto; padding: 0 0 0 0;}
	.smenu ul{display: -webkit-flex; display: flex; font-size: 114.28%;}
	.smenu li:nth-of-type(2){-webkit-order: -1; order: -1;}
	
	.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 18px; max-width: 19px; max-height: 18px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: -.2em; margin: 0 .4em 0 0;}
	.smenu li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
	.smenu li.bt_voice a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
	
	.smenu li.bt_eng{width: 11%; margin-left: auto;}
	.smenu li.bt_contact{width: 16%;}
	.smenu li.bt_link{width: 10%; margin: -.1em 0 0 1.3em;}/*margin: -.1em 0 0 1.3em;*/
	.smenu li.bt_voice{width: 10%; margin: -.1em 0 0 1.3em;}
	
	.smenu li.bt_eng a, .smenu li.bt_contact a, .smenu li.bt_link a, .smenu li.bt_voice a{display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.smenu li.bt_eng a:hover, .smenu li.bt_contact a:hover, .smenu li.bt_link a:hover, .smenu li.bt_voice a:hover{opacity: .55;}

.bt_contact2 a:before{max-width: 19px; max-height: 35px; background-size: 100%; vertical-align: -1em;}
.bt_contact2{width: 100%; margin: 0 0; padding: 0 0 0 0;/* padding: .8em 0 0 0;*/ font-size: 121.42857%; text-align: right;}
/*#schedule .bt_contact2{font-size: 106%;}*/
.bt_contact2 a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bt_contact2 a:hover{opacity: .55;}
.ico_text{vertical-align: .8em;}/*hyo-icon first-line(PC) Ver.*/
.ct_space{padding: 7em 0 0 0;}

.textposition{text-align: right;}

}
/*--email--*/
.emailup a{color: #3366ff;}
.emailup a:hover {color: #cc3434;}





/* 茶道体験会 参加募集中 
body#home .topic_bnr_add .topic_bnr_area a,
body#learn .topic_bnr_add .topic_bnr_area a img{ display:block; width:100%; box-sizing: border-box;}
body#home .topic_bnr_add .topic_bnr_area a img{ width:100%; box-sizing: border-box;}
/*body#home .topic_bnr_add .topic_bnr_area a img{ opacity: 1;transition: all .5s;}
body#home .topic_bnr_add .topic_bnr_area a img:hover{ opacity: .5;transition: all .5s;}*/
/*
body#learn .topic_bnr_add .topic_bnr_area{ width:auto; margin-top: -1.5em; padding: 0 .5em 1.25em .5em;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area img{width:100%; border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
body#learn .topic_bnr_add .topic_bnr_area a img{width:100%; border: 1px solid #dfdfdf;}
@media print, screen and (min-width: 769px){
body#home .info_area .smenu1.topic_bnr_add ul {height: 90px !important; height: auto !important;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area { margin-top:1em;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area img{ width:100%;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area a img{ opacity: 1;transition: all .5s;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area a img:hover{ opacity: .5;transition: all .5s;}
body#learn .topic_bnr_add .topic_bnr_area { width:770px; margin:  -1.5em auto 0 auto; padding: 0 0 2.5em 0;}
body#home .info_area .smenu1.topic_bnr_add .topic_bnr_area img{width:100%; border: 1px solid #dfdfdf;}*/