@charset "utf-8";

/**************************************************
All Page
**************************************************/




/**************************************************
TNJ ここから
**************************************************/


/* お問い合わせボックス */
.message-box {
	border: 1px solid #F1C76D;
	background: #FFFAEF;
	padding: 8px;
	margin: 10px 8px;
	line-height: 1.4;
}
.message-box ul{
	margin: 0 20px;
}

.fqleft{float : left;margin : 0 20px 0 0px;}

.fclear{clear:both;}

@media screen and (max-width: 480px) {
img { float : none ; }
img {
max-width : 100% ;
height : auto ;
}
}

.fqbun00{line-height : 100%;}
.fqbun2{margin : 15px 20px 30px 20px;line-height : 140%;}

.fqmid{font-size : 150% ; color : #2c85bb;}

.fqli{margin : 0 0 0 40px;list-style-type: square;}

.fqred{color : red;}
.fclear{clear : both;}


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.fqh2{
color: #2c85bb;/*文字色*/
border: solid 1px #2c85bb;/*線色*/
padding: 15px 15px 10px 15px;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
font-size : 120%;
font-weight : normal;
margin : 20px 0 20px 0;
}

/**************************************************
TNJ ここまで
**************************************************/

.post_content .post_row { margin-top:20px; margin-left:0px; margin-right:0px; line-height:2; }
.post_content .post_col, .post_content .post_col-2, .post_content .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
@media screen and (min-width:768px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
@media screen and (min-width:1024px){
	.post_content .post_col-2 { width:50%; /* 2カラム */ }
	.post_content .post_col-3 { width:33.33333%; }
}
.post_content .post_row:before, .post_content .post_row:after { content: " "; display: table; }
.post_content .post_row:after { clear: both; }



@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:200;
src:local('Noto Sans Japanese'), url('../font/NotoSansJP-Light.otf') format('opentype');
src:url('../font/NotoSansJP-Light.woff') format('woff');
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:700;
src:local('Noto Sans Japanese'), url('../font/NotoSansJP-Bold.otf') format('opentype');
src:url('../font/NotoSansJP-Bold.woff') format('woff');
}

/*** Google Font ***/

/*** Css初期化 ***/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, blockquote, figure,
menu, section, time, mark, object, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
word-break:break-all;
word-wrap:break-word;
}

section, header, footer, aside, article, menu, nav, details, figcaption, figure {
display:block;
}

h1, h2, h3, h4, h5, h6, strong, em {
font-weight:normal;
}

body { 
font-family:"Noto Sans Japanese","メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:15px;
text-align:center;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

html {
}

.clear {
clear:both;
}

img {
border:none;
vertical-align:bottom;
}

ul,ol {
list-style:none;
}

a {
outline:none;
text-decoration:none;
transition:0.7s;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
-ms-transition:0.7s;
}

/*【other color】 --------------- */

#main-nav li.borderslide span {
background-color:rgba(255,255,255,0.2);
}

p.form-submit input,
#search-in #searchsubmit {
background:#fff;
}

.txpost2-box .txpost-title a {
color:#fff;
}

.subpage header.site-header {
border-bottom:1px solid #fff;
}

#sns-but p {
border:2px solid #fff;
}

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


/*【wrapper】 --------------- */

#wrapper {
width:100%;
text-align:center;
float:left;
}

#wrap {
width:100%;
padding-bottom:50px;
float:left;
}

#wrap-in {
width:1200px;
margin:0 auto;
}

#top-main {
width:840px;
float:right;
}

#loading {
width:100%;
height:100%;
background:#fff;
position:fixed;
top:0;
left:0;
z-index:1000;
}

#loading p {
width:40px;
height:40px;
margin:-30px 0 0 -30px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-right-color:transparent;
animation:load 1s infinite linear;
-webkit-animation:load 1s infinite linear;
-moz-animation:load 1s infinite linear;
-0-animation:load 1s infinite linear;
position:fixed;
top:50%;
left:50%;
}

@keyframes load {
0%{
transform:rotate(0deg);
opacity:0.4;
}
50%{transform:rotate(180deg);
opacity:1;
}
100%{transform:rotate(360deg);
opacity:0.4;
}
}

