@charset "UTF-8";
/*
Theme Name: 株式会社キタオ
Theme URI:
Version: 1.0
Author:
Author URI:
*/

/*-----------------------------------------------------------------------------

---------------------------------------------------------------------------- */
/* フォント */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
 }
.f-mincho { font-family: 'Noto Serif Japanese', serif; }

.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{position:relative;padding-left:10px;padding-right:10px;}
@media(min-width:480px) and(max-width:767px){.container{max-width:748px;}.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11{float:left;}.col-ms-1{width:8.33333333%;}.col-ms-2{width:16.66666667%;}.col-ms-3{width:25%;}.col-ms-4{width:33.33333333%;}.col-ms-5{width:41.66666667%;}.col-ms-6{width:50%;}.col-ms-7{width:58.33333333%;}.col-ms-8{width:66.66666667%;}.col-ms-9{width:75%;}.col-ms-10{width:83.33333333%;}.col-ms-11{width:91.66666667%;}.col-ms-12{width:100%;}}

/*reset*/
*{box-sizing:border-box;}
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{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
html { width: 100%; overflow-x: hidden; }
@media (max-width:768px){
  html { font-size: 80% !important; }
}
body{ line-height:1.8; height:100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
ol,ul{margin:0;padding:0;}
blockquote,q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
caption{width:100%;}
a{outline:none;}
img{vertical-align:top;}
table{border-spacing:0}


/*base*/
body{font-family: 'Noto Sans JP', sans-serif !important; margin:0px;padding:0; -webkit-text-size-adjust:none; color:#333; font-size:16px; }
.font-mincho { font-family: 'Noto Serif Japanese', sans-serif; }

h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
h1{font-size:20px;line-height:22px;}
h2{font-size:35px;line-height:37px;}
h3{font-size:30px;line-height:32px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;max-width:100%;height:auto;}
#map img{max-width:auto!important;}
a{text-decoration:none;color:#477bb0;}
a:hover{ color: rgba(92,184,199,1) !important; text-decoration: none !important; }
a:hover img{ opacity:0.8; }
hr{background-color:#ddd;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 20px 10px 20px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
object,embed{width:100%;display:block;margin:auto;}
.screen-reader-text{display:none;}
.screen-reader-response{display:none;}
.cf:before,.cf:after{content:"";display:block;overflow:hidden;}
.cf:after{clear:both;}
.cf{zoom:1;}
@media (max-width:768px){.sp{display:block;}.pc{display:none;}}
@media (min-width:769px){.sp{display:none;}.pc{display:block;}}
.bg-gray { background: #F6F6F6; }

/*layout*/
.header{ overflow:hidden; background-color:#fff; }
.wrap{ text-align:left; clear:both; overflow:hidden; }
.container{ width:100%; max-width:1220px; padding-left:15px; padding-right:15px; }
.footerBottom { color: #fff; }
.footerBottom .container{ max-width:1220px !important; }
.footer-widget .container{ max-width:960px !important; }
.page-template-page-full .container{ max-width:100%; }
.page-default{ max-width:810px;margin-left:auto;margin-right:auto;float:none; }
.inner{ padding:0 15px; }
.side{ overflow:hidden; }
.archive-widget{ margin-top:60px }
.footer-widget{ clear:both;background-color:#efefef; }
.footerBottom{ background-color: rgba(92,184,199,1); }
.main-column{ width:730px;float:left;padding-bottom:30px; }
.side-column{ width:300px;float:right;padding-bottom:30px; }
@media (max-width:1080px){.main-column,.side-column{max-width:100%;width:730px;margin-left:auto;margin-right:auto;float:none;}}

/*header*/
.header{ background-image: url(img/bg_main02.png), url(img/bg_main.jpg); background-position: center, center; background-repeat: repeat, no-repeat; background-size: auto auto, cover; height: 400px; position: relative; }
.site-title { margin:0;padding:0; }
.site-title a{font-size:28px;line-height:32px;}
.site-description{font-size:13px;line-height:18px;font-weight:normal;font-style:normal;display:block;margin:0;}
.header_left{ position: absolute; left: 0; z-index: 99999; }
.header_right{ position: fixed; top: 0; right: 0; z-index: 99999; }
.h2-ttl { color: #fff; font-size: 2.6rem; text-align: center; letter-spacing: 5px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.h2-ttl .mainTtl { display: block; }
.h2-ttl .mainTtl:first-letter { color: rgba(10,55,99,1); font-size: 150%; }
.h2-ttl .subTtl { font-size: 55%; letter-spacing: 1px; border-bottom: rgba(10,55,99,1) solid 4px; padding-bottom: 10px; }
.h3-ttl { color: #fff; font-size: 3rem; line-height: 3rem; font-weight: bold; letter-spacing: 2px; position: relative; top: -45px; }
.h3-ttl .subTtl { color: rgba(92,184,199,1); }
@media (max-width:768px){
  .header { height: 300px; }
  .header_left { max-width: 100px; }
  .h3-ttl { font-size: 2.6rem; width: 90%; top: -38px; }
}


/*header-menu*/
.header .menu {margin:0;padding:0;float:right;clear:right;list-style-type:none;}
.header .menu li {float:left;margin:8px 0px 8px 8px;}
.header .menu li a {background-color:#777;color:#fff;font-size:14px;line-height:20px;text-decoration:none;padding:8px 15px;border-radius:5px;float:left;}
.header .menu li a:hover {background-color:#999;}
#sub-menu {float:right}
#sub-menu {display:none}

/*gloval nav*/
#gnav { background-color:rgba(0,70,140,0.9); width: 100%; padding-top: 8em; padding-bottom: 8em; position: fixed; top: 0; z-index: 100; }
#gnav .background { width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: fixed; top: 0; z-index: -2; }
.gnav-container { font-size:22px; }
.gnav-container .sub-menu {z-index:10;font-size:14px;margin:0;}
.gnav-container ul { margin:0; padding:0; list-style:none; display:flex; flex-wrap: wrap; }
.gnav-container li { position:relative; padding:0; }
.gnav-container li.current-menu-item a {background-color:rgba(255,255,255,0.20);color:#fff;}
.gnav-container li a { padding:15px; color:#fff; text-decoration:none; display:block; -webkit-transition:background .3s ease-in-out; transition:background .3s ease-in-out; }
.gnav-container li:hover > .sub-menu{display:block; display:none;}
.drawer-btn { color: #fff; background: rgba(10,55,99,1); width: 65px; height: 65px; padding: 10px 15px 10px; font-size:10px; line-height:0.4;cursor: pointer; }
.drawer-btn .txt { width: 100%; text-align:center; position: absolute; bottom: 15px; left: 0; }
.drawer-btn .hamburger-icon {
  width: 100%; height: 2px; background-color: #fff; position: relative; top: 15px; display: block; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.drawer-btn .hamburger-icon:before, .drawer-btn .hamburger-icon:after {
  background-color: #fff; height: 2px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); width: 100%; }
.drawer-btn .hamburger-icon:before, .drawer-btn .hamburger-icon:after {
  position: absolute; left: 0; content: ' '; }
.drawer-btn .hamburger-icon:before {
  top: -10px; }
.drawer-btn .hamburger-icon:after {
  top: 10px; }
.drawer-btn.on .hamburger-icon {
  background-color: transparent; }
.drawer-btn.on .hamburger-icon:before, .drawer-btn.on .hamburger-icon:after {
  top: 0; }
.drawer-btn.on .hamburger-icon:before {
  transform: rotate(45deg); }
.drawer-btn.on .hamburger-icon:after {
  transform: rotate(-45deg); }

  #gnav { display: none; }
  #gnav .container { padding: 0; width: 100%; }
  #gnav .container .sp { position: relative; }
  .gnav-container { width: 80%; margin: auto; padding: 0; }
  .gnav-container ul { margin: 0; padding: 0;}
  .gnav-container li { width: 100%; display:block; border-bottom:1px solid #fff; font-size:13px; list-style-type:none; }
  .gnav-container a { color:#fff; text-decoration:none; display:block; position:relative; padding:15px 35px 15px 10px; }
  .gnav-container a:after { position:absolute; font-size:16px; top:50%; right:10px; font-family:FontAwesome; content:"\f105"; color:#fff;margin-top:-12px; }
  .gnav-container li.current-menu-item a:after { color:#fff; }
  .gnav-container li.current { padding:15px 35px 15px 10px; color:#fff; background-color:#fff; position:relative; }
  .gnav-container li.current a:after { position:absolute; font-size:14px; top:50%; right:10px; font-family:FontAwesome; content:"\f138"; color:#fff; margin-top:-14px; }
  .gnav-container li .sub-menu { display:none; background:#fff; border:none; border-bottom:none; margin:0; }
  .gnav-container li .sub-menu li { float:none; border-bottom:none; margin-right:0; padding:0; }
  .gnav-container li .sub-menu li:last-child { border-bottom:none; }
  .gnav-container li .sub-menu li a { color:#fff; background:#2b2b2b; font-size:12px; padding:14px 18px; margin-top:0; border:none; overflow:hidden; }
  .gnav-container li .sub-menu a:after { color:#fff;}
  .gnav-container li .sub-menu .sub-menu { left:100%; top:0; }
@media (min-width:769px){
  .gnav-container li { width: 50%; font-size: 18px; }
}


/*breadcrumbs*/
.breadcrumbs{ background: rgba(10,55,99,1); color: #fff; font-size: 0.8rem; line-height:1.4; text-align: right; padding:8px 0; }
.breadcrumbs a{ color: #fff; text-decoration:none; }
.breadcrumbs .fa-caret-right { padding: 0 6px; }

/*entry*/
@media (min-width:992px){
	.thumbnail-box:nth-child(4n+1){clear:both;}
}
@media (min-width:768px) and (max-width:991px){
	.thumbnail-box:nth-child(3n+1){clear:both;}
}
@media (min-width:480px) and (max-width:767px){
	.thumbnail-box:nth-child(2n+1){clear:both;}
}
.thumbnail-box{padding:0 10px 10px;}
.side .thumbnail-box:nth-child(2n+1){clear:both;}
@media (min-width:768px) and (max-width:991px){
	.thumbnail-box:nth-child(3n+1){clear:none;}
}

.blog-thumbnail{margin-bottom:10px;overflow:hidden;}
.blog-excerpt{margin-bottom:10px;overflow:hidden;background-color:#eee;font-size:14px;line-height:20px;}
@media (max-width:477px){
	.blog-excerpt,.blog-thumbnail{margin-left:-15px;margin-right:-15px}
}
.blog-excerpt:hover{background-color:#f3f3f3;}
.blog-excerpt a{display:block;padding:15px;color: #666;}
@media (min-width:478px){
	.blog-excerpt a{position:absolute;top:0;left:0;padding:15px 25px;}
	.blog-excerpt:before{content:"";display:block;padding-top:66.666%;}
}

.blog-date{color:#787878;font-size:12px;font-weight:bold;display:block;}
/*.blog-category{font-size:12px;font-weight:bold;}
.blog-tags{font-size:12px;font-weight:bold;}*/
.blog-title a {font-size:16px;line-height:1.6;color:#000;display:block;margin-bottom:10px;-ms-word-wrap:break-word;word-wrap:break-word;}
@media (min-width:478px){
	.single-widget .blog-title a ,
	.side .blog-title a {font-size:12px;line-height:1.6;}
}


/*front-page*/
.section{padding:60px 0;}
.section.section-hilite{background-color:#efefef;}
@media (max-width:768px){
	.section{padding:30px 0;}
}

/*content*/
.top-widget .widget-title,
.archive-widget .widget-title,
.entry-title,
.archive-title{ font-size: 2.2rem; font-weight: normal; letter-spacing: 3px; line-height:1.4; }
.entry-title:after { content: " "; width: 50px; display: block; border-bottom: rgba(92,184,199,1) solid 4px; padding-top:  1rem; margin: 0 auto; }
.archive-title { font-size: 1rem; }
@media (max-width:477px){
}

.content .hentry .postmetadata{text-align:right;font-size:12px;white-space:nowrap;float:right;margin:20px 0;}
.content .hentry .postmetadata a{color:#333;}
.content .hentry .tags{float:left;margin-top:20px;}
.content .hentry .tags a{color:#fff;background-color:#333;text-decoration:none;padding:0 10px;border-radius:999px;font-size:11px;margin-right:3px;}
.content .hentry .tags a:hover{background-color:#444;}

/*archive*/
.category-header{ margin-bottom: -3rem !important; }

/*single*/
#single a { color: rgba(92,184,199,1) !important; }
#single a:hover { color: rgba(10,55,99,1) !important; }
.btnBottom { background: #E8F7F7 url(img/bg_btnbottom.png); }

/*pagenavi*/
.navigation{ clear:both; padding:0; font-size: 16px; line-height:20px; text-align:center; overflow:hidden; margin: 0 0 6em; }
.navigation a,
.navigation span{ color: rgba(10,55,99,1); padding: 10px 15px; background-color:#fff; text-decoration:none; border: rgba(10,55,99,1) solid 1px; margin: 2px; display:inline-block; }
.navigation a:hover{ color:#fff !important; background-color: rgba(10,55,99,1); }
.navigation div.alignleft{ float:left; }
.navigation div.alignright{ float:right; }
.navigation div.alignleft a,
.navigation div.alignright a{ margin: 0;}
.navigation span.current{ color: #fff; background-color: rgba(10,55,99,1);}
.navigation span.pages{ background-color: transparent; border: none; padding: 10px 10px; }

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;border-radius:3px}
img.alignleft{float:left;margin:0 20px 20px 0;}
img.alignright{float:right;margin:0 0 20px 20px;}
.aligncenter{clear:both;display:block;margin:auto;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;text-align:center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img{margin:0;}
.wp-caption .wp-caption-text{color:#333;font-size:12px;margin:7px 0 0;}
#content .gallery{margin:0 auto 18px;padding:0 0 25px;}
#content .gallery-caption{color:#888;font-size:12px;margin:0;line-height:17px;padding:8px;}
#content .gallery img.attachment-thumbnail{border:1px solid #ccc;padding:5px;}


/*comment*/
.commentlist{margin:0;list-style-type:none;}
.commentlist .children{list-style-type:none;}
.commentlist p{margin:10px 0;clear:both}
.commentlist li{clear:both;padding:0 20px;margin:0 0 20px 0;}
.commentlist .comment-body{margin:0 0 10px;clear:both;font-size:12px;line-height:20px;padding:0}
.commentlist .reply{text-align:right}
.commentlist .avatar{float:left;margin:0 10px 0 0;width:40px}
#commentform p{margin:0 0 5px}


/*slide*/
.owl-theme .owl-dots{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-theme .blog-sumamry{padding:10px 10px 0;}
.owl-theme .blog-title a{font-size:13px;}
.owl-dots {text-align: center;}
#owl-demo{padding:20px 10px 0;}
.item-img{padding:0 10px;}
@media ( max-width:767px ) {
#owl-demo{padding:0;}
.item-img{padding:0;}
}


/*widget*/
.widget{margin:0 0 20px 0}
.footer-widget .widget-title{font-weight:bold;font-size:20px;line-height:30px;text-align:center;}
#searchform{overflow:hidden;}
#searchform #s{padding:4px;font-size:13px;line-height:15px;width:159px;float:left;margin:0;border-radius:0;border:1px solid #999;box-shadow:inset 1px 2px 4px #ddd;}
#searchform #searchsubmit{float:left;text-indent:-9090px;border-style:none;width:35px;height:26px;padding:0;margin:0;background:#999 url(img/search_btn.png) no-repeat center center;border-width:0;border-radius:0;cursor:pointer;}
.tagcloud{text-align:center;}
@media ( min-width:769px ) {
	.side-widget.col-sm-6{width:100%;}
}

/*footer*/
.pageTop { position: relative; }
.pageTop a { color: #fff; width: 5em; height: 5em; background: rgba(10,55,99,1); outline:none; position: fixed; bottom: 0px; left: 0; display: block; z-index:9999; }
.pageTop a .arrow-up {
  width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-bottom: 1.5em solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%);
}
svg[id*="icon-"] { fill: rgba(10,55,99,1); width: 22px; height: auto; display: inline-block; }
#icon-tel {  margin: 0 2px -2px 0; }
#icon-mail {  margin: 0 2px -4px 0; }
.footerBottom .row .btn-navy { margin: 0 10px 10px 0; }
.footerBottom .row .btn-navy + .btn-navy { margin-right: 0; }
.footerBottom{padding:30px 0;overflow:hidden;}
.f-title { color:#fff; font-size: 2.2rem; font-weight:bold; letter-spacing: 2px; border-bottom: #fff solid 2px; padding-bottom: 0.8rem; }
address { font-style: normal; }
.footerBottom .row ul { padding-right: 2rem; }
.footerBottom .row ul:last-child { padding-right: 0; }
#copyright{ background: #fff; text-align: right; padding: 15px 0;line-height:20px;}
.copy { margin-bottom: 0; }

/* ローディング */
.loader { background:#fff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999999; }
.loaderImg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* ボタン */
.btn-navy { background: #fff; color: rgba(10,55,99,1); font-size: 1.25rem !important; font-weight: bold !important; border-radius:  0 !important; padding: .275rem 0.8em !important; border: 1px solid #eee !important; -moz-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); -webkit-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); -ms-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); }
.btn-aqua { background: #fff; color: rgba(92,184,199,1); font-size: 1.25rem !important; font-weight: bold !important; border-radius:  0 !important; padding: .275rem 0.8em !important; border: 1px solid #eee !important; -moz-box-shadow: 5px 5px 0px 0px rgba(92,184,199,1); -webkit-box-shadow: 5px 5px 0px 0px rgba(92,184,199,1); -ms-box-shadow: 5px 5px 0px 0px rgba(92,184,199,1); box-shadow: 5px 5px 0px 0px rgba(92,184,199,1); }
.btn .fa-caret-left { margin-right: 100px; }
/* リンク */
.f-title a, .sitemap a { color: #fff; }
.f-title a:hover, .sitemap a:hover { color: rgba(10,55,99,1) !important; text-decoration: none; }
.btn:focus, .btn:hover { position: relative; top: 5px; box-shadow: none; }
.btn:focus svg[id*="icon-"], .btn:hover svg[id*="icon-"] { fill: rgba(92,184,199,1); }


/*Form*/
.mw_wp_form .error,
.wpcf7-not-valid-tip-no-ajax,
.wpcf7-not-valid-tip{padding:2px 0;clear:both;color:#B70000;font-size:13px}
.mw_wp_form .error:before,
.wpcf7-not-valid-tip:before{content:"\f06a";font-family:FontAwesome;margin:0 5px}
.wpcf7-display-none{display:none}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px}
.wpcf7-response-output{margin:10px 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;font-size:12px}
.wpcf7-mail-sent-ok{background-color:#6ec033;color:#fff}
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7-validation-errors{background-color:#c00;color:#fff}


/*sns*/
.sharedaddy{display:block;overflow:hidden;padding:10px 0;margin-top:10px !important;width:100%;text-align:center;}
#snscomm{margin:0;}
#snscomm a.icomoon{font-size:24px!important;}
#snscomm li{display:inline-block;float:none!important;margin:6px 0px!important;}
.sharedaddy:after {display:none!important;}


/* トップ
---------------------------------------------------------------------------- */


/* 下層
---------------------------------------------------------------------------- */
/* card */
.card { border: none !important; }
.card-img-top { background-size: contain !important; border-radius: 0 !important; border: 1px solid #eee !important; padding-top: calc(100 / 160 * 100%); transition: all .6s; }
.card a:hover .card-img-top { background-size: 100% !important; opacity: 0.7; box-shadow: 5px 5px 0px 0px rgba(92,184,199,1); transition: all .6s; }
.card-body { padding: 0.8rem 0 !important; }
.card-text a { color: #333; font-size: 18px; font-weight: bold; }
.card-text .text-muted a { color: #fff; font-size: 14px; background: rgba(10,55,99,1); padding: 2px 10px 4px; }
.tag-group a { color: #333; }
.fa-tag { color: rgba(92,184,199,1); }
/* ALL */
#all.container { max-width: 100%; padding: 50px 30px; }
.selectCategory select { -webkit-appearance: none; -moz-appearance: none;
 appearance: none; position: relative; width: 16rem; background: #fff; padding: 8px 20px;
 border: 1px solid #eee; -moz-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); -webkit-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); -ms-box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); box-shadow: 5px 5px 0px 0px rgba(10,55,99,1); }
.selectCategory label { position: relative; }
.selectCategory label:after { display: block; color: rgba(10,55,99,1);
font-family: FontAwesome; font-size: 28px; content: "\f0d7"; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -20px; pointer-events: none; }

/* creative - single */
#single .container { max-width: 1500px; padding: 30px; }
#single .carousel { max-width: 800px; margin: 0 auto; }
.story .icon img { background: #fff; }
.story .talk { background: #fff; text-align: left; border-radius: 15px; padding: 1rem 1.5rem; position: relative; }
.story .talk h4 { padding-top: 1rem; margin-bottom: 1.3rem; }
.story .talk h4:after { content: ""; width: 50px; border-bottom: rgba(92,184,199,1) solid 4px; padding-top: 0.5rem; position: absolute; display: block; }
.story:nth-child(even) .talk h4:after { border-bottom: rgba(10,55,99,1) solid 4px; position: absolute; right: 1.5rem; }
.story .talk h4:first-child { padding-top: 0; }
.story .talk:after { content: ""; width: 0; height: 0; top: 10px; right: 0; bottom: 0; left: -30px; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 10px 0 10px 40px; transform: rotate(180deg); position: absolute; }
.story:nth-child(even) .talk { text-align: right; }
.story:nth-child(even) .talk:after { top: 10px; right: -30px; bottom: 0; left: inherit; transform: rotate(0deg); }
@media ( min-width: 768px ) {
  .story:nth-child(even) .icon { order: 12; }
  .story:nth-child(even) .talk { margin-left: 25%; }
}
@media ( max-width:767px ) {
  .story .icon { padding: 0 !important; margin-bottom: 0.5rem; }
  .story:nth-child(even) .icon { margin-left: 75%; }
  .story:nth-child(odd) .talk { margin-left: 16.6%; }
  .story .talk:after { top: -20px; right: 20px; bottom: 0; left: inherit; border-width: 10px 0 10px 40px; transform: rotate(-120deg); }
  .story:nth-child(even) .talk:after { top: -20px; bottom: 0; left: 20px; border-width: 10px 0 10px 40px; transform: rotate(-60deg); }
}
.carousel-control-next, .carousel-control-prev {
  width: 10% !important; opacity: .6 !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: rgba(92,184,199,1) !important; padding: 1.5em; background-size: 70% 70% !important;
}
.carousel-indicators .active {
  background-color: rgba(92,184,199,1) !important;
}
.carousel-indicators li {
  background-color: rgba(92,184,199,.5) !important;
}