@charset "utf-8";


/* パンくず
----------------------------------------------------------- */
#pan {
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#0A308F;
min-width: 1200px;
}

.bg_product {background-image:url(../images/pan_product.jpg);}
.bg_business {background-image:url(../images/pan_business.jpg)}
.bg_download {background-image:url(../images/pan_download.jpg);}
.bg_contact {background-image:url(../images/pan_contact.jpg);}
.bg_company {background-image:url(../images/pan_company.jpg);}
.bg_privacy {background-image:url(../images/pan_privacy.jpg);}
.bg_information {background-image:url(../images/pan_information.jpg);}
.bg_search {background-image:url(../images/pan_search.jpg);}
.bg_notfound {background-image:url(../images/pan_notfound.jpg);}

.panbox {
width:1200px;
margin:0 auto;
padding: 40px 0 0 0;
height:160px;
text-align:left;
position:relative;
}

.panbox p {
font-size:14px;
padding: 0.3em 0;
margin: 0;
color:#FFF;
}

.panbox p a {
color:#FFF;
}

.panbox h2 {
display:inline-block;
font-size:36px;
font-weight:normal;
line-height: 1.2;
letter-spacing:0.2em;
color:#FFF;
padding: 0;
}


@media screen and (max-width: 768px) {
	#pan {
min-width: 100%;
	background-position:right center;
	background-repeat:repeat,no-repeat;
	}
.bg_product {background-image:url(../images/bg.png),url(../images/pan_product.jpg);}
.bg_business {background-image:url(../images/bg.png),url(../images/pan_business.jpg)}
.bg_download {background-image:url(../images/bg.png),url(../images/pan_download.jpg);}
.bg_contact {background-image:url(../images/bg.png),url(../images/pan_contact.jpg);}
.bg_company {background-image:url(../images/bg.png),url(../images/pan_company.jpg);}
.bg_privacy {background-image:url(../images/bg.png),url(../images/pan_privacy.jpg);}
.bg_information {background-image:url(../images/bg.png),url(../images/pan_information.jpg);}
.bg_search {background-image:url(../images/bg.png),url(../images/pan_search.jpg);}
	.panbox {
	width:90%;
	margin:0 auto;
	height:120px;
	padding: 30px 0 0 0;
	}
	.panbox h2 {
	font-size:22px;
	letter-spacing:0;
	display:block;
	width:100%;
	padding:0;
	text-align:center;
	}
	.panbox p {
	font-size:12px;
	}
}

/* コンテンツ
----------------------------------------------------------- */

.contentsbox {
width:1200px;
margin:0 auto;
padding:2em 0 4em 0;
}

#main {
}


/* メイン
----------------------------------------------------------- */
.mainbox {
width:1080px;
margin:2em auto 0 auto;
text-align:left;
overflow:hidden;
}

.mainbox h3 {
clear:both;
font-size:24px;
font-weight:700;
line-height:1.4;
color:#0A308F;
padding:0.5em 1em 0.5em 1.2em;
margin:2.5em 0 1em 0;
background-color:#F2F2F2;
border:1px solid #CCC;
background-image:url(../images/img_line_h3.png);
background-repeat:no-repeat;
background-position:8px 0.6em;
}

.mainbox h3 span {
display:inline-block;
padding:0 0 0 0.5em;
border-left:6px solid #0A308F;
}

.mainbox h3:first-child {
border:none;
padding:0;
margin:0 0 1em 0;
background-color:#FFF;
font-size:34px;
background-image:none;
}

.mainbox h4 {
clear:both;
font-size:20px;
color:#333;
padding:0 0 0.5em 0;
margin:2em 0 1em 0;
border-bottom:1px dotted #666;
}

.mainbox h4.catch {
font-size:24px;
font-weight:normal;
line-height:1.4;
border:none;
margin:2em 0 0 0;
}

.mainbox h3 + h4 {
margin:0 0 1em 0;
}

