@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	color: #666;	
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	background: #fff;	
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	border-style:solid;
	border-width: 2px;
	border-color:#E50012;
	font-feature-settings : "palt";
}
a {
	color: #666;
	-webkit-transition: 0.5s;
	transition: 0.5s;	
}
a:hover {
	color: #e50012;
	text-decoration: none;
}

.selector {
  font-feature-settings : "palt";
}

/*header
---------------------------------------------------------------------------*/

header {
	background: linear-gradient(#E50012,#900);
	}

header .inner{
	width:1000px;
	margin: 0 auto;
	}
	
header h1{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	color:#fff;
	padding:0 3px 3px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.35);
	}

header h1 img{
	padding:10px 6px 6px;
	vertical-align:middle;
	}

.pagetit{
	font-size:38px;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	}


/*menu
---------------------------------------------------------------------------*/

#menu-box {
	width: 100%;
	background: linear-gradient(#fff, #f7f7f7);
	border-bottom: 1px solid #ccc;
	box-shadow:0px 5px 5px -2px #ddd;
	-moz-box-shadow:0px 5px 5px -2px #ddd;
	-webkit-box-shadow:0px 5px 5px -2px #ddd;
}

#menu {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	border-left: 1px solid #ccc;
}

#menu li,
#menu-s li {
	float: left;
	width: 20%;
	text-align: center;
}
#menu li:first-child {
	margin-left: 0px;
}
#menu a,
#menu-s a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 10px 0px 0px;	
	color: #333;
	border-right: 1px solid #ccc;
}

#menu span,
#menu-s span {
	display: block;
	font-size: 10px;
	color: #e50012;	
	margin: -5px 0px 0px;
	border-bottom: 3px solid #e50012;
	padding-bottom: 10px;
}

#menu li a:hover ,
#menu li.current a {
	background:#069;	
	color: #fff;	
}
#menu a:hover span {
	color: #fff;
}

#menu-s {
	display: none;
}

#menu_hdr {
	display: none;
}

/*contents
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	padding-top: 20px;
}

#contents .inner {
	width: 1000px;
	margin: 0 auto;
}

/*main
---------------------------------------------------------------------------*/
#main {
	float: left;
	width: 740px;
	padding-bottom: 30px;
	padding-left: 3px;
	overflow: hidden;
}
#main h2 {
	clear: both;
	margin-bottom: 20px;
	font-size: 100%;
	color: #666;
	padding: 8px 15px;
	background: url(../../img/bk_h2.png) no-repeat ;
	position:relative;
}

h2 span a{
	position:absolute;
	right:16px;
	top:7px;
	font-size:13px;
	color:#fff;
	text-decoration: none;
}

#main h3 {
	clear: both;
	margin:15px 0 20px 0;
	font-size: 100%;
	padding: 7px 15px;
	background: #fff;
	border-radius: 3px;
	border: solid 3px #ccc;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

h4.red{
	margin:15px 0 10px;
	padding:5px 10px;
	background: #eee;
	border-radius: 3px;
	border-left:solid 3px #f00;
	border-bottom: solid 1px #ccc;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	}
	
/*mainC1
---------------------------------------------------------------------------*/
#mainC1 {
	float: none;
	width: auto;
	padding-bottom: 30px;
	padding-left: 3px;
	overflow: hidden;
}
#mainC1 h2 {
	clear: both;
	margin-bottom: 10px;
	font-size: 100%;
	color: #666;
	padding: 8px 15px;
	background: url(../../img/bk1000_h2.png) no-repeat ;
	position:relative;
}

#mainC1 h2 span a{
	position:absolute;
	right:16px;
	top:7px;
	font-size:13px;
	color:#fff;
	text-decoration: none;
}

#mainC1 h3 {
	clear: both;
	margin:15px 0 10px;
	font-size: 100%;
	padding: 7px 15px;
	background: #fff;
	border-radius: 3px;
	border: solid 3px #ccc;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

