@charset "UTF-8";
/*
Theme Name:株式会社 吉祥院安田
Description:
Theme URI:
Author: Kota Uchiyama
Author URI:
Version: 1.0
License: All right reserved.
License URI:
*/

/* =Reset default browser CSS. */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}body{line-height:1;-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}address{text-decoration:none;font-style:normal;}.clearfix:after{content:" ";display:block;clear:both;height:0;}.clearfix{min-height:1px;}* html .clearfix{height:1px;}

/* =general
-------------------------------------------------------------- */
body{font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", "MS PGothic", sans-serif;font-size:15px;color:#333;line-height:1.5em;letter-spacing:0.01em;vertical-align:bottom;}

.wrap {width:1060px;margin-left:auto;margin-right:auto;}
#mov_wrap {height:auto !important;height:100%;min-height:100%;margin-top: 10px;}

.flt_left {float:left;}
.flt_right {float:right;}

img {max-width: 100%;}


/* =header
-------------------------------------------------------------- */
#head {width: 100%;}

#sitename {margin-bottom:3px;background:#131a8e;text-align:center;}
#sitename a{color:#fff;text-decoration:none;font-size:14px;vertical-align:top;font-weight:400;}

#title_site {float:left;width:310px;}
#title_site img{width: 75%;}
#title_site p{vertical-align: bottom;line-height: 1em;margin-top: 5px;}


#box_head_right {float:right;width:750px;height: 73px;color:#fff;position:relative;}
#box_head_right_small {text-align:right;}

/* =nav
-------------------------------------------------------------- */
#nav_main {font-size:16px;position:absolute;right:0;bottom:0px;line-height: 1em;}

#nav_main ul li, #nav_main_foot ul li{display:inline;}
#nav_main ul li:before, #nav_main_foot ul li:before {content:" ｜ ";color:#131a8e;}
#nav_main ul li:first-child:before, #nav_main_foot ul li:first-child:before {content:none;}
#nav_main ul li a, #nav_main_foot ul li a{text-decoration:none;color:#333;}
#nav_main ul li a:hover, #nav_main_foot ul li a:hover{color:#131a8e;}

#nav_main_sf{display:none;}
/* Toggle Button */
#nav-toggle {display: none;position: absolute;right:10px;top:20px;width:40px;height: 40px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 4px;width: 100%;background: #bdbdbd;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}


/* =footer
-------------------------------------------------------------- */
#foot {padding:20px 0 10px 0;background:#131a8e;color:#fff;margin-top:40px;}

#nav_main_foot {margin-bottom:30px;text-align: center;}
#nav_main_foot li a{color:#fff !important;}

#copyright {text-align:center;}


/* =top
-------------------------------------------------------------- */
#top_catch {width: 100%;margin: 0 auto;background:#fff;}

#box_top {margin-bottom:40px;margin-top:30px;}
.slides {margin:0 auto;width:1060px;}
.slides img {width: 100%;vertical-align: bottom;}

#top_newitems {margin-bottom:30px;}
#top_newitems ul li {}

#top_facebook {width:520px;float:left;}
#top_contact {width:520px;float:right;}
.txt_top_toiawase {margin-bottom:20px;}

#box_top_tel {background: url(style_img/icon_tel.png) no-repeat;padding-left:50px;}
#box_top_tel .telno{font-size: 24px;font-weight:bold;margin-bottom: 5px;}
#box_top_tel span{font-size: 16px;}

.snslinks {margin-top:30px;}
.snslinks li{display:inline-block;margin-right: 20px;width: 48%;}
.snslinks li:last-child{margin-right: 0px;}
.snslinks li img {width: 100%;}

#block_content {min-height:280px;}

#top_kyotosdgs img {width:100%;}

#top_kyotosdgs {border: 1px solid #f49631;padding: 0 20px 25px 20px;margin-top: 30px;}

#box_top_banner {display: inline-block;margin-right: 20px;width: 48%;margin-top: 30px;}

#box_top_banner img { max-width: 100%; }

/* =page
-------------------------------------------------------------- */
#box_post_header {background:#fff;margin-bottom:30px;border-bottom: #131a8e 1px solid;border-top: #131a8e 1px solid;}
.pagehead{height:196px;position: relative;}
.newitems{background:url(style_img/headsintyakubukken.jpg) no-repeat top center;}
.buildings{background:url(style_img/headkanribukken.jpg) no-repeat top center;}
.aboutus{background:url(style_img/headkaisyagagiyou.jpg) no-repeat top center;}
.access{background:url(style_img/headaccess.jpg) no-repeat top center;}
.residents{background:url(style_img/headnyukyosya.jpg) no-repeat top center;}

#title_post {color:#131a8e;font-size: 28px;position: absolute;top: 90px;left:0px;}
#box_top h2, .title_sub {color:#131a8e;margin-bottom:30px;padding-left:10px;height:30px;line-height:30px;border-left: 8px solid #e5e0f0;font-size: 24px;}
.title_sub_sub{margin-bottom:10px;}
.title_sub_sub:before {content:"●";color:#8b4e2d;}

.box_post {margin-bottom:30px;}
.box_post p {margin-bottom:10px;word-break: break-all;}
.box_post h3{margin-bottom:15px;}
.box_post h3:before{content:"○";color:#131a8e;}
.box_post_mini {width:50%;}
.box_post_left {width:48%;float:left;}
.box_post_right {width:48%;float:right;}
.box_post table th {text-align:left;background:#d4deec;border-bottom:3px #fff solid;}
.box_post table th, .box_post table td {padding:5px;}

.list_numbers li {list-style: decimal;margin-left: 20px;margin-bottom: 10px;}
.list_point{list-style:disc;}
.list_point li{display:inline-block;margin:0 20px 30px 0;}

.list_bukken li {margin-bottom: 30px;border-bottom: 1px solid #e5e0f0;padding-bottom: 30px;}
.list_bukken li:last-child{border-bottom: 0px;} 

.bukken_name {margin-bottom:20px;color:#131a8e;}
.bukken_pic {width:48%;float:left;}
.bukken_table {width:48%;float:right;}
.company_table {width:80%;margin:0 auto;}
.bukken_table th, .bukken_table td, .company_table th, .company_table td{padding:8px;border:2px solid #fff;}
.bukken_table th, .company_table th {background:#e5e0f0;width:20%;}

#faq ul li{margin-bottom:30px;}
#faq h3{color:#131a8e;}
#faq h3:before{content:"○"}
#faq dt {color:#131a8e;margin-top:10px;}

/* =wp-pagenavi
-------------------------------------------------------------- */
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


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

/* =iphone6 plus */
@media screen and (max-width: 415px){

.slides {margin:0 auto;width:100%;}

#nav_main {display:none;}
#nav_main_sf{display:block;}
#nav_main_sf li{display:block;margin: 0 0 0 0;padding-top: 15px;padding-bottom: 15px;vertical-align:top;}
#nav_main_sf li:last-child{margin: 0 0 0 0 !important;border-bottom: 0;}
#nav_main_sf li img{max-width:100%;}
#head, .wrap_head {width: 100%;max-width: 100%;padding: 0;}
#head {top: 0;position: fixed;margin-top: 0;z-index:99;background: #fff;}
/* Fixed reset */
#head.fixed {padding-top: 0;background: transparent;}
#mobile-head {width: 100%;height: 60px;z-index: 999;position: relative;padding-top: 5px;}
#head.fixed .logo, #head .logo {position: absolute;left: 13px;top: 13px;color: #333;font-size: 26px;}
#nav_main_sf {text-align:center;padding:0;position:fixed;top:91px;right:-414px;width:100%;height:100%;background:#131a8e;overflow: scroll;}
#nav_main_sf ul {list-style: none;position: static;right: 0;bottom: 0;text-align: center;}
#nav_main_sf ul li {float: none;position: static;display: block;border-bottom:1px #fff solid;font-size: 1.2em;color:#fff;}
#head #nav_main_sf ul li a, #head.fixed #nav_main_sf ul li a {width: 100%;display: block;color:#fff;padding: 0px 0;text-decoration:none;}
#nav-toggle {display: block;}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
    
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;text-align:center;}
 
.ggmap iframe, .ggmap object, .ggmap embed {position: absolute;top: 0;left: 0;width: 96%;height: 96%;}

#box_head_right {display:none;}
#title_site h1 {margin-bottom: 3px;}
#title_site h1 a {font-size: 0.5em;}
#title_site {float: none;width: auto;}
#title_site img {width: 39%;}
.wrap {width: 95%;}
#mov_wrap {margin-top: 92px;}


.pagehead {position:static;width:100% !important;height: 77px;}
.newitems {background:url(style_img/headsintyakubukken.jpg) no-repeat 0px 0px;background-size: 100%;width: 100%;}
.buildings {background:url(style_img/headkanribukken.jpg) no-repeat 0px 0px;background-size: 100%;width: 100%;}
.aboutus {background:url(style_img/headkaisyagagiyou.jpg) no-repeat 0px 0px;background-size: 100%;width: 100%;}
.access {background:url(style_img/headaccess.jpg) no-repeat 115px 0px;background-size: 100%;width: 100%;}
.residents {background:url(style_img/headnyukyosya.jpg) no-repeat 0px 0px;background-size: 100%;width: 100%;}

#title_post {font-size: 1.6em;margin-left: 10px;position: static;text-align: left;padding-top: 26px;}
.box_post_mini {width:100%;float:none !important;}
.box_post img{max-width:100%;float:none !important;}
.mapimg li {width: 100%;}
.mapimg li:first-child {margin-right: 0;}
.areamap {width:100% !important;float:none !important}
.areamap_disc {width:100% !important;float:none !important}
.list_shop {text-align:center;}
.list_shop li {width: 48%;text-align:left;}
.list_midokoro li p {float: none;width: 100%;}
#box_foot_tel, #box_foot_airbnb  {width: 60%;float: none;color:#fff;text-align: left;margin:20px auto 10px auto;}
#box_footer_contact {display:none;}
.snslinks {float:none !important;text-align:center;}
.snslinks li:nth-child(2){margin-right:0 !important}
.box_post_left {width:100%;float:none;}
.box_post_right {width:100%;float:none;}
.box_jigyo img {margin-left: 0px;}
.list_campain li div {width:100% !important;}
.list_campain li div img{width:100% !important;}
#top_contact {width:100%;float: none;margin-bottom:30px;}
#top_facebook {width: 100%;float: none;}
#block_content img {width:100% !important;}
#block_content p {margin-bottom:10px;}
.bukken_pic, .bukken_table  {width: 100%;float:none;}
.company_table {width: 100%;margin: 0 auto;}
.snslinks li {
    display: inline-block;
    margin-right: 10px;
    width: 45%;
}
	
	
#box_top_banner {display: inline-block;margin-right: 0px;width: auto;margin-top: 30px;}

}

/* =iphone6 */
@media screen and (max-width: 376px){
.pagehead {height: 69px;}
#title_site img {width: 46%;}
}

/* =under 360px */
@media screen and (max-width: 360px){
.pagehead {height: 59px;}
#title_post {font-size: 1.3em;padding-top: 20px;}
#title_site img {width: 51%;}
}