/*
Theme Name: heidi2022
Theme URI: https://www.heidi-corp.jp/
Author: heidi
Author URI: http://www.heidi-corp.jp/
Description: 株式会社HEIDI
Version: 1.0
Text Domain: heidi-corp.jp
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.15 !important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
		background-color: #FFF !important;
}

body {
	margin: 0;
	background-color: #FFF !important;
}

.pace-running .wrap {
            display:block!important;
        }

#page {
            display:block!important;
        }

.contentsCenter {
text-align:center;	
}

.categoryName {
list-style: none !important;	
text-align: right !important;
margin-top: 0px !important;	
margin-bottom: -50px !important;
float:right !important;
font-size:80% !important;
}

#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
border-bottom:1px solid #f2f2f2 !important;
}

.imageSize820{
width:820px !important;
display:block;
margin:0 auto;
}

.newsBox {
margin:20px auto 50px auto;
}

.accessMessage {
font-size:90% !important;
line-height:150%;
margin-top:-15px !important;
color:#666 !important;	
}

.grid {
  display: grid;
  gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.item {
 border-radius: 2px;
 background: #FFF;
 padding: 0;
 border:solid 1px #ccc;
 line-height:130%;
}

.item img {
 width: 100%;
 height: auto;
}

.itemText {
 font-size:90%;
 text-align: left !important;
 margin:0 13px 20px 13px !important;
}


.gridArchive {
  display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.itemArchive {
 border-radius: 2px;
 background: #FFF;
 padding: 0;
 border:solid 1px #ccc;
 line-height:130%;
 width:40%;
}

.itemArchive img {
 width:100%;
 height: auto;
}

.itemArchiveText {
 font-size:90%;
 text-align: left !important;
 margin:0 13px 20px 13px !important;
}


.submenu {
	font-size:0.8em;
	margin: -20px 0 65px 0 !important;
	}

.submenu a {
	color:#04113F !important;
	}

.submenu a:hover {
	color:#B20C09 !important;
	}

#marketing{
	margin-top:-100px;
	padding-top:100px;
}

#supervision{
	margin-top:-100px;
	padding-top:100px;
}

#consulting01{
	margin-top:-100px;
	padding-top:100px;
}

#consulting02{
	margin-top:-100px;
	padding-top:100px;
}

#citytype{
	margin-top:-100px;
	padding-top:100px;
}

#staytype{
	margin-top:-100px;
	padding-top:100px;
}

#compoundtype{
	margin-top:-100px;
	padding-top:100px;
}

#suburbtype{
	margin-top:-100px;
	padding-top:100px;
}
	
	

.btn-border022 {
	display: block;
	width: 99% !important;
	text-align: center !important;
	margin:0px 0.5% 20px 0.5%;
	background-color: #B20C09;
	border: 2px solid #B20C09;
	font-size: 120%;
	color: #FFF;
	text-decoration: underline !important;
	font-weight: bold !important;
	padding: 35px 0 35px 0 !important;
	border-radius: 2px;
	transition: 0.5s;
}

.btn-border022:hover {
background-color: #F0CECE;
border-color: #F0CECE;
color: #B20C09;
	transition: 0.5s;
}

ol {
margin:0 !important;
padding-left: 0px;
}

ol li {
list-style:decimal;
line-height:180%;
padding-bottom:10px;
padding-left: 0px !important;
margin-left:0px !important;
margin-bottom:5px;
}

ol > li {
  margin: 0 0 20px 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

.btnBox {
width:100%;	
display: flex;
margin-top:45px;
}

.btn-border02 {
	display: inline-block;
	width: 240px;
	text-align: center !important;
	margin:15px auto 25px auto;
	background-color: #B20C09;
	border: 2px solid #B20C09;
	font-size: 100%;
	color: #FFF;
	text-decoration: none !important;
	font-weight: normal;
	padding: 12px 18px;
	border-radius: 2px;
	transition: 0.5s;
}

.btn-border02:hover {
background-color: #FAE3DF;
border-color: #FAE3DF;
color: #B20C09;
transition: 0.5s;
}



table {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
border-collapse:separate;border-spacing:0;
}

.greetingMsg{
text-align:right;
line-height:140% !important;
margin-top:10px;
font-size:90%;
font-weight:normal !important;
}

@font-face {
	font-family: 'DINCondensed-Bold';
	src: url('https://www.naeba1961.com/font/DINCondensed-Bold.ttf') format("truetype");
}


.infoBox {
background-color:#FAFCFE;
padding:20px 20px 15px 20px;
border:1px solid #EFEBE2;
margin:0 0 30px 0;
text-align:left;
font-size:80%;
line-height:190%;
}

.InfoBoxForm {
background-color: #F2F3F5 !important;
padding:20px 30px 0 30px;
border:1px solid #ECEAEF;
margin:10px 0 30px 0 !important;
text-align:left;
line-height:170% !important;
font-size:100%;
}


.infoBoxRe{
		font-size:420%;
		margin:30px auto 10px auto;
		font-weight:bold;
		font-family: DINCondensed-Bold !important;
}

.infoBoxh2{
		font-size:220%;
		margin:10px auto 10px auto;
		font-weight:bold;
		font-family: DINCondensed-Bold !important;
}

.infoBoxTittle{
		text-align:center;
}

.menuLogo {
	margin:30px auto 10px auto !important;
}

.imgsign{
	margin:-15px 0 -15px 0 !important;
	}

.flex {
display: flex;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height:100px;
margin-bottom: 10px;
margin-top: 10px;
}
 
hr.tab-r-line {
position: relative;
top: calc(25% - 1px);
margin: 0 10px;
border: none;
border-top: dotted 2px #CCC;
}

.flexNon {
display: flex;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}
 
hr.tab-r-line02 {
position: relative;
top: calc(50% - 1px);
margin: 0 10px;
border: none;
border-top: dotted 2px #CCC;
}
 
ul.tab-reader{
margin-bottom: 40px !important;
}

.tab-reader-box1 {
	font-weight:normal;
	font-size: 0.9rem;
}

.tab-reader-box2 {
flex: auto;
}




.accessmap {
text-align:left;
}

.youtube {
  position: relative;
  width: 100%;
padding-top: 56.25%;
margin-bottom:15px;
margin-top:15px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.gmap {
  position: relative;
  width: 100%;
padding-top: 56.25%;
margin-bottom:15px;
margin-top:0px;
}

.gmap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.YouTubeBox {
  position: relative;
  width: 50%;
padding-top: 28.125%;
margin-bottom:15px;
margin-top:15px;
}

.YouTubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 50% !important;
  height: 50% !important;
}

.headerTitle {
display: inline-block !important;
font-size:32px !important;
font-weight:bold !important;
color:#004C96 !important;
transform : scale(1, 0.95) !important;
line-height : 1em !important;
letter-spacing: 0em !important;
text-align:center !important;
margin: 10px auto 0 auto !important;
}

.headerTitle span {
font-size:15px !important;
font-weight:normal !important;
color:#004C96 !important;
letter-spacing: 1em !important;
}

.messageTitle {
margin: 15px 0 10px 0;
font-weight:bold;
font-size:130% !important;
color:#000 !important;
}

.notice {
	color:#CC0000 !important;
}

.bnr li {
display: inline;
list-style-type: none;
padding:0 22px 0 22px;
}

.social {
height: 64px;
margin: 24px 0 0 0;
padding: 8px 0 8px 0;
}

.social_inner {
position: relative;
left: 50%;
float: left;}
.facebook,
.twitter,
.line {
position: relative;
left: -50%;
float: left;
margin: 0 8px 0 8px;}
.facebook {width: 59px;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.twitter {width: 61px;}
.line {width: 64px;
	margin: 0 0 0 0px;}


.message {
	font-size: 1.15rem;
	margin:20px 0 0 0;
	font-weight:bold;
}

.message02 {
	font-size: 1.05rem;
	margin:0;
	padding:0 0 0 0;
}

.news {
	font-size: 1.15rem;
	margin:20px 0 0 0;
	font-weight:bold;
	text-align:left;
}

.news02 {
	font-size: 1.0rem;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	color:#333;
}

.eng02 {
	font-size: 0.8rem;
	margin:-12px 0 0 0;
	padding:0;
	text-align:left;
	font-weight:normal !important;
	color:#999;
}

.eng03 {
	font-size: 0.9rem;
	margin:-6px 0 4px 0;
	padding:0;
	text-align:left;
	font-weight:normal !important;
	color:#999;
}

.tab-reader-box3 {
	margin-top:9px;
}

.news03 {
	font-size: 1.05rem;
	margin:0;
	padding:0;
	text-align:left;
}

.newsImage {
display:block;
float:left;	
margin-right:15px;
margin-bottom:15px;
}

.newsCenter {
display:block;
float:none;	
margin:15px auto 15px auto;
}

.dateText {
		font-family: 'base4';
}


/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-page {
    display:block !important;
    width:100%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    height:600px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}

.contactInfo {
background-color:#F9F9F9;
padding:20px 20px 15px 20px;
border:1px solid #ccc;
margin:40px 0 30px 0;
text-align:left;
}

.accessInfo {
background-color:#F9F9F9;
padding:16px 20px 17px 20px;
border:1px solid #ccc;
margin:0 0 15px 0;
text-align:left;
}

.snsBox5 {
display:block;
margin:0 auto 0 auto;
width:20%;
padding:0 3% 0 3%;
float:left;
}

.snsBox4 {
display:block;
margin:0 auto 0 auto;
width:25%;
padding-left: 8px !important;
padding-right: 8px !important;
padding-bottom: 10px !important;
float:left;
font-size:90%;
line-height:160%;
}

.snsBox3 {
display:block;
margin:0 auto 0 auto;
width:33%;
padding:0 0.5% 3px 0.5%;
float:left;
font-size:90%;
line-height:150%;
}

.snsBox2 {
display:block;
margin:0 auto 0 auto;
width:50%;
padding:0 0.5% 3px 0.5%;
float:left;
font-size:90%;
line-height:160%;
text-align:center;
}

.worksBox2imgL {
display:block;
margin:0 auto 0 auto;
width:50%;
padding:0;
float:left;
font-size:90%;
line-height:160%;
text-align:left;
}

.worksBox2imgR {
display:block;
margin:0 auto 0 auto;
width:50%;
padding:0;
float:right;
font-size:90%;
line-height:160%;
text-align:left;
}

.worksBox2txtL {
display:block;
margin:0 auto 0 auto;
width:50%;
min-height:335px;
padding:3%;
float:left !important;
font-size:90%;
line-height:160%;
text-align:left;
background-color:#E8E0E6;
}

.worksBox2txtR {
display:block;
margin:0 auto 0 auto;
width:50%;
min-height:335px;
padding:3%;
float:right !important;
font-size:90%;
line-height:160%;
text-align:left;
background-color:#CDCFD9;
}

.worksBox2txtLL {
display:block;
margin:0 auto 0 auto;
width:50%;
height:auto;
padding:3%;
float:left !important;
font-size:110%;
line-height:180%;
text-align:left;
}

.worksBox2txtNEW {
display:block;
margin:0 auto 0 auto;
width:50%;
min-height:200px;
padding:3%;
float:right !important;
font-size:90%;
line-height:180%;
text-align:left;
}

.worksBox100 {
width:100%;
overflow:auto;
background-color:#E8E0E6 !important;
margin-bottom:20px !important;
}

.worksBox200 {
width:100%;
overflow:auto;
background-color:#CDCFD9 !important;
margin-bottom:20px !important;
}


.snsBoxR {
display:block;
margin:0 !important;
width:49% !important;
padding:0 0 0 0 !important;
float:right;
font-size:100%;
line-height:150%;
}

.snsBoxL {
display:block;
margin:0 !important;
width:49% !important;
padding:0 0 0 0 !important;
float:left;
font-size:100%;
line-height:150%;
}

.snsBox1 {
display:block;
margin:0 auto 0 auto;
width:100%;
padding:0 3% 0 3%;
float:left;
}


article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	padding: 0;
	margin: 0;
}

figcaption,
figure,
main {
	display: block;
	padding:0 12px 0 12px;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

.mainhr {
border:none;
margin-top:20px;
margin-bottom:15px;
border-bottom:dotted 0px #FFF;
height:1px;
clear:both;
}

.youtubehr {
margin-top: 40px !important;	
}

.workshr {
margin:0px !important
border-bottom:solid 1px #FFF !important
clear:both !important
}

.newshr {
margin-top:40px;
margin-bottom:40px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}

.workshr {
margin-top:40px;
margin-bottom:40px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}

.newshr60 {
margin-top:60px;
margin-bottom:60px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}

.newshr80 {
margin-top:80px;
margin-bottom:80px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}

.messagehr {
margin-top:40px;
margin-bottom:40px;
border-bottom:dotted 1px #ccc;
height:1px;
clear:both;
}

.menuhr {
margin-top:20px;
margin-bottom:80px;
border-bottom:dotted 1px #ccc;
height:1px;
clear:both;
}

.photohr {
margin-top:0px;
margin-bottom:0px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}



.bnr a:hover {
opacity: 0.4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration:underline !important;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration:none !important;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
	color: #5C584D;
}

b,
strong {
display:inline-block;
font-weight: 700;
font-size: 130%;
margin-top:6px;
padding-bottom:2px !important;
color: #5C584D;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

.menuImg {
	margin-bottom:10px;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #B20C09;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.footerright {
	display: inline;
	float: left;
	margin-right: 80px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.imageRight {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.imageGreeting {
	display: inline;
	float: right;
	margin-left: 1.2em;
	margin-top: 0;
	width:270px;
}

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

.textRight {
	text-align: right;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.56 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 1.5rem;
	font-weight: 300;
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h2,
.home.blog .entry-title{
		font-size: 2rem !important;
		color:#FFF !important;
		text-align:center;
		position: relative;
		margin:30px 0 25px 0 !important;
　　  padding:0 0 10px 0 !important;
		border-bottom: 2px solid #5D584D !important;
		font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.h22nd {
		font-size: 2rem !important;
		color:#5D584D !important;
		text-align:center;
		position: relative;
		margin:200px 0 15px 0 !important;
　　  padding:0 0 10px 0 !important;
		border-bottom: 2px solid #5D584D !important;
		font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.toph2 {
margin: 0 0 10px 0 !important;
text-align:left !important;
padding:5px 0!important;
font-size:130% !important;
color:#333 !important;
border-bottom:1px solid #ccc !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
font-weight: bold !important;
position: relative;
}

.toph2::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 1px;
	background-color: #AE8608;
}

.archivesh2 {
margin: 0 0 10px 0 !important;
text-align:left !important;
padding:5px 0!important;
font-size:150% !important;
color:#333 !important;
border-bottom:1px solid #ccc !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
font-weight: bold !important;
position: relative;
}

.archivesh2::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 1px;
	background-color: #AE8608;
}

.topmargin {
	margin-top: -20px !important;
}

.pageTitle {
		margin: 0 auto 10px auto !important;
		text-align:center !important;
		padding:25px 0 20px 0!important;
		font-size:150% !important;
		color:#04113F !important;
		font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS	 PGothic",Sans-Serif !important;
		font-weight: bold !important;
		background:url(http://seven4z.net/img/2ndtitlebg.png) !important;
		border-bottom: none !important;
}

.2ndTitle {
		margin: 0 0 20px 0 !important;
		text-align:left !important;
		padding:5px 0!important;
		font-size:150% !important;
		color:#04113F !important;
		border-bottom:1px solid #ccc !important;
		font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
		font-weight: bold !important;
		position: relative !important;
		border-bottom: none !important;
}

.2ndTitle::after {
		position: absolute;
		bottom: -1px;
		left: 0;
		z-index: 2;
		content: '';
		width: 30%;
		height: 1px;
		background-color: #04113F;
}

.h2Sub {
		font-size:1.6rem !important;
		line-height:120% !important;
		margin:0 !important;
		padding:20px 0 25px 0 !important;
		text-align:left !important;
		color:#3C3B3C !important;
		font-weight:bold;
		font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.h3Sub {
		margin:70px 0 18px 0 !important;
		padding:8px 0 6px 16px;
		font-size:120%;
		font-weight: bold;
		background:url(https://www.niigata-yuzawa-naeba.ski/img/menubgone.jpg);
		border-left: 6px solid #C59801;
}

h2TEST span {
position: relative;
z-index: 2;
font-size: 2.8rem;
display: inline-block;
margin: 0;
padding: 0;
background-color: #FFF;
text-align: center;
font-family: DINCondensed-Bold !important;
}
h2TEST::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #004C96;
}


h3 {
margin: 0 !important;
font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
font-weight: bold !important;
padding:0 0 5px 0 !important;
margin-top:20px !important;
margin-bottom:25px !important;
border-bottom: 2px solid #333 !important;
font-size:130% !important;
text-align:left;
}

.h3Top {
font-size:36px !important;
line-height:70% !important;
text-align:center !important;
color:#3C3B3C !important;
}

.h3-2nd {
margin: 0 !important;
font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
font-weight: bold !important;
padding:0 !important;
margin-bottom:20px !important;
font-size:120% !important;
text-align:left !important;
border-bottom:none !important;
}

h3 span {
font-size:18px !important;
line-height:70% !important;
font-weight:normal !important;
color:#3C3B3C !important;
}

h333 {
margin:0 0 21px 0 !important;
padding:8px 0 6px 16px !important;
font-size:120% !important;
font-weight:bold !important;
border-left: 6px solid #5EB8DC !important;
}

.h333Top {
text-align:left !important;
}

h333 span {
font-size:70% !important;
font-weight:normal !important;
color:#000 !important;
}

.entry h33{
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 170% !important;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #FFF;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #04113F;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #B20C09;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: none;
	border: 0;
	height: 1px;
	margin-bottom: 0;
	clear:both;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table001 {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead001 th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th001 {
	padding: 0.4em;
	text-align: left;
}

tr001 {
	border-bottom: 1px solid #eee;
}

td001 {
	padding: 0.4em;
}

th001:first-child,
td001:first-child {
	padding-left: 0;
}

th001:last-child,
td001:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
	transition:all 0.5s;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	color: #666;
	outline: 0;
}

.proposal a {
	color: #004C96 !important;
	text-decoration: underline !important;
	transition:all 0.5s !important;
}

.proposal a:focus {
	outline: none !important;
}

.proposal a:hover,
.proposal a:active {
	color: #5EB8DC !important;
	text-decoration: none !important;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
color:#004C96;
text-decoration:underline;
}

.tttest {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,

.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {


	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}


	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);

.entry-meta a {
color: #04113F !important;
}

.entry-title a {
color: #FFF;
}


a .nav-title {
color:#04113F;
text-decoration:underline;
}

.widget ul li a {
color:#04113F !important;
text-decoration:none;
}

.widget ul li a:hover {
color:#FFF !important;
text-decoration:underline;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color:#B20C09;
	text-decoration:none;
}

.doc{
	color: #CCC;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

#slider {
	z-index:1;
	width:	100%;
	height: 100%;
	position: relative;
}

.navigation-top {
	z-index:999 !important;
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 1rem;
	position: relative;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.navigation-top {
	z-index:999 !important;
	max-width1: 1200px;
	padding: 0;
}

 .wrap {
	margin-top:150px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	margin-bottom:0 !important;
	z-index:999 !important;
	padding: 0 !important;
	}


.navigation-top a {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	z-index:999 !important;
	clear: both;
	display: block;
}

.main-navigation ul {
	z-index:999 !important;
	background: #000;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: center;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #666;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	 display: block;
     min-height: 900px !important;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px dotted #666;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #767676;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FFF;
	display: none;
	font-size: 18px;
	font-size: 0.975rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}


.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}


/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FFF;
	display: block;
	font-size: 18px;
	right: -0.5em;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}


/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 2em;
	padding-right: 2em;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}


.site-header {
	background-color: #fafafa;
	position: relative;
}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.custom-header {
	position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/


.imgCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	margin:-5% auto 0 auto !important;
}


.menuCenter {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
font-size: 1.3rem;
color:#FFF;
text-align:center;
position: relative;
margin:10px 0;
padding:30px 0;
font-family: DINCondensed-Bold !important;
}

.imgCenter02 {
display:block;
margin:0 auto 0 auto !important;
}

#logoCenter {
display:block;
margin:0 auto 0 auto;
padding:170px 0 0 0;
text-align:center;
transition: all 0.8s ease;
opacity: 0;
}


#logoCenter.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.snsCenter {
display:block;
margin:0px auto 0 auto;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}

.snsCenter:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 


.twentyseventeen-front-page .site-content {
	padding: 0;
	margin:0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #FFF;
	position: relative;
}

.site-content-contain2nd {
	background-color: #FFF;
	position: relative;
	margin-top:-40px;
}

.site-content {
	padding: 0;
	margin:0;
	background-color: none;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #ccc;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-header .entry-title {
	margin-bottom: 0.25em;
	color:#FFF;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.entry-title a {
	color: #FFF;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #666;
	font-size: 80%;
	font-weight: 600;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-decoration:none;
}

.entry-meta a {
	color: #666;
	text-decoration:none !important;
}

.entry-meta a:hover {
	color: #04113F;
	text-decoration:underline !important;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #FFF;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 1740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding: 0 !important;
	margin: 0 !important;
	background-color:#FFF !important;
	color:#333 !important;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #000;
	padding: 0 !important;
	margin: 0 !important;
}

.site-footer .wrap {
	padding-bottom: 0;
	padding-top: 0;
	background-color:#000;
}

.footerBox{
display:block;
width:auto;
max-width:1040px;
padding:20px 0 20px 0;
margin:20px auto 0 auto;
font-size:13px;
clear: both;
height:100%;
}

.footerText {
font-size:13px;
line-height:170%;	
}

/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 2em;
	padding-top: 2em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}


.footer ul {
	padding-bottom:10px;
	list-style: none !important;
}

.footer li {
	display:inline-block;
	vertical-align:text-top;
	text-align:left;
	margin:0 15px 0 15px;
	list-style: none !important;
}

#footer li a{
font-weight:bold;
display:block;
padding:0 0 5px 0;
overflow:hidden;
color:#000;
list-style: none !important;
text-decoration:none !important;
}

#footer li a:before{
content:"・";
}

#footer li a:hover{
color:#B20C09;
}

#footer li li{
display:block;
padding:0;
}

.snsnav {
	text-align: center;
}

.snsnav li {
	width:80px;
	padding:50px 15px 0 15px;
	display: inline-block;
}


.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a {
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}

/* Site info */

