@charset "utf-8";

.garden #contents{
	background-color: #eeffee;
	padding: 0;
}

.garden .titleArea, .garden .titleArea2{
	margin: 0;
	padding: 0;
}
.garden .titleArea{
	background-image: url("../images/title_background_pc.png");
	background-position: center;
	background-repeat: no-repeat;
}
.garden .titleArea2{
	background-image: url("../images/title_background2_pc.png");
	background-position: center;
	background-repeat: no-repeat;
}
.garden .titleArea img, .garden .titleArea2 img{
	display: block;
	margin: 0 auto;
}


@media only screen and (max-width: 768px) {
	.garden #header .slicknav_brand {
		background: #cceedd; /* Old browsers */
		background: -moz-linear-gradient(top, #cceedd 0%, #cceedd 50%, #bbddbb 100%);
		background: -webkit-linear-gradient(top, #cceedd 0%,#cceedd 50%,#bbddbb 100%);
		background: linear-gradient(to bottom, #cceedd 0%,#cceedd 50%,#bbddbb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceedd', endColorstr='#bbddbb',GradientType=0 ); /* IE6-9 */
	}
	.garden #header .slicknav_nav li a{ background-color: #bbddbb!important; color: #fff;}
}



.menu li{
	float: left;
	width: 150px;
	height: 32px;
	margin: 10px 12px 10px 0;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
	background-color: #fff;
}
.menu li:nth-child(6n){
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
	.menu li{
		width: 32%;
		font-size: 4vw;
		line-height: 3em;
		height: 3em;
		margin-right: 2%;
	}
	.menu li:nth-child(3n){
		margin-right: 0;
	}
}
.tsuru{
	color: #006d53!important;
}
.hosen{
	color: #d82e8b!important;
}
.okra{
	color: #77a416!important;
}
.gray_text{
	color: #ccc;
}
.color_garden_title{
	color: #8c6239;
}



.tiles li {
	float: left;
	width: 188px;
	height: 188px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	background: #FFF;
	overflow: hidden;
}
.tiles li:nth-child(5n) { margin-right: 0; }



.tiles li img {
	position: absolute;
}

.tiles .contents_title{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 23.5%;
    text-align: center;
	color: #fff;
    background-color: rgba(0,0,0,.7);
}
.tiles .contents_name {
	display: inline-block;
    font-size: 15px;
    line-height: 1em;
    white-space: nowrap;
    word-break: keep-all;
    padding: 3% 0;
}
.tiles .contents_number {
	display: inline-block;
    font-size: 10px;
    line-height: 1em;
}
.tiles li.tsuru{
	background-color: #006d53;
}
.tiles li.hosen{
	background-color: #d82e8b;
}
.tiles li.okra{
	background-color: #77a416;
}
.title_plant {
  position: absolute;
  font-size: 28px;
	color: #fff;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 700;
  top: 50%;
  left: 50%;
  width: 175px;
  text-align: center;
}



@media only screen and (max-width:768px) {
	#conArea{
		width: 100%;
	}
    a:hover, a:hover div, a:hover img {
      opacity: 1
    }
    .tiles a:hover img {
      opacity: .6
    }
    .tiles li {
        width: 45vw;
        height: 45vw;
        margin-right: 1%;
    }
	.tiles li:nth-child(5n){ margin-right: 1%; }
	.tiles li:nth-child(2n){
		margin-right: 0;
	}
	.tiles .contents_title{}
	.tiles .contents_name{
		font-size: 3.7vw;
	}
	.tiles .contents_number{
		font-size: 2.7vw;
	}
	
	.contents_name {
		padding-top: 1.5%;
	}
}
@media only screen and (max-width:320px) {
  .contents_name {
    font-size: 17px
  }
}


.blackboard_frame {
	width: 60%;
    color: #fff;
    background-color: #114400;
    margin: 10px auto 20px auto;
    padding: 15px 30px;
    border: 9px solid #a60;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    text-shadow: 0px 0px 2px #000;
    line-height: 1.9;
}
@media only screen and (max-width:768px) {
  .blackboard_frame {
	  width: 88%;
	  padding: 15px;
  }
}

.date_box{
	display: block;
	float: left;
	width: 3.75em;
	background-color: #fff;
	box-shadow: 2px 2px 2px 0 #666;
	text-align: center;
}
.date_box .year{
	font-size: 0.75em;
	color: #fff;
	line-height: 1.4em;
}
#tsuru1 .date_box .year, #tsuru2 .date_box .year{
	background-color: #006d53;
}
#hosen1 .date_box .year, #hosen2 .date_box .year{
	background-color: #d82e8b;
}
#okra1 .date_box .year, #okra2 .date_box .year{
	background-color: #77a416;
}
.date_box .date{
	font-weight: bold;
	line-height: 2em;
}
#tsuru1 .date_box .date, #tsuru2 .date_box .date{
	color: #006d53;
}
#hosen1 .date_box .date, #hosen2 .date_box .date{
	color: #d82e8b;
}
#okra1 .date_box .date, #okra2 .date_box .date{
	color: #77a416;
}
.garden .article h2{
	position: relative;
	float: left;
	margin-left: 1em;
	font-size: 1.2em;
	line-height: 1.4;
	padding: 0.5em 1.75em;
}
#tsuru1 .article h2, #tsuru2 .article h2{
	color: #006d53;
}
#hosen1 .article h2, #hosen2 .article h2{
	color: #d82e8b;
}
#okra1 .article h2, #okra2 .article h2{
	color: #77a416;
}
.garden .article h2:before, .garden .article h2:after{
	content: '';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
#tsuru1 .article h2:before, #tsuru2 .article h2:before{
	border-left: solid 1px #006d53;
	border-top: solid 1px #006d53;
	top: 0;
	left: 0;
}
#tsuru1 .article h2:after, #tsuru2 .article h2:after{
	border-right: solid 1px #006d53;
	border-bottom: solid 1px #006d53;
	bottom: 0;
	right: 0;
}
#hosen1 .article h2:before, #hosen2 .article h2:before{
	border-left: solid 1px #d82e8b;
	border-top: solid 1px #d82e8b;
	top: 0;
	left: 0;
}
#hosen1 .article h2:after, #hosen2 .article h2:after{
	border-right: solid 1px #d82e8b;
	border-bottom: solid 1px #d82e8b;
	bottom: 0;
	right: 0;
}
#okra1 .article h2:before, #okra2 .article h2:before{
	border-left: solid 1px #77a416;
	border-top: solid 1px #77a416;
	top: 0;
	left: 0;
}
#okra1 .article h2:after, #okra2 .article h2:after{
	border-right: solid 1px #77a416;
	border-bottom: solid 1px #77a416;
	bottom: 0;
	right: 0;
}
@media only screen and (max-width:768px) {
	.garden .article h2{
		margin-left: 0.5em;
		margin-right: 0;
		padding: 0.5em 0.75em;
	}
}
.article{
	margin: 1em 0;
}
.article .imageLeft{
	margin: 1em 0;
}
.article .imageLeft img{
	float: left;
	margin-right: 2em;
}
@media only screen and (max-width:768px) {
	.article .imageLeft img{
		float: none;
		width: 100%;
		margin: 0;
	}
}

