@charset "utf-8";
#header .site_title { display: none;}
#header .b_nav { display: none;}
@media only screen and (max-width:950px){
	#header .b_nav { display:block;}
}

/*====================================================================================================
  SERVICE1
====================================================================================================*/
#kitou{ padding-top:50px !important;}
ul.kitou { margin: auto; width: 800px; text-align: center;}
ul.kitou li {  display:inline-block; margin: 0 10px; line-height:40px; border-bottom: 1px solid #777;}
ul.kitou li:last-child { border-bottom: none;}
@media only screen and (max-width:960px){
    #kitou{ padding-top:0 !important;}
    ul.kitou {width: 100%;}
    #kitou .catch2{ margin-top:0 !important;}
}

/* LINK BTN */
ul.link_btn { margin: 60px 0 0; max-width:400px; border-top: 1px dotted #000;}
ul.link_btn li { border-bottom: 1px dotted #000;}
ul.link_btn li a { display: block; padding:15px 10px; text-align: center; color: #222; text-decoration: none;}
ul.link_btn li a:hover { background: #fff;}
@media only screen and (max-width:960px){
	ul.link_btn { margin: 60px auto 0;}
}


/*====================================================================================================
  SERVICE2
====================================================================================================*/
/* FUDA_LIST */
.fuda { margin:60px 0 0;}
.fuda dl { float: left; padding:0 0 0 30px; width: 50%; border-left:1px solid rgba(0,0,0,0.20);}
.fuda dt { font-size: 112.5%; color:#222; line-height:100%;}
.fuda dd { color:#777; font-size: 87.5%;}
.fuda dd+dt  { margin-top:30px; }
.fuda dt+dt  { margin-top:30px; }
.fuda.w100 dl { float: none; width: 100%;}
@media only screen and (max-width:1150px){
    .fuda dl { float:none; width:100%; padding: 0; border: none;}
    .fuda dt { font-size: 100%;}
    .fuda dt dd { font-size: 87.5%;}
    .fuda dd+dt,
    .fuda dl+dl { margin-top:20px; }
}
#omamori{ margin-top: 120px !important;}
@media only screen and (max-width:960px){
    #omamori{ margin-top: 0 !important;}
}



/*====================================================================================================
  SERVICE3
====================================================================================================*/




/*====================================================================================================
  NEWS
====================================================================================================*/
#news {padding: 100px 2%;}
#news ul { margin: 0 6%; overflow: hidden;}
#news ul+ul { margin-top: 20px;}
#news ul li { float: left; line-height: 22px;}
#news ul li+li { margin-left: 30px;}
#news ul li:nth-child(1) { width: 80px;}
#news ul li:nth-child(2) { width: 90px;}
#news ul li:nth-child(3) { width: calc(100% - 230px);}
#news ul li:nth-child(1) { font-size: 80%; color:#777; font-style: italic;}
#news ul li:nth-child(2) { font-size: 75%; color:#fff; text-align: center;}
#news .cate1 { background: #b83821;}
#news .cate2 { background: #1c2e59;}
#news ul li:nth-child(3) a { font-size:90%; color:#222; text-decoration: none;}
#news ul li:nth-child(3) a:hover { text-decoration: underline;}
#news ul.kotei li {
	padding-bottom:10px;
	width:auto;
	font-style: normal;
	font-size: 100%;
	color: #222;
	border-bottom: 1px solid #777;
}
@media only screen and (max-width:960px){
    #news { float:none; width:100%;}
    #news ul+ul { margin-top: 70px;}
    #news ul li+li { margin-left: 15px;}
    #news ul li:nth-child(3) { clear: both; float: none; width:100%; margin: 0; padding-top: 20px;}
}


/*====================================================================================================
  PRIVACY
====================================================================================================*/
#privacy .comment + h4 { margin-bottom: 0 !important; padding: 60px 0 20px !important;}
#privacy ul.list-ul { margin-bottom: 0;}


/*====================================================================================================
  ABOUT
====================================================================================================*/
/* SCHEDULE */
ul.schedule_list { margin: 60px 0;}
ul.schedule_list li {
	padding: 0 0 0 20px;
	background: url("../image/hishigata.png") no-repeat left 12px;
	background-size: 7px auto;
    line-height: 150%;
}
ul.schedule_list li b { margin-right: 10px; font-size:125%; color: #000; letter-spacing: 3px; font-weight: 400;}
ul.schedule_list li span { display: inline-block; font-size: 75%; position: relative; top: -3px;}
ul.schedule_list li+li { margin-top:7px;}
@media only screen and (max-width:960px){
    ul.schedule_list li+li { margin-top: 20px;}
    ul.schedule_list li b { font-size:16px;}
    ul.schedule_list li span { display: block;}
    ul.schedule_list li span::before { display: none;}
}

/* KEIDAI_MAP */
ul.keidai_list { margin:0; overflow: hidden;}
ul.keidai_list li { float: left; width:49%;}
ul.keidai_list li+li { margin-left:2%;}
ul.keidai_list li:nth-child(2n+1) { margin-left: 0;}
ul.keidai_list li small { margin:0 10px 0 5px;}
ul.keidai_list li:nth-child(1) small,
ul.keidai_list li:nth-child(2) small,
ul.keidai_list li:nth-child(3) small,
ul.keidai_list li:nth-child(4) small,
ul.keidai_list li:nth-child(5) small,
ul.keidai_list li:nth-child(6) small,
ul.keidai_list li:nth-child(7) small,
ul.keidai_list li:nth-child(8) small,
ul.keidai_list li:nth-child(9) small { margin:0 10px 0 10px;}
ul.keidai_list li span {
    cursor: pointer;
	display:block;
	padding:10px 10px 10px 30px;
	background: url("../image/hishigata.png") no-repeat 13px center;
	background-size: 7px auto;
    border-bottom: 1px solid #ddd;
}
ul.keidai_list li span:hover,
ul.keidai_list li span.on {
	color: #fff;
	background:#a02026 url("../image/hishigata_w.png") no-repeat 13px center;
	background-size: 7px auto;
}
ul.keidai_list li span.link_none:hover { cursor:default;}
.kyoudai_map { width: 460px !important;}
.kyoudai_map + .come { width:calc( 100% - 530px) !important;}
@media only screen and (max-width:1150px){
    ul.keidai_list li span { padding:7px 7px 7px 30px; font-size: 87.5%; }
    .kyoudai_map + .come { width:calc( 100% - 500px) !important;}
}
@media only screen and (max-width:1040px){
	ul.keidai_list li { float:none; width:100%; margin-left: 0 !important;}
    ul.keidai_list li span {  padding:3px 5px 3px 30px;}
}
@media only screen and (max-width:960px){
    ul.keidai_list li { float: left; width:49%!important;}
    ul.keidai_list li+li { margin-left:2%!important;}
    ul.keidai_list li:nth-child(2n+1) { margin-left: 0!important;}
    ul.keidai_list li span {
        padding:3px 5px 3px 15px;
        background: url("../image/hishigata.png") no-repeat 5px center;
        background-size: 7px auto;
    }
    ul.keidai_list li span:hover,
    ul.keidai_list li span.on {
        background:#a02026 url("../image/hishigata_w.png") no-repeat 5px center;
        background-size: 7px auto;
    }    
    
}


/* MODAL WINDOW */
.modal_box {
    display:none;
	position: fixed; top: 0; left: 144px;
	width: calc(100vw - 144px); height: 100vh;
	background:rgba(0,0,0,0.30);
    z-index: 999999999999;
}
.modal_contents {
	position:absolute; top: 0; left: 0; right: 0; bottom: 0;
	margin: auto; padding:60px 40px 40px;
    width: 80%; max-width: 920px; height:400px;
	background: #fff;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.20);
	border-radius: 3px;
	z-index: 10000;
    overflow: hidden;
}
.modal_contents .b_close {
    cursor: pointer;
    display: block; border: none;
    position: absolute; top:18px; right:40px;
}
.modal_contents .b_close:hover { opacity: 0.7;}
.modal_contents .box { display: block; overflow: hidden;}
.modal_box .naiyou { float: left; width:42%;}
.modal_box .naiyou2 {}
.modal_box .mid { padding:20px 0 40px; font-size: 27px;}
.modal_box .mid small { font-size:75%;}
.modal_box .come {}
.modal_box .photo { float:right; width:55%; max-width: 440px;}
.modal_box .photo img { width: 100%; height: auto;}
.modal_contents.tate { height:600px;}
.modal_contents.tate .naiyou { width:55%;}
.modal_contents.tate .photo { width:42%; max-width:320px;}
.modal_contents .refe { display: block; padding-left:15px;  text-indent:-15px; line-height:30px;}
.modal_contents .refe::before { content:"※"; font-size: 87.5%;}
@media only screen and (max-width:960px){
    .modal_box { left: 0; min-width: 400px; width:100vw !important; height:100vh !important; }
    .modal_contents { min-width: 400px;  width:100vw !important; height:100vh !important; overflow: auto !important ; }
    .modal_box .naiyou { float:none; width:100% !important;}
    .modal_box .mid { padding: 40px 0; font-size: 27px;}
    .modal_box .come {}
    .modal_box .photo { float:none; margin-top: 30px; width:100% !important; max-width: none !important; text-align: center;}
}