.site-info {
	text-align:center;
	font-size: 0.775rem;
	margin:0 !important;
	padding:3em 0 5em 0 !important;
	color:#FFF !important;
	line-height:180%;
	border-top: 5px solid #AE8608 !important;
	background-color: #000 !important;
}

.site-info a {
	color: #666;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
padding: 150px 0  0 0 !important;
background-color:#FFF !important;
margin:0 0 0 0 !important;
}

.widget {
	padding: 0 !important;
	margin:10px 0 0 0 !important;
	background-color:#FFF !important;
}

h2.widget-title {
	color: #A9964B;
	font-size: 130% !important;
	font-weight: 800;
	margin-bottom: 1em;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	padding: 0.7em 0;
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.widget ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 0px;
	padding: 0em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; /* !important to overwrite inline styles */
	font-size: 0.875rem !important;
	margin: 4px 4px 0 0 !important;
	padding: 4px 10px 5px !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0 0 0 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}

.imgCenter {
display:block;
margin:100px auto 0 auto;
}

.snsCenter {
display:block;
margin:0px auto 0 auto;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}

.snsCenter:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 


.imgRight {
display:block;
margin:0 auto 30px auto;
padding:0;
}

.imgLeft {
display:block;
margin:0 auto 30px auto;
padding:0;
}

