@charset "utf-8";
@import "base_layout.css";
@import "common_parts.css";

.baselink{}

/*************************************************************************************/
#framePagetitle{
	border-top:1px solid #e5e5e5;
	background-color:#1043a1;
}

h1{
	margin: 0;
	padding: 50px 0;
	color: #FFF;
	font-family: iroha, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
}
h1 span{
	margin-left:30px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}
h2,
.section_h2{
	margin-bottom:5px;
	font-family: iroha, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 31px;
	color: #000;
	padding: 0;
}
h2 span,
.section_h2 span{
	border-bottom: 3px solid #005c9c;
	display:inline-block;
}
h2 span.orange,
.section_h2 span.orange{
	border-bottom: 3px solid #ff3c00;
}
h2 span.babypink,
.section_h2 span.babypink{
	border-bottom: 3px solid #ff9d9d;
}
h2 img,
.section_h2 img{
	vertical-align:middle;
	max-width: 100%;
	height: auto;
}

h3,
.section_h3{
	margin: 0 0 10px 0;
	padding: 5px 20px 0 5px;
	color: #000;
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 3px solid #c22529;
}
h4,
.section_h4{
	margin: auto;
	padding: 0;
	font-size: 20px;
	color: #000;
}
h5,
.section_h5{
	margin: auto;
	padding: 0;
	font-size: 16px;
	color: #000;
}




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

#framePagetitle{
	padding:0 10px;
}
h2,
.section_h2{
	font-size: 25px;
}
h3,
.section_h3{
	padding: 5px 5px 0 5px;
}
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 620px) {
h1{
	padding: 30px 0;
}

h3,
.section_h3{
	font-size: 20px;
}
h4,
.section_h4{
	font-size: 18px;
}
}
@media screen and (max-width: 480px){

}

/************************************************************************************/
#breadcrumb{
	margin:15px 0;
	padding: 5px 10px;
	font-size: 12px;
	color:#8e8e8e;
}
#breadcrumb ul{
	width: 100%;
	margin: auto;
}

#breadcrumb ul li{
	display: inline-block;
	vertical-align: middle;
	padding-left: 2px;
}
#breadcrumb ul li:first-child{
	-moz-background-size: 10px auto;
	background-size: 10px auto;
	padding: 0 0 0 17px;
}
#breadcrumb ul li a{
	-moz-background-size: 7px auto;
	background-size: 7px auto;
	padding: 0 17px 0 0;
}
#breadcrumb a{
	color: #8e8e8e;
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 768px){

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

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

}




/****************************************************/
#mainBody .frameMain{
	width:772px;
	float:right;
}


#mainBody .frameMain .eyecatch{
	text-align: center;
	margin: 0 0 20px 0;
}
#mainBody .frameMain .eyecatch img{
	max-width: 100%;
	height: auto;
}

/**************************************/
ul#indexPageMenu,
ul#indexPageMenuSimple,
ul#indexPageMenuPhotograph{
	margin-bottom:50px;
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

ul#indexPageMenu li,
ul#indexPageMenuSimple li,
ul#indexPageMenuPhotograph li{
	margin-bottom:20px;
	width:49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*-------------------------------------------------*/
ul#indexPageMenu li{
	padding:28px 15px 22px 15px;
	background-color:#f4f2ec;
}

ul#indexPageMenu li div{
	min-height:60px;
}
ul#indexPageMenu li .box{
	padding:0 0 0 25px;
}

ul#indexPageMenu li .ttl a{
	font-size:21px;
	font-weight:bold;
	color:#152b63;
}
ul#indexPageMenu li .ttl a.outlink:after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background-size: contain;
	vertical-align: middle;
	margin: -3px 0 0 .5em;
}


ul#indexPageMenu li .cmt{
	margin-top:5px;
	font-size:14px;
	color:#424038;
}


.frameContactInfo {
	margin-top:10px;
}
.frameContactInfo span{
	margin-right:1em;
	display:inline-block;
}
.frameContactInfo span:last-child{
	margin-right:1em;
}