#mainC1 h4.red{
	margin:15px 0 10px;
	padding:5px 10px;
	background: #eee;
	border-radius: 3px;
	border-left:solid 3px #f00;
	border-bottom: solid 1px #ccc;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	}

/*list
---------------------------------------------------------------------------*/
#main section.list {
	margin: 15px 0;
	overflow: hidden;
	padding: 2%;
	background: #fff;
	border: solid 1px #ddd;
	transition: box-shadow .25s;
	  box-shadow:0px 0px 7px 2px #edecec;
	  -moz-box-shadow:0px 0px 7px 2px #edecec;
	  -webkit-box-shadow:0px 0px 7px 2px #edecec;
	  border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
	  position: relative;
	}
#main section.list a {
	background: #fff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	margin: -2.5%;
	padding: 2.5%;
}

#main section.list figure img {
	float: left;
	width: 30%;
	height: auto;
	max-width: 100%;
	margin-right: 4%;
	border: solid 1px #fff;
	border-radius: 3px;
	box-shadow:3px 3px 5px -1px #ddd;
-moz-box-shadow:3px 3px 5px -1px #ddd;
-webkit-box-shadow:3px 3px 5px -1px #ddd;
}

#main section.list h4 {
	font-size: 16px;
	text-align:center;
	color: #fff;
	background-color:#e50012;
	margin-bottom: 10px;
	padding: 7px 10px;
	border-radius: 3px;
	margin-left: 0;
}

#main section.list.compact {
	width: 23.5%;	
	float: left;
	height: 260px;
	margin-left: 3.5%;
}

#main section.list.middle {
	width: 40%;	
	margin-left: 3.5%;
	float: left;	
}
#main section.list.compact a {
	height: 100%;
}

#main section.list.compact p {
	padding: 0px;
	margin-left: 0;
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 5px;
}
#main section.list.compact figure img {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
#main section.list.middle figure img {
	width: 100%;
	text-align:center;
	margin-bottom:10px;
}
#main section.list.middle p.tit {
	font-weight:700;
	border-bottom: solid 1px #ddd;
	padding:0 15px;
}


/*#mainC1 list
---------------------------------------------------------------------------*/
#mainC1 section.list {
	margin: 15px 0;
	overflow: hidden;
	padding: 2%;
	background: #fff;
	border: solid 1px #ddd;
	transition: box-shadow .25s;
	  box-shadow:0px 0px 7px 2px #edecec;
	  -moz-box-shadow:0px 0px 7px 2px #edecec;
	  -webkit-box-shadow:0px 0px 7px 2px #edecec;
	  border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
	  position: relative;
	}
#mainC1 section.list a {
	background: #fff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	margin: -2.5%;
	padding: 2.5%;
}

#mainC1 section.list figure img {
	float: left;
	width: 30%;
	height: auto;
	max-width: 100%;
	margin-right: 4%;
	border: solid 1px #fff;
	border-radius: 3px;
	box-shadow:3px 3px 5px -1px #ddd;
-moz-box-shadow:3px 3px 5px -1px #ddd;
-webkit-box-shadow:3px 3px 5px -1px #ddd;
}

#mainC1 section.list h4 {
	font-size: 16px;
	text-align:center;
	color: #fff;
	background-color:#e50012;
	margin-bottom: 10px;
	padding: 7px 10px;
	border-radius: 3px;
	margin-left: 0;
}

#mainC1 section.list.compact {
	width: 25%;	
	float: left;
	height: 290px;
	margin-left: 3.5%;
}

#mainC1 section.list.compact p {
	padding: 0px;
	margin-left: 0;
	font-size: 13px;
	line-height: 1.4;
	margin:5px 0;
}
#mainC1 section.list.compact figure img {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}