.accessLeft {
display:block;
margin:0 auto 30px auto;
padding:0;
}

.accessCenter {
text-align:center;
line-height:150%;
}

.boximgR {
display:block;
margin:0 auto 40px auto;
max-width:300px;
width:auto;
line-height:150%;
}

.boximgL {
display:block;
margin:0 auto 40px auto;
max-width:300px;
width:auto;
line-height:150%;
}

.boximgC {
clear:both;
display:block;
margin:0 auto 20px auto;
max-width:300px;
width:auto;
line-height:150%;
}

.Newsimg {
display:block;
clear:both;
margin:0 auto 1.0em auto;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}

.Newsimg:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 

.contactBox {
clear:both;
margin:35px 10px 50px 10px; 
padding:30px;
border:#DFDFDF solid 1px;
font-size:95%;
line-height:170%;
color:#FFF;
}

.telBox {
clear:both;
text-align:center;
width:94%;
margin:35px auto 5px auto; 
padding:25px 0 25px 0;
border:#DFDFDF solid 1px;
font-size:130%;
color:#FFF;
line-height:150%;
}

.tel {
color:#FFF;
font-weight:bold;
font-size:210%;
line-height:190%;
}

.tel a {
color:#FFF;
}

.tel a:hover {
color:#A7944F;
}