.btn_back {
  text-align: center;
  margin: 2rem auto;	/* 6rem auto 0 auto から変更 */
}
.btn_back a {
  display: inline-block;
  font-size: 2rem;
  text-align: center;
  padding: .5rem 6.5rem;
  border: 2px solid;
  border-radius: 3.5rem
}
.btn_back a.color_garden_title {
	border-color: #8c6239 !important;
	color: #8c6239 !important;
}
.btn_back a:hover {
  text-decoration: none !important;
  color: #fff !important
}
.btn_back a:active, .btn_back a:link, .btn_back a:visited {
  text-decoration: none !important
}
.btn_back a.color_garden_title:hover {
	background: #8c6239 !important;
	border-color: #8c6239 !important;
}
@media only screen and (max-width:768px) {
  .btn_back {
    margin: 4rem auto 1px auto;
    margin: 10.6vw auto 1px auto
  }
  .btn_back a {
    font-size: 2rem;
    font-size: 5.33vw;
    padding: .62rem 5rem;
    padding: 1.66vw 13.3vw;
    border-radius: 9.33vw
  }
}














#mainArea .main span {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#mainArea .main img {
	margin-top: 5px;
	margin-bottom: 20px;
}

#conArea {
	width: 960px;
	margin: 10px auto 0 auto;
	overflow: hidden;
}