/* itemListBox
---------------------------------------------------------------------------*/
.itemListBox {
	overflow: hidden;
	max-width: 1000px;
	margin: 15px auto 3%;
}
.itemList {
	overflow: hidden;
	clear: both;
	width: 1020px;
}
.itemList li {
	float: left;
     width: 235px;
	margin: 0 13px 10px 0;
	background-color:#dbbc86;
	border-radius:5px;
}
.itemList .tit{
	font-size:16px;
	font-weight:700;
	line-height:1.8em;
	color:#fff;
	padding:6px 12px 0px;
}
.itemList .more{
	font-size:14px;
	line-height:1.6em;
	padding:10px;
	background-color:#fff;
	margin:6px;
	border-radius:5px;
}

/* info
---------------------------------------------------------------------------*/

#info{
	background-color:#efefef;
	padding:16px;
	line-height: 3;
	border-radius: 3px;
	}
	
#Information dl{
	padding-left: 15px;
	margin-bottom: 15px;
	height: 140px;
	overflow: auto;
}

#Information dt {
	font-weight: bold;
	float: left;
	width: 8em;
	border-right: solid 5px #e50012;
	margin-right:16px;
}

#Information dd {
	padding-left: 8em;
	border-bottom: solid 1px #fff;
}

#Information .box {
	padding:16px;
	border-radius:3px;
	background:#f8f5ee;
	margin-bottom:15px;
}

#Information .box span.day{
	color:#f00;
	margin-right:10px;
}

#Information .box span.tit,.day{
	font-size:16px;
	font-weight:700;
}


/*breadcrumb
---------------------------------------------------------------------------*/
.breadcrumb {
        list-style: none;
        overflow: hidden;
		font-size:14px;
        background: #fff;
        border: 1px solid #dedede;	
		margin:6px 0 22px;
		border-radius:5px;
}
.breadcrumb li {
        float: left;
        line-height: 30px;
        text-shadow: 0 1px 0 white;
}
.breadcrumb li a {
        color: #666;
        text-decoration: none;
        padding: 0 10px 0 20px;
        background: #efefef;
        display: block;
        float: left;
}
.breadcrumb li a::after {
        position: relative;
        display: block;
        margin-top: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: #efefef;
        border-right: 1px solid #d6d6d6;
}
.breadcrumb li a::before {
        float: right;
        display: block;
        margin-bottom: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: #efefef;
        border-right: 1px solid #d6d6d6;
}
.breadcrumb li:first-child a {padding-left: 10px;}
.breadcrumb li:last-child {
        padding-left: 20px;
        background: transparent !important;
        color: black;
}
.breadcrumb li a:hover {color: #d31;}

/*sub
---------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 220px;
	padding-left: 3px;
}

#sub h2 {
	font-size: 100%;
	margin-bottom: 10px;
}

#sub h2::first-letter {
	border-left: 3px solid #e50012;
	padding-left: 10px;
}

#sub ul.submenu {
	margin-bottom: 15px;
	border-top: solid 1px #e4e4e4;
}

#sub ul.submenu li {
	background: #fff;
	border-bottom: solid 1px #e4e4e4;
}
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius:3px;	
}
#sub ul.submenu li a:hover {
	background: #006666;
	color: #fff;	
}

#sub .box1 {
	padding: 15px;	
	margin-bottom: 15px;	
	background: #faede5;	
	border: solid 1px #fff;
	-webkit-box-shadow: 0px 0px 1px 1px #fff inset;
	box-shadow: 0px 0px 1px 1px #fff inset;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

#sub .box1 ul.submenu {
	margin-bottom: 0px;
}


/*footer
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: linear-gradient(#4A4A4A, #2B2B2B);
	color: #fff;	
	font-size: 85%;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}

#footermenu {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px;
}

#footermenu ul {
	float: left;	
	width: 18%;
	padding-left: 2%;
}

#footermenu li {
	padding-left: 6%;
}

#footermenu ul li {
	position: relative;
}
#footermenu ul li::after,
#footermenu ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#footermenu ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #999;
	border-radius: 100%;
}
#footermenu ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#footermenu .footerbox {
	float: right;	
	width: 26%;
	background-color:#fff;
	padding: 10px;
	color:#666;
	text-align:right;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 0px 6px 3px #33302d;
	-moz-box-shadow:0px 0px 6px 3px #33302d;
	-webkit-box-shadow:0px 0px 6px 3px #33302d;
}

#copyright {
	clear: both;
	text-align: center;
	background: #e50012;
	padding:20px 0;
}
#copyright a {
	text-decoration: none;
}


/*table
---------------------------------------------------------------------------*/
table {
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #ccc;
}
table th {
  background-color: #faede5;
  text-align: center;
}

table#slide {
	margin:10px 0 30px;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table#slide td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table#slide th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table td.pink{
	 background-color: #faede5;
}