.mainBox {
display:block;
max-width:1000px;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0 auto 0 auto;
padding:0 8px 10px 8px;
color:#333 !important;
line-height:170%  !important;
font-size:100%;
font-weight:normal;
text-align:left;
}
}


@media screen and (max-width: 767px) {
	
.workswrap {
		max-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
		margin-top:150px;
	}
	
.imageRight {
display: block !important;
margin: 0 auto 20px auto !important;
text-align: center !important;
float:none !important;
}
	
.imageGreeting {
display: block !important;
margin: 0 auto 20px auto !important;
text-align: center !important;
float:none !important;
width:100% !important;
}
	
.snsBoxL {
display:block !important;
margin:0 auto 40px auto !important;
width: 98% !important;
padding: 0 1% 0 1% !important;
float: none !important;
font-size: 90% !important;
line-height:150% !important;
}
	
.snsBoxR {
display:block !important;
margin:0 auto 40px auto !important;
width: 98% !important;
padding: 0 1% 0 1% !important;
float: none !important;
font-size: 90% !important;
line-height:150% !important;
}
	
.footerright {
	display: block;
	text-align:center;
	float: none;
	margin: 0 auto;
}
	
.alignright {
	display: block !important;
	text-align:center !important;
	float: none !important;
	margin: 0 auto !important;
	}
	

	
.contents02 {
width:100%;
min-height:100%;
padding:60px 0 60px 0 !important;
background:#F2F3F5;
color:#333 !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	
}


@media screen and (max-width: 480px) {
	.br-sp { display:none; }
	#logoCenter {
	padding:70px 5px 0 5px;
}	
	
		.workswrap {
		max-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
		margin-top:150px;
	}	
	
.site-content-contain2nd {
	background-color: #FFF;
	position: relative;
	margin-top:-100px;
	border-top:1px solid #f2f2f2;
}
	
.newshr80 {
margin-top:30px;
margin-bottom:30px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}
	
.imageRight {
display: block !important;
margin: 0 auto 20px auto !important;
text-align: center !important;
float:none !important;
}
	
.imageGreeting {
display: block !important;
margin: 0 auto 20px auto !important;
text-align: center !important;
float:none !important;
width:100% !important;
}
	
.snsBox4 {
display:block;
margin:0 auto 5px auto;
width:50%;
padding:0 1% 0 1%;
float:left;
font-size:90%;
line-height:150%;
}
	
.sp {
	max-width:90%;	
}
	
.site-content {
		padding: 4.5em 0 0;
	}
	
.message {
font-size:105%;
line-height:150%;
}
	
.message02 {
font-size:90%;
line-height:160%;
padding-top:10px;
}
	
.news {
font-size:105%;
line-height:150%;
font-weight:bold;
text-align:left;
}

.news02 {
font-size: 0.80rem !important;
line-height:190% !important;
margin:0 !important;
padding:10px 0 0 0!important;
text-align:left;
color:#333;
}
	
.eng02 {
font-size: 0.70rem !important;
line-height:200%;
padding-top:0;
text-align:left;
margin:-7px 0 0 0;
color:#999;
font-weight: normal !important;
}
	
.eng03 {
font-size: 0.70rem !important;
line-height:160%;
padding-top:0;
text-align:left;
margin:-5px 0 5px 0;
color:#999;
font-weight: normal !important;
}
	
.tab-reader-box3 {
	margin-top:7px;
}
	
.snsBox3 {
display:block;
margin:0 auto 40px auto;
width:100%;
padding:0 1% 0 1%;
float:none;
font-size:90%;
line-height:150%;
}
	
.snsBox2 {
display:block;
margin:0 auto 5px auto;
width:100%;
padding:0 1% 0 1%;
float:none;
font-size:90%;
line-height:150%;
text-align:center;
}
	
.worksBox2imgL {
display:block;
margin:0 auto 0 auto;
width:100%;
padding:0;
float:none;
font-size:90%;
line-height:160%;
text-align:left;
}
	
.worksBox2imgR {
display:block;
margin:0 auto 0 auto;
width:100%;
padding:0;
float:none;
font-size:90%;
line-height:160%;
text-align:left;
}

.worksBox2txtL {
display:block;
margin:0 auto 0 auto;
width:100%;
padding:15px;
float:none;
font-size:90%;
line-height:160%;
text-align:left;
background-color:#E8E0E6;
}

.worksBox2txtR {
display:block;
margin:0 auto 0 auto;
width:100%;
padding:15px;
float:none;
font-size:90%;
line-height:160%;
text-align:left;
background-color:#CDCFD9;
}
	
.worksBox2txtNEW {
	width:100%;
	}
	
.alignright {
	display: block !important;
	text-align:center !important;
	float: none !important;
	margin: 0 auto !important;
	}
	
.snsBoxL {
display:block;
margin:0 auto 40px auto;
width:100%;
padding:0 1% 0 1%;
float:none;
font-size:90%;
line-height:150%;
float: none;
}
	
.snsBoxR {
display:block;
margin:0 auto 40px auto;
width:100%;
padding:0 1% 0 1%;
float:none;
font-size:90%;
line-height:150%;
float: none;
}
	
.bnr li {
display: inline-block;
list-style-type: none;
padding:0 18px 0 18px;
margin:0;
}

.bnrImg {
min-height:60px;
margin:10px auto 10px auto;
}

h20ld,
.home.blog .entry-title {
		font-size: 3.5rem;
		color:#000;
		text-align:center;
		position: relative;
		margin:25px 0 0 0;
}
	

.h22nd{
		font-size: 1.5rem !important;
		color:#C59801 !important;
		text-align:center;
		position: relative;
		margin:200px 0 15px 0 !important;
　　  padding:0 0 10px 0 !important;
		border-bottom: 2px solid #C59801 !important;
		font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	
.youtube {
margin-bottom:12px;
margin-top:0;
}
	
.newsImage {
display:block !important;
text-align:center !important;
float:none !important;
clear:both !important;
margin:0px auto 20px auto !important;
	}
	
.newsImage {
display:block !important;
text-align:center !important;
float:none !important;
clear:both !important;
margin:0px auto 20px auto !important;
	}
	
.newshr {
border:none;
margin-top:30px;
margin-bottom:30px;
border-bottom:dotted 1px #FFF;
height:1px;
clear:both;
}
	
.contents03 {
width:100%;
min-height:100%;
padding-top:3em;
padding-bottom:0em;
background:#FFF;
color:#333 !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	
}

@media screen and (min-width: 481px) {
	.br-pc { display:none; }
}	


@media screen and (min-width: 30em) {

.imgCenter {
display:block;
margin:25px auto 0 auto;
}

.snsCenter {
display:block;
margin:0px auto 0 auto;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}

.snsCenter:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 


.imgRight {
float:right;
margin:0 auto 30px auto;
padding:0 0 0 30px;
}

.imgLeft {
float:left;
margin:0 auto 30px auto;
padding:0 30px 0 0;
}

.accessLeft {
float:left;
margin:0 auto 30px auto;
padding:0 50px 0 0;
min-height:220px;
}


.boximgR {
display:block;
margin:0 auto 40px auto;
max-width:380px;
width:auto;
}

.boximgL {
display:block;
margin:0 auto 40px auto;
max-width:380px;
width:auto;
}

.boximgC {
clear:both;
display:block;
margin:0 auto 20px auto;
max-width:380px;
width:auto;
}


.Newsimg {
float:left;
margin-right:20px;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out; 
}

.Newsimg:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 


.contactBox {
clear:both;
margin:35px 10px 50px 10px; 
padding:60px;
border:#DFDFDF solid 1px;
font-size:95%;
line-height:170%;
color:#FFF;
}

.telBox {
clear:both;
text-align:center;
width:98%;
margin:35px auto 5px auto; 
padding:25px 0 25px 0;
border:#DFDFDF solid 1px;
font-size:130%;
color:#FFF;
line-height:150%;
}

.tel {
color:#FFF;
font-weight:bold;
font-size:210%;
line-height:190%;
}

.tel a {
color:#FFF;
}

.tel a:hover {
color:#A7944F;
}

.mainBox {
display:block;
max-width:1000px;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0 auto 0 auto;
padding:60px 8px 10px 8px;
color:#FFF;
line-height:190%;
font-size:100%;
font-weight:normal;
}



	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 4.425rem;
		color:#000;
		text-align:center;
		position: relative;
		margin: 30px auto 0 auto;
	}


h2TEST span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  text-align: center;
}
h2TEST::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #004C96;
}


	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Site Branding */

	.site-branding {
		padding: 3em 0;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}


