@charset 'utf-8';

/*-----------------------------------------------
	from the tea room
------------------------------------------------*/
#from_the_tea_room #contents_inner{padding: 0 0 5em 0;}
.box_inner{width: 90%; padding: 1em 5% 1em 0; margin: 0 0 0 5%;}
li h5{line-height: 1.4; padding: 0 0 .3em 0;}
.coming_soon{color:#d17917; padding-bottom: 2em;}

/*20180528*/
#contents_inner{padding: 0 0 5em 0;}
#contents_inner .sct{font-size: 128.57142%; font-weight: bold; color: #ce7e12; text-align: center; padding: 0 0 1.5em 0; margin: -1em auto 0 auto;}

/*index archive*/
#contents_inner ul{width: 100%;}
#contents_inner ul li{position: relative; width: 100%; max-width: 100%; height: auto; margin: .1em 0 0 0; background: #fff; line-height: 1.3;}
#contents_inner ul li .orange{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 100%; background: #ce7e12 url(../images/box_line_y.png) no-repeat center; background-size: 80%; z-index: 10;}
#contents_inner ul li .purple{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 100%; background: #a390bb url(../images/box_line_y.png) no-repeat center; background-size: 80%; z-index: 10;}
#contents_inner ul li .brown{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 100%; background: #8b7862 url(../images/box_line_y.png) no-repeat center; background-size: 80%; z-index: 10;}
#contents_inner ul li a{display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
#contents_inner ul li .text_box{width: 52%; display: block; background: #fff; padding: 1.5em .3em 0 1.1em; font-size: 121.42857%; box-sizing: border-box;}
#contents_inner ul li .text_box .tit{display: block; padding: 0 0 .4em 0; font-weight: bold;}
#contents_inner ul li .text_box .dc{display: block; padding: 0 0 3em 0; font-size: 87.5%;}
#contents_inner ul li .text_box .tit_dc{display: block; padding: 0 0 0.45em 0.15em; font-size: 81.25%; font-size:91.25%; font-weight: normal;letter-spacing: 0.05em;}
/*
#contents_inner ul li .text_box .tit_dc:before{content:"["; }
#contents_inner ul li .text_box .tit_dc:after{content:"]";}
*/
#contents_inner ul li .date{position: absolute; left: 1.3em; bottom: 0;  margin: 0 0 .2em 0; font-size: 77.7777%;
left: 0; padding: 0 0.7em 0 1.3em; bottom: .9em; display: block; width:50%; box-sizing: border-box;}

#contents_inner ul li .date.new:before{content: 'NEW!'; color: #fff; font-weight: bold;/* padding: .1em .5em 0 .5em;*/padding: 3px .5em 3px .5em; margin: 0 .5em 0 0; font-size: 75%; background: #f64e4f;}/*20180717*/

#contents_inner ul li .date .new:before{content: 'NEW!'; color: #fff; font-weight: bold;/* padding: .1em .5em 0 .5em;*/padding: 3px .5em 3px .5em; margin: 0 .5em 0 0; font-size: 75%; background: #f64e4f;}/*20180717*/

#contents_inner ul li a .pic{width: 48%; height: 100%; margin-left: auto;}
#contents_inner ul li a .pic img{width: 100%;}
/*
@media screen and (max-width: 375px){
#contents_inner .sct{font-size: 100%;}
}
*/	
@media screen and (min-width: 320px) and (max-width: 768px){
#contents_inner ul li{line-height: 1.2;}
#contents_inner ul li .orange{width: 15px;}
#contents_inner ul li .purple{width: 15px;}
#contents_inner ul li .brown{width: 15px;}
#contents_inner ul li .text_box{padding: .5em .5em 1.5em 1.3em; font-size: 106.25%;}
#contents_inner ul li .date{bottom: .8em;}
}