/*-------------------------------------------------*/
ul#indexPageMenuSimple li{
	padding: 0;
	background-color: #f1f1f1;
	border: 1px solid #cbc3b9;
}
ul#indexPageMenuSimple li .ttl{
	padding: 10px 15px;
	border-bottom: 3px solid #999;
}
ul#indexPageMenuSimple li .ttl a{
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 5px 10px 5px 40px;
}
ul#indexPageMenuSimple li .ttl a.outlink:after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background-size: contain;
	vertical-align: middle;
	margin: -3px 0 0 .5em;
}
ul#indexPageMenuSimple li .cmt{
	padding: 15px;
}

/*-------------------------------------------------*/
ul#indexPageMenuPhotograph li{
	padding: 0;
	margin: 0 0 50px 0;
}

ul#indexPageMenuPhotograph li .type{
	background: #f4f2ec;
	padding: 15px;
	margin: 0 0 10px 0;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
ul#indexPageMenuPhotograph li .box{
	border: 1px solid #CCC;
	padding: 0;
}
ul#indexPageMenuPhotograph li .box .photo{
	width: 100%;
	position: relative;
	z-index: 10;
	overflow: hidden;
	text-align: center;
	margin: 0 0 15px 0;
}
ul#indexPageMenuPhotograph li .box .photo:before {
	content:"";
	display: block;
	padding-top: 54%;
}
ul#indexPageMenuPhotograph li .box .photo img{
	height: 100%;
	width: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	margin: auto;
}

ul#indexPageMenuPhotograph li .box .body{
	padding: 0 15px 15px 15px;
}

ul#indexPageMenuPhotograph li .box .body .ttl{
	font-size: 18px;
	font-weight: bold;
}
ul#indexPageMenuPhotograph li .box .body .cmt{
	padding: 15px 0;
}
ul#indexPageMenuPhotograph li .box .body .inmenu{
	background: #f1f1f1;
	padding: 15px;
}
ul#indexPageMenuPhotograph li .box .body .inmenu ul{
	margin: 0 0 0 15px;
	display: block;
	-webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
}
ul#indexPageMenuPhotograph li .box .body .inmenu ul li{
	margin: 0 0 5px 0;
	width: auto;
}

/*-------------------------------------------------*/
.incontents_menu{
	margin: 1em 0;
}
.incontents_menu ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.incontents_menu ul li{
	margin: 0.5%;
	width: 32%;
	padding: 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #CCC;
}
.incontents_menu ul li a{
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}



@media screen and (min-width: 980px) {

ul#indexPageMenu li{	
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	transition: .3s;
	z-index: 1 !important;
}
ul#indexPageMenu li:after{
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #edf0e4;
	
	height: 120%;
	left: -10%;
	transform: skewX(15deg);
	z-index: -1;
}
ul#indexPageMenu li:hover:after{
	width: 100%;
	left: 0;
	
	left: -10%;
	width: 120%;
}


.incontents_menu li{	
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	transition: .3s;
	z-index: 1 !important;
}
.incontents_menu li:after{
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #edf0e4;
	
	height: 120%;
	left: -10%;
	transform: skewX(15deg);
	z-index: -1;
}
.incontents_menu li:hover:after{
	width: 100%;
	left: 0;
	
	left: -10%;
	width: 120%;
}

}
@media screen and (max-width: 768px){
.incontents_menu ul li{
	width: 49%;
	padding: 0;
}
.incontents_menu ul li a{
	padding: 15px;
}
}
@media screen and (max-width: 620px) {
ul#indexPageMenu li,
ul#indexPageMenuSimple li,
ul#indexPageMenuPhotograph li{
	width:99%;
}

.incontents_menu ul li{
	width: 99%;
	padding: 0;
}
}


