/*
Theme Name: konno
*/

body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5 {margin:0;padding:0;line-height:0;width:inherit;height:inherit;}
.container-fluid img {max-width:100%;height:auto;}
a {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all  0.3s ease; color:#0c7143;}

/* margin */
.bt-1 {margin-bottom:1em}
.bt-2 {margin-bottom:2em}
.bt-3 {margin-bottom:3em}
.bt-4 {margin-bottom:4em}

/* text */
.txt-p {line-height:1.8em;}

/* music-box */
.music-box {position:absolute;top:9px;right:65px;background-color:rgba(255,255,255,0.8);border-radius:5px; z-index:9999;}
.music-box ul {padding:0 5px;margin:0;}
.music-box ul li {display:inline-block;padding:5px 3px;}
.music-box ul li a {display:block;text-decoration:none;padding:9px 0 7px 0;width:30px;border-radius:15px; background-color:#0c7143;color:#FFF;font-size:10px; text-align:center;}
.music-box ul li a:hover {background-color:#999;}
.music-box ul li img {width:25px;height:auto;margin-bottom:2px;}

/* gnavi */
.g-navi-area { background-color:#FFF;border-bottom:2px solid #f1f1f1;}
.navbar {margin-bottom:0;}
.navbar-default {border-color:#FFF; background-color:inherit;}
.navbar-header img {width:auto; height:100%;}
.navbar-brand {height: 30px;padding:0;margin: 14px 0 6px 0;}
#defaultNavbar1 .nav li {color:#595757;border-top:1px solid #f1f1f1;}
#defaultNavbar1 .nav li a {padding:10px 0;font-size:14px;font-weight:bold;}
#defaultNavbar1 .nav li:hover a {color:#0c8e3b;}
#defaultNavbar1 .nav li a span {color:#0c8e3b;font-size:9px;margin-left:10px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
#defaultNavbar1 .nav li br {display:none;}
.navbar-default .navbar-toggle {border:none;}
.navbar-default .navbar-toggle .icon-bar {background-color:#009943;}
.navbar-toggle {margin-top:12px;margin-right:0;margin-bottom:8px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top:6px;}
.navbar-toggle .icon-bar {width:28px;}
.navbar-collapse {border:none;}
.main-tit {text-align:center;}
.main-tit img {width:86%;height:auto;max-width:650px;margin-top:32vh;margin-bottom:32vh;}
.scrool-btn {text-align:center;margin-bottom:20px;}
.main-container {background-color:#FFF;}
.top-ct-01 {background-image:url(images/top-ms-bg.gif); background-repeat:no-repeat; background-position:center center;}
.top-ct-01-img {margin-top:80px;}
.top-ct-02-img {margin-top:20px;}
.top-ct-btn {text-align:center;}
.top-ct-btn a {display:inline-block;border:1px solid #0c8e3b;max-width:300px;width:90%;padding:10px 0;margin-top:30px;margin-bottom:80px; background-color:rgba(255,255,255,0.5); background-image:url(images/green_arrow.png); background-position:20px center; background-repeat:no-repeat; background-size:auto 40%; text-decoration:none;color:#595757;}
.top-ct-btn a:hover {color:#0c8e3b; background-color:#FFF;}
.top-ct-btn a span {color:#0c8e3b;font-size:9px;margin-left:10px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
.top-ct-02 {background-color:#EEE;}
.top-ct-02 p {position:absolute;top:0;left:0; text-align:center;background-color:#0c7143;color:#FFF;padding:8px 35px;font-size: 10px;}
.top-ct-02 p span {display:none;font-size:9px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
.top-ct-02 a:hover {background-color:rgba(0,0,0,0.5);}
.top-ct-02 a:hover p {background-color:#333;}
.top-ct-02 a {position:absolute;top:0;left:0;width:100%;height:100%;}
.top-ct-04 .new-icon {position:inherit;display:inline-block;background-color:#B50003;color:#FFF;padding:3px 4px 2px 4px;border-radius:3px;font-size:12px;margin-right:6px;animation-name: flash;animation-duration: 2s;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;}
@keyframes flash {50%{opacity:0;}}
.works-ct,.report-ct,.model-ct {position:relative;}
.works-ct div,.report-ct div,.model-ct div {position:absolute;left:10px;bottom:10px;font-size:10px;color:#FFF;}
.works-ct {background-size:cover; background-repeat:no-repeat; background-position:center bottom; height:250px;}
.report-ct {background-image:url(images/top_report_btn.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom; height:125px;}
.model-ct {background-image:url(images/top_model_btn.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom; height:125px;}
.top-ct-03 { background-image:url(images/top_voice_bg.jpg); background-repeat:repeat-x;text-align:center;background-position:center center;background-size:auto 100%;padding:40px 0;}
.ct-03-tit {text-align:center;margin-bottom:10px;font-size:24px;padding:0 15px;line-height:0.8em;}
.ct-03-tit span {font-size:12px;margin-left:10px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
.ct-03-txt {text-align:center;padding:0 15px}
.top-ct-btn-2 {margin-top:15px;}
.top-ct-btn-2 a {display:inline-block;text-align:center;background-color:#0c7143;padding:5px 40px;color:#FFF; background-image:url(images/white_arrow.png); background-repeat:no-repeat; background-position:20px center; background-size:auto 50%; text-decoration:none;}
.top-ct-btn-2 a:hover {background-color:#333;}
.top-ct-04 {padding:40px 0 30px 0;}
.news-ct {position:relative;padding:10px;}
.news-ct span {position:absolute;top:10px;right:10px;background-color:#0c7143;}
.news-ct span a {display:inline-block;text-decoration:none;color:#FFF;padding:4px 10px;}
.news-ct span a:hover {background-color:#333;}
.news-ct p {letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;color:#0c7143;font-size:20px;margin-bottom:1.3em;}
.news-ct dl {border-bottom:1px dotted #c8c8c8;padding-bottom:1.3em;}
.news-ct dl dt ,.news-ct dl dd {line-height:1.3em;font-weight:normal;}
.news-ct dl dd {margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.top-ct-05 {background-image:url(images/top_company_bg.jpg); background-repeat:no-repeat; text-align:center; background-position:center center; background-size:auto 100%;}
.top-ct-05 .container {padding-left:0;padding-right:0;}
.top-com-ct {background-color:rgba(255,255,255,0.9); width:100%;margin:0 auto;padding:20px;}
.top-com-txt {font-size:24px;border-bottom:2px solid #0c7143;padding-bottom:5px;line-height:1em;}
.top-com-txt span {font-size:10px;display:block;}
.top-ct-05 dl {border-bottom:1px dotted #c8c8c8;padding-bottom:0.8em;margin-bottom:10px;}
.top-ct-05 dl dt ,.news-ct dl dd {line-height:1.3em;font-weight:normal;}
.top-ct-05 dl dt {background-color:#FFF;padding:0.3em 0;margin-bottom:1em;}
.top-ct-05 dl dd {margin-top:5px;}
.top-ct-05 dl dd p {margin-bottom:0;}
.top-ct-05 dl .google_map a {display:inline-block; background-image:url(images/pin_icon.png); background-repeat:no-repeat; background-size:auto 100%; background-position:0 center;padding-left:20px;}
.top-ct-btn2 {text-align:center;}
.top-ct-btn2 a {display:inline-block;max-width:300px;width:90%;padding:10px 0;background:#0c8e3b; background-image:url(images/white_arrow.png); background-position:20px center; background-repeat:no-repeat; background-size:auto 40%; text-decoration:none;color:#FFF;}
.top-ct-btn2 a:hover {background-color:#333;}
.top-ct-btn2 a span {color:#FFF;font-size:9px;margin-left:10px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
.md-width {max-width:820px;margin:0 auto;}
.top-ct-06 {position:relative;margin-top:40px;margin-left:10px;margin-right:10px;}
.top-ct-06 .blog-tit {margin-top:15px;letter-spacing: 0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;color: #0c7143;font-size: 20px;margin-bottom: 0.5em;padding-left:5px;padding-right:5px;}
/*
.blog-ct {border:4px solid #e7edea;max-height:400px;overflow-y:scroll;}
.blog-ct::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.blog-ct::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
*/
.blog-ct a {color:#0c7143;}
.blog-ct a:hover {opacity:0.5;}
.blog-ct span.more-btn {position: absolute;top: 15px;right: 15px;background-color: #0c7143;}
.blog-ct span.more-btn a {display:inline-block;text-decoration:none;color:#FFF;padding:4px 10px;}
.blog-ct span.more-btn a:hover {background-color:#333;}
.blog-ct dl {font-size:0;margin-bottom:20px;padding-bottom:20px;padding-left:5px;padding-right:5px;border-bottom:1px dotted #CCC;}
.blog-ct dl dt {display:inline-block;width:24%;min-height:140px;background-size:cover;background-position:center center;background-image:url(https://www.konnokensetsu.com/wordpress/wp-content/themes/konno/images/blog_catch.png)}
.blog-ct dl dt img {width:100%;height:auto;}
.blog-ct dl dd {display:inline-block;width:74%;font-size:14px;margin-left:2%;vertical-align:top;}
.blog-ct dl dd time {display:inline-block;margin-right:10px;}
.blog-ct dl dd span {display:inline-block;color:#0c7143;font-weight:bold;}
.blog-ct dl dd p {margin:10px 0 0 0;display:inline;}
footer {background-color:#1e1e1e;}
footer ul {padding:0;width:100%;margin-bottom:20px;}
footer ul li {list-style:none;float:left;width:50%;margin:0;padding:0;}
footer ul li a {display:inline-block;width:100%;border-bottom:1px solid #414141;margin:0;padding:10px 0;text-align:center;color:#FFF;}
footer ul li:nth-child(odd) a {border-right:1px solid #414141;}
footer ul li a:hover {background:#0c8e3b;color:#FFF;text-decoration:none;}
footer .copyright {text-align:center;padding:20px 0;color:#656565;}
footer a:hover img {opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

/* sub content */
.sub-content {margin-top:2em;margin-bottom:2em;max-width:1000px;}
.sub-tit {text-align:center;padding:40px 0;}
.sub-tit h2,.sub-tit2 h2 {line-height:1.3em;color:#FFF;font-size:24px;}
.sub-tit span,.sub-tit2 span {color:#0c8e3b;font-size:20px;letter-spacing:0.1em;font-family: 'Open Sans', sans-serif;font-family: 'Roboto Slab', serif;}
.pankuzu {padding:15px 0;}
.entry-content .row img {width:100%;height:auto;}

/* sub content tit */
.report-bg { background-image:url(images/report_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.works-bg { background-image:url(images/works_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.model_house-bg { background-image:url(images/model_house_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.concept-bg { background-image:url(images/concept_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;text-align:center;}
.concept-bg h2 {padding-top:1em;}
.concept-bg span {padding-top:1em;}
.concept-bg p {color:#FFF;padding:1em;font-size:13px;}
.concept-bg p br {display:none;}
.voice-bg { background-image:url(images/voice_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.contact-bg { background-image:url(images/contact_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.news-bg { background-image:url(images/news_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.land-bg { background-image:url(images/land_tit_bg.jpg); position:relative;width:100%;height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.no-page-bg { background-color:#EAEBEF;}
.no-page-bg h2 {color:#333 !important;}

/* single */
.single-works-tit {text-align:center;}
.single-works-tit h2 {font-size:16px;font-weight:bold;margin:25px 0;letter-spacing:0.2em;line-height:1.2em;}
.single-works-tit p {margin-bottom:2em}
.single-gallery {margin-bottom:2em}
.works-honbun p {line-height:2em;margin-bottom:2em;}
.report-link a {color:#009943}
.report-link::before {content:'> ';}
.works-info {background-color:#f7f7ef;padding:1.5em 1em 0.5em 1em;}
.works-info dl {margin-bottom:1em;}
.works-info dl dt {margin-bottom:1em; text-align:center;width:4em;letter-spacing:0;}
.works-info dl dd {margin:-2.4em 0 1em 4em}
.list-btn {text-align:center;margin-top:2em;margin-bottom:3em;}
.list-btn a {display:inline-block; text-decoration:none;color:#FFF;padding:0.5em 2.8em 0.5em 3.8em; background:#666;background-image:url(images/list-link-icon.png); background-size:auto 50%; background-repeat:no-repeat; background-position:20px center;}
.list-btn a:hover {background-color:#0c8e3b;}

.works-select {margin-bottom:3em;}
.works-select img {width:80%; height:auto;margin-bottom:1em;}
.works-select a:hover {opacity:0.5;filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)";}
.works-select p {font-size:12px;}
.works-list-inner {margin-bottom:1.5em;}
.works-list-time {font-size:12px;border-bottom:1px solid #666;margin-bottom:5px;padding-bottom:5px;}
.works-list-txt p {margin-bottom:3em;}
.single-report-content {max-width:800px;}
.gallery {width: 100%;margin-bottom: 20px !important;overflow: hidden;}
.gallery br {display: none;}
.gallery-item {float: left;margin-bottom: 0 !important;}
.gallery-icon {text-align: center;}
.gallery-icon img {width: 100%;height: auto;margin-bottom: 10px !important;}
.gallery-caption {color: #222;font-size: 12px;margin: 0 0 10px;text-align: center;}
.gallery-columns-1 .gallery-item {width: 100%;margin-right: 0;}
.gallery-columns-2 .gallery-item {width: 48%;margin: 0 1%;}
.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {width: 48%;margin: 0 1%;}
.gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item {width:31.33333%;margin: 0 1%;}

.wp-pagenavi {clear: both;text-align:center;line-height:2em;margin:30px 0 20px 0;}
.wp-pagenavi a, .wp-pagenavi span {color: #0c8e3b;background-color: #FFFFFF;padding: 5px 15px;margin: 5px 2px;display:inline-block;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #0c8e3b;}
.wp-pagenavi a:hover{color: #fff;background-color: #0c8e3b;}
.wp-pagenavi span.current{color: #fff;background-color: #0c8e3b;}

/* concept */
.concept-h2 {line-height:1em;width:100%;margin-bottom:1em;font-size:22px;}
.content-end-bd {border-bottom:1px dotted #666;margin-bottom:2em;padding-bottom:2em;}

/* model house */
.mh-h2 {border-bottom:2px solid #0c8e3b;width:100%;font-size:22px;line-height:1.8em;margin-bottom:1em;}
.mh-h3 {border-bottom:1px solid #CCC;width:100%;font-size:16px;line-height:1.8em;margin-bottom:1em;margin-top:1em;}
.spec-list {margin-bottom:1em;border-bottom:1px solid #CCC;}
.spec-list dl {margin-bottom:1em;}
.spec-list dl dt {margin-bottom:1em; text-align:center;width:4em;letter-spacing:0;}
.spec-list dl dd {margin:-2.4em 0 1em 4em}
.tel-ct {border:6px solid #0c8e3b;max-width:600px;text-align:center;margin:0 auto 2em auto;padding:0 0.5em; background-color:#f6fffd;}
.tel-ct p {margin:15px 0 8px 0;font-size:16px;color:#0c8e3b;}
.tel-ct dl {margin-bottom:15px;}
.tel-ct dl dt,.tel-ct dl dd {display:inline-block;}
.tel-ct dl dt img {margin-bottom:0.5em;}
.tel-ct dl dd {font-size:24px;font-weight:bold;margin-left:10px;margin-right:10px;}

/* voice */
.voice-h2 {width:100%;font-size:22px;line-height:1.8em;}
.voice-tit {border-bottom:2px solid #0c8e3b;margin-bottom:1em;font-size:12px;padding-bottom:0.5em;}
.voice-h3 {width:100%;font-size:16px;line-height:1.8em;margin-bottom:0.5em;color:#0c8e3b;}

/* report */
.report-tit-p {margin-bottom:3em;}

/* flow */
.flow-area {margin-bottom:2em;}
.flow-area dl {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px dotted #CCC;}
.flow-area dl dt {background-color:#7f7f80;text-align:center;font-weight:bold;font-size:18px;width:60px;height:60px;line-height:1.1em; border-radius:30px;color:#FFF;}
.flow-area dl dt span {display:inline-block;padding-top:0.8em;}
.flow-area dl dd {margin:-54px 0 0 80px;}
.flow-area dl dd strong {display:block;font-size:20px;color:#0c8e3b;}

/* works */
.works-list-area ul {padding:0;margin:0;}
.works-list-area ul li {position:relative;float:left;width:49%;overflow:hidden;list-style:none;margin:0 0.5% 0.5% 0;}
.works-list-area ul li:nth-child(2),.works-list-area ul li:nth-child(4),.works-list-area ul li:nth-child(6),.works-list-area ul li:nth-child(8),.works-list-area ul li:nth-child(10),.works-list-area ul li:nth-child(12) {margin-right:0;}
.works-list-area ul li div {width: 100%;height: 100%;padding:100% 0 0; background-size:cover; background-repeat:no-repeat;}
.works-list-area ul li a {position:absolute;width: 100%;height: 100%;top:0;left:0; text-decoration:none;}
.works-list-area ul li a:hover {background-color:rgba(255,255,255,0.8);}
.works-list-area ul li a p {text-align:center;text-align: center;padding-top: 42%;color: #000;font-size: 10px;font-weight:bold;display:none;}
.works-list-area ul li a:hover p {display:inherit;}

/* news */
.news-h2 {font-size:24px;margin-bottom:0.2em;line-height:1em;}
.news-time {font-size:12px;color:#AAA;}
.news-entry-header {border-bottom:1px solid #333;margin-bottom:1em;}
.news-entry-content {margin-bottom:1em;}
.news-entry-content img {max-width:100%;height:auto;}
.news-entry-header2 {border-bottom:1px dotted #333;margin-bottom:1em;}
.news-entry-header2 p {font-size:18px;}

/* blog */
.archive-list {margin:0;padding:0}
.archive-list li {list-style:none;border-bottom:1px dotted #333;margin-bottom:10px;padding:0 0 10px 0;}

/* contact */
.privacy-area {line-height:1.8em;margin-bottom:2em;}

/* slider */
.ms-parent-id-14 > .master-slider,.ms-parent-id-13 > .master-slider,.ms-parent-id-12 > .master-slider,.ms-parent-id-11 > .master-slider,.ms-parent-id-10 > .master-slider,.ms-parent-id-9 > .master-slider,.ms-parent-id-8 > .master-slider,.ms-parent-id-7 > .master-slider,.ms-parent-id-6 > .master-slider,.ms-parent-id-5 > .master-slider,.ms-parent-id-1 > .master-slider {background:#FFF !important;}
.ms-bullets.ms-dir-h .ms-bullets-count {display:none;}
.ms-skin-default .ms-nav-prev {left:10px !important;top:inherit !important;bottom:5%;}
.ms-skin-default .ms-nav-next {right:10px !important;top:inherit !important;bottom:5%;}

/* width none */
.sp_none {display:none !important;}

/* contactform7 */
div.wpcf7 { padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:0 0 1em 0;line-height:2em; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px;width:100%;}
div.wpcf7 textarea { width:100%; height:300px; }
div.wpcf7 input.wpcf7-submit {cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#333;}
div.wpcf7 input.wpcf7-submit:hover {background:#0c8e3b}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px;position:relative;}
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #0c8e3b;}
.wpcf7-captchac { border:1px solid #ccc; }
.wpcf7-mail-sent-ok {margin-bottom:2em;}
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;margin-bottom:30px;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 /* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* 404 */
.no-page-p {text-align:center;margin:3em 0; line-height:1.8em;}
.top-botton {text-align:center;}
.top-botton a {display:inline-block;padding:1em 2em;color:#FFF;font-size:16px;font-weight:bold;background-color:#0c8e3b; border-radius:5px;margin-bottom:5em;}
.top-botton a:hover {#666;}
.no-page-p br {display:none;}

@media (min-width: 415px) {
/* works */
.works-select img {width:60%;}
.works-list-area ul li a p {font-size: 13px;}
}
@media (min-width: 769px) {
/* music-box */
.music-box {right:110px;}

.g-navi-area .container {width:100%;max-width:1170px;}
.top-ct-02 p {font-size: 18px;}
.top-ct-02 p span {display:inherit;}
.top-ct-02 div {font-size:14px;}
.works-ct {height:400px;}
.report-ct {height:200px;}
.model-ct {height:200px;}
.top-ct-03 {padding:80px 0;}
.news-ct dl dd {margin:-1.3em 0 0 100px;}
.top-ct-05 {background-size:cover;padding:30px 0; text-align:left;}
.top-ct-05 dl dt {background-color:inherit;}
.top-ct-05 dl dd {margin:-2.6em 0 0 100px;}
.top-ct-05 dl dd br {display:none;}
.top-ct-05 dl dd a {display:block;padding-left:20px;margin-left:85px;}
.top-ct-05 dl .google_map a {display:block;}
.top-ct-05 .pc-p dd p {display:inline-block;margin-right:10px;}
.top-ct-05 .pc-p br {display:block;}
.concept-bg {min-height:359px;text-align:left;}
.concept-bg h2 {padding-top:6.5em;width:100%;}
.concept-bg p {padding:7em 0 0 0;font-size:13px;line-height:2.2em;}
.concept-bg p br {display:inherit;}
footer {position:relative}
footer ul { text-align:center;width:inherit;margin-top:30px;}
footer ul li {list-style:none;float:left;width:inherit;margin:0 15px;}
footer ul li a {width:inherit;border-bottom:none;}
footer ul li:nth-child(odd) a {border-right:none;}
footer ul li a:hover {background:none;color:#0c7143;}
.top_btn {position:absolute;top:30px;right:30px;}

/* sub content */
.sub-tit {text-align:center;padding:150px;}

/* works */
.works-select img {width:100%;}
.works-list-area ul li {width:32.8%;}
.works-list-area ul li:nth-child(2),.works-list-area ul li:nth-child(4),.works-list-area ul li:nth-child(6),.works-list-area ul li:nth-child(8),.works-list-area ul li:nth-child(10),.works-list-area ul li:nth-child(12) {margin-right:0.5%;}
.works-list-area ul li:nth-child(3),.works-list-area ul li:nth-child(6),.works-list-area ul li:nth-child(9),.works-list-area ul li:nth-child(12) {margin-right:0;}
.works-list-area ul li a p {font-size: 14px;}

/* slider */
.ms-skin-default .ms-nav-prev {left:30px !important;}
.ms-skin-default .ms-nav-next {right:30px !important;}

/* single */
.gallery {margin:0 auto 20px auto !important;}
.gallery-columns-3 .gallery-item {width: 31.33333%;margin: 0 1%;}
.gallery-columns-4 .gallery-item {width: 23%;margin: 0 1%;}
.gallery-columns-5 .gallery-item {width: 18%;margin: 0 1%;}
.gallery-columns-6 .gallery-item {width: 15%;margin: 0 1%;}

/* width none */
.pc_none {display:inherit !important;}
.sp_none {display:none !important;}

/* 404 */
.no-page-p br {display:inherit;}

}
@media (min-width: 992px) {
/* music-box */
.music-box {top:95px;right:10px;}
.gallery-icon img {width: 70%;}

.navbar-brand {height:40px;padding:0;margin:20px 0;}
#defaultNavbar1 .nav {border-right:1px solid #f1f1f1;}
#defaultNavbar1 .nav li {border-left:1px solid #f1f1f1;border-top:none;text-align:center;}
#defaultNavbar1 .nav li a {padding:20px 0;width:105px;}
#defaultNavbar1 .nav li br {display:inherit;}
#defaultNavbar1 .nav li a span {margin-left:0;}
.container {max-width:1000px;}
.g-navi-area .container {width:100%;max-width:1170px;}
.concept-bg p {font-size:14px;}
}
@media (min-width: 1200px) {
}

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {float:none;}
    .navbar-toggle {display:block;}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media (max-width: 640px) {
/*.blog-ct {max-height:230px;}*/
.blog-ct dl dt {min-height:70px;}
}