@charset "utf-8";
/*
* Skeleton V2.0.4
* Copyright 2014, kyoto-info
* 12/29/2014
*/

body{
    font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a img:hover{
    opacity: 0.8;
}

/*page-all*/
.page-bg{
    /*
    background-image: url(bg.png);
    */
    clear: both;
    padding-top: 0px;
    padding-bottom: 40px;
    width: 100%;
}

.tablet-only{
    display: none;
}

.pc-only{
    display: none;
}

.sm-only{
    display: block;
}

.big{
    font-size: 28px;
    font-weight: bold;
}

.large{
    font-size: 18px;
}

.red{
    color: #d11415;
}

.lead{
    color: #e73f3d
}

@media (min-width: 980px){
    .page-bg{
        padding-top: 0px;
    }
    .tablet-only{
        display: block;
    }
    .sm-only{
        display: none;
    }
}

@media (min-width: 980px){
    .tablet-only{
        display: none;
    }
    .sm-only{
        display: none;
    }
    .pc-only{
        display: block;
    }
}

ul li{
    list-style: none;
}

/*header*/
h1.logo{
    margin: 30px 30px 10px 0;
    float: left;
}

.h-tel{
    float: right;
    margin: 20px 30px 10px 0;
}

.h-contact{
    float: right;
    margin: 30px 0px 10px 0;
}

@media(max-width: 980px){
    h1.logo{
        margin: 30px auto 10px;
    }
    .h-tel{
        display: none;
    }
    .h-contact{
        display: none;
    }
}

/**/

h1.logo img{
}

h1.top{
    font-size: 16px;
    margin: 30px 0 15px 10px;
    font-weight: bold;
}

h2{
    font-size: 16px;
    margin: 30px 0 15px 10px;
}

@media(min-width: 980px){
    h1.top{
        font-size: 20px;
        font-weight: normal;
    }

    h1.ichiran{
        margin-top: 20px;
        font-weight: normal;
    }
    h2{
        font-size: 20px;
        font-weight: bold;
    }
}

.top .column img,.top .column02 img,.top .columns img,.top .columns02 img{
    width: 100%;
    vertical-align: bottom;
}

.column .tag img,.column02 .tag img,.columns .tag img,.columns02 .tag img{
    width: auto;
    vertical-align: text-bottom;
}

/*menu*/
nav{
    width: 100%;
    z-index: 1;
}

#menu{
    max-width: 1120px;
    margin: 0 auto 0px auto;
}

#menu li{
    display: block;
    float: left;
    margin: 0;
    padding: 0; }

#menu li.sm-only{
    display: none;
}
#menu li a{
    display: block;
    font-size: 16px;
    padding: 8px 6px 7px;
    font-weight: bold;
    color: #FFFFFF;
    background: #1e76b4;
    text-align: center;
    text-decoration: none;
    border-right: 1px #FFF solid;
}

#menu li.r-border-none a{
    border-right: none;
}

#menu li a i{
    font-size: 21px;
}

#menu .bor_r2{
    border-right: 2px #999 solid;
}

#menu .bor_none{
    border-right: none;
}

#menu li a:hover{
    background: #78add2;
}

#toggle{
    display: none;
}

#menu li .toppage{
    background: #751485;
}

@media (max-width: 980px) {
    #menu{
        display: none;
        padding: 0;
        width: 100%;
    }
	
    #menu li.pc-only{
        display: none;
    }
    #menu li{
        width: 100%;
        border-bottom: 1px #FFFFFF solid;
    }
    #menu li.sm-only{
        display: block;
    }
    #menu li a{
        border-right: none;
        border:none;
        padding: 12px;
        color: #FFF;
        width: 100%;
        font-size: 15px;
    }
    #menu li.kaitori a{
        background: #e73f3d;
    }
    #menu li.kaitori a:hover{
        background: #FF7270;
    }
    #menu li.kaishu a{
        background: #258b8b;
    }
    #menu li.kaishu a:hover{
        background: #58BEBE;
    }
    #menu li.hikkoshi a{
        background: #e78a3d;
    }
    #menu li.hikkoshi a:hover{
        background: #FFBD70;
    }
    #menu li.gomi a{
        background: #31b931;
    }
    #menu li.gomi a:hover{
        background: #64EC64;
    }
    #menu li.ihin a{
        background: #b9317e;
    }
    #menu li.ihin a:hover{
        background: #EC64B1;
    }
    #menu li.company a{
        background: #3598db;
    }
    #menu li.company a:hover{
        background: #68CBFF;
    }
    #menu li.gray a{
        background: #888;
    }
    #menu li.gray a:hover{
        background: #ccc;
    }
    #menu li .select{
        padding: 12px;
        border: none;
    }
    #menu li a:hover{
        padding: 12px;
        border:none;
    }
    #menu li .select:hover{
        padding: 12px;
        border: none;
    }
    #menu li .toppage{
        background: #1e76b4;
    }

    #menu li .nav{
        background: #1e76b4;
    }

    #menu li a:hover{
        background: #1e76b4;
    }

    #menu .bor_r2{
        border-left: none;
    }

    #toggle{
        display: block;
        position: relative;
        width: 100%;
    }

    #toggle a{
        display: block;
        position: relative;
        padding: 20px 0 20px;
        border-bottom: 1px solid #FFF;
        color: #FFF;
        font-size:0.8em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background: #1e76b4;
    }

    #toggle:before{
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #999;
    }

    #toggle a:before, #toggle a:after{
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        width: 20px;
        height: 4px;
        background: #FFF;
    }

    #toggle a:before{
        margin-top: -6px;
    }

    #toggle a:after{
        margin-top: 2px;
    }
}