/*
---------------------------------------------------------------------------*/
.bordered {
	margin:10px 0 30px;
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: ５px;
    box-shadow:0px 0px 5px 0px #cccccc;
-moz-box-shadow:0px 0px 5px 0px #cccccc;
-webkit-box-shadow:0px 0px 5px 0px #cccccc;
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 5px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}


/*bottom
---------------------------------------------------------------------------*/
#BtArea a {
	margin: 0 10px 20px;
	padding: 15px 0;
	width: 200px;
	color: #fff;
	font-size: 16px;
	font-weight:700;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	border: #00904a 1px solid;
	background-color: rgba(0, 144, 74,1);
	box-sizing: border-box;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius:6px;
}

#BtArea a:hover {
	color: #00904a;
	background-color: rgba(255,255,255,1);
}

#BtArea a .clickPoint {
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	background: #00904a;
	border-radius: 50%;
	-webkit-animation: clicklEffect 1.5s ease-out;
	-moz-animation: clicklEffect 1.5s ease-out;
	animation: clicklEffect 1.5s ease-out;
}


.button {
	display: inline-block;
	width: 260px;
	height: 50px;
	margin:6px 12px;
	text-align: center;
	position: relative;
	background-color: #f7d034;
	border-radius: 4px;
	color: #fff;
	text-decoration:none;
	font-size: 18px;
	font-weight:700;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #f7ba59;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	top: -2px;
	box-shadow: 0 5px 0 #f7ba59;
	color: #c60019;
}
.button:active {
	top: 3px;
	box-shadow: none;
}


/*pagetop
---------------------------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding:10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*float
---------------------------------------------------------------------------*/
.flL{float:left;}
.flR{float:right;}

/*text
---------------------------------------------------------------------------*/
.caption{font-size:12px;}
.txaL {text-align:left;}
.txaR {text-align:right;}
.txaC {text-align:center;}	
.txtS {font-size:80%;}	
.txtred {color:#f00;}	
.txtwhite {color:#fff;}	
.txt-bk{
	font-size: 1.1em; 
	background-color: #fffacd; 
	padding:4px; 
	}
.fontbold{font-weight:700;}
.font10{font-size:1em !important;}
.font11{font-size:1.1em !important;}
.font12{font-size:1.2em !important;}
.font13{font-size:1.3em !important;}
.font14{font-size:1.4em !important;}
.font15{font-size:1.5em !important;}
.font16{font-size:1.6em !important;}
.font17{font-size:1.7em !important;}
.font18{font-size:1.8em !important;}
.font19{font-size:1.9em !important;}
.font20{font-size:2em !important;}
.font21{font-size:2.1em !important;}
.font22{font-size:2.2em !important;}
.font23{font-size:2.3em !important;}
.font24{font-size:2.4em !important;}

/*span
---------------------------------------------------------------------------*/ 
.span10 {width: 10%;}
.span18 {width: 18%;}
.span20 {width: 20%;}
.span22 {width: 22%;}
.span26 {width: 26%;}
.span30 {width: 30%;}
.span40 {width: 40%;}
.span50 {width: 50%;}
.span60 {width: 60%;}
.span70 {width: 70%;}
.span80 {width: 80%;}
.span90 {width: 90%;}

/*margin
---------------------------------------------------------------------------*/
.mg00 { margin:  0px !important; }
.mg05 { margin:  5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 50px !important; }

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/*padding
---------------------------------------------------------------------------*/
.pd00 { padding:  0px !important; }
.pd05 { padding:  5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 40px !important; }
.pr50 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }


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

header .inner {
	width: auto;
	background: none;
}


#menu {
	width: 100%;
	border: none;
}