@media screen and (min-width: 48em) {

.imgCenter {
display:block;
margin:140px auto 0 auto;
}

.imgRight {
float:right;
margin:0 auto 0 auto;
padding:0 0 0 30px;
}

.imgLeft {
float:left;
margin:0 auto 0 auto;
padding:0 30px 0 0;
}

.accessLeft {
float:left;
margin:0 auto 0 auto;
padding:0 50px 0 0;
min-height:220px;
}


.boximgR {
float:right;
margin:0 4% 40px 2%;
max-width:44%;
width:auto;
}

.boximgL {
float:left;
margin:0 2% 40px 4%;
max-width:44%;
width:auto;
}

.boximgC {
clear:both;
display:block;
margin:0 auto 20px auto;
max-width:44%;
width:auto;
}


.Newsimg {
float:left;
margin-right:20px;
    -webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
}


.Newsimg:hover{
    opacity: 0.7;  
    filter: alpha(opacity=70);  
} 

.contactBox {
clear:both;
margin:45px 3.2em 50px 3.2em; 
padding:27px 60px 60px 60px;
border:#DFDFDF solid 1px;
font-size:95%;
line-height:170%;
color:#FFF;
}

.telBox {
clear:both;
text-align:center;
width:90%;
margin:35px auto 5px auto; 
padding:27px 0 35px 0;
border:#DFDFDF solid 1px;
font-size:130%;
color:#FFF;
line-height:150%;
}

.tel {
color:#FFF;
font-weight:bold;
font-size:300%;
line-height:150%;
}

.tel a {
color:#FFF;
}

.tel a:hover {
color:#A7944F;
}

.mainBox {
display:block;
max-width:1000px;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0 auto 0 auto;
padding:80px 8px 10px 8px;
color:#FFF;
line-height:190%;
font-size:100%;
font-weight:normal;
}


	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	
		.workswrap {
		max-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
		margin-top:150px;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Navigation */

	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 1em 1.25em;
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #ccc;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	/* Posts */

	.site-content {
		padding: 0.1em 0 0;
	}

	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
		color:#FFF;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 36%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 58%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 1em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 3em;
		background-color:#000;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		clear: both;
		padding: 2.8em 0 0;
		width: 100%;
		color:#FFF;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}

}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}