/*20180606*/
#contents_inner .nav_area_ac{width: 100%; max-width: 100%; margin: 3em 0 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#contents_inner .nav_area_ac .bt_next a,
#contents_inner .nav_area_ac .bt_back a{display: table; color: #4e4e47;}
#contents_inner .nav_area_ac .bt_next a img{max-width: 27px; margin: 0 .3em 0 0;}
#contents_inner .nav_area_ac .bt_back a img{max-width: 27px; margin: 0 0 0 .3em;}
#contents_inner .nav_area_ac .bt_next span,
#contents_inner .nav_area_ac .bt_back span{display: table-cell; font-size: 85.71428%; padding: .3em 0; color: #ce7e12; font-weight: bold; vertical-align: middle;}
@media screen and (max-width: 413px){
#contents_inner .sct{font-size: 114.28571%;}
}
@media screen and (max-width: 320px){
#contents_inner .sct{font-size: 104%; letter-spacing: -.08em;}
#contents_inner .nav_area_ac .bt_next a img{max-width: 23px; margin: 0 .1em 0 0;}
#contents_inner .nav_area_ac .bt_back a img{max-width: 23px; margin: 0 0 0 .1em;}
}
/*  20191025*/
@media print, screen and (max-width: 769px){	
		#contents_inner .nav_area_ac{-webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; margin-bottom: 1.5em;}
		#contents_inner .nav_area_ac p.sct{ -webkit-order: -1;
    order: -1; padding: 0 0 .5em 0; width:100%;}
		#contents_inner .nav_area_ac p.bt_next,#contents_inner .nav_area_ac p.bt_back{width:50%;}
		#contents_inner .nav_area_ac p.bt_back a{float: right;}
	
	

	
}
/* // 20191025*/

@media print, screen and (min-width: 769px){
/*20180606*/
#contents_inner .nav_area_ac{max-width: 780px; margin: 0 auto 3em auto; padding: 2.5em 0 .5em 0;}/*20180606*/
#contents_inner .nav_area_ac .bt_next a img{max-width: 19px;}
#contents_inner .nav_area_ac .bt_back a img{max-width: 19px;}
#contents_inner .nav_area_ac .bt_next span,
#contents_inner .nav_area_ac .bt_back span{font-size: 100%; padding: .15em .2em;}
#contents_inner .nav_area_ac .bt_next a:hover,
#contents_inner .nav_area_ac .bt_back a:hover{opacity: .75;}
/* // 20180606*/
}

#contents_inner .nav_area{width: 100%; max-width: 100%; margin: 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start;}
#contents_inner .nav_area.foot{padding: 2.4em 0 0 0;}
#contents_inner .nav_area .bt_next{display: table; width: 32%; color: #4e4e47;}
#contents_inner .nav_area .bt_back{display: table; width: 32%; color: #4e4e47; margin: 0 0 0 auto; text-align: right;}
#contents_inner .nav_area .bt_list{color: #4e4e47; width: 36%; margin: 2em 0 0 0;}
#contents_inner .nav_area .bt_next a,
#contents_inner .nav_area .bt_back a{display: table-cell;}
#contents_inner .nav_area .bt_list a{display: block; max-width: 120px; margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 85.71428%;}
#contents_inner .nav_area .bt_next span,
#contents_inner .nav_area .bt_back span{padding: 0 0; font-size: 85.71428%; box-sizing: border-box;}
#contents_inner .nav_area .bt_list .bt_list_text{display: block; font-size: 85.71428%; padding: .8em 0;}
#contents_inner .nav_area .bt_next img{display: inline-block; max-width: 35px; vertical-align: middle; margin: 0 4% 0 0; box-sizing: border-box;}
#contents_inner .nav_area .bt_back img{display: inline-block; max-width: 35px; vertical-align: middle; margin: 0 0 0 4%; box-sizing: border-box;}
#contents_inner .nav_area .bt_list img{display: inline-block; max-width: 35px;}

@media screen and (max-width: 375px){
#contents_inner .nav_area .bt_next span,
#contents_inner .nav_area .bt_back span{font-size: 78.57142%; letter-spacing: -.04em;}
#contents_inner .nav_area .bt_next img{max-width: 28px;}
#contents_inner .nav_area .bt_back img{max-width: 28px;}
#contents_inner .nav_area .bt_list img{max-width: 28px;}
}
@media screen and (max-width: 320px){
#contents_inner .nav_area .bt_list .bt_list_text{font-size: 78.57142%;}
#contents_inner .nav_area .bt_next img{max-width: 22px;}
#contents_inner .nav_area .bt_back img{max-width: 22px;}
#contents_inner .nav_area .bt_list img{max-width: 22px;}
}
/* // 20180606*/