#menu li {
	width: 50%;
	margin: 0px;
}
#menu a,
#menu-s a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#contents {
	padding-top: 0px;
}

#contents .inner {
	width: auto;
	margin: 20px;
}

#main, #sub {
	float: none;
	width: auto;
}

/*breadcrumb
---------------------------------------------------------------------------*/
.breadcrumb li a {
        padding: 0 7px 0 10px;
}
.breadcrumb li a::after {
        margin-right: -10px;
        width: 10px;
}
.breadcrumb li a::before {
        margin-right: -10px;
        width: 10px;
}

/*footer
---------------------------------------------------------------------------*/
#footermenu {
	margin-right:30px;
}

#footermenu .footerbox {
	display:none;
	}

}



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

/*header
---------------------------------------------------------------------------*/
body{
	border-style:none;
}

header h1 span{
	font-size:10px;
	display:inline-block;
	}
	
#top header .inner {
	height: 80px;
	-webkit-background-size: contain;	
}
.pagetit{
	font-size:38px;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	text-align:center;
	}
.pagetit img{
	display:none;
	}

#menu-s li {
	width: 100%;
	margin: 0px;
}

#menu-s {
	display: block;
}

#menu {
	display: none;
}

/*ハンバーガーメニュー
---------------------------------------------------------------------------*/
#menu_hdr {
	display: block;
	position: absolute;
	top: 10px;	
	right: 10px;
	width: 30px;	
	border: 1px solid #fff;
	padding: 12px 10px 5px;
	border-radius:5px;
}

#menu_hdr span {
	display: block;
	border-top: 3px solid #fff;	
	margin-bottom: 7px;	
}

/*main
---------------------------------------------------------------------------*/
#main section.list p {
	margin-left: 0;
}
#main section.list figure img {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main section.list h4 {
	margin-left: 0;
}
#main section.list.compact {
	width: 100% !important;
	float: none;
	height: auto;
	margin: 15px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10%;
}

	
/*footer
---------------------------------------------------------------------------*/
#footermenu {
	display: none;
}

/*Information
---------------------------------------------------------------------------*/
section#Information h2{
	color:#fff;
	border-radius:5px;
	box-shadow:0px 5px 5px -2px #ddd;
	-moz-box-shadow:0px 5px 5px -2px #ddd;
	-webkit-box-shadow:0px 5px 5px -2px #ddd;
	}

section#Information h2.open {
	background: #000 url(../../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#Information h2.close {
	background: #e50012 url(../../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*table
---------------------------------------------------------------------------*/
table {
    border-top: 1px solid #999;
	width:100%;
  }

  
/*list
---------------------------------------------------------------------------*/
 .itemList {
	 margin:0;
	 padding:0;
}
.itemList li {
        width: 50%;
    }


/*breadcrumb
---------------------------------------------------------------------------*/
.breadcrumb {
        font-size:12px;
		}
.breadcrumb li a {
        padding: 0 7px 0 10px;
}
.breadcrumb li a::after {
        margin-right: -10px;
        width: 10px;
}
.breadcrumb li a::before {
        margin-right: -10px;
        width: 10px;
}

/*
---------------------------------------------------------------------------*/

.itemList {
	width:200%;
}

}



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

/*header
---------------------------------------------------------------------------*/
#top header .inner {
	height: 250px;
	-webkit-background-size: contain;	/*この１行は古い端末向けの最低限の設定*/
	background: url(../../images/mainimg_s.png) no-repeat center bottom/auto 70%;
}

}