@charset "utf-8";

/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
*/


/* ************************************************ 
*	基本設定
* ************************************************ */	

body {
font: 13px arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background-color: #fff;
  color: #444;
  line-height: 180%;
}

/* リンク */

a{
color:#45AAB8;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

a:hover{
color:#666;
}

a:active, a:focus {
outline: 0;
}


/* 画像 */

img{
border:0;
padding:0px;
margin:0px
}

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

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}

a img:hover {
background: #FFFFFF;
opacity:0.8;
}


/* フロート */

.alignright { float: right; }

.alignleft { float: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト */

ol{
margin: 0 0 0 5px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

li{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style:none;
}

/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: auto; 
max-width: 960px;
padding: 0px 0px 0px 0px;
_width: 960px;
}


/* ************************************************ 
*	ヘッダー
* ************************************************ */

.topimage {
margin: 0 0 2em 0;
}

.topimage img {
width: 100%;
}

.header {
background-color: rgba(255,255,255,0.5);
width: 100%;
}

.header img {
float: left;
margin: 1em 1%;
width: 7%;
}

.headernotop .header img {
float: left;
margin: -1em 1%;
width: 7%;
}

.header_relative {
position:relative;
}

.header_absolute {
position:absolute;
top:0;
left:0;
}

.header h1 {
font-size: 250%;
font-weight: normal;
line-height: 0.5em;
margin: 1em 0 0.1em 10%;
}

.header h1 a {
color: #000000;
}

.header h1 a:hover {
color: #666666;
}

.subtitle {
color: #007cb3;
margin: 0 0 1em 10%;
}

.crumbs {
border-bottom: dotted 2px #007cb3;
margin: 0 0 1em 0;
padding: 0 0 0 1em;
}

.pagetitle {
border-bottom: solid 3px #007cb3;
margin: 0 0 2em 0;
padding: 0 0 1em 1em;
}

.pagetitle h2 {
display: inline;
font-size: 200%;
}

.pageparent {
font-size: 120%;
}


/* ************************************************ 
*	メイン（本文）コンテンツ
* ************************************************ */

/*バナーの追加エリア*/
.banner_top{
margin: 0 0 2em 0;
}
.banner_top img{
padding: 0 20px 0 0;
}
/*******************/

.newinfo {
margin: 0 0 2em 0;
}

.newinfo li {
border-bottom: dotted 2px #007cb3;
margin: 10px 0px;
}

.newinfo li a {
background: url(images/arrow_circle.png) no-repeat;
color: #000000;
display: block;
line-height: 1.5em;
margin: 10px;
padding: 0 0 0 30px;
}

.newinfo li a:hover {
color: #999999;
}

.newarchive {
text-align: right;
}

.accessmap_text {
padding: 10px;
}

/* ************************************************ 
*	サイドバー
* ************************************************ */	

.quarter {
margin-left:0;
margin-left: 3.1914893617021276%;/*サイドバー左余白*/
}

#sidebar {
width: 100%;
margin: 0 0 2em 0;
}

#sidebar li {
margin: 5px 0em;
}

#sidebar li a {
background: url(images/arrow.png) no-repeat;
margin: 10px;
padding: 0 0 0 15px;
}


/* ************************************************ 
*	フッターエリア
* ************************************************ */	

#footer {
background: #CCCCCC;
color: #555555;
padding: 10px 0;
text-align: center;
}


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

/* プラン表風 */

table#plan {
width: 100%;
margin: 10px 0 0 0;
padding: 0;
border: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}

table#plan th {
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 10px;
border: 1px #999 solid;
white-space: nowrap; 
vertical-align: middle;
background-color:#ddd;
}

table#plan td {
font-size: 13px;
padding: 10px;
border: 1px #999 solid;
white-space: normal;
vertical-align: middle;
}


/* ************************************************ 
*	フォーム
* ************************************************ */

div#trust-form{
width: 100%;
}
div#trust-form span.require{
font-weight:normal;
font-size:80%;
color:#333;
}
div#trust-form table{
width: 100%;
margin:0 0 0 0;
color:#333;
}

div#trust-form table tr{}
div#trust-form table th,
div#trust-form table td{
padding-bottom:10px;
width: 30%;
}

div#trust-form table ul {
list-style: none;
margin-left:-10px;
}

div#trust-form table input[type="text"]{
border:1px solid #DDD;
width: 100%;
height:20px;
}
div#trust-form table textarea{
border:1px solid #DDD;
width: 100%;
height:150px;
}
div#trust-form table select{
border:1px solid #DDD;
}
div#trust-form input[type="submit"]{
background:#fff;
padding:5px 10px;
border:2px solid #000;
color:#000;
}
div#trust-form p#confirm-button{
text-align:center;
width: 100%;
margin:10px 0;
padding:0 0;
}
div#trust-form div.error{
color:#FD116B;
padding:3px 0 0 3px;
}


/* ************************************************ 
*	コンポーネント
* ************************************************ */

.titleblue_parts {
background: #007cb3;
color: #FFFFFF;
font-size: 160%;
font-weight: normal;
padding: 5px 10px 
}

.titlegray_parts {
background: #d6d6d6;
border-left: solid 10px #e6a501;
font-size: 140%;
padding: 15px 0.7em; 
}

.list_level1 {
}

.list_level2 {
margin: 0 0 0 1em;
}

/* ************************************************ 
*   Facebook
* ************************************************ */

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}


.fb-like-box {
border: solid 1px #007cb3;
border-top: solid 5px #007cb3;
margin: 2em 0 0 0;
}

/* ************************************************ 
*   Google Map
* ************************************************ */

#plan iframe {
width: 100%;
height: 300px;
}

/* ************************************************ 
*   レスポンシブ
* ************************************************ */


/* PC 画面の横幅が960px以上 */

@media only screen and (min-width: 960px) {
}


/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px;}
.header h1 {font-size: 200%;}
.subtitle {font-size: 100%;}
}



/* Mobile (Portrait) 画面の横幅が767pxまで */

@media only screen and (max-width: 767px) {
.wrapper { width: 280px; }
body {padding: 0 0 0 0;}
.headernotop .header img {margin: 0em 1%;}
.header h1 {font-size: 120%;}
.subtitle {font-size: 80%; margin-bottom:0;}
#header { position: static; margin: 0px auto 0px auto;}
#header li { margin: 0; float: none; margin-bottom: 1px; }
#header li a{ display: block; color:#332828; background-color: #f6f6f6; text-decoration:none; border-left:0px solid #eee; border-right:0px solid #eee; border-bottom:1px solid #fff; padding:5px 10px;}
#header li a:hover{ background-color: #3cd371; padding: 5px 10px;}
.crumbs {font-size: 70%;}
.pagetitle h2 {font-size: 120%;}
.pageparent {font-size: 100%;}
#plan img {width:100%;}
#plan iframe {height: 250px;}
}


/* Mobile (Landscape) 画面の横幅が480px〜767pxまで */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 430px; }
.headernotop .header img {margin: 0em 1%;}
.header h1 {font-size: 120%;}
.subtitle {font-size: 80%; margin-bottom:0;}
#header ul {margin-left:0%;width:100%;}
.crumbs {font-size: 70%;}
.pagetitle h2 {font-size: 120%;}
.pageparent {font-size: 100%;}
#plan img {width:100%;}
#plan iframe {height: 250px;}
}