#conArea.con_bg,
.con_bg {
	background: #FFF;
	width: 920px;
	padding: 20px;
}



#global_navi {
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#global_navi li {
	height: 38px;
	float: left;
	margin-right: 12px;
}

#global_navi li:last-child { margin-right: 0; }


#global_navi li.menu01 a, #global_navi li.menu02 a,
#global_navi li.menu03 a, #global_navi li.menu04 a,
#global_navi li.menu05 a, #global_navi li.menu06 a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#global_navi li.menu01 a:hover img, #global_navi li.menu02 a:hover img,
#global_navi li.menu03 a:hover img, #global_navi li.menu04 a:hover img,
#global_navi li.menu05 a:hover img, #global_navi li.menu06 a:hover img { visibility: hidden!important; }




#mext_index #contents { border-top: #000 2px solid; }
#mext_index #conArea img { width: 45%; }
#mext_index #mainArea .main { padding: 2% 0; }
#mext_index #mainArea .main span { font-size: 2.2rem; }
#mext_index #footer {background: #CCC; }


#mext_top #contents { padding: 20px 0 40px 0; }
#mext_top #conArea { margin: 45px auto 0 auto;}

#mext_top #mainArea .main span {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}

#mext_top .iconUL ul li {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
}

#thmb_list { margin-top: 30px; }

#thmb_list li {
	float: left;
	width: 188px;
	height: 188px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	background: #FFF;
}
#thmb_list li:nth-child(5n) { margin-right: 0; }

#thmb_list li div.icon_posi {
	position: absolute;
	right: 10px;
	top: 20px;
}


#thmb_list li.info {
	width: 296px;
	background: rgba(255,255,255,0.3);
	padding: 0 10px;
	font-size: 1.4rem;

	}

#thmb_list li.info div {
	display: table-cell;
	vertical-align: middle;
	height: 316px;
}

#thmb_list li.info p { margin: 0.5em; padding-left: 1em; text-indent: -1em;}





.prev_btn {
	width: 320px;
	margin: 30px auto 0 auto;
}



table.infoTable td,
table.infoTable th { padding: 4px 3px; }
table.infoTable th { font-size: 12px; font-size: 1.25rem;}

table.infoTable td { font-size: 13px; font-size: 1.3rem;}

table.infoTable td.unitL,
table.infoTable td.unitR { vertical-align: top; }
table.infoTable td.unitL { border-right: none!important; }
table.infoTable td.unitR { border-left: none!important; }


table.infoTable th{ width: 22%;}
table.infoTable td{ width: 39%;}
table.infoTable td.unitL{ width: 15%;}


.abBox {
	position: absolute;
	right: 0;
	bottom: 0;
}
.abBox img { margin-top: 10px; }

.conBoxL {float: left; }
.conBoxR {
	float: right;
	padding-bottom: 15px;
}

.main_text {
	font-size: 1.6rem;
	line-height: 1.5;
}


#detail { font-feature-settings : normal; }
#detail .detailBox { margin-top: 10px; position: relative; visibility: hidden; }
#detail .detailBox .conBoxR { width: 268px; }
#detail .abBox { width: 268px; }

#detail table.infoTable {
	width: 268px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#detail video{ border: 2px solid #E6E6E6;}



.guide_tit {
	font-size: 24px;
	font-size: 2.4rem;
	color: #FFF;
	background: #643200;
	text-align: center;
	margin-top: 25px;
	padding: 5px 0;
}