@-webkit-keyframes load {
0%{
transform:rotate(0deg);
opacity:0.4;
}
50%{
transform:rotate(180deg);
opacity:1;
}
100%{
transform:rotate(360deg);
opacity:0.4;
}
}

@-moz-keyframes load {
0%{
transform:rotate(0deg);
opacity:0.4;
}
50%{
transform:rotate(180deg);
opacity:1;
}
100%{
transform:rotate(360deg);
opacity:0.4;
}
}

@-o-keyframes load {
0%{
transform:rotate(0deg);
opacity:0.4;
}
50%{
transform:rotate(180deg);
opacity:1;
}
100%{
transform:rotate(360deg);
opacity:0.4;
}
}


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


/*【header】 --------------- */

header.site-header {
width:100%;
float:left;
}

#header-in {
width:1200px;
margin:0 auto;
}

header.site-header h1,
header.site-header p.ps-title {
width:100%;
text-align:center;
float:left;
}

#header-scroll {
width:100%;
float:left;
}

.fixation-scroll {
width:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
}

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


/*【header menu】 --------------- */

.fixation-scroll #main-nav-box {
margin-bottom:0;
}

#main-nav-box {
width:100%;
margin-bottom:100px;
position:relative;
float:left;
}

#main-nav ul.parent {
width:100%;
height:60px;
text-align:center;
float:left;
position:relative;
}

#main-nav ul.parent li {
display:inline-block;
position:relative;
}

#main-nav ul.parent li a {
padding:0 56px;
height:60px;
line-height:60px;
display:block;
float:left;
position:relative;
z-index:1;
}

#main-nav ul.sub-menu {
width:180px;
line-height:normal;
text-align:left;
display:none;
position:absolute;
left:0;
top:60px;
z-index:1;
}

#main-nav ul.sub-menu li {
width:174px;
padding:10px 3px;
float:left;
}

#main-nav ul.sub-menu li a {
width:174px;
height:auto;
line-height:normal;
padding:0;
float:left;
}

#main-nav ul.sub-menu li a:before {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-right:4px;
font-family:"dashicons";
content:"\f139";
vertical-align:middle!important;
}

#main-nav li.borderslide {
display:block;
position:absolute!important;
left:0;
top:0;
}

#main-nav li.borderslide span {
height:60px;
display:block;
position:relative;
}

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


/* 【widget】 --------------- */

#widget-area {
width:300px;
text-align:center;
float:left;
}

aside.widget {
width:100%;
margin-bottom:30px;
float:left;
}

#widget-area h2 {
width:100%;
text-align:left;
font-size:16px;
float:left;
box-sizing:border-box;
display:table;
}

#widget-area h2 span {
padding:8px 0 8px 8px;
float:left;
display:table-cell;
}

#widget-area ul {
width:100%;
float:left;
}

#widget-area ul li {
width:98%;
padding:15px 1%;
border-bottom:1px #9d9d9d dotted;
text-align:left;
float:left;
}

#widget-area ul li a {
float:left;
}

#widget-area ul li a:before {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-right:4px;
font-family:"dashicons";
content:"\f139";
vertical-align:middle!important;
}

#widget-area select.postform {
width:100%;
margin:10px 0 15px;
}

#widget-area li.recentcomments a.url {
background:none!important;
float:left;
}

#widget-area li.cat-item a {
display:inline!important;
}

#widget-area ul.children,
#widget-area ul.sub-menu {
padding:0 0 0 10px!important;
border:0;
box-sizing:border-box;
}

#widget-area ul.children li,
#widget-area ul.sub-menu li {
margin-top:5px;
margin-bottom:0!important;
padding:0!important;
border-bottom:none!important;
}

#widget-area ul.children li a:before,
#widget-area ul.sub-menu li a:before {
margin-right:5px;
border:0;
font-family:"dashicons";
content:"\f460";
}

.tagcloud {
padding:0 0 10px;
float:left;
}

.textwidget {
width:100%;
padding:20px 0 10px;
float:left;
}

.tagcloud a {
margin:0 3px;
}

#widget-area label.screen-reader-text {
width:100%;
padding:5px 0;
text-align:left;
float:left;
}