.rcd_box{width: 91%; margin: 0 auto;}
.rcd_tit{width: 100%; padding: 2.5em 0 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

.rcd_tit .rcd_line{width: 11px; min-height: 55px; margin: 0 .7em 0 0; box-sizing: border-box;}
.rcd_box.p-orange .rcd_line{background: #ce7e12 url(../images/box_line2_y.png) no-repeat center center; background-size: 82%;}
.rcd_box.p-purple .rcd_line{background: #a390bb url(../images/box_line2_y.png) no-repeat center center; background-size: 82%;}
.rcd_box.p-brown .rcd_line{background: #8b7862 url(../images/box_line2_y.png) no-repeat center center; background-size: 82%;}

.rcd_tit .rcd_tit_inner{width: 90%; height: 100%; padding: .2em 0 0 0;}
.rcd_tit .rcd_tit_inner span{display: block; font-weight: bold; color: #000;}

.rcd_tit .rcd_tit_inner .tit1{font-size: 142.85714%;}
.rcd_tit .rcd_tit_inner .tit2{font-size: 121.42857%; padding: .4em 0 .5em 0;}
.rcd_tit .rcd_tit_inner .tit2.non{padding: .35em 0 .35em 0;}

.rcd_tit .rcd_tit_inner .tit1.f2{font-size: 121.42857%;}
.rcd_tit .rcd_tit_inner .tit2.f1{font-size: 142.85714%;}


.rcd_tit .rcd_link{width: 100%; height: auto; display: table; margin: 1.5em 0 1.5em 0; font-weight: bold; text-align: right; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rcd_box.p-orange .rcd_link a{color: #ce7e12;}
.rcd_box.p-purple .rcd_link a{color: #a390bb;}
.rcd_box.p-brown .rcd_link a{color: #8b7862;}
.rcd_tit .rcd_link a{display: table-cell; vertical-align: middle;}

.rcd_lead1{width: 100%; padding: .5em 0 .7em 0;}
.rcd_lead2{width: 100%; padding: 1em 0 1.2em 0;}
.rcd_lead3{width: 100%; padding: 1.5em 0 1.7em 0;}

.doc_pic p{width: 100%; margin: 0 0 .5em 0;}
.doc_pic p img{width: 100%;}
.doc_pic p .cap{display: block; font-size: 87.5%; padding: .6em .2em; line-height: 1.3;}
.doc_pic p.pic_y{width: 100%;}
.cap_w{display: block; font-size: 87.5%; padding: 1.5em 0 0 0; line-height: 1.3; width: 100%;}

.rcd_t{font-size: 87.5%;}
.rcd_res{width: 100%; text-align: right; padding: 1.5em 0 0 0;}

.rcd_box.p-orange .rcd_res .rcd_res_inner{content: ''; display: inline-block; padding: 0 0 0 1.5em; background: url(../images/ico_hyo_orange.png) no-repeat; background-size: contain;}
.crosshead{padding: 0em;}
.rcd_box.p-purple .rcd_res .rcd_res_inner{content: ''; display: inline-block; padding: 0 0 0 1.5em; background: url(../images/ico_hyo_purple.png) no-repeat; background-size: contain;}
.rcd_box.p-brown .rcd_res .rcd_res_inner{content: ''; display: inline-block; padding: 0 0 0 1.5em; background: url(../images/ico_hyo_brown.png) no-repeat; background-size: contain;}

p.linkfont {
    font-weight: bold;
}
/*// 20180528*/

@media print, screen and (min-width: 769px){
#from_the_tea_room #contents_inner{padding: 0 0 9em 0;}
.coming_soon{padding-bottom: 4em;}

/*20180528*/
#contents_inner{padding: 0 0 9em 0;}
#contents_inner .sct{font-size: 150%; padding: 0 0 0 0; margin: 0 auto 0 auto;}

/*index archive*/
#contents_inner ul{width: 100%; max-width: 1040px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents_inner ul li{width: 23.55769%; max-width: 245px; margin: 1em 1.92308% .5em 0; padding: 0 0 11px 0; line-height: 1.4;}
#contents_inner ul li .orange{top: inherit; bottom: 0; width: 100%; height: 11px; background: #ce7e12 url(../images/box_line.png) no-repeat bottom;}
#contents_inner ul li .purple{top: inherit; bottom: 0; width: 100%; height: 11px; background: #a390bb url(../images/box_line.png) no-repeat bottom;}
#contents_inner ul li .brown{top: inherit; bottom: 0; width: 100%; height: 11px; background: #8b7862 url(../images/box_line.png) no-repeat bottom;}
#contents_inner ul li:nth-child(4n){margin: 1em 0 .5em 0;}
#contents_inner ul li a{display: block; height: 100%; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
#contents_inner ul li a:hover{opacity: .75;}
#contents_inner ul li .text_box{width: 100%; padding: .6em .6em 2.2em .6em; font-size: 100%;}
#contents_inner ul li .text_box .tit{padding: 0 0 .2em 0;}
#contents_inner ul li .date{left: inherit; right: .7em; bottom: .9em; font-size: 100%;}
	#contents_inner ul li .date{left: inherit; left: 0; padding: 0 .6em 0 .6em; bottom: .9em; font-size: 100%; display: block; justify-content: space-between; align-items: center; width:100%; box-sizing: border-box; }
	#contents_inner ul li .text_box .tit_dc{ padding: 0 0 0 0; font-size: 87.5%;}	
	#contents_inner ul li .text_box .shibu_mei{font-size: 90%;}
	#contents_inner ul li .text_box .dc{ padding: 0 0 1.5em 0; }
#contents_inner ul li a .pic{width: 100%; height: auto; margin: 0 0 0 0;}

/*20180606*/
#contents_inner .nav_area_ac{max-width: 1040px; margin: 0 auto 0 auto; padding: 2.5em 0 .5em 0;}
#contents_inner .nav_area_ac .bt_next a img{max-width: 19px;}
#contents_inner .nav_area_ac .bt_back a img{max-width: 19px;}
#contents_inner .nav_area_ac .bt_next span,
#contents_inner .nav_area_ac .bt_back span{font-size: 100%; padding: .13em .2em;}
#contents_inner .nav_area_ac .bt_next a:hover,
#contents_inner .nav_area_ac .bt_back a:hover{opacity: .75;}
/* // 20180606*/

#contents_inner .nav_area{max-width: 1040px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#contents_inner .nav_area .bt_list{margin: 0 0 0 0;}
#contents_inner .nav_area .bt_next img{margin: 0 2% 0 0;}
#contents_inner .nav_area .bt_back img{margin: 0 0 0 2%;}
#contents_inner .nav_area .bt_next a:hover,
#contents_inner .nav_area .bt_back a:hover,
#contents_inner .nav_area .bt_list a:hover{opacity: .75;}

.rcd_box{width: 780px;}
.rcd_tit{display: -webkit-flex; display: flex; position: relative;}
.rcd_tit .rcd_line{margin: 0 1em 0 0; min-height: 75px; height: auto;}
.rcd_tit .rcd_tit_inner{width: 78%;}

.rcd_tit .rcd_tit_inner .tit1{font-size: 187.5%;}
.rcd_tit .rcd_tit_inner .tit2{font-size: 156.25%; padding: .4em 0 1em 0;}
.rcd_tit .rcd_tit_inner .tit1.f2{font-size: 156.25%;}
.rcd_tit .rcd_tit_inner .tit2.f1{font-size: 187.5%;}
	

.rcd_tit .rcd_link{width: 18%; height: 100%; -webkit-flex-grow: none; flex-grow: none; width: none;}
.rcd_tit .rcd_link a{position: absolute; right: 0; bottom: 0;}
.rcd_tit .rcd_link a:hover{opacity: .75;}

.rcd_lead1{padding: 1em 0 0 0;}
.rcd_lead2{padding: 2em 0 0 0;}
.rcd_lead3{padding: 3em 0 0 0;}

.doc_pic p{width: 83.3333%; margin: 3em auto 0 auto;}
.doc_pic p.pic_y{ width: 490px;} /*width: 44.87179%;*/
.cap_w{padding: 3.5em 0 0 0;}

.rcd_res{padding: 3.5em 0 0 0;}
.crosshead{padding: 0em;}
/*// 20180528*/
.right_side1{padding: 0 0 0 0;}

.fontweight{font-weight: bold;}

}