#guide { font-feature-settings : normal; }
#guide .guideBox {
	position: relative;
	visibility: hidden;
	}


#guide table.infoTable {
	width: 480px;
	border-collapse: collapse;
	margin-top: 10px;
}

#guide table.infoTable td,
#guide table.infoTable th { border: 2px solid #643200;}
#guide table.infoTable th { color: #643200; }

#guide table.infoTable th{width: 15%;}
#guide table.infoTable td{width: 60%;}
#guide table.infoTable td.unitL{width: 9%;}


#guide .conBoxR { width: 420px; }
#guide ul.caption li:before { background: #643200; }
#guide .abBox { width: 420px; }


.unit_tit,
.time_tit,
.active_tit {
	margin-bottom: 10px;
	padding: 5px;
}

.unit_tit {
	font-size: 1.7rem;
	color: #FFF;
}

.time_tit { font-size: 1.5rem;}


.active_tit {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #A58014;
	margin: 20px auto 25px auto;
}

#active .activeBox { margin-bottom: 35px; }
#active .activeBox .subtit { margin-bottom: 30px; }

#active .activeBox .num {
	line-height: 40px;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 2.8rem;
	color: #FFF;
	text-align: center;
	}

#active .activeBox .textTit {
	width: 870px;
	float: right;
	font-weight: bold;
	font-size: 2.8rem;
	}

#active .activeLineBox {
	width: 760px;
	margin: auto;
}


#active ul.caption {
	padding: 15px 20px;
	background: #E7DDC4;
	border-radius: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	margin-top: 20px;
}

#active ul.caption li{
	padding-left: 1.1em;
	text-indent: -1.1em;
}

#active ul.caption li:before { background: #BD9567; }
#active ul.sub_caption li:before { background: none; border:#BD9567 1px solid;}


.activeLineWordL,
.activeLineWordR {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 30px;
	margin-bottom: 18px;
	margin-top: 0;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.3;
}

.activeLineWordL {
	color:#643200;
	border: 2px solid #C9BFB5;
	padding: 15px 30px 15px 40px;
}

.activeLineWordR {
	text-align: left;
	padding: 15px 42px 15px 25px;
}

#active .activeLineR .mjx-chtml { text-align: left!important; margin:0;}



#active .activeLineL img,
#active .activeLineR img { position: absolute;}
#active .activeLineL img {
	bottom: -13px;
	left: -20px;
}



#active .activeLineR { text-align: right;}
#active .activeLineL { text-align: left;}

#active .activeLineR img {
	bottom: -10px;
	right: -25px;
}

#active .activeLineBox ul ol.point{
	list-style-type: decimal;
	list-style-position: inside;
	counter-reset: cnt 1;
}



ol:before{content:none;}

#mext_manual #contents { padding: 20px 0 40px 0; }

#mext_manual #conArea.con_bg {
	width: 880px;
	padding: 30px 40px 0 40px;
}


#mext_manual .manualBox,
#mext_manual .manualSaveBox { margin-bottom: 50px;}

#mext_manual .tit {
	font-size: 22px;
	font-size: 2.2rem;
}

#mext_manual .manualBox .tit { margin: 0 0 0.5em 0;}

#mext_manual .manualBox .tit p {
	background: #FFF;
	margin: 0 0 0 34px;
	padding-left: 10px;
}


#mext_manual .manualBox .navi ul {
	float: none;
	margin-top: 20px;
}

#mext_manual .manualBox .navi ul li {
	display: block;
	margin-bottom: 10px;
	line-height: 1.75em;
}


#mext_manual .manualBox .btn_ex div {
	width: 590px;
	margin-left: 14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}


#mext_manual .manualSaveBox {
	padding: 30px 40px 0 40px;
	border: 1px solid #000;
}

#mext_manual .manualSaveBox .tit { text-align: center; }
#mext_manual .manualSaveBox .saveCon { margin-bottom: 30px; }
#mext_manual .manualSaveBox .saveCon p {
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