/*bg-color*/
.white{
    background-color: #FFF;
    margin-bottom: 20px;
    padding-bottom: 10px;
    /*
    border: #E0E0E0 1px solid;
    */
    max-width: 400px;
}

.white h3{
    font-weight: bold;
    margin:10px 0px;
}

.white p{
    margin: 0 0px 10px;
}

@media (max-width: 980px){
    .top-contents{
        text-align: center;
    }
    .white{
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .white.m-r-0{
        margin-right: 0;
    }
}

@media (max-width: 860px){
    .white{
        margin: 0 auto 30px;
        float: none;
    }
    .white.m-r-0{
        margin-right: auto;
    }
}

/*ここから下が記事ページのCSS*/

/*page-title*/

.page-title{
    margin: 30px 0 10px;
    padding: 40px 15px;
    border: #E0E0E0 1px solid;
	background: url(title-bg.PNG) right no-repeat;
}

.page-title h1{
    font-size: 32px;
    margin-bottom: 0;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
	color: #333;
	text-shadow: #ccc 1px 1px 3px;
}


.page-title h1 .mini{
    font-size: 16px;
}

/*page-pankuzu*/
.pankuzu{
    color: #666;
    margin: 5px auto 30px auto;
    max-width: 1120px;
}

.pankuzu p{
    font-size: 15px;
    margin: 0px 0px 3px;
    font-weight: bold;
}

.pankuzu a{
}

/*page-contents*/

.contents{
    background-color: #FFF;
    padding: 0px 0px 20px 0px;
    /*
    border: #E0E0E0 1px solid;
    */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contents {
        padding-top: 0px;
    }
}

.contents .column img,.contents .column02 img,.contents .columns img,.contents .columns02 img{
    max-width: 100%;
    vertical-align: bottom;
}

.contents h2{
    font-size: 24px;
    margin: 10px 20px 0;
    color: #21699A;
    font-weight: bold;
    background: url(h2-bg.PNG) bottom repeat-x;
    padding-bottom: 10px;
    text-align: center;
}

.contents h3{
    font-size: 16px;
    margin: 10px 15px 0;
    color: #333;
    font-weight: bold;
    padding: 10px 5px 3px;
    border-bottom: 1px solid #D6D6D6;
}
.contents.hinmoku h3{
	background-color: #1e76b4;
	color: #FFFFFF;
	padding: 6px 10px;
	margin-top: 40px;
    border-bottom: none;
}
.contents.hinmoku .wrappernomal h3{
	background: none;
    color: #333;
    padding: 10px 5px 3px;
	margin-top: 10px;
    border-bottom: 1px solid #D6D6D6;
}
.contents h4{
    font-size: 14px;
    margin: 10px 15px 0;
    color: #d11415;
    font-weight: bold;
}
.contents p{
    font-size: 14px;
    margin: 15px 15px 0;
}

.contents ul{
    font-size: 14px;
    margin: 15px 15px 0;
    list-style: none;
}

.contents .lead{
    font-weight: bold;
}

.contents .caption{
    font-size: 13px;
    color: #696969;
}

.contents img{
    max-width: 100%;
}

.wrappernomal {
    margin: 1.5em 1em;
    padding: 1em  0em 2em 0em;
    background-image: url(bg-contact.PNG);
    color: #000000;
    border-style: solid;
    border-color: #e6e8fa;
    border-radius: 8px;
}

.wrapper-contact {
    margin: 1.5em 0.5em;
    padding: 1.5em 1em;
    background-image: url(bg-contact.PNG);
    color: #000000;
    border-radius: 8px;
}

.top-page .wrappernomal{
    margin: 50px auto 0;
    background-color: #FFF;
}

.wrapperprof {
    margin: 1em;
    padding: 1em;
    background-color: #e6e8fa;
    color: #000000;
    border-radius: 8px;
}

.wrapper1 {
    margin-bottom: 2em;
    padding: 1em;
    background-color: #007aa5;
    color: #ffffff;
    border-radius: 8px;
}

.wrapper2 {
    margin-bottom: 2em;
    padding: 1em;
    background-color: #e9d66b;
    color: #000000;
    border-radius: 8px;
}

.wrapper3 {
    margin: 2em 2em;
    padding: 1em 1em 2em;
    background-color: #e9d66b;
    color: #000000;
    border-radius: 8px;
}

.contents .wrapper3 h2{
    margin-top: 1em;
}

.usumurasaki{
    color: #b9bbda;
}

.contents .wrappernomal h2{
    margin-top: 0;
}

.contents h2 .mini{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.contents .m-t5{
    margin-top: 5px;
}

.contents .m-t10{
    margin-top: 10px;
}

.contents .m-t20{
    margin-top: 20px;
}

.contents .m-t30{
    margin-top: 30px;
}

.contents .m-t50{
    margin-top: 50px;
}

.contents .m-t75{
    margin-top: 75px;
}

.contents .blue{
    color:#001f6f;
}

.hidari img, .migi img{
    margin-bottom: 5px;
}

.contents .max-w280{
    max-width: 280px;
}

.contents .max-w480{
    max-width: 480px;
}

.contents .t-a-center{
    text-align: center;
}

.contents .m-l-auto{
    margin-left: auto;
}

.contents .m-r-auto{
    margin-right: auto;
}

.contents .bg-map{
    background: url(img-map.png) no-repeat center top;
}

@media (min-width: 450px){
    .wrapper1 {
        padding: 2em 0em;
    }

    .wrapper2 {
        padding: 2em 0em;
    }
    .wrappernomal {
        padding: 1em 1em 2em;
        margin: 2em 0em;
    }
    .wrappercontact {
        padding: 1em 1em;
        margin: 1.5em 0em;
    }
}

@media (min-width: 980px) {
    .page-title h1{
        margin: 0 0 0px 0;
        padding-left: 10px;
        text-align: left;
    }

    .contents h2{
        margin: 15px 0px 0;
        font-size: 26px;
        text-align: left;
    }
    .contents h3{
        margin: 15px 0px 0;
        font-size: 18px;
    }
    .contents h4{
        margin: 15px 0px 0;
        font-size: 16px;
    }
    .contents p{
        margin: 15px 0px 0;
        font-size: 15px;
    }
    .contents ul{
        margin: 15px 0px 0;
        font-size: 15px;
    }

    .contents .date{
        margin: 15px 0px 10px;
    }

    .contents .category{
        margin: 0 0px 10px;
    }

    .contents .profile{
        margin: 0 0px 15px;
    }

    .shadow{
        box-shadow:5px 5px;
        border:1px solid #000;
        width:100px;
        height:50px;
    }
    .hidari {
        float: left;
        margin-right: 1em;
    }

    .migi {
        float: right;
        margin-left: 1em;
    }
    .clear{
        clear: both;
    }
    .contents .m-r0 p{
        margin-right: 0;
    }
    .contents .m-l0 p{
        margin-left: 0;
    }

}

@media (min-width: 980px){
    .contents img.img-mini{
        max-width: 500px;
    }
}



/*page-l-nav*/

.l-nav .white-box{
    background-color: #FFF;
    padding: 15px;
    border: #E0E0E0 1px solid;
}

.l-nav ul{
    list-style: none;
}

.l-nav ul li{
    margin-bottom: 20px;
}

.l-nav .white-box p{
    margin-bottom: 3px;;
}

.l-nav h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 20px;
    padding: 8px;
    background-color: #1e76b4;
    color: #FFF;
    border: #E0E0E0 1px solid;
    text-align: center;
}

.l-nav h4{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 5px;
}

.l-nav .m-t20{
    margin-top: 20px;
}

.l-nav img{
    margin-right: 10px;
    max-width: 100%;
}

@media(max-width: 980px){
    .l-nav{
        display: none;
    }
}

/*video*/
video{
    width: 100%;
}

/*top-page*/
.top-page{
    padding: 20px 0 40px;
}

.top-contents{
    padding: 0 15px;
}

.top-page h1{
}

.top-page h2{
    margin: 10px 0 20px 0;
    font-size: 24px;
    font-weight: bold;
    color: #21699A;
    background: url(h2-bg.PNG) bottom repeat-x;
    padding-bottom: 10px;
}

.top-page h3{
    font-size: 18px;
    margin-bottom:8px;
    margin-left: auto;
    margin-right: auto;
    color: #e73f3d;
    font-weight: bold;
}

.top-page .l-nav h3{
    color: #FFF;
    margin-bottom: 20px;
}

.top-page h3.lead{
    font-size: 20px;
}

.top-page h4{
    font-size: 15px;
    margin-bottom:8px;
    color: #d11415;
    font-weight: bold;
}

.top-page p{
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.top-page .oshirase{
    margin: 0 auto;
    padding: 20px 0px 0 0px;
    text-align: left;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
}

.top-page .oshirase2{
    margin: 0 auto;
    padding: 20px 10px 0 10px;
    text-align: left;
    border-bottom: 1px solid #D6D6D6;
}

.top-page .oshirase .category,.top-page .oshirase2 .category{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #666;
}

.top-page .oshirase .more-link,.top-page .oshirase2 .more-link{
    text-align: right;
}

.top-page .oshirase .more-link a,.top-page .oshirase2 .more-link a{
    display: inline-block;
    padding: 5px 10px;
    background: #e73f3d;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    border-radius: 5px;
}

.top-page .oshirase .more-link a:hover,.top-page .oshirase2 .more-link a:hover{
    background: #f5b2b1;
    text-decoration: none;
}


.top-page .l-h18{
    line-height: 1.8em;
}

.top-page .f-s16{
    font-size: 16px
}

.top-page .m-t30{
    margin-top: 30px;
}

.top-page .bg-yajirushi{
    background: url(../gallery/img/yajirushi.png) center no-repeat;
}

.top-page p.max-w-auto{
    max-width: 100%;
}

.top-page img{
    max-width: 100%;
}

@media(min-width: 980px){
    .top-page h2{
        font-size: 24px;
        margin: 10px 0 20px 0;
    }
    .top-contents{
        padding: 0;
    }
}

/*Footer*/
/*footer*/

footer{
    padding: 15px 0 15px;
    background-color: #1e76b4;
    color: #FFF;
}

footer h1{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}

footer p{
    margin: 20px 0;
    font-size: 15px;
    color: #FFF;
}

.btn a{
    display: inline-block;
    padding: 10px 20px;
    background-color: #e73f3d;
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
}

.btn a:hover{
    background-color: #FF6565;
}

.btn2 a{
    display: inline-block;
    padding: 10px 20px;
    background-color: #27ae60;
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
}

footer .sitemap ul{
    margin-left: 15px;
}

footer .sitemap li{
    font-size: 14px;
    margin-bottom: 8px;
    list-style: circle;
}

footer .sitemap a{
    color: #FFF;
}

footer aside{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

.fixed-footer{
    max-width: 100%;
}

.fixed-footer .sm-only{
    position: fixed;
    bottom: 0;
    background-color: #1e76b4;
    width: 100%;
    max-width: 100%;
	text-align:center;
}

.fixed-footer .sm-only p{
    margin: 0;
}

.fixed-footer .sm-only .btn{
    float: left;
    margin-bottom: 0;
}

.fixed-footer .sm-only .btn a{
	padding: 6px 0 2px 0;
	background-color: #1e76b4;
}

.fixed-footer .sm-only .btn2{
    float: left;
    margin-bottom: 0;
	margin-right: 5px;
}

.fixed-footer .sm-only .btn2 a{
	padding: 6px 0 2px 8px;
	background-color:#1e76b4;
}

.fixed-footer .sm-only .denwa{
    font-size: 14px;
    text-align: center;
    color: #FFF;
    padding: 8px 0 5px;
    font-weight: bold;
}

.fixed-footer .sm-only .denwa a{
    color: #FFF;
}

@media(max-width: 980px){
    footer{
        padding: 20px;
    }
    footer .sitemap ul{
        margin-bottom: 8px;
    }
}


/*form*/
.contents form{
		margin: 30px 0;
		max-width: 100%;
   }
@media(max-width: 980px){
    .contents form{
		margin: 30px 15px;
		max-width: initial;
   }
   .contents form th{
	   display: block;
	   width: 100%;
	   border-bottom: none;
	   padding-bottom: 0px;
   }
   .contents form td{
	   display: block;
	   width: 100%;
   }
}