/*--------------------------------------------------------------
13.0 Selection
--------------------------------------------------------------*/

.keikoFont {
text-align:center;
font-size:21px;
}

.mapFont a{
text-align:center;
color:#A7944F;
}

#s01 {
min-width:100%;
min-height:100%;
padding:0;
margin:0;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#s01 a {
	color: #000;
}

#primary {
transition: all 0.8s ease;
opacity: 0;	
}

#primary.active {
    opacity: 1;
}

.contents01 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
margin:-2px 0 0 0;
background:#FDFFFA;
color:#333 !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.contents02 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background:#FFFDFA;
color:#333 !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.contents03 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background:#FFF;
color:#333 !important;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.contents04 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-image: url("https://kawamura-homedoctor.com/img/mv004.jpg");
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.contents05 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background:#FFFFFF;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.contents06 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background:#FFFDFA;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.contents07 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-image: url("#");
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.contents08 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-image: url("#");
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.contents09 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-image: url("");
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


.contents10 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-image: url("");
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



.contents11 {
width:100%;
min-height:100%;
padding:60px 0 60px 0;
background-color: #FFF;
color:#ccc;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.mainBox00 {
display:block;
max-width:1000px;
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0 auto 0 auto;
padding:60px 8px 60px 8px;
color:#FFF;
line-height:190%;
font-size:100%;
font-weight:normal;
}