#mext_manual .manualSaveBox .saveConL { float: left; width: 460px;}
#mext_manual .manualSaveBox .saveConR { float: right; }


#mext_manual .manualBox .version { width: 430px; }
#mext_manual .manualBox .version ul {
	border-right: 2px solid #B3B3B3;
	font-size: 14px;
	font-size: 1.4rem;
}
#mext_manual .manualBox .version img { margin-right: 5px; }





#footerNavi { margin-top: 30px; }

#footerArea a {
	text-decoration: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#footerArea a:link { color: #FFF;}
#footerArea a:visited { color: #FFF;}


.footerAreaBox {
	width: 960px;
	margin: auto;
	padding: 15px 0;
	color: #FFF;
}

#footerArea ul { float: left;}
#footerArea ul:last-child { margin-right: 0; }


#footerArea ul li {
	margin-bottom: 10px;
	clear: both;
	position: relative;
}

#footerArea ul li.tit {
	font-size: 16px;
	font-size: 1.6rem;
	background: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	}





#footerArea .small,#footerArea .normal{
	font-weight: bold;
	vertical-align:middle;
}
#footerArea .small {
	font-size: 9px;
	font-size: 0.9rem;
}
#footerArea .normal {
	font-size: 14px;
	font-size: 1.4rem;
}








.es #contents {
	background: #CDE19B;
	border-top: #008023 2px solid;
}

.es #global_navi li { width: 150px;}
.es #global_navi li.menu01 a { background: url(/mext/img/es_g_navi01_on_pc.png) no-repeat; }
.es #global_navi li.menu02 a { background: url(/mext/img/es_g_navi02_on_pc.png) no-repeat; }
.es #global_navi li.menu03 a { background: url(/mext/img/es_g_navi03_on_pc.png) no-repeat; }
.es #global_navi li.menu04 a { background: url(/mext/img/es_g_navi04_on_pc.png) no-repeat; }
.es #global_navi li.menu05 a { background: url(/mext/img/es_g_navi05_on_pc.png) no-repeat; }
.es #global_navi li.menu06 a { background: url(/mext/img/es_g_navi06_on_pc.png) no-repeat; }

.es #thmb_list .noImg { background: #B9D77E; }


#footerArea.es { background: #008023; }
#footerArea.es a:hover { color: #CDE19B;}
#footerArea.es ul li.tit { color: #008023;}
#footerArea.es ul{ width: 150px; margin: 15px 12px 15px 0;}
#footerArea.es ul:last-child{ margin-right: 0;}

.es #detail table.infoTable td,
.es #detail table.infoTable th { border: 2px solid #008023;}
.es #detail table.infoTable th { color: #008023; }

.es #guide.con_bg { background: #ECF1E7; }


.es .unit_tit { background: #008023;}
.es .time_tit {
	color: #008023;
	border: 1px solid #008023;
}

.es #active .activeBox .num { background: #008023;}
.es .activeLineWordR {
	color:#006933;
	border: 2px solid #ABC9BA;
}



#mext_manual.es .tit { color: #008023;}
#mext_manual.es .manualBox .tit { background: #008023;}




.jh #contents {
	background: #AFD7FF;
	border-top: #005FA5 2px solid;
}

.jh #global_navi li { width: 312px;}
.jh #global_navi li.menu01 a { background: url(/mext/img/jh_g_navi01_on_pc.png) no-repeat; }
.jh #global_navi li.menu02 a { background: url(/mext/img/jh_g_navi02_on_pc.png) no-repeat; }
.jh #global_navi li.menu03 a { background: url(/mext/img/jh_g_navi03_on_pc.png) no-repeat; }

.jh #thmb_list .noImg { background: #9BC4FE; }


#footerArea.jh { background: #005FA5; }
#footerArea.jh a:hover { color: #AFD7FF;}
#footerArea.jh ul li.tit { color: #005FA5;}

