@charset "utf-8";
/*
 * CSS common.css
 */
 

/*
//color
black #191919
main #e54c4c
brown #664c28
lightbrown #f0ede9
border #ccc
back #f1f1f1

//icon
arw1_white
arw1_red
arw1_brown
arw2_red
arw2_brown
icon_tel
*/



/* ---------------------------------------
basecontainer
--------------------------------------- */
.section { } .incnt { } .insec { } .block { } .inbox { } .inborderbox { } .cnt_left { } .cnt_right { } .boxsize { } .csection { } .wpsection { }

/* incnt */
.incnt { max-width: 1000px; width: 92%!important; margin:0 auto!important; }
.incnt2 { max-width: 1220px; width: 92%!important; margin:0 auto!important; }

/* section */
.section { margin-top: 50px; }
@media screen and (max-width: 639px) {
	.section { margin-top: 40px; }
}

/* insec */
.insec { margin-top: 50px; }
@media screen and (max-width: 639px) {
	.insec { margin-top: 30px; }
}

/* .block */
.block { margin-top: 30px; }
@media screen and (max-width: 639px) {
	.block { margin-top: 20px; }
}

/* csection */
.csection { margin-top: 20px; }











/* ---------------------------------------
link/btn
--------------------------------------- */
/* normal */
a{ color:inherit; }
a:link { text-decoration: underline;  }
a:visited { text-decoration: underline;  }
a:hover { text-decoration: none; opacity: 0.7; }
a:active { text-decoration: none; opacity: 0.7; }