.widget_archive select,
.widget_categories select#cat {
width:100%;
height:40px;
margin:0 auto 10px;
padding-left:5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
box-sizing:border-box;
}

*:first-child+html .widget_archive select,
*:first-child+html .widget_categories select {
color:#000;
}

.widget_archive a {
display:inline!important;
}

.widget_recent_entries span.post-date {
width:100%;
text-align:right;
float:left;
}

#widget-area img.rss-widget-icon {
margin:5px 5px 0;
float:left;
}

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


/* 【widget search】 --------------- */

#search {
width:100%;
padding-top:15px;
text-align:center;
float:left;
}

#search-in #searchform {
width:100%;
height:38px;
float:left;
position:relative;
box-sizing:border-box;
}

#search-in #s {
width:84%;
height:34px;
padding-left:5px;
background:none;
border:0;
position:absolute;
top:0;
left:0;
}

#search-in #searchsubmit {
border-top:0;
border-bottom:0;
border-right:0;
position:absolute;
right:5px;
top:9px; 
cursor:pointer;
}

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


/* 【widget calendar】 --------------- */

#calendar_wrap {
width:100%;
padding-top:15px;
text-align:center;
}

table#wp-calendar {
width:100%;
margin:0 auto;
text-align:center;
}

table#wp-calendar th,
table#wp-calendar tbody tr td {
border:1px dotted #9d9d9d;
}

table#wp-calendar tbody tr td a {
width:100%;
background:#f0f0f0;
display:block;
}

table#wp-calendar caption { 
width:100%;
padding:10px 0 5px;
text-align:right;
font-weight:bold;
}

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


/*【free】 --------------- */

.free-area {
width:100%;
margin-bottom:100px;
float:left;
}

#free-area-widget {
width:100%;
margin-bottom:30px;
float:left;
}

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


/* 【sns】 --------------- */

#sns-but {
width:100%;
padding-bottom:20px;
text-align:center;
float:left;
}

#sns-but p {
width:36px;
height:36px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
overflow:hidden;
display:inline-block;
}

#sns-but p a img:hover {
transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
}

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


/* 【footer】 --------------- */

#top-scroll {
width:120px;
position:fixed;
bottom:20px;
right:0;
float:right;
z-index:10;
}

#top-scroll-in {
width:60px;
height:60px;
float:left;
}

#footer-in {
width:100%;
padding:80px 0 30px 0;
text-align:center;
overflow:hidden;
clear:both;
float:left;
position:relative;
}

#footer-body {
width:1200px;
margin:0 auto;
}

#footer-nav {
width:100%;
margin-bottom:50px;
float:left;
}

#footer-nav-box {
width:100%;
text-align:center;
float:left;
}

#footer-nav-box li {
display:inline-block;
}

#footer-nav-box li a {
margin:0 5px;
display:inline-block;
}

#footer-nav-box li a:before {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-right:4px;
font-family:"dashicons";
content:"\f139";
vertical-align:middle!important;
}

#footer-space {
width:100%;
margin-bottom:50px;
float:left;
}

#footer-copy {
width:100%;
float:right;
}

#footer-title {
width:100%;
margin-top:10px;
float:left;
}

#pc-browser,
#sp-browser {
width:100%;
margin-top:30px;
text-align:center;
font-weight:bold;
font-size:30px;
float:left;
}

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

/**************************************************
***************************************************
横幅1200px以下
***************************************************
**************************************************/

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

/**********************************************************************************
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Thin.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Light.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-DemiLight.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Regular.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Medium.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Bold.ttf) format('truetype');}
@font-face {src:url(../font/notosansjapanese/ttf/NotoSansJP-Black.ttf) format('truetype');}
**********************************************************************************/

@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:300;
src:url('../font/NotoSansJP-DemiLight.ttf') format('truetype');
}

@font-face {
src:url(../font/NotoSansJP-Bold.ttf) format('truetype');
}

#wrapper-in {
width:100%;
overflow:hidden;
}

#header-in,
#wrap-in,
#top-main {
width:100%;
}

#wrap-in {
width:97%;
}

#header-sp {
width:100%;
position:fixed;
top:0;
left:0;
z-index:400;
box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
}

#header-sp-in {
width:97%;
margin:0 auto;
}