.mainbox h5 {
font-size:16px;
font-weight:normal;
display:inline-block;
min-width:260px;
color:#FFF;
padding:0.2em 2em;
margin: 1em 0 0.5em 0;
text-align:center;
background-color:#479CD7;
}

.mainbox h6 {
font-size:16px;
margin:1em 0 0.7em 0;
}

.mainbox h5 span {
display:block;
}

.day { text-align:right;}

.name {
text-align:right;
font-size:20px;
margin-top:2em;
}

.name strong {
font-size:24px;
}


blockquote {
border:1px solid #CCC;
background-color:#F2F2F2;
padding:1em 1.5em 0 1.5em;
margin:0 0 1em 0;
}

.textcenter { text-align:center; }

.aligncenter{
    max-width:100%;
    margin:0 auto 1em auto;
    vertical-align: bottom;
    display:block;
}

.alignright {
    float:right;
    max-width:500px;
    padding: 5px;
    margin:0 0 1em 2em;
    border: 1px solid #DDD;
    vertical-align: bottom;
}

.alignleft {
    float:left;
    max-width:500px;
    padding: 5px;
    margin:0 2em 1em 0;
    border: 1px solid #DDD;
    vertical-align: bottom;
}

.linkbt {
margin:2em 0 1em 0;
text-align:center;
}