/* txtlink */
a.txtlink{ text-decoration: none; font-weight: bold; font-size: 0.93em;/*15px*/color: #21b6c1;  }
.txtlink:after{ content: " "; background: url(../img/common/arw1_green.png) no-repeat left; background-size: contain; width:8px; height:13px; display: inline-block; margin-left: 10px; position: relative; top: 1px;}
a.txtlink:hover{ text-decoration: underline; }

a.txtlink._2{ color: #fff; }
.txtlink._2:after{ content: " "; background: url(../img/common/arw1_white.png) no-repeat left; background-size: contain; width:8px; height:13px; display: inline-block; margin-left: 10px; position: relative; top: 1px;}


/* stylelink */
a.stylelink { display: inline-block; line-height: 18px; font-weight: bold; position: relative; padding-right: 20px; }
a.stylelink:before { content: ''; background-image: url(../img/common/arw2_red.png); background-size: contain; position: absolute; width: 18px; height: 18px; line-height: 0;font-size: 0; top: 50%; right: 0; margin-top: -9px; }
a.stylelink.brown { color: #664c28; }
a.stylelink.brown:before { background-image: url(../img/common/arw2_brown.png); }


/* stylebtn */
a.stylebtn1 { font-size: 18px; display: inline-block; border: 4px solid #e54c4c; line-height: 1; padding: 1em 2em; font-weight: bold; color: #e54c4c; text-decoration: none; position: relative; min-width: 140px; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s; text-align: center; }
a.stylebtn1:hover { background: #e54c4c; color: #fff; opacity: 1; }
@media screen and (max-width: 639px) {
	a.stylebtn1 { font-size: 1em; border: 2px solid #e54c4c; }
	a.stylebtn1:before { display: none; }
}


/* telbtn */
a.telbtn { position: relative; font-size: 26px; font-weight: bold; color: #e54c4c; text-decoration: none; padding-left: 35px; line-height: 1; display: inline-block; margin: 10px 0; }
a.telbtn:before { content: ''; background-image: url(../img/common/icon_tel.png); background-size: contain; position: absolute; width: 28px; height: 28px; line-height: 0;font-size: 0; top: 50%; left: 0px; margin-top: -14px; }
@media screen and (max-width: 639px) {
	a.telbtn { font-size: 20px; vertical-align: middle; padding-left: 28px; }
	a.telbtn:before { background-image: url(../img/common/icon_tel.png); width: 22px; height: 22px; margin-top: -10px; }
}

/* telbtn */
a.tel_link { cursor: default; text-decoration: none; color: inherit; background: transparent; }
a.tel_link:hover, a.tel_link:active { opacity: 1; }
@media screen and (max-width: 639px) {
	a.tel_link { display: inline-block; }
}






/* map_link */
p.map_link{ text-align: right; padding-right: 10px; }
p.map_link a:hover{ text-decoration: underline; }

/* arrow */
p.map_link.arrow:before{ content: " "; background: url(../img/wp/common/icon1.png) no-repeat; background-size: contain; width: 4px; height:7px; display: inline-block; margin-right: 3px; vertical-align: 2px }







/* ---------------------------------------
txt/font
--------------------------------------- */
.txtwhite { } .txtblack { } .txtgray { } .txtblue { } .txtskyblue { } .txtred { } .txtorange { } .txtpink { } .txtyellow { } .txtgreen { } .txtblue { } .txtyellowgreen { }

/* baseset [大きさ/太さ/色] */
.txtbase { font-weight: normal; color: #191919; font-size: 15px;  line-height: 1.8; }
.txtbold { font-weight: bold; }
.txtsmall { font-size: 13px; } @media screen and (max-width: 479px) { .txtsmall { font-size: 12px; } }
.sup { font-size: 0.7em; vertical-align: top; }
.txturl { word-break: break-all; }
.txtbig1 { font-size: 18px; font-weight: bold; } @media screen and (max-width: 479px) {  .txtbig1 { font-size: 16px; } }
.txtbig2  { font-size: 22px; font-weight: bold; } @media screen and (max-width: 479px) { .txtbig2 { font-size: 18px; } }
.txtwhite { color: #fff; }
.txtcolor { color: #21b6c1; }
.txtblack { color: #191919; }
.txtgrey { color: #ccc; }
.txtred { color: #ff0000; }
.txtbrown { color: #664c28; }
.txtgreen{ color:#bcd537; }
.bold { font-weight: bold;}








/* ---------------------------------------
title
--------------------------------------- */
.pagetitle {  } .pagesectitle {  }  .cnttitle {  } .sectitle {  } .insectitle { }, .blocktitle { }, .subtitle {  } .pagesubtitle {  }

/* セクションtitle*/
.sectitle { font-weight: bold; line-height: 1.6; text-align: center; margin-bottom: 30px; }
.sectitle .txt1{ display: block; font-weight: bold; font-size: 1.06em; color: #ec755f; margin-bottom: 5px; }
.sectitle .txt2{ display: block; font-weight: bold; font-size: 1.87em; }
@media screen and (max-width: 639px) {
	.sectitle { margin-bottom: 15px; }
	.sectitle .txt1{ margin-bottom:0px; }
}
@media screen and (max-width: 479px) {
	
}


/* セクションtitle（h2）*/
.insectitle { font-weight: bold; font-size: 1.87em; color: #23b7c2; margin-bottom: 30px; position: relative; padding-left: 41px; line-height: 1.4; padding-top: 10px }
.insectitle span{ font-weight: bold; }
.insectitle:before { content: ""; display: inline-block; width: 36px; height: 44px; background: url(../img/common/icon_leaf.png) no-repeat center; background-size: 100%; position: absolute; top: 2px; left:0; }
@media screen and (max-width: 639px){
	.insectitle { font-size: 1.6em; margin-bottom: 15px; padding-top: 15px }
	.insectitle:before{ top:-2px; }
}


.blocktitle { font-weight: bold; font-size: 1.5em; margin-bottom: 15px; }
.blocktitle span { font-weight: bold; font-size: 0.6em; color: #ec755f; margin-left: 15px; }
@media screen and (max-width: 767px){
	.blocktitle { margin-bottom: 10px; }
}






/* ---------------------------------------
table
--------------------------------------- */
/* sche */
.sche{ width: 100%; margin-bottom: 10px; background: #fff;}
/*.sche .sat{ color: #23b7c2; }*/
.sche .sun{ color: #ec755f; }
.sche th, .sche td { text-align: center; padding: 15px 5px 13px; border-left: 1px solid #a3a3a3; border-top: 1px solid #a3a3a3; }
#cnt_main .sche th, #cnt_main .sche td { padding: 12px 0 10px; }
.sche thead th, .sche thead td { background: #E5E5E5; border-left: 1px solid #a3a3a3; border-top-width: 0px; font-weight: bold; padding: 10px 5px 8px; }
.sche thead th { width: 20%; font-size: 0.87em;/*14px*/ }
.sche thead th:first-child, .sche thead td:first-child { border-left-width: 0px; }
.sche tbody td { font-weight: bold; }
.sche tbody th { font-size: 0.87em;/*14px*/ border-left-width: 0px; }
@media screen and (max-width: 639px) {
	.sche{ width:100%; }
	.sche thead th:first-child, .sche thead td:first-child { width: 70px!important; }
	#cnt_main .sche th, #cnt_main .sche td { padding: 7px 0 5px; font-size: 13px; }
	.sche th, .sche td { padding: 6px 5px 4px; }
}


/* カレンダー表示 */
.sec_calendar .title { text-align: center; background: #fff; line-height: 1.4; padding: 10px 0;  border: 1px solid #ccc; font-weight: bold; border-bottom: 0 }
.sec_calendar .calendar { width: 100%; font-size: 13px; }
.sec_calendar .calendar td,
.sec_calendar .calendar th { text-align: center; background: #fff; line-height: 1.4; padding: 10px 0; border: 1px solid #ccc; }
.sec_calendar .calendar thead th { font-weight: bold; font-size: 1.25em/*20px*/; padding: 10px 0; }
/*.sec_calendar .calendar thead th.sat{ color: #23b7c2; }*/
.sec_calendar .calendar thead th.sun{ color: #ec755f; }
.sec_calendar .calendar tbody th { font-size: 1.125em/*18px*/; font-weight: bold; text-align: left; padding: 10px 1%; text-align: center; }
.sec_calendar .calendar tbody td { font-size: 1.125em/*18px*/; }
.sec_calendar .calendar tbody th.sat { color: #23b7c2; }
.sec_calendar .calendar tbody th.sun { color: #ec755f; }
.sec_calendar .calendar tbody td.none { background: #fbe3df; }
.sec_calendar .calendar tbody td.pm { background: #d6f1f2; }
.sec_calendar .capbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; overflow:hidden; line-height:0; }
.sec_calendar .capbox p { line-height: 1.6; margin-bottom: 5px; }
.sec_calendar .capbox span { width: 20px; display: inline-block; margin-right: 5px; }
.sec_calendar .close, #sec_calendar_capbox>p .close { background: #fbe3df!important; }
.sec_calendar .daya, #sec_calendar_capbox>p .daya { background: #d6f1f2!important; }
.sec_calendar .dayb, #sec_calendar_capbox>p .dayb { background: #e0dbd4!important; }
.sec_calendar .spot, #sec_calendar_capbox>p .spot { background: #d1c9be!important; }
.sec_calendar .spota, #sec_calendar_capbox>p .spota{ background: #fcedbc!important }
.sec_calendar .spotb, #sec_calendar_capbox>p .spotb{ background: #bde6c3!important }
.sec_calendar .spotc, #sec_calendar_capbox>p .spotc{ background: #bac9e0!important }
.sec_calendar .spotd, #sec_calendar_capbox>p .spotd{ background: #dacbe2!important }
.sec_calendar .today { font-weight: bold; }

#sec_calendar_capbox{ margin-bottom: 5px; }
#sec_calendar_capbox>p{ display: inline-block; margin-right: 20px; }
#sec_calendar_capbox>p>span{ display: inline-block; width: 18px; height: 18px; background: #f4b8b0; position: relative; top: 5px; margin-right: 5px; }

@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 639px) {
	#sec_calendar_capbox>p>span{ top: 3px; }
}


/* normaltable */
.table_normal { width: 100%; margin: 10px 0; table-layout: fixed; }
.table_normal th, .table_normal td { text-align: left; padding: 12px 2%; border: 1px solid #ccc; }


/* styletable1 */
.table_type1 { width: 100%; margin-bottom: 5px; table-layout: fixed; }
.table_type1 th, .table_type1 td { padding: 12px 2%; border: 1px solid #cccccc; line-height: 1.5; }
.table_type1 th { background: #d3f1f3; font-size: 1.07em; text-align: center; }
.table_type1 td{ font-size: 0.94em }
@media screen and (max-width: 639px) {
}


/* styletable2 */
.table_type2 { width: 100%; margin-bottom: 5px; table-layout: fixed; border: none; }
.table_type2 th, .table_type2 td { padding: 12px 2%; border: 1px solid #cccccc; line-height: 1.5; }
.table_type2 th { background: #f1f1f1; font-size: 1.07em }
.table_type2 thead th, .table_type2 thead td { background: #d3f1f3; text-align: center; }
.table_type2 td{ font-size: 0.94em }
@media screen and (max-width: 639px) {
}







/* ---------------------------------------
list
--------------------------------------- */
ul.list_style1 li { padding-left: 1em; text-indent: -1em; }

/* pankuzu */
#pankuzu { line-height: 1.4; font-size: 0.87em; }
#pankuzu ol li { display: inline; display:inline-block; }
#pankuzu ol li a { text-decoration: underline; color: #333; }
#pankuzu ol li:before { content:"/"; display: inline-block; margin-left: 10px; margin-right: 8px; }
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li.none:after { content:none; padding:0px;  }
@media screen and (max-width: 639px) {
	#pankuzu { font-size: 12px; }
}

/* caution */
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content: "※"!important;}











/* ---------------------------------------
layout/box/customset
--------------------------------------- */
.bgbox1:after, borderbox1:after,
ul.imglist:after, ul.imgbox:after,
.imgtopbox:after, .imgbottombox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }



/* bgbox1 */
.bgbox1 { padding: 30px; background: #f8fbeb; overflow:hidden; }
@media screen and (max-width: 1040px) {
	.bgbox1 { padding:20px 4%; }
}
.bgbox1.grey { background: #f2f2f2; }



/* borderbox1 */
.borderbox1 { padding: 30px; border: 1px solid #ccc; overflow:hidden; }
@media screen and (max-width: 1040px) {
	.borderbox1 { padding:20px 4%; }
}
.borderbox1.red { border: 1px solid #e54c4c; }
.borderbox1.brown { border: 1px solid #664c28; }



/* imglist ※heightAdjust併用 */
ul.imglist { margin-bottom: 10px; margin-left: -2%; }
ul.imglist>li { float: left; width: 48%; margin-left: 2%; margin-bottom: 30px; text-align: center; }
ul.imglist.row3>li{ width: 31% }
ul.imglist li img { margin: 0 auto -10px; display: block; width: 100%; }
.nosubtxt ul.imglist { margin-top: 0px!important; margin-bottom: 0px!important; }
ul.imglist li.last,
ul.imglist li.booby { margin-bottom: 0; }
ul.imglist li p.title { margin-bottom: 5px; font-weight: bold; line-height: 1.5; }
ul.imglist li p.caption{ margin-bottom: 5px }
ul.imglist.row3 li p.title { margin: 0 auto 10px; font-weight: bold; background:#e9f8f9; line-height: 1.4; padding:4px 10px 5px; display: inline-block; min-width: 104px; text-align: center; }
ul.imglist.row3 li p.caption{ text-align: center; }
@media screen and (max-width: 1040px) {
	ul.imglist li img { width: 100%; }
}
@media screen and (max-width: 639px) {
	ul.imglist { margin-left: 0; }
	ul.imglist>li { width: 100%; margin-left: 0; margin-bottom: 10px }
	ul.imglist.row3>li{ width: 100% }
	ul.imglist li img { max-width: 100%; }
	ul.imglist li.booby { margin-bottom: 10px; }
	ul.imgbox li p.title { margin-bottom: 3px; font-size: 15px; }
	ul.imgbox li p.caption{ margin-bottom: 3px }
}
@media screen and (max-width: 479px) {
	ul.imglist li img { max-width: none; }
}	



/* imgbox */
ul.imgbox li { margin-bottom: 10px; }
ul.imgbox li img { margin: 0 auto 10px; display: block; width: 100%; }
.nosubtxt ul.imgbox { margin-top: 0px!important; margin-bottom: 0px!important; }
ul.imgbox li.last { margin-bottom: 0; }
ul.imgbox li p.title { margin-bottom: 5px; font-weight: bold; line-height: 1.5; }
ul.imgbox li p.caption{ margin-bottom: 5px }
@media screen and (max-width: 1040px) {
	ul.imgbox li img { width: 100%; }
}
@media screen and (max-width: 639px) {
	ul.imgbox li img { max-width: 100%; margin-bottom: 6px }
	ul.imgbox li p.title { margin-bottom: 3px; font-size: 15px; }
	ul.imgbox li p.caption{ margin-bottom: 3px }
}
@media screen and (max-width: 479px) {
	ul.imgbox li img { max-width: none; }
}		



/* imgtopbox */
.imgtopbox ul.imgbox { margin-bottom: 10px; }
.imgtopbox ul.imglist { margin-bottom: 10px; }
@media screen and (max-width: 479px) {
	.imgtopbox ul.imgbox { margin-bottom: 10px; }
	.imgtopbox ul.imglist { margin-bottom: 10px; }
}



/* imgbottombox */
.imgbottombox ul.imgbox,
.imgbottombox ul.imglist { margin-top: 20px; }
@media screen and (max-width: 479px) {
	.imgbottombox ul.imgbox,
	.imgbottombox ul.imglist { margin-top: 10px; }
}



/* spimgbottom */
@media screen and (max-width: 639px) {
	.spimgbottom ul.imgbox, .spimgbottom ul.imglist { margin-top: 10px; margin-bottom: 0; }
}



/* 幅の指定はdata-boxwidth="80"で可能、処理はjsに記述 */
/* imgleftbox */
.imgleftbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgleftbox .imgbox{ float: left; width:40%; margin-right: 4%; }
.imgleftbox .txtbox{ float: right; width:56%; }
@media screen and (max-width: 767px) {
	.imgleftbox .imgbox{ width:46%; }
	.imgleftbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
	.imgleftbox .imgbox{ float: none; width:100%; margin-right: 0; text-align: center; margin-bottom:10px; }
	.imgleftbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgleftbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
	.imgleftbox .imgbox img{ max-width: none; }
}


/* imgrightbox */
.imgrightbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; }
.imgrightbox .imgbox{ float: right; width:40%; margin-left: 4%; }
.imgrightbox .txtbox{ float: left; width:56%; }
@media screen and (max-width: 767px) {
	.imgrightbox .imgbox{ width:46%; }
	.imgrightbox .txtbox{ width:50%; }
}
@media screen and (max-width: 639px) {
	.imgrightbox .imgbox{ float: none; width:100%; text-align: center; margin-bottom:10px; margin-left: 0; }
	.imgrightbox .imgbox img{ max-width: 100%; width: 100%; }
	.imgrightbox .txtbox{ float: none; width:100%; }
}
@media screen and (max-width: 479px) {
	.imgrightbox .imgbox img{ max-width: none; }
}


/* contmiddle */
.contmiddle .txtbox{ display: table; }
.contmiddle .txtbox p{ display: table-cell; vertical-align: middle; }
@media screen and (max-width: 639px) {
	.contmiddle .txtbox p{ display: block; }
}


/* contwraparound */
.contwraparound .imgbox{ margin-bottom: 10px; }
.contwraparound .txtbox{ float: none; width: 100%; }
@media screen and (max-width: 639px) {
	.contwraparound .imgbox{ margin: 0; margin-bottom: 10px; }
}


/* 画像の場合は、w500かw700をクラスに追加、tableの場合はtable自体にmin-widthを記述、処理はjs */
/* contframe */
.contframe img { width: 100%; }
.contframe table { width:100%; table-layout:fixed; }
/* .contframe table th { background: #eee; } */
.contframecaution { display: none; color: #ff0000; font-weight: bold; }
@media screen and (max-width: 639px) {
	.contframe.w700 { overflow: auto; }
	.contframe.w700 img { min-width: 700px!important; width: 100%!important; max-width: none!important; }
	.contframecaution.w500  { display: none; }
}
@media screen and (max-width: 479px) {
	.contframe { overflow: auto; border: 1px dashed #ff0000; overflow: scroll; -webkit-overflow-scrolling: touch; }
	.contframe img { min-width: 500px; width: 100%; max-width: initial; border: 10px solid #fff; }
	.contframe.w500 img { min-width: 500px!important; width: 100%!important; max-width: none!important;}
	.contframe table { /* min-width:500px;  */width: 100%;  max-width: initial; }
	.contframe table img { width: 100%; min-width: 0; max-width: initial; border: none; }
	.contframecaution { display: block; margin-bottom: 5px; font-size: 12px; }
	.contframecaution.w500  { display: block; }
}






.youtubebox { clear: both; text-align: center; position: relative; width: 100%; padding-top: 56.25%; }
.youtubebox iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }




















.open_defaultmap { margin-top: 15px;  }
.open_defaultmap .open_link1{ margin-bottom: 10px; }
.open_defaultmap .open_link1>a { display: block; width: 70%; margin: 0 auto; padding: 8px; background-color: #07f; color: #fff; border-radius: 4px; text-align: center; text-decoration: none; line-height: 1.5 }
.open_defaultmap .open_msg1{ line-height: 1.5; font-size: 0.9em }




dl.newstopics{ color:#7d7d7d; }
dl.newstopics dt{ font-size: 0.87em; width: 70px; float: left }
dl.newstopics dd{ font-size: 0.93em; margin-bottom: 10px; padding-left: 85px; line-height: 1.5 }
@media screen and (max-width: 767px) {
	dl.newstopics dt{ width: 100%; float: none }
	dl.newstopics dd{ padding-left: 0; }
}

/* innavlist */
#innavlist{ text-align: center; margin-top: 30px }
#innavlist>ul{ display: inline-block; }
#innavlist>ul>li{ position: relative; padding-right: 30px; margin-right: 40px; display: inline-block; }
#innavlist>ul>li:after{ content:""; background: #d5cdcb; width: 2px; height: 24px; display: inline-block; position: absolute; top:0; bottom:0; margin:auto 0; right:0; }
#innavlist>ul>li:last-child{ padding-right: 0; margin-right: 0 }
#innavlist>ul>li:last-child:after{ content: none }
#innavlist>ul>li>a{ color:#23b7c2; font-weight: bold; font-size: 1.13em; text-decoration: none; letter-spacing: 0em; }
#innavlist>ul>li>a:after{ content:""; background: url(../img/common/arr1_green_under.png) no-repeat; background-size: contain; width: 12px; height: 8px; display: inline-block; margin-left: 8px; vertical-align: 2px }
#innavlist>ul>li>a:hover{ text-decoration: underline; }
@media screen and (max-width: 1040px) {
	#innavlist{ margin-top: 15px }
}
@media screen and (max-width: 639px) {
	#innavlist>ul>li{ padding-right: 15px; margin-right: 10px; }
	#innavlist>ul>li>a{ font-size: 1.1em }
	#innavlist>ul>li>a:after{ vertical-align: 0 }
	#innavlist>ul>li:after{ width: 1px }
}
@media screen and (max-width: 420px) {
	#innavlist>ul>li{ padding-right: 10px; margin-right: 5px; }
	#innavlist>ul>li>a{ font-size: 0.9em; letter-spacing: -0.05em }
#innavlist>ul>li>a:after{ width: 10px;margin-left: 5px; }
}

#statusbox { margin-bottom: 20px; padding-top: 50px; }
#statusbox>.incnt>.inwrap { display: flex; flex-direction: row; background: #f7f9ea; border: 2px solid #23b7c2; padding: 40px 8%; }
#statusbox>.incnt>.inwrap div.titlebox { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; margin-right: 6%;}
#statusbox>.incnt>.inwrap div.titlebox p.title { color: #23b7c2; font-weight: bold; font-size: 1.87em; margin-bottom: 10px; line-height: 1.4; }
#statusbox>.incnt>.inwrap div.titlebox p.date { font-weight: bold; }
#statusbox>.incnt>.inwrap div.txtbox1 { width: 100%; display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 767px) {
	#statusbox { padding-top: 30px; }
	#statusbox>.incnt>.inwrap { display: block; padding: 30px 8%; }
	#statusbox>.incnt>.inwrap div.titlebox { flex-direction: row; margin-right: 0%; margin-left: -20px; margin-bottom: 10px; }
	#statusbox>.incnt>.inwrap div.titlebox p.title { font-size: 1.6em; margin-bottom: 0; }
	#statusbox>.incnt>.inwrap div.titlebox p.title,
	#statusbox>.incnt>.inwrap div.titlebox p.date { margin-left: 20px; }
	#statusbox>.incnt>.inwrap div.txtbox1{ display: block; }
}