@charset "utf-8";
/* CSS Document */
@media (max-width: 800px){
.sub-header,.container, .header-inner, .footer-inner{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		background-image:none;
		}
.skip {
    width: 1px;
    color: #000000;
    font-size: 0.1%;
    line-height: 0.1;
    background-color: #FFFFFF;
    position: absolute;
    left: -3000px;
    z-index: 9999;
}
.boxset ul {
    margin: 0;
    padding: 6px 3px 6px 6px;
}
.boxset li {
    width: calc(33% - 16px);
    margin: 6px;
	min-height:231px;
  }
	.mymenu-large ul:after{content:"";
		display:block;
		clear:both;}
	.mymenu-large li {float:left;
		width:50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;}
	.mymenu-large li:nth-child(odd)
			{clear:both;
			padding-right:7px;}
	.mymenu-large li:nth-child(even)
			{padding-left:7px;}
.boxset ul {
    margin: 0;
    padding: 6px 3px 6px 6px;
}
.boxset li {
    width: calc(50% - 12px);
    margin: 6px;
  }
.boxset li p{
	min-height:5em;
} 
}

@media (max-width: 700px){
	.site img{width:auto;}
	.contents {
    float: none;
    width: 100%;}
	.sub {
    float: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.top-image,.top-image2{
    padding-right: 15px;
    width: 100%;
    float: none;
}
.footer-menu {
    float: none;
    width: 100%;
    padding: 10px;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	/*--概　要--*/
	.gaiyou a{padding 20px 0;}
	.gaiyou img{width:200px;}
	.gaiyou .text{margin-left:230px;}
	.gaiyou h1 {font-size:1.25rem;}
	.gaiyou p {visibility:visible;
	height:auto;
		margin: 0; fontsize:0.875rem;}
	.gaiyou .kiji-date {margin-bottom:8px;}
	/* 概要（大サイズ） */
	.gaiyou-large a	{padding: 20px 0}

	.gaiyou-large h1	{font-size: 1.625rem;}

	.gaiyou-large p	{font-size: 0.875rem;}

	.gaiyou-large .thumb	{height: 350px}

.kiji h1 {font-size:1.75rem;}
.kiji h2 {padding-left:32px; font-size:1.375rem;}
.kiji h2:before {font-size:1.5rem;}
.kiji h3 {padding-left: 10px; font-size:1.125rem;}
/*画像の配置*/

.alignleft {float:left;
	margin-bottom:20px;
	margin-right:20px;}
.alignright {float:right;
	margin-bottom:20px;
	margin-left:20px;}
/*--パンくずリスト--*/
.bread li:last-child {text-indent:0px;}

	.share span{display:inline-block;
		text-indent:0px;}
.share li a {padding: 8px 17px;}

/* 記事一覧のページネーション */

	.pagination-index li a,
	.pagination-index li > span
		{
	margin: 0 5px;
		padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #000000;
		font-size: 0.875rem}
.pagination-index li .dots
	{padding: 6px 2px;
	border-color: transparent;
	background-color: transparent}

	.contents > h1	{font-size: 1.75rem}
	.boxset ul {
    margin: 0;
    padding: 6px 3px 6px 6px;
}
.boxset li {
    width: calc(50% - 12px);
    margin: 6px;
  }
.boxset li p{
	min-height:5em;
} 
	.mymenu-top ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-top li	{float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-top li:nth-child(odd) {clear: both;
		padding-right: 15px}

	.mymenu-top li:nth-child(even) {padding-left: 15px}
		.hero{position:relative;}	
	.hero-img {width:100%;
		height:400px;
		margin 0px 2px 10px;
		background-color:#dddddd}
	.hero-text {position:absolute;
		top:12px;
		left:12px;
		color:#ffffff;
		font-size:0.75rem;
		line-height: 105%;
		text-shadow:0 0 10px #000000;}

	.top_moji_1{height:0;}
	.top_moji_2{height:0;}
	.top_moji_3{height:0;}

.top-image .sow-image-container{
	position:relative;
	text-indent:-9999px;
	z-index:0;
 }
.top-image2 .sow-image-container{
	position:relative;
	text-indent:-9999px;
	z-index:0;
 }	

.noimg{
	position:relative;
  }
	
,top-image2:after{
	clear:both;
}
.mymenu-news dt {
    float: left;
    clear: both;
    width: 25%;
}
.mymenu-news dd {
    margin-left: 27%;
}

}		
	
@media  (max-width:480px){
.site img{padding-left: 5px;padding-top:20px;width:98%;}
.sitenav{
	visibility:hidden;
	height:0;}

.header-inner{padding:0px;
	background-image:none;}
.bread li:last-child {text-indent:-9999px;}

.boxset ul {
    display: table;
    margin: 0;
    padding: 6px;
    list-style: none;
	background-color:#f2f8fd;
	    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.boxset li {
   display: table-cell;
	float: left;
    width: 98%;
	margin:8px;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	/*border:1px solid #CEE4F7;*/
		background-color:#fff;

}

.set-box {
	padding; 4p;}


.boxset li p{
	margin:5px;
	font-size:0.875rem;
	min-height:3em;
	color:black;
}
.boxset li:nth-child(9) {
	height:210px;
}
.box-cap{
	margin:0;
	padding:0;
}
	
.set-box img{
   width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;}
.box-img{
	width:100%;
	height:100px;
    background-size: cover;
    background-position: 50% 50%;
	background-color:#DFDFDF;
}
.contents > h1 {
    font-size: 1.5rem;
}
.kiji h1 {
    font-size: 1.5rem;
}
.gaiyou img {
    float: none;
}
.gaiyou .text {
    margin-left: 10px;
}
}