.linkbt a {
display:inline-block;
padding:1em 5em;
text-align:center;
text-decoration:none;
color:#FFF;
background-color:#0A308F;
background-image: url(../images/img_bg_blue.png);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

.linkbt a:hover {
background-color:#333;
background-image:none;
}


.linkbt2 {
margin:2em 0 1em 0;
text-align:center;
}

.linkbt2 a {
display:inline-block;
padding:1em 5em;
text-align:center;
text-decoration:none;
color:#FFF;
background-color:#0A308F;
background-image: url(../images/img_bg_green.png);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

.linkbt2 a:hover {
background-color:#333;
background-image:none;
}

p.tel {
font-size:30px;
font-weight:700;
line-height:1.4;
color: #6EB92B;
margin:0 0 0.5em 0;
}

@media screen and (max-width: 768px) {
	.contentsbox {
	width:100%;
	margin:0 auto;
	padding:1.2em 0 1em 0;
	}
	.mainbox {
	width: 90%;
	margin: 0 auto;
	}
	.mainbox h3 {
	font-size:18px;
	margin:2em 0 1em 0;
	background-position:8px 0.35em;
	}
	.mainbox h3:first-child {
	margin: 1em 0;
	font-size: 22px;
	}
	.mainbox h4 {
	font-size:18px;
	}
	.mainbox h4.catch {
	font-size:20px;
	}
	.mainbox h5 {
	display:block;
	padding: 0.2em 1em;
	}
	.mainbox h5 span {
	display:inline-block;
	}
	.name {
	font-size:15px;
	}
	.name strong {
	font-size:18px;
	}
	.linkbt a {
	display:block;
	font-size:14px;
	padding:1em 2em;
	}
	.alignright {
	float:none;
	display:block;
	max-width:100%;
	margin:0 0 1em 0;
	border:none;
	}
	.alignleft {
	float:none;
	display:block;
	max-width:100%;
	margin:0 0 1em 0;
	border:none;
	}
	p.tel a {
	color:#6EB92B;
	}
}


/*　リスト系
-------------------------------------------------*/

.mainbox ul {
padding:0 0 0 26px;
margin:0 0 1em 0;
overflow:hidden;
}

.mainbox ul li {
list-style-type:disc;
}

/* ボタン3並び */


.mainbox ul.ulbt li {
list-style-type:none;
width:30%;
margin:0 1% 1.3em 1%;
display:inline-block;
text-align:left;
}

.mainbox ul.ulbt li a {
display:block;
font-size:18px;
padding:1.2em 0 1em 2em;
    text-decoration: none;
background-color: #FFF;
border: 1px solid #EEE;
    border-left: solid 6px #0A308F;/*左線*/
color: #0A308F; /*文字色*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.mainbox ul.ulbt li a:hover {
color:#FFF;
background-image: url(../images/img_bg_blue.png);
    background-repeat: repeat-x;
    background-position: center top;
}


/* ボタン3並び：画像 */

.mainbox ul.ulbtimg {
margin-top:5em;
padding:0;
display: inline-block;
}

.mainbox ul.ulbtimg li {
list-style-type:none;
width:33%;
margin:0 0 2px 0;
display:inline-block;
vertical-align:middle;
text-align:center;
font-size:36px;
font-weight:700;
}

.mainbox ul.ulbtimg li a {
display:block;
color:#FFF;
height:200px;
padding-top: 24px;
text-decoration:none;
border-radius:6px;
text-shadow:2px 2px 2px #000;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}

.mainbox ul.ulbtimg li.ulbtimg01 a {
background-image:url(../images/business_bt01.jpg);
background-repeat:no-repeat;
background-position:none;
background-size:cover;
}

.mainbox ul.ulbtimg li.ulbtimg01 a:hover {
background-image:url(../images/business_bt01on.jpg);
background-repeat:no-repeat;
background-position:none;
}

.mainbox ul.ulbtimg li.ulbtimg02 a {
background-image:url(../images/business_bt02.jpg);
background-repeat:no-repeat;
background-position:none;
background-size:cover;
}

.mainbox ul.ulbtimg li.ulbtimg02 a:hover {
background-image:url(../images/business_bt02on.jpg);
background-repeat:no-repeat;
background-position:none;
}

.mainbox ul.ulbtimg li.ulbtimg03 a {
background-image:url(../images/business_bt03.jpg);
background-repeat:no-repeat;
background-position:none;
background-size:cover;
}

.mainbox ul.ulbtimg li.ulbtimg03 a:hover {
background-image:url(../images/business_bt03on.jpg);
background-repeat:no-repeat;
background-position:none;
}

/* ボタン2並び */

.mainbox ul.ulbt2 {
text-align:center;
}

.mainbox ul.ulbt2 li {
list-style-type:none;
width:46%;
margin:0 0.5% 0.8em 0.5%;
display:inline-block;
text-align:center;
}

.mainbox ul.ulbt2 li a {
display:block;
border:1px solid #CCC;
padding:1.2em 0 1em 0;
color:#FFF;
font-size:18px;
text-decoration:none;
}

@media screen and (max-width: 768px) {
	.mainbox ul.ulbt {
	padding:0;
	}
	.mainbox ul.ulbt li {
	width:100%;
	display:block;
	margin:0 0 0.5em 0;
	text-align:left;
	}
	.mainbox ul.ulbt li a {
	padding:0.1em 1em;
	font-size:16px;
	}
	.mainbox ul.ulbtimg li {
	list-style-type:none;
	width:100%;
	margin:0 0 4px 0;
}
	.mainbox ul.ulbt2 {
	padding:0;
	}
	.mainbox ul.ulbt2 li {
	width:100%;
	display:block;
	margin:0 0 0.5em 0;
	text-align:left;
	}
	.mainbox ul.ulbt2 li a {
	padding:0.1em 1em;
	font-size:16px;
	}
}

.mainbox ul.ulbt2 li.libt02 a {
background-image: url(../images/img_bg_green.png);
background-repeat:repeat-x;
background-position:center top;
}

.mainbox ul.ulbt2 li.libt03 a {
background-image: url(../images/img_bg_yellow.png);
background-repeat:repeat-x;
background-position:center top;
}

.mainbox ul.ulbt2 li a:hover {
color:#FFF;
background-color:#0A308F;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}

.mainbox ol.olabc li {
list-style-type: upper-latin;
}

.mainbox dl.dl50 {
overflow:hidden;
}

.mainbox dl.dl50 dt {
width:46%;
float:left;
}

.mainbox dl.dl50 dd {
width:50%;
float:right;
text-align:left;
}

@media screen and (max-width: 768px) {
	.mainbox dl.dl50 dt {
	width:100%;
	float:none;
	}
	.mainbox dl.dl50 dd {
	width:100%;
	float:none;
	}
}

.mainbox dl.dl50 dd h5 {
display:block;
}

.mainbox dl.dl50 dd th {
width:30%;
font-size:14px;
padding: 8px 14px;
}

.mainbox dl.dl50 dd td {
width:70%;
font-size:14px;
padding: 8px 14px;
}

@media screen and (max-width: 768px) {
	.mainbox dl.dl50 dd th {
	display:table-cell;
	width:40%;
	border:none;
	background-color:#F2F2F2;
	border: 1px solid #CCC;
	}
	.mainbox dl.dl50 dd td {
	display:table-cell;
	width:60%;
	border: 1px solid #CCC;
	}
}

/*　INFORMATION
-------------------------------------------------*/

.informationbox dl {
overflow:hidden;
padding:0.8em 0;
border-bottom:1px dotted #777;
}

.informationbox dt {
width:20%;
float:left;
font-size:16px;
line-height:1.4;
}

.informationbox dt span {
width:100px;
display:block;
float:right;
color:#FFF;
font-size:14px;
line-height:1.4;
text-align:center;
background-color:#C1272D;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.informationbox dt span.topics {
background-color:#009124;
}

.informationbox dt span.news {
background-color:#0499CC;
}

.informationbox dd {
float:right;
width:76%;
text-align:left;
font-size:16px;
line-height:1.4;
}

.pagefooter {
clear:both;
margin:3em 0 0 0;
}

.pagefooter ul {
overflow:hidden;
text-align:center;
}

.pagefooter ul li {
display:inline-block;
background-image:none;
padding:0;
}

.pagefooter ul li a {
background-color:#FFF;
border:1px solid #777;
padding:0.3em 1em;
text-decoration:none;
}

@media screen and (max-width: 768px) {
	.informationbox {
	width:90%;
	margin:0 auto;
	padding:2em 0 ;
	text-align:left;
	}
	.informationbox dt {
	width:100%;
	float:none;
	font-size:14px;
	}
	.informationbox dd {
	width:100%;
	float:none;
	font-size:14px;
	}
}

/* テーブル------------------------------ */

.mainbox table {
width:100%;
margin:0 auto 1em auto;
}


.mainbox th {
width:24%;
text-align:left;
font-weight:normal;
padding:12px 20px;
border:1px solid #CCC;
background-color:#F2F2F2;
}

.mainbox th span {
display:block;
float:right;
font-size:14px;
color:#FFF;
padding:0 1em;
background-color:#C1272D;
}

.mainbox td {
width:76%;
text-align:left;
padding:12px 20px;
background-color:#FFF;
border:1px solid #CCC;
}

.mainbox td input.wpcf7-text {
width:60%;
}

.mainbox td textarea {
width:100%;
height:300px;
}

.formbt {
text-align:center;
}

.formbt input {
display:inline-block;
padding:0.8em 2em;
text-align:center;
}


/* テーブル2列 */

.mainbox table.t50 td {
width:50%;
padding:0 1em 0 0;
border:none;
vertical-align:top;
}

.mainbox table.t50 td:nth-of-type(2) {
padding: 0 0 0 1em;
}

.mainbox table.t50 td h4 {
margin:0 0 1em 0;
border:none;
}

.mainbox table.t50 td h5 {
display:block;
}

/* テーブル3列 */

.mainbox table.t30 td {
width:33.33%;
text-align:center;
vertical-align:top;
}

.mainbox table.t30 td h5 {
display:block;
margin:0.5em 0 ;
}

.mainbox table.t30 td p {
margin:0;
text-align:left;
}


/* テーブル3列 線なし */

.mainbox table.t30none td {
width:33.33%;
text-align:center;
vertical-align:top;
}

.mainbox table.t30none td h5 {
display:block;
margin:0.5em 0 ;
padding: 0.2em 1em;
}

.mainbox table.t30none td h5 strong {
display:block;
font-weight:normal;
}


.mainbox table.t30none td h5.h5height {
height:70px;
}

.mainbox table.t30none td p {
margin:0;
text-align:left;
}
.mainbox table.t30none td h5.h5height.op1 {
    padding-top: 20px;
}

/* テーブル4列 */

.mainbox table.t25 td {
width:25%;
text-align:center;
}

.mainbox table.t25 td p {
margin:0;
}


/* ダウンロード */

.downloadbox dl {
width:100%;
overflow:hidden;
border:none;
border-bottom:1px dotted #666;
}

.downloadbox dt {
width:70%;
display:block;
float:left;
border:none;
padding:1em 0 0.5em 3em;
margin:0;
background-color:#FFF;
background-image:url(../images/img_pdf.png);
background-repeat:no-repeat;
background-position:0 1.1em;
}

.downloadbox dd {
width:30%;
display:block;
float:right;
border:none;
padding:0.5em 0 0.5em 0;
margin:0;
text-align:right;
}

.downloadbox dd img {
vertical-align:bottom;
}

.downloadbt_sp {
display:none;
}

@media screen and (max-width: 768px) {
	.mainbox table {
	border:none;
	border-spacing: 0;
	}
	.mainbox th {
	display:block;
	font-size:14px;
	font-weight:700;
	width:100%;
	border:none;
	padding:0.5em 1em;
	text-align:left;
	background-color:#F2F2F2;
	}
	.mainbox td {
	display:block;
	font-size:14px;
	width:100%;
	border:none;
	padding:0.5em 0 1em 0;
	}
	.productbox th {
	width:40%;
	display:table-cell;
	border:1px solid #CCC;
	}
	.productbox td {
	width:60%;
	display:table-cell;
	border:1px solid #CCC;
	padding: 0.5em 1em;
	}
	.mainbox table.t50 td {
	width:100%;
	padding:0;
	display:block;
	}
	.mainbox table.t50 td:nth-of-type(2) {
	padding: 0;
	}
	.mainbox td input.wpcf7-text {
	width:100%;
	}
	.mainbox table.t30 td {
	width:100%;
	display:block;
	border:none;
	padding:0 0 1em 0;
	}
	.mainbox table.t30none td {
	width:100%;
	display:block;
	border:none;
	padding:0 0 1em 0;
	}
	.mainbox table.t30none td h5 strong {
	display:inline-block;
	}
	.mainbox table.t30none td h5.h5height {
	height:auto;
	}
	.mainbox table.t25 td {
	width:100%;
	display:block;
	border:none;
	padding:0 0 1em 0;
	}
	.downloadbox dt {
	padding:0.5em 0 0.5em 3em;
	line-height:1.4;
	background-position:0 0.3em;
	}
	.downloadbt {
	display:none;
	}
	.downloadbt_sp {
	display:block;
	}
}

/*--------------------------------------------
事業内容
----------------------------------------------*/
.businessbox dl.flow01 {
display:table;
width:100%;
margin:0 ;
padding:0 0 40px 0;
background-image: url(../images/arrow_blue.png);
background-repeat:no-repeat;
background-position:left bottom;
}

.businessbox dl.flow01 dt {
width:200px;
display:table-cell;
color:#FFF;
text-align:center;
background-image: url(../images/img_bg_blue.png);
background-repeat:repeat-x;
background-position:center top;
padding:0.5em 0;
vertical-align:middle;
}

.businessbox dl.flow01 dd {
display:table-cell;
padding:0.5em 2em;
border:1px solid #CCC;
}

.businessbox dl.flow02 {
display:table;
width:100%;
margin:0 ;
padding:0 0 40px 0;
background-image: url(../images/arrow_green.png);
background-repeat:no-repeat;
background-position:left bottom;
}

.businessbox dl.flow02 dt {
width:200px;
display:table-cell;
color:#FFF;
text-align:center;
background-image: url(../images/img_bg_green.png);
background-repeat:repeat-x;
background-position:center top;
padding:0.5em 0;
vertical-align:middle;
}

.businessbox dl.flow02 dd {
display:table-cell;
padding:0.5em 2em;
border:1px solid #CCC;
}

.businessbox dl.flow03 {
display:table;
width:100%;
margin:0 ;
padding:0 0 40px 0;
background-image: url(../images/arrow_yellow.png);
background-repeat:no-repeat;
background-position:left bottom;
}

.businessbox dl.flow03 dt {
width:200px;
display:table-cell;
color:#FFF;
text-align:center;
background-image: url(../images/img_bg_yellow.png);
background-repeat:repeat-x;
background-position:center top;
padding:0.5em 0;
vertical-align:middle;
}

.businessbox dl.flow03 dd {
display:table-cell;
padding:0.5em 2em;
border:1px solid #CCC;
}

.businessbox dl.flow04 {
display:table;
width:100%;
margin:0 0 2em 0;
}

.businessbox dl.flow04 dt {
width:200px;
display:table-cell;
color:#FFF;
text-align:center;
background-image: url(../images/img_bg_yellow.png);
background-repeat:repeat-x;
background-position:center top;
padding:0.5em 0;
vertical-align:middle;
}

.businessbox dl.flow04 dd {
display:table-cell;
padding:0.5em 2em;
border:1px solid #CCC;
}

.businessbox dl.dlphoto {
width:100%;
overflow:hidden;
margin:0 0 1em 0;
}

.businessbox dl.dlphoto dt {
float:left;
width:30%;
}

.businessbox dl.dlphoto dd {
float:right;
width:66%;
}

.businessbox dl.dlphoto dd h5 {
margin:0 0 1em 0;
}

@media screen and (max-width: 768px) {
	.businessbox dl.flow01,
	.businessbox dl.flow02,
	.businessbox dl.flow03 {
	display:block;
	background-position:center bottom;
	}
	.businessbox dl.flow04 {
	display:block;
	}
	.businessbox dl.flow01 dt,
	.businessbox dl.flow02 dt,
	.businessbox dl.flow03 dt,
	.businessbox dl.flow04 dt {
	width:100%;
	display:block;
	}
	.businessbox dl.flow01 dd,
	.businessbox dl.flow02 dd,
	.businessbox dl.flow03 dd,
	.businessbox dl.flow04 dd {
	width:100%;
	display:block;
	}
	.businessbox dl.dlphoto dt {
	float:none;
	width:100%;
	display:block;
	}
	.businessbox dl.dlphoto dd {
	float:none;
	width:100%;
	display:block;
	}
}

/*--------------------------------------------
製品情報
----------------------------------------------*/

.productbox {
overflow:hidden;
}

.productbox section {
    width: 31.33%;
    float: left;
    padding: 5px;
    margin: 0 1% 1em 1%;
    border: 1px solid #CCC;
    background-color: #FFF;
    box-shadow: 4px 4px 3px #CCC;
}


.productbox dl {
overflow:hidden;
}

.productbox dt {
height:200px;
overflow:hidden;
text-align:center;
}

.productbox dd {
padding:0.5em 1em;
text-align:left;
height:80px;
line-height:1.5;
}

.productbox ul li {
border-bottom:1px solid #CCC;
padding:0.8em 0;
}

.ftext {
padding: 0 3em 2em 3em;
margin: 2em 0 1em 0;
border:3px solid #CCC;
}

.ftext h4 {
color:#0A308F;
padding:0 0 0.5em 0;
margin:2em 0 0.5em 0;
}

.wp-caption {
float:left;
}

@media screen and (max-width: 768px) {
	.productbox img {
	display:block;
	margin:0 auto 1em auto;
	}
	.productbox section {
	width: 100%;
	margin:0 0 1em 0;
	}
	.productbox section:nth-of-type(3n)  {
	width: 100%;
	margin:0 0 1em 0;
	}
	.productbox dd {
	text-align:left;
	height:auto;
	}
	.ftext {
	padding: 0 1.2em 1em 1.2em;
	}
	.ftext h4 {
	margin:1em 0 0.2em 0;
	}
	.wp-caption {
	float: none;
 	display: block;
	margin: 0 auto;
	}
}



/*--------------------------------------------
検索
----------------------------------------------*/
.searchbox a {
color:#333;
text-decoration:none;
}

.searchbox a section {
border:1px solid #CCC;
padding: 1.5em 2em;
margin:0 0 6px 0;
}

.searchbox a:hover section {
background-color:#CCC;
}

.searchbox a section h4 {
font-size:24px;
line-height:1.4;
margin:0 ;
border:none;
color:#333;
}

.searchbox a:hover {
background-color:#CCC;
}

/*--------------------------------------------
NOT FOUND
----------------------------------------------*/
.sitemapbox {
width:31%;
float:left;
margin:0 2% 0 0 ;
min-height:250px;
}

.sitemapbox h4 span {
margin:0 0 0 1em;
font-size:16px;
}

@media screen and (max-width: 768px) {
	.sitemapbox {
	width:100%;
	display:block;
	float:none;
	margin:0 0 1em 0;
	min-height:auto;
	}
}

/*--------------------------------------------
ページング
----------------------------------------------*/
#pagefooter,.mainbox ul.pagination {
clear:both;
padding:3em 0 2em 0;
line-height:2.5em;
text-align:center;
}

.mainbox ul.pagination {
padding:0;
}

.mainbox ul.pagination li {
list-style-type:none;
float:left;
}

.mainbox ul.pagination li.active {
background-color:#0A308F;
border:1px solid #DDD;
text-decoration:none;
padding:0 14px;
margin:0 1px;
}

.mainbox ul.pagination li a {
color:#FFF;
background-color:#0A308F;
border:1px solid #DDD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
}

#pagefooter a {
color:#FFF;
background-color:#0A308F;
border:1px solid #DDD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
}

.mainbox ul.pagination li a {
color:#FFF;
background-color:#0A308F;
border:1px solid #DDD;
text-decoration:none;
margin:0 1px;
text-decoration:none;
}

#pagefooter a:hover,.mainbox ul.pagination a:hover {
color:#FFF;
background-color:#666;
}

.wp-pagenavi span.current {
padding:8px 14px;
background-color:#666;
}

.current {
color:#000;
border:1px solid #DDD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
background-color:#8EC31F;
}

#pagefooter a.prev,#pagefooter a.next  {
color:#FFF;
background-color:#666;
}