header.site-header h1,
header.site-header p.ps-title {
width:auto;
text-align:left;
float:none;
}

header.site-header h1 img,
header.site-header p.ps-title img {
float:left;
}

.subpage header.site-header {
border:0;
}

#main-nav-hidden {
width:100%;
height:100%;
background:#000;
display:none;
position:fixed;
top:0;
left:0;
z-index:300;
overflow:auto;
}

#main-nav ul.parent {
width:100%;
height:800px;
margin-top:0;
padding:0 10px;
background:none;
text-align:left;
float:none;
box-sizing:border-box;
overflow:auto;
}

#main-nav li {
width:100%;
margin-bottom:2px;
padding:0 10px;
float:left;
box-sizing:border-box;
}

#main-nav ul.parent li a {
width:100%;
height:auto;
line-height:normal;
padding:15px 0;
text-align:left;
font-size:18px;
color:#fff!important;
box-sizing:border-box;
float:none;
display:inline-block;
}

#main-nav ul.parent li a:before {
margin-right:10px;
letter-spacing:-10px;
font-family:"dashicons";
content:"\f345 \f345";
vertical-align:middle!important;
}

#main-nav ul.sub-menu {
display:none;
}

#main-nav li.borderslide {
height:auto;
display:inline;
position:static!important;
top:0;
}

#main-nav li.borderslide span {
height:auto;
background:none;
border:0;
display:inline;
position:static;
}

#sp-main-nav {
width:20%;
height:50px;
float:right;
position:relative;
}

#s-main {
width:50px;
position:fixed;
top:0;
right:10px;
z-index:1000;
cursor:pointer;
}

#s-main span {
width:30px;
height:4px;
background:#fff;
border-radius:1px;
transition:0.4s ease-in-out;
-webkit-transition:0.4s ease-in-out;
-moz-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
float:right;
}

#sub-nav-hidden {
display:none;
}

#nav-slide {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
position:fixed;
top:0;
left:0;
z-index:1000;
display:none;
}

#s-main span:nth-of-type(2),
#s-main span:nth-of-type(3) {
margin-top:5px;
}

.menu-open #s-main span:nth-of-type(1) {
transform:translateY(9px) translateX(0) rotate(315deg);
-webkit-transform:translateY(9px) translateX(0) rotate(315deg);
-ms-transform:translateY(9px) translateX(0) rotate(315deg);
-moz-transform:translateY(9px) translateX(0) rotate(315deg);
-o-transition:translateY(9px) translateX(0) rotate(315deg);
}

.menu-open #s-main span:nth-of-type(2) {
width:0!important;
margin-left:50%;
transform:scale(0);
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transition:scale(0);
}

.menu-open #s-main span:nth-of-type(3) {
transform:translateY(-9px) translateX(0) rotate(-315deg);
-ms-transform:translateY(-9px) translateX(0) rotate(-315deg);
-webkit-transform:translateY(-9px) translateX(0) rotate(-315deg);
-moz-transform:translateY(-9px) translateX(0) rotate(-315deg);
-o-transition:translateY(-9px) translateX(0) rotate(-315deg);
}

.menu-open #s-main nav,
.s-sub-close nav {
transform:translateX(100%);
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transition:translateX(100%);
}

#widget-area {
width:100%;
margin-top:50px;
float:left;
}

#widget-area h2 {
width:100%;
box-sizing:border-box;
}

#search {
width:100%;
box-sizing:border-box;
}

#top-scroll {
width:70px;
left:0;
}

#top-scroll-in {
bottom:10px;
right:0;
}

.free-area {
margin-bottom:30px;
}

.free-right {
padding-bottom:30px;
}

#sns-but {
width:100%;
margin-right:0;
margin-bottom:20px;
text-align:center;
}

#sns-but p {
margin-left:0;
display:inline-block;
float:none;
}

#footer-in {
padding:30px 0 10px 0;
}

#footer-body {
width:97%;
}

#footer-nav,
#footer-space {
margin-bottom:30px;
}

}

/**************************************************
***************************************************
480px以下の場合
***************************************************
**************************************************/

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

header.site-header h1 img,
header.site-header p.ps-title img {
width:50%;
height:auto;
}

img.free-img {
width:100%;
height:auto;
}

}