/**************************************/
#mainBody .frameSide{
	margin-bottom:20px;
	width:220px;
	background:#f4f4f4;
	float:left;
}
#mainBody .frameSide a{
	text-decoration:none;
	color:#004372;
}
#mainBody .frameSide a:hover{
	text-decoration: underline;
}

#mainBody .frameSide .page a{
	padding:1.1em 0 1em 0;
	width:100%;
	background:#686868;
	color:#FFF;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#mainBody .frameSide ul.pageNavi{
	padding:20px 9px 10px 9px;
	width:100%;
	line-height:1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#mainBody .frameSide ul.pageNavi li{
	padding:0 0 20px 12px;
}
#mainBody .frameSide ul.pageNavi li ul {
	margin-top: 10px;
}
#mainBody .frameSide ul.pageNavi li ul li{
	padding:0 0 5px 12px;
}
#mainBody .frameSide ul.pageNavi li ul li a.outlink:after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
	vertical-align: middle;
	margin: -3px 0 0 0.5em;
}


#mainBody .frameSide .nav_title{
	display: none;
}
@media screen and (max-width: 979px) {
#mainBody .frameMain{
	width:72%;
	padding-right: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul#indexPageMenu li .ttl a{
	font-size:18px;
}
#mainBody .frameSide{
	width:25%;
}
}

@media screen and (max-width: 768px){
#mainBody .frameMain,
#mainBody .frameSide{
	width: auto;
	float: none;
}

#mainBody .frameMain{
	padding: 10px;
}

#mainBody .frameSide .nav_title{
	display: block;
	text-align: center;
	background: #686868;
	color: #FFF;
	padding: 15px 5px;
}
#mainBody .frameSide .page{
	border-bottom: 1px solid #CCC;
}
#mainBody .frameSide .page a{
	padding:7px 5px;
	background:#ededed;
	color:#000;
}
#mainBody .frameSide .nav_title:before{
	content: "▼";
}
#mainBody .frameSide .nav_title:after{
	content: "開く";
}

#mainBody .frameSide .nav_title.active:before{
	content: "▲";
}
#mainBody .frameSide .nav_title.active:after{
	content: "閉じる";
}
}

@media screen and (max-width: 620px) {
ul#indexPageMenu li{
	width:100%;
}

}


/*************************************************************************************/
article{
	padding:20px 0 40px 0;
}
.article{
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
.article:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .article{
    height: 1em;
}
.article{
    display: block;
}

*:first-child+html .article{
	zoom:1;
}

.article_box{
	border: 1px solid #e5e5e5;
	padding: 20px;
}
.article_box.text{
	padding: 10px 20px !important;
}

.article_innner{
	padding: 10px 0;
	margin:10px 0;
}

.section{
	margin-bottom:30px;
}
.section:last-child{
	margin-bottom:0;
}
.section_line{
	margin:20px 0;
	padding:20px 10px;
	border-bottom: 3px solid #dcdcdc;
}
.section_line:first-child{
	margin:0 0 20px 0;
	padding:0 10px 20px 10px;
}
.section_box{
	margin:10px;
	padding:10px 20px;
	border: 1px solid #e5e5e5;
}

.chapter{
	margin:20px 0 0 0;
}

.text{
	padding: 0 0 1em 0;
	line-height: 1.7;
}
.text10{
	padding: 10px;
	line-height: 1.7;
}
.text20{
	padding: 20px;
	line-height: 1.7;
}

.text p,
.text10 p,
.text20 p{
	padding-bottom: 1em;
}
.text p:last-child{
	padding-bottom: 0;
}
.text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .text{
    height: 1em;
}
.text{
    display: block;
}


*:first-child+html .text{
	zoom:1;
}

.box_line{
	border-bottom: 1px solid #CCC;
}

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

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

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

.article_box{
	padding: 10px 15px;
}
}
@media screen and (max-width: 480px){
} 