.name {
text-align:right;
font-weight:bold;
padding-top:20px;
}



.days {
font-size:80%;
}

.blogTitle {
font-size:150%;
padding-bottom:0.5em;
font-weight:bold;
}

.blogTitle a{
color:#A7944F;
}

.blogTitle a:hover{
color:#FFF;
}



.blogLink {
	position:relative;
	width:125px;
	height:32px;
	color:#FFF;
	float:left;
	margin:2px 0 0 0;
	padding:4px 12px 1px 21px;
	background-position: 1px;
	line-height:150%;
}

.blogLink a {
	position:absolute;
	top:0;
	left:0;
	width:125px;
	height:32px;
	color:#FFF;
	text-decoration:none;
	padding:4px 12px 1px 21px;
	background: url() no-repeat;
	background-position: 1px;
	border: solid #FFF 1px;
}

.blogLink a:hover {
	position:absolute;
	top:0;
	left:0;
	width:125px;
	height:32px;
	color:#fff;

	transition-property: all;
	transition: 0.2s linear;
	text-decoration:none;
	padding:4px 12px 1px 21px;
	background: url() no-repeat;
	background-color:#A7944F;
	background-position: 1px;
}


.archiveLink {
	position:relative;
	width:150px;
	height:40px;
	color:#333;
	background-color:#FFF;
	clear:both;
	margin:40px 0 20px 0;
	padding:0 12px 0 21px;
	background-position: 1px;
	line-height:150%;
	text-align:center;
	font-family: arial,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-size:100%!important;
	letter-spacing: 5px;
}

.archiveLink a {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:40px;
	color:#04113F;
	text-decoration:none;
	padding:9px 12px 0 18px;
	background-position: 1px;
	border: solid #04113F 1px;
	letter-spacing: 15px;
	text-decoration: none !important;
}

.archiveLink a:hover {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:40px;
	color:#FFF;
	transition-property: all;
	transition: 0.2s linear;
	text-decoration:none;
	padding:9px 12px 0 18px;
	background-color:#04113F;
	border: solid #04113F 1px;
	background-position: 1px;
	letter-spacing: 15px;
	text-decoration: none !important;
}



.blogBox {
clear:both;
margin:50px 10px 50px 10px; 
padding:30px;
border:#DFDFDF solid 1px;
font-size:95%;
line-height:170%;
}

.bloghr {
background-color: none;
margin-top:0px;
margin-bottom:0px;
border-bottom:dotted 0px #fff;
color:#fff;
height:1px;
clear:both;
}

.red-text {
	color: #CC0000;
	font-size: 15px;
	padding-left:0.3em;
	font-weight: nomad;
	line-height:150%;
	display: inline-block;
	_display: inline;
}

.red-font {
	color: #CC0000;
}

#footer {
		background:url(http://seven4z.net/img/footerBG.png);
		border-top:1px solid #ccc !important;
}

.entry-content P {
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:100%;
	font-weight:normal;
	color:#333;
	line-height:190%;
}

/* ----- タイトル ----- */
.htitle {
font-size:120%;
color:#000;
font-weight:bold;
padding:0.3em 0 0 0;
line-height:120%;
}

/* ----- アクセス ----- */
.accessTitle {
font-size:130%;
color:#000;
font-weight:bold;
padding-bottom:0.5em;
}

.accessTop {
font-size:100%;
color:#000;
font-weight:bold;
padding-top:0em;
padding-bottom:0em;
}

.accessBottom {
font-size:100%;
color:#000;
font-weight:bold;
padding-top:1.0em;
padding-bottom:0em;
}

/* ----- お問い合わせ ----- */
.telBg {
color:#FFF;
font-weight:bold;
text-align:center;
padding:60px 0 0 0;
background-image: url("http://kobukai.jp/img/tel-bg.png");
background-position: center top; 
background-repeat: no-repeat;
}

.formBg {
color:#FFF;
font-weight:bold;
text-align:center;
padding:60px 0 40px 0;
font-size:130%;
background-image: url("http://kobukai.jp/img/form-bg.png");
background-position: center top; 
background-repeat: no-repeat;
}



