/*
Theme Name: Nakanishi-Shika Theme
Theme URI: http://www.nakanishi-shika.jp/
Author: Nakanishi
Description: A custom WordPress theme.
Version: 1.0
*/

@charset "utf-8";

body{
    font: 14px/2.0 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #333333;
}

.fs-7 {font-size: 0.75rem !important;}
.fs-8 {font-size: 0.5rem !important;}
.mg0 {margin: 0;}

body a {
    color: #333;
}

body a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

/*******************************
全体幅
*******************************/
#header, #container, #container-body, #container-footer {
margin: 0 auto;
max-width: 960px;
}
#container-body {
    padding: 20px 0 0;
}

/*******************************
/* ヘッダー
*******************************/
.header-back {
    background:url(img/header-back.png) no-repeat 0 0;
    background-color: #fffaf4;
    height: 108px;
    width: 100%;
    background-size: contain;
    border-bottom: 2px solid #37d6dc;
}
.header-box1 {
    background-color: #37d6dc;
    color: black;
    height: 28px;
    margin-bottom: 4px;
}
.header-box1 h2 {
    padding-top: 5px;
}
.header-box2 {
    background-color: #d4f2f4;
    color: black;
    height: 28px;
}
.header-box2 a {
    text-decoration: none;
    font-weight: bold;
}
.t-position {
    text-align: left !important;
}
.t-position2 {
    text-align: right !important;
}
.nav-item, .nav-link {
    border-bottom: 1px white dashed;
}
.nav-item a {
    color: white !important;
}
.container-fluid {
    /*background:url(img/header-back.png) no-repeat 0 0;
    background-color: #fffaf4;*/
    background-color: #37d6dc;
    /*height: 108px;*/
    width: 100%;
    /*background-size: contain;*/
    border-bottom: 2px solid #37d6dc;
}
@media only screen and (max-width: 768px) {
    .header-back {
        background: none;
        background-color: #fffaf4;
        height: auto;
        width: 100%;
        background-size:contain;
        border-bottom: 2px solid #37d6dc;
        padding: 0;
    }
}
@media only screen and (max-width: 576px) {
    .t-position {
        text-align: center !important;
    }
    .t-position2 {
        text-align: center !important;
    }
    .box {
        width: 90%;
        margin: 0 auto;
    }
}

.theme {
    background-color: #caf1f0;
    color: #666666;
    line-height: 1;
    padding: 8px 0px 8px 27px !important;
    font-size: 1rem;
    margin-bottom: 0;
}
.theme::before {
    content: url(img/icn_h_regist2.gif);
    margin-right: 5px;
}
.theme2 {
    background-color: #caf1f0;
    color: #666666;
    line-height: 1;
    padding: 8px 0px 8px 27px !important;
    font-size: 1rem;
    margin-bottom: 0;
}
.theme2::before {
    content: url(img/icn_h_information2.gif);
    margin-right: 5px;
}
.theme3 {
    background-color: #eaf4f4;
    color: #666666;
    line-height: 1;
    padding: 8px 0px 8px 8px !important;
    font-size: 1rem;
    margin-bottom: 0;
}
.box0 {
    border: 1px solid #ccc;
    padding: 10px;
    line-height: 1.2;
}
.line-ul {
    width: 94%;
    margin: 0 3%;
    border: 1px dashed #ccc;
}
.table th {
    padding-left: 1rem;
    background-color: #f4f4f4;
    color:#333;
    border-right: 1px solid #CCC;
    width: 25%;
}
.table td {
    padding-left: 1rem;
    background-color: white;
    color:#333;
    width: 75%;
}
.table-top-line {
    border-top: 1px solid #333;
}
.img-spc {
    text-align: center;
}
.img-spc img {
    padding: 0.5rem 0;
}
.table2 th {
    text-align: center;
    background-color: #CAF1F0;
    color:#333;
    border-right: 1px solid #CCC;
    height: 46px;
}
.table2 td {
    text-align: center;
    background-color: white;
    color:#333;
    height: 46px;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*************
/* リスト
*************/
#container ul{ 
    margin-left: 5px;
}
#container ul li, #footerUpper ul li{
    list-style: none;
    margin-bottom: 8px;
    padding: 0 5px 0 12px;
    background:url(images/bullet.gif) no-repeat 0 5px;
}
.ul-line {
    list-style: none;
}
.ul-line li {
    border-bottom: 1px dashed #ccc;
    color: #333;
}
.breadcrumbs {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}
.breadcrumbs p {
    margin: 0;
    padding: 0;
}
/*************
サイド（右側）コンテンツ
*************/
#sidebar ul{ 
    margin-bottom:10px;
    list-style: none;
    font-size: 0.8rem;
    padding: 0;
    color: #ccc;
}
#sidebar ul li {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #ccc;
    padding: 4px 0 4px 8px;
}
#sidebar .last {
    border-bottom: 1px solid #ccc;
}
.sidebox {
    padding: 0.5rem;
    font-size: 0.75rem;
    border: 1px solid #ccc;
}
/*******************************
/* フッター
*******************************/

.footerLower{
    padding: 10px;
    text-align:center;
    border-top: 2px solid #ddd;
}

/*===================================

	02.汎用セレクタ

=====================================*/
.clear {clear: both;}
.clearfix {display: inline-table;}
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
.wd100{width:100%;}
.wd010{width:10%;}
.wd030{width:30%;}
.wd070{width:70%;}
/*--color--*/
.txt_green{color:#67b5b7;}
.txt_yellow{color:#e4ac3f;}
.txt_orange{color:#e2750c;}
.txt_red{color:#d82900;}
.txt_brown{color:#b27700;}
.txt_wine{color:#cb6b89;}
.txt_purple{color:#b6007a;}
.txt_blue{color:#0000ff;}
.txt_white{color:#ffffff;}
.txt_pink{color:#e74c80;}
.txt_black{color:#000000;}
.txt_gray{color:#727171;}