/*----------------------------------------------------------------------*/
.btn a{
	margin: 20px auto;
	padding: 25px;
	width: 360px;
	color:#FFF;
	background:#152b63 ;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	line-height:1;
	display:block;
}
/*-----------------------------------*/
.btn_link a:before{
	margin-right:15px;
	vertical-align:middle;
}

.link_out{
	min-height: 20px;
	padding-left: 26px;
}


/*-----------------------------------*/
.btn_pdf a:before{
	margin-right:15px;
	vertical-align: text-bottom;
}

.link_pdf a:before{
	margin: 0 10px;
	vertical-align: central;
	display: inline-block;
	vertical-align: middle;
}
.pdf{
	min-height: 30px;
	padding-left: 30px;
}

.link_facebook{
	text-align:center;
	display:inline-block;
	border: 1px solid #4267b2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.link_facebook a{
	margin:10px auto;
	padding: 0px 40px;
	line-height:30px;
	display:block;
}
.link_facebook a:after{
	margin-left:10px;
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	vertical-align: bottom;
}

.btn_back a{
	margin:5px auto;
	width: 280px;
	padding:18px 50px 15px 30px;
	text-align:center;
	border: 3px solid #e5e5e5;
	text-decoration:none;
	color:#152b63;
	font-weight:bold;
	line-height:1.4;
	display:block;
	vertical-align: central;
}
.btn_back a:before{
	margin-right: 20px;
	vertical-align: text-bottom;
}


.btnNormal{
	text-align: center;
	margin: 20px auto;
}

.btnNormal a{
	padding: 20px !important;
	display: block;
	color: #072856;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #072856;
}

.btnNormal img.icon{
	width: 20px;
	height: auto;
	vertical-align: middle;
	margin: 0 7px 0 0;
}

@media screen and (min-width: 980px) {
.btnNormal{
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	transition: .3s;
	z-index: 100;
	width: 50%;
}
.btnNormal:after{
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #f6f6f6;
}
.btnNormal:after{
	height: 120%;
	left: -10%;
	transform: skewX(15deg);
	z-index: -1;
}
.btnNormal:hover{
	cursor: pointer;
}
.btnNormal:hover:after{
	width: 100%;
	left: 0;
}
.btnNormal:hover:after{
	left: -10%;
	width: 120%;
}
}
@media screen and (max-width: 979px) {
.btnNormal{
	width: 95%;
	display: block;
}
.btnNormal a{
	font-size: 15px;
}
}


@media screen and (max-width: 620px) {
.btn a{
	width: auto;
}
.btn_back a{
	width: auto;
}

.btn_pdf a:before{
	vertical-align: middle;
}
.link_out{
}
.btn_back a:before{
	vertical-align: middle;
}
}

/*----------------------------------------------------------------------*/
table.normal{
	margin: 5px auto 15px auto;
	width: 100%;
}
table.normal caption{
	text-align:right;
	display: block;
}
table.normal thead th{
	padding: 10px 15px;
	text-align: center;
	font-weight:bold;
	background-color: #152b63;
	border: 1px solid #fff;
	border-top:1px solid #000;
	color: #FFF;
}
table.normal thead th:first-child{
	border-left:1px solid #000;
}
table.normal thead th:last-child{
	border-right:1px solid #000;
}
table.normal tbody th{
	padding: 10px 15px;
	text-align: left;
	font-weight:normal;
	background-color: #ededed;
	border: 1px solid #000;
}

table.normal td{
	padding: 10px 15px;
	border: 1px solid #000;
	background-color: #FFF;
}

table.lineBtm{
	margin: 5px auto;
	width: 100%;
	border-collapse:collapse;
}