#footerArea.jh ul{ width: 312px; margin: 15px 12px 15px 0;}
#footerArea.jh ul:last-child{ margin-right: 0;}
.footerAreaMath{
	font-size: 108%;
	font-family: 'Cambria Math','Helvetica','Times New Roman',serif;
}



.jh #detail table.infoTable td,
.jh #detail table.infoTable th { border: 2px solid #005FA5;}
.jh #detail table.infoTable th { color: #005FA5; }

.jh table.infoTable td.unitL{ width: 19%;}
.jh #guide table.infoTable td.unitL{width: 13%;}


.jh #guide.con_bg { background: #EFF7FF; }


.jh .unit_tit { background: #005FA5;}
.jh .time_tit {
	color: #005FA5;
	border: 1px solid #005FA5;
}

.jh #active .activeBox .num { background: #005FA5;}

.jh .activeLineWordR {
	color: #1E3C7D;
	border: 2px solid #AFBED7;
}



#mext_manual.jh .tit { color: #005FA5;}
#mext_manual.jh .manualBox .tit { background: #005FA5;}











@media only screen and (max-width: 768px) {
	.text_box { font-size: 1.7rem; font-size: 4.53vw; }

	#active ul.caption li{ padding-left: 1.4em; text-indent: -1.4em;}


	ul.caption > li:before,
	ul.sub_caption > li:before { width: 1em; height: 1em;}

	#mainArea { width: 94%; }
	.navi ul { float: none; }
	.navi ul li { width: 48%; padding-left: 0;}
	.iconUL ul { width: 94%; margin:3% auto; }
	.iconUL ul li { width: 100%; margin: 2% auto; }
	.iconUL ul li img {
		width: 7%;
		margin-top: -6px;
		margin-right: 2px;
	}

	#mainArea .main span { font-size: 1.38rem; font-size: 4.6vw; }
	#mainArea .main img { margin-top: 2%; margin-bottom: 3%;}
	#conArea { width: 94%; margin: 2% auto 0 auto}

	#conArea.con_bg,
			.con_bg { width: 100%; padding: 0 0 3% 0;}


	#global_navi { width: 100%;}

	#global_navi li {
		height: auto;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	#global_navi li:nth-child(3n) { margin-right: 0; }
	#global_navi li.menu01 a:hover img, #global_navi li.menu02 a:hover img,
	#global_navi li.menu03 a:hover img, #global_navi li.menu04 a:hover img,
	#global_navi li.menu05 a:hover img, #global_navi li.menu06 a:hover img { visibility: visible!important; }




	#mext_index #conArea img.fr,
	#mext_index #conArea img.fl { float: none; }
	#mext_index #conArea img { width: 80%; margin: 2% auto 5% auto; display: block; }
	#mext_index #mainArea .main span { font-size: 19px; font-size: 5vw; }

	#mext_top #contents { padding: 5% 0 2% 0; }
	#mext_top #conArea { margin: 2% auto 8% auto}
	#mext_top #mainArea .main span { font-size: 1.7rem; font-size: 4.53vw; }
	#mext_top .iconUL ul li { font-size: 1.3rem; font-size: 3.46vw; margin-left: 0;}

	#thmb_list { margin-top: 5%; }

	#thmb_list li {
		width: 49%;
		height: 100%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	#thmb_list li div.icon_posi {
		width: 100%;
		right: 3%;
		top: 3%;
		height: auto;
		text-align: right;
	}

	#thmb_list li div.icon_posi img { width: 9%; }
	#thmb_list li:nth-child(3n) { margin-right: 2%; }
	#thmb_list li:nth-child(2n) { margin-right: 0; }

	#thmb_list li div.bgColor { padding-bottom: calc(100%*164/147);}

	#thmb_list li.info {
		width: 100%;
		padding: 0.5em 0;
		font-size: 1.6rem;
		font-size: 4.26vw;
	}

	#thmb_list li.info div {
		display: block;
		width: 94%;
		vertical-align: middle;
		height: auto;
		margin: auto;
	}

	#thmb_list li.info p { margin: 0.1em; }

	.prev_btn { width: 65%; margin: 5% auto 0 auto;}



	table.infoTable td,
	table.infoTable th { font-size: 1.6rem; font-size: 4.26vw; padding: 2% 1%; }

	.abBox { position: static;}
	.abBox img { margin-top: 2%; width: 48%; float: left; }
	#guide .abBox img { float: none; margin: 6% 25% 2% 25%;}
	.abBox img.sp_fr { float: right; }

	.conBoxL { float: none; }
	.conBoxR { float: none; padding: 5% 0; font-size:3.704vw;}

	.main_text {
		font-size: 4.26vw;
		line-height: 1.6;
	}
	#detail .detailBox {
		margin-top: 0;
		position: static;
		visibility: visible;
		height: auto!important;
	}
	#detail .detailBox .conBoxR { width: 92%; margin: auto; }
	#detail .abBox { width: 92%; margin: auto; }
	#detail table.infoTable { width: 100%; }
	#detail video{ border-left: none; border-right: none; }

	.guide_tit {
		font-size: 1.8rem;
		font-size: 4.8vw;
		margin-top: 5%;
		padding: 2% 0;
	}

	#guide table.infoTable {
		width: 92%;
		margin:auto;
		margin-top: 5%;
	}
	#guide table.infoTable th{width: 19%;}
	#guide table.infoTable td{width: 43%;}
	#guide table.infoTable td.unitL{width: 14%;}


	#guide .conBoxR { width: 92%; margin: auto; }
	#guide .guideBox { visibility: visible; height: auto!important; }
	#guide .abBox { width: 92%; margin: auto; }

	.unit_tit,
	.time_tit,
	.active_tit {
		margin-bottom: 5%;
		padding: 2%;
		text-align: center;
	}

	.unit_tit { font-size: 4.53vw; }
	.time_tit { font-size: 4.53vw; }


	.active_tit  { margin: 5% auto; }
	#active { width: 92%; margin: auto; }

	#active .activeBox { margin-bottom: 10%; }
	#active .activeBox .subtit { margin-bottom: 6%; vertical-align: bottom;}

	#active .activeBox .num {
		line-height: 1.4em;
		width: 1.4em;
		height: 1.4em;
		margin-right: 2%;
		font-size: 1.9rem;
		font-size: 5.06vw;
		}

	#active .activeBox .textTit {
	 	width: 89%;
		line-height: 1.7em;
		font-size: 1.7rem;
		font-size: 4.53vw;
		}

	#active .activeLineBox { width: 96%; }

	#active .activeLineBox ul.caption {
		padding: 5%;
		border-radius: 5px;
		font-size: 1.6rem;
		font-size: 4.26vw;
		line-height: 1.5;
		margin-top: 2%;
	}



	#active .activeLineBox ul.caption li { margin-bottom: 1%; }

	#active .activeLineL img,
	#active .activeLineR img { width: 3em; width: 10vw; }

	#active .activeLineL img { bottom: -16%; left: -3%; left: -3vw;}
	#active .activeLineR img { bottom: -16%; right: -5%; right: -5vw;}


	.activeLineWordL,
	.activeLineWordR {
		border-radius: 15px;
		margin-bottom: 6%;
		font-size: 1.6rem;
		font-size: 4.26vw;
	}

	.activeLineWordL { padding: 4% 4% 4% 10%;}
	.activeLineWordR { padding: 4% 10% 4% 6%;}

	#mext_manual #contents { padding: 5% 0 10% 0; }
	#mext_manual #conArea.con_bg { width: 94%; padding: 0;}
	#mext_manual .main img.fr {
		width: 80%;
		margin: 2% auto 1% auto;
		float: none;
		display: block;
	}

	#mext_manual .manualBox,
	#mext_manual .manualSaveBox {
		margin-bottom: 2%;
		padding: 4%;
		}

	#mext_manual .tit { font-size: 1.8rem; font-size: 4.8vw; }
	#mext_manual .manualBox .tit { margin: 0 0 0.5em 0; }

	#mext_manual .manualBox .tit p {
		margin: 0 0 0 1.5em;
		padding-left: 0.5em;
	}

	#mext_manual .manualBox .navi ul {
		width: 95%;
		margin: 5% auto 2% auto;
	}

	#mext_manual .manualBox .navi ul li {
		width: 100%;
		margin-bottom: 3%;
	}


	#mext_manual .manualBox .btn_ex img {
		width: 65%;
		display: block;
		margin: 6% auto;
		}


	#mext_manual .manualBox .btn_ex div {
		width: 100%;
		margin-left: 0;
	}



	.footerAreaBox { width: 94%; padding: 2% 0; }

	#footerArea ul { float: left;}
	#footerArea ul li { margin-bottom: 2%; }

	#footerArea ul li.tit {
		font-size: 4.44vw;
		padding: 1% 0;
		}

	#footerArea .small ,#footerArea .normal{ display:inline-block;}
	#footerArea .small { font-size: 1.14rem; font-size: 3.05vw;}
	#footerArea .normal { font-size: 1.66rem; font-size: 4.44vw; margin-left: 2%;}

	.es #global_navi li {width: 32%;}

	.es #header .slicknav_brand {
		background: #86AA24; /* Old browsers */
		background: -moz-linear-gradient(top, #86AA24 0%, #86AA24 50%, #123D1C 100%);
		background: -webkit-linear-gradient(top, #86AA24 0%,#86AA24 50%,#123D1C 100%);
		background: linear-gradient(to bottom, #86AA24 0%,#86AA24 50%,#123D1C 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86AA24', endColorstr='#123D1C',GradientType=0 ); /* IE6-9 */
	}
	.es #header .slicknav_nav li a{ background-color: #a0c149!important; color: #fff;}


	#footerArea.es ul{ width: 100%; margin: 2% 0;}

	.jh #global_navi li {width: 32%;}


	.jh #header .slicknav_brand {
		background: #73B4F5; /* Old browsers */
		background: -moz-linear-gradient(top, #73B4F5 0%, #396EA3 50%, #12283D 100%);
		background: -webkit-linear-gradient(top, #73B4F5 0%,#396EA3 50%,#12283D 100%);
		background: linear-gradient(to bottom, #73B4F5 0%,#396EA3 50%,#12283D 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73B4F5', endColorstr='#12283D',GradientType=0 ); /* IE6-9 */
	}
	.jh #header .slicknav_nav li a{ background-color: #6aacea!important; color: #fff;}


	#footerArea.jh ul{ width: 100%; margin: 2% 0;}
	.jh #guide table.infoTable td.unitL{width: 18%;}



}




	@media only screen and (device-height: 568px) {
		.main_text { font-size: 1.6rem;}
		.guide_tit { font-size: 1.6rem;}
		.unit_tit,
		.time_tit,
		.text_box,
		#active .activeBox .textTit { font-size: 1.6rem;}

		.activeLineWordL,.activeLineWordR { font-size: 1.6rem;}
		.activeLineBox .smallFont { font-size: 1.4rem;}

		#active .activeLineBox ul.caption { font-size: 1.6rem;}
		.prev_btn{ width: 75%;}
		#mext_top #mainArea .main span{ font-size: 1.5rem;}
		#thmb_list li.info {font-size: 1.6rem;}
		#mext_manual .tit { font-size: 1.6rem; }
		#mext_manual .manualBox .btn_ex img{ width: 75%;}

		table.infoTable td,
		table.infoTable th { font-size: 1.6rem; padding: 2% 1%;}
		table.infoTable td{ width: 38%;}
		table.infoTable td.unitL{ width: 17%;}
		#guide table.infoTable th{width: 19%;}
		#guide table.infoTable td{width: 34%;}
		#guide table.infoTable td.unitL{width: 15%;}
		.jh table.infoTable td.unitL{ width: 23%;}
		.jh #guide table.infoTable th{width: 21%;}
		.jh #guide table.infoTable td.unitL{ width: 20%;}

		.no_min_only{ display: none!important;}


	}