#pagefooter a.prev:hover,#pagefooter a.next:hover  {
background-color:#EEE;
}
/* トップページメッセージ ------------------------ */

#modal-main {
  display: none;
  width: 500px;
  height: 300px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #333;
  position:fixed;
  z-index: 1100;
  text-align:center;
}
/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
  height:100%;
  background-color:#333;
	opacity: 0.5;
  position:fixed;
  top:0;
  left:0;
  z-index: 1005;
}
#modal-main h1{
	font-size: 16px;
  color: #ff0000;
 }
#modal-main h2{
 /* margin:1em 0 0em 0; */
 }
 #modal-main img{
margin-top: 1em;
  }

#modal-main ul{
 display:inline-block;
 margin:1em auto;
 padding-left:10px;
 }
#modal-main ul li{
 display:inline-block;
 margin-right:10px;
 }

#modal-main ul li a{
 display:block;
 padding:10px 50px;
 text-decoration:none;
 text-align:center;
 }
#modal-main ul li a:hover{
 background-color:#9cc;
 }
#modal-main li.yes a{
 background-color:#f00;
 color:#fff;
 }
#modal-main li.no a{
 background-color:#333;
 color:#fff;
 }
@media screen and (max-width: 768px) {
	.top_information {
	top: 0;
	left: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	max-width: 100%;
	}

	.firstMessage_content {
		width: 100%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 20px 40px;
	}

	.firstMessage_title {
	font-size: 20px;
	}

	.firstMessage_body p{
		font-size: 12px;
	}

	.no {
		margin-top: 14px;
	}
}