table.lineBtm th{
	padding: 8px 15px;
	color: #333;
	border-bottom: 1px solid #000;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}

table.lineBtm td{
	padding: 8px 15px;
	border-bottom: 1px solid #000;
}


table.std{
	width:100%;
	border-collapse:collapse;
}
table.std th{
	padding:10px 20px;
	background-color:#1e3e8f;
	color:#fff;
	font-weight:normal;
	text-align:center;
	border:1px solid #bbb;
}
table.std td{
	padding:10px 20px;
	border:1px solid #bbb;
}


dl.normal dt{
	margin:0 0 10px 0;
	font-weight: bold;
	color:#c22529;
	border-bottom:1px solid #ddd;
	font-size: 18px;
}
dl.normal dd{
	padding: 0 0 15px 0;
}

table.noborder{
	width: 100%;
	margin: 15px auto;
	border-collapse:collapse;
	border: 0;
}
table.noborder th{
	text-align: left;
}
table.noborder th,
table.noborder td{
	padding: 15px;
}


dl.std{
	padding:10px 0;
}
dl.std dt{
	margin: 0 0 10px 0;
	padding:15px 20px;
	font-weight:bold;
	font-size:16px;
	background-color:#f0f0f0;
}
dl.std dd{
	padding:0 10px 30px 1em;
}
dl.std dd:last-child{
	padding:0 10px 0 1em;
}

dl.dtRed {
	padding:10px 0;
}
dl.dtRed dt{
	margin: 0 0 10px 0;
	padding:10px 20px 8px 20px;
	font-weight:bold;
	font-size:18px;
	line-height:1.4;
	background:-webkit-gradient(linear,center top, center bottom, from(#dc0000), to(#aa0000));
	background:-moz-linear-gradient(top, #dc0000, #aa0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffdc0000', endColorstr='#ffaa0000');
	background: linear-gradient(to bottom, #dc0000, #aa0000);
	color:#FFF;
}
dl.dtRed dd{
	padding:0 10px 30px 1em;
}
dl.dtRed dd:last-child{
	padding:0 10px 0 1em;
}

dl.no_decoration{
	padding: 5px 0;
}
dl.no_decoration dt{
	margin:0;
	padding:0;
	font-weight:bold;
}
dl.no_decoration dd{
	padding: 0 0 10px 1em;
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 620px) {
table.sptable{
	display: block;
	width: 100%;
}
table.sptable tbody{
	display: block;
	width: 100%;
}
table.sptable tr{
	display: block;
	width: 100%;
	border-bottom: 1px solid #333;
}
table.sptable th,
table.sptable td{
	display: list-item;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	border: 0;
}
table.sptable tbody th{
	border: 0;
}
table.sptable th{
	list-style-type: none;
	display: block;
}
table.sptable td{
	list-style-type: none;
}
}


/*----------------------------------------------------------------------*/
.scroll_title{
	display: none;
}

.scroll,
.scroll .scroll_table{}

@media screen and (max-width: 620px) {
.scroll .scroll_title{
	display: block;
	padding-left: 10px;
}
.scroll .scroll_title:before{
	content: "※";
}

.scroll .scroll_table{
	overflow-x: scroll;
	width: 95%;
	margin: auto;
}

.scroll .scroll_table table.normal{
	width: 700px;
}
}


/*************************************************************************************/
.page_navi{
	text-align: center;
}

ul.page_navi li{
	margin: 15px 0;
	background: none;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

ul.page_navi li span{
	background: #1043a1;
	width: 2.5em;
	height: vem;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 2.5;
	margin: 0 7px 0 0;
	display: block;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
ul.page_navi li a{
	background: #999;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 2.5;
	margin: 0 7px 0 0;
	display: block;
	text-decoration: none;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

ul.page_navi li:hover span,
ul.page_navi li:hover a{
	background: #1043a1;
}



/*----------------------------------------------------------------------*/
.itemBox{
	margin: 30px 0;
}
.itemBox.noMargin{
	margin: 0;
}
.itemBox ul,
.itemBox .frameBox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.itemBox ul li,
.itemBox .frameBox .inframe{
	display: block;
	padding: 10px;
	margin: 2px 0.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.itemBox ul li.pdno{
	padding: 0;
}

.itemBox .item1{
	width: 99%;
}
.itemBox .item2{
	width: 49%;
}
.itemBox .item3{
	width: 32%;
}
.itemBox .item4{
	width: 24%;
}
.itemBox .item5{
	width: 19%;
}
.itemBox .box{
	border: 1px solid #CCC;
}
.itemBox .line{
	border-right: 1px solid #CCC;
}
.itemBox .none{
	border: 0;
}

.itemBox .image{
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
}
.itemBox .image img{
	width: 100%;
	height: auto;
}
.itemBox .image img.border{
	border: 2px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.itemBox .caption{
	text-align: center;
	padding: 0;
	word-break: break-all;
	word-wrap:break-word;
}
.itemBox .cmt{
	text-align: left;
	padding: 7px 0 0 0;
	word-break: break-all;
	word-wrap:break-word;
}

.itemBox .subtitle{
	background: #ebebeb;
	padding: 5px;
	margin: 0 0 5px 0;
	text-align: center;
	font-weight: bold;
}

.itemBox ul,
.itemBox .frameBox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}

.itemBox ul li ul.arrow,
.itemBox .frameBox .inframe ul.arrow{
	margin: 0 0 0 1em;
	display: block;
}

.itemBox ul li ul.square,
.itemBox .frameBox .inframe ul.square{
	display: block;
	list-style-type: square;
	margin-left: 2.4em;
	margin: 5px 0 0 2.4em;
}

.itemBox ul li ul.arrow li,
.itemBox .frameBox .inframe ul.arrow li{
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
}

.itemBox ul li ul.square li,
.itemBox .frameBox .inframe ul.square li{
	margin: 0 0 5px 0;
	background: none;
	padding: 0;
	list-style-type: square;
}

@media screen and (max-width: 768px){
.itemBox .item1{
	width: 99%;
}
.itemBox .item2{
	width: 49%;
}
.itemBox .item3{
	width: 32%;
}
.itemBox .item4{
	width: 49%;
}
.itemBox .item5{
	width: 49%;
}
.itemBox .line{
	border: 1px solid #df0615;
}
}
@media screen and (max-width: 480px){
.itemBox .item1,
.itemBox .item2,
.itemBox .item3,
.itemBox .item4,
.itemBox .item5{
	width: 99%;
}
}



/*************************************************************************************/
.inWP table{
	width: 100%;
	margin: 5px auto 15px auto;
	border-collapse:collapse;
	border: 0;
}

.inWP table caption{
	padding: 5px 0;
	text-align: left;
	display: block;
	width: 100%;
	font-weight: bold;
}
.inWP table caption:before{
	content: "■";
}

.inWP table th{
	padding: 10px 10px;
	text-align: center;
	border-bottom: 1px dotted #000;
	color: #000;
}
.inWP table th span{
	background: #deff43;
	padding: 0 2px;
}
.inWP table td{
	padding: 10px 10px;
	border-bottom: 1px dotted #000;
}
.inWP table tr:last-child th,
.inWP table tr:last-child td{
	border-bottom: 1px solid #000;
}

.inWP table thead th{
	background: #999;
	color: #FFF;
}


/*----------------------------------------------------------------------*/
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
@media screen and (max-width: 768px){
.inWP img{
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: none;
	margin: 5px auto;
	display: block;
}

.alignright {
	float: none;
	margin: 5px auto;
	display: block;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
}

/*----------------------------------------------------------------------*/
.inWP ol{
	list-style-type: decimal;
	margin: 0 0 20px 2em;
}
.inWP ol li{
	margin: 5px 0;
}

.inWP ul{
	list-style-type: disc;
	margin: 0 0 20px 2em;
}
.inWP ul li{
	margin: 5px 0;
}


.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output{
	color: #F00;
	display: block;
	padding: 0.3em 0;
}
.wpcf7-response-output{
	font-weight: bold;
	padding: 1em 0;
	font-size: 16px;
	text-align: center;
}

.navi .cmt{
	text-align:center;
}