/* ----- トップへ戻る ----- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 150px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.clearBox{
	clear:both;
	width:350px !important;
	margin:0 5px 0 5px;
	}

.logo2nd {
	display:block !important;
	width:300px !important;
	margin:0 auto 20px auto !important;
	text-align:center !important;
	}


ol.list_parentheses{
padding:0 !important;
margin-bottom:26px !important;
}

.list_parentheses p{
padding:0 !important;
margin:0 !important;
}

ol.list_parentheses li{
  list-style-type:none !important;
  list-style-position:inside !important;
counter-increment: cnt !important;
padding:0 !important;
margin-top:8px !important;
font-weight:bold !important;
}
ol.list_parentheses li:before{
	display: marker !important;
  content: "(" counter(cnt) ") " !important;
}

.proposal {
margin-top:18px !important;
}






メニューCSS



.works ul li {
list-style: square !important;
padding: 280px 0  80px 20px !important;
margin-top:300px;
line-height:150% !important;
}

.works2 ul li {
list-style: square !important;
padding: 280px 0  80px 20px !important;
margin-top:300px;
line-height:150% !important;
}


.line ul li {
list-style: square !important;
padding: 20px 0  80px 20px !important;
margin-top:30px;
color:#333;
line-height:220% !important;
}



.works li {
list-style: disc !important;
list-style-position: outside;
padding-top: 13px !important;
padding-bottom: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-top:0 !important;
margin-right:0 !important;
margin-left:30px !important;
margin-bottom:0px !important;
line-height:150% !important;
font-weight:bold !important;
}

.worksTxt {
border-bottom:dotted 1px #ccc;
margin-top:120px !important;
margin-bottom:120px !important;
}

.works2 li {
list-style: disc !important;
list-style-position: outside;
padding-top: 13px !important;
padding-bottom: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-top:0 !important;
margin-right:0 !important;
margin-left:20px !important;
margin-bottom:5px !important;
line-height:150% !important;
font-weight:bold !important;
}

.works2Txt {
border-bottom:dotted 1px #ccc;
margin-top:420px !important;
margin-bottom:1420px !important;
}

.line li {
list-style: disc !important;
padding-top: 20px !important;
padding-bottom: 1px !important;
padding-left: -10px !important;
padding-right: 0px !important;
margin-top:0 !important;
margin-right:0 !important;
margin-left:20px !important;
margin-bottom:10px !important;
line-height:150% !important;
font-weight:bold !important;
}

.lineTxt {
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
}


table.table002 {
width:100% !important;
font-size:12px !important;
border:#ccc solid 1px !important;
margin-top:0 !important;
}
table.table002 thead th {
background:#FFF !important;
color:#FFF !important;
font-weight:bold !important;
padding:0px !important;
text-align:center !important;
border-right:#ccc solid 0px !important;
border-bottom:#ccc solid 0px !important;
}
table.table002 thead th:last-child {
border-right:#ccc solid 0px !important;
}
table.table002 tbody th {
background:#FAFCFE !important;
color:#000 !important;
white-space: nowrap !important;
font-size:100% !important;
padding:5px 20px 5px 20px !important;
border-bottom:#ccc solid 1px !important;
text-align:center !important;
vertical-align:middle !important;
}
table.table002 tbody tr:last-child th {
border-bottom:#ccc solid 1px !important;
}
table.table002 tbody td {
background:#FFF !important;
padding:10px 0 10px 10px !important;
border-left:#ccc solid 1px !important;
border-bottom:#ccc solid 1px !important;
text-align:left !important;
line-height:180% !important;
font-size:100% !important;
vertical-align:middle !important;
}


@media screen and (max-width: 640px) {
table.table002
thead {
display:none;
}
	
table.tableA
thead {
display:none;
}

table.tableT
thead {
display:none;
}

.toptable {
border:#ccc solid 1px;
}

table.table002 tbody th {
display:block;
font-weight:bold;
border-left:none;
}
table.table002 tbody td {
display:block;
}
table.table002 tbody td::before {
content: attr(label);
float: left;
clear:both;
font-weight:bold;
width:80px;
margin-right:10px;
margin-left:5px;
}
table.table002 tbody td {
text-align:left;
border-left:none;
border-bottom:#ccc solid 0px;
}

	
.InfoBox {
background-color:#FAFCFE;
padding:30px 18px 20px 18px;
border:1px solid #ccc;
margin:15px 0 60px 0;
text-align:left;
line-height:170% !important;
font-size:100%;
}
	
.InfoBoxSP {
background-color:#FAFCFE;
padding:30px 18px 5px 18px;
border:1px solid #ccc;
margin:5px 0 20px 0;
text-align:left;
line-height:170% !important;
font-size:100%;
}
	
.InfoBoxAcc {
background-color:#FAFCFE;
padding:30px 18px 20px 18px;
border:1px solid #ccc;
margin:15px 0 30px 0;
text-align:left;
line-height:170% !important;
font-size:100%;
}
	
.InfoBoxBus {
background-color:#FAFCFE;
padding:30px 18px 20px 18px;
border:1px solid #ccc;
margin:-10px 0 30px 0;
text-align:left;
line-height:170% !important;
font-size:100%;
}
	
table.tableT tbody th {
display:block;
width:100%;
font-weight:bold;
border-left:none;
}
table.tableT tbody td {
display:block;
}
table.tableT tbody td::before {
content: attr(label);
float: left;
clear:both;
font-weight:bold;
width:80px;
margin-right:10px;
margin-left:5px;
}
table.tableT tbody td {
text-align:left;
border-left:none;
border-bottom:#ccc solid 0px;
}
	
table.tableA tbody th {
display:block;
width:100%;
font-weight:bold;
border-left:none;
}
table.tableA tbody td {
display:block;
}
table.tableA tbody td::before {
content: attr(label);
float: left;
clear:both;
font-weight:bold;
width:80px;
margin-right:10px;
margin-left:5px;
}
table.tableA tbody td {
text-align:center;
border-left:none;
border-bottom:#ccc solid 0px;
}
	
}