/* コンテンツ背景 */
#main {
 background: none;
 padding: 15px;
 border-radius: 15px;
 margin-bottom: 15px;
}

/* タグ */
.article-footer .post-categories li a, .article-footer .tags a {
 background: #ff9140;
 border-color: #ff9140;
}

.article-footer .tags a {
 color: #ff9140;
 background: none !important;
}

/* リンク */
a, #breadcrumb li a i, .authorbox .author_sns li a::before, .widget li a:after {
 color: #FF9800;
}

/* 見出し */
 .entry-content h2{
 background: url(/wp-content/themes/yswallow_custom/images/h2.png) #000 no-repeat 15px 45% !important;
 background-size: 8% !important;
 color: #ffffff;
}

@media only screen and (max-width: 480px){
 .entry-content h2{
 background-size: 16% !important;
 color: #ffffff;
}}

@media screen and (min-width:481px) and ( max-width:768px) {
 .entry-content h2{
 background-size: 9% !important;
 color: #ffffff;
}}

.entry-content h3, .entry-content h4 {
 border-color: #ff9140;
}

/* ヘッダー */
#header {
 background: #ff9140;
}

/* loopSlider */
.loopSliderWrap {
 top: 5px;
 left: 0;
 height: 100px;
 overflow: hidden;
 position: absolute;
}

.loopSlider {
 margin: 0 auto;
 width: 100%;
 height: 90px;
 text-align: left;
 position: relative;
 overflow: hidden;
}

@media only screen and (max-width: 768px){
.loopSlider {
 height: 45px;
}}
 
.loopSlider ul {
 height: 90px;
 float: left;
 overflow: hidden;
}
 
.loopSlider ul li {
 width: 200px;
 height: 90px;
 float: left;
 display: inline;
 overflow: hidden;
}

@media only screen and (max-width: 768px){
.loopSlider ul li {
 width: 100px;
 height: 45px;
}}

.loopSlider ul li img {
 filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}

/* カテゴリーバナー */
.category_banner {
 display: inline-block;
}

.category_banner_cell {
 width: 49%;
 margin: 0 0.5% 1% 0.5%;
 float: left;
}

@media only screen and (min-width: 1024px){
.category_banner_cell {
 width: 24%;
 margin: 0 0.5% 0 0.5%;
}}


/* トップバナー */
.top_banner {
 width: 95%;
 max-width: 1200px;
 margin: 15px auto 15px;
}

.widget_category_banner {
 width: 95%;
 max-width: 1200px;
 margin: 0 auto;
}

/* ピックアップ記事 */
.slick-list.draggable {
 width: 95%;
 padding: 0 !important;
 margin: 0 auto;
 max-width: 1200px;
}

.pickup_heading {
 background: #000;
 color: #fff;
 font-size: 3Vh;
 font-weight: bold;
 text-align: center;
 display: block;
 margin: 0 auto;
 width: 95%;
 max-width: 1200px;
 border-radius: 10px 10px 0 0;
 clear: both;
}

.slick-slider {
 width: 95%;
 margin: 0 auto;
 padding: 2% 0 ;
 max-width: 1200px;
 border-right: #000 5px solid;
 border-left: #000 5px solid;
 border-bottom: #000 5px solid;
 border-radius: 0 0 10px 10px;
}

.slick-dots {
 bottom: 0;
}

/* スマホ用サイドバー */
.widget_sp_sidebar {
 width: 93%;
 margin: 0 auto;
}

/* グローバルナビ */
div#g_nav {
 background: rgba(0, 0, 0, 0.3);
 border-radius: 6px;
 margin-bottom: 8px;
}
@media only screen and (max-width: 768px){
div#g_nav {
 border-radius: 0;
}}

/* スライダー */
.metaslider {
 background: #c8661f;
}

@media only screen and (min-width: 1025px){
.metaslider {
 width:100%;
 height:400px;
}
	
.metaslider.ms-theme-cubic .flexslider ul.flex-direction-nav li a.flex-next, .metaslider.ms-theme-cubic .rslides_nav.next, .metaslider.ms-theme-cubic div.nivoSlider div.nivo-directionNav a.nivo-nextNav, .metaslider.ms-theme-cubic .coin-slider .coin-slider div a.cs-next {
 right: -60px !important;
background: rgba(0,0,0,0.4) !important;
}}

.metaslider.ms-theme-cubic .flexslider ul.flex-direction-nav li a.flex-prev, .metaslider.ms-theme-cubic .rslides_nav.prev, .metaslider.ms-theme-cubic div.nivoSlider div.nivo-directionNav a.nivo-prevNav, .metaslider.ms-theme-cubic .coin-slider .coin-slider div a.cs-prev {
 left: -60px !important;
	background: rgba(0,0,0,0.4) !important;
}

.metaslider.ms-theme-cubic.ms-is-small {
    padding-bottom: 0px !important;
}

/* 個別投稿 SNSボタン */
.sharewrap.wow.animated.fadeIn {
 display: none;
}
.sns ul {
 display: inherit;
}

/* カテゴリーラベル */
.eyecatch .cat-name {
 background: #ff9140;
}

/* フッターマップ */
.widget_text.widget_map {
 margin-bottom: -10px;
}

/* 記事部分 */
@media only screen and (min-width: 768px) {
.archives-list .post-list a .eyecatch::after{
 content: "この記事を読む";
 background: url(/wp-content/themes/yswallow_custom/images/post_otachu.png) #000 no-repeat center !important;
 background-size: 50% !important;
}}

@media only screen and (min-width: 980px){
#main {
 margin-right: 360px;
}}


@media only screen and (min-width: 1100px){
.wrap {
 width: 1050px;
}}

@media only screen and (min-width: 1250px){
.wrap {
 width: 1200px !important;
}}

/* footer */
.widget_info {
 background: #ff9140;
padding: 15px 0;
}

.panel-row-style {
 width: 100% !important;
}

#footer {
 background: #000;
}

/*
#main {
 padding: 25px;
}
*/

@media only screen and (max-width: 979px){
#inner-content {
 width: 95%;
}}

/* トグルメニュー */
.remodal {
 color: #ffffff;
 background: rgba(0, 0, 0, 0.8);
}
.remodal-overlay {
 background: none;
}
.remodal-close {
 color: #ccc;
}

/* サイドバー見出し */
.widgettitle {
 padding: 1em 0.8em;
 clear: both;
}

@media only screen and (max-width: 449px){
.widgettitle {
 padding: 1.5em 0 1.5em 3.8em;
 margin-top: 15px;
 font-size: 20px;
 line-height: 0;
}}
@media only screen and (min-width: 550px){
.widget .widgettitle span {
 padding: 0 0 0 3em;
 font-size: 20px;
 line-height: 1;
}}
.widgettitle {
 background: url(/wp-content/themes/yswallow_custom/images/otachu.png) #000 no-repeat 15px 45% !important;
 background-size: 13% !important;
}
@media only screen and (min-width:550px) and (max-width:768px){
.widgettitle {
 background-size: 6.5% !important;
}}
.entry-content h2, .homeadd_wrap .widgettitle {
 padding: 0.9em 4em;
}
@media only screen and (max-width: 549px){
.widget .widgettitle span {
 padding: 0.9em 0.3em;
}}

/* ボックス内 */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], select, textarea, .field {
 background-color: #ffffb9;
 width: 100% !important;
}
input[type="submit"] {
 background-color: #7d7d7d;
}


/* コンタクトフォーム */
.wpcf7-response-output {
 border: none;
}

/* to top */
@media only screen and (max-width: 768px){
#page-top a {
 margin-bottom: 30px;
}}

#page-top i.fa.fa-chevron-up {
 padding-top: 15px;
}

/* シェアボタン */
.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
 z-index: 5000;
}
a.at-icon-wrapper.at-share-btn {
 width: 32%;
 float:left;
 height: 20px;
 padding-top: 5px !important;
}

/* CLEARFIX ELEMENTS */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

/* サイドバー */
div#custom_html-2 {
 text-align: center;
}

/* sp サイドバー */
.sp_sidebar {
 width: 50%;
 float: left;
 padding: 5px;
}

/* ポピュラーポスト */
ul.wpp-list.wpp-list-with-thumbnails {
 background: rgba(255, 255, 255, 0.7);
 padding: 15px;
 border-radius: 15px;
}

/* Youtube */
.youtube {
 padding-top: 56.25%;
 position: relative;
 width: 100%;
 margin: 20px 0 20px;
}

@media only screen and (max-width: 1099px) {
.youtube {
 padding-top: 0;
}}

.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}

/* 不使用 */
.onepx_uchino {
 font-size:12px;
 color:#fff;
}
.keep {
	width: 100%;
	height: 4px;
}

/* 以下LP用 */

/* LPコンテンツ */
.lp {
 width: 95%;
 max-width: 1100px;
 margin: 20px auto 30px;
}

/* LP 問い合わせ */
.cf_heading {
 background: #ff4242;
 border-radius: 5px;
 color: #fff;
 padding: 5px;
 display: inline-block;
 margin: 0 0 10px;
}

@media only screen and (max-width: 480px) {
.wpcf7-form-control-wrap {
 font-size: 14px;
}}

/* LP アニメーション */
.lp_shake {
  animation: lp_shake_7732 7s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes lp_shake_7732 {
  0% { transform:rotate(-5deg) }
  25% { transform:rotate(5deg) }
  50% { transform:rotate(-5deg) }
  75% { transform:rotate(5deg) }
  100% { transform:rotate(-5deg) }
}

.pulse {
  animation: pulse_6619 2s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_6619 {
  0% { transform: scale(1.1) }
  50% { transform: scale(0.8) }
  100% { transform: scale(1.1) }
}

/* ヘッダーイメージ */
.header_image {
 position: relative;
}

.header_image_left {
 width: 55%;
 position: absolute;
 left: 0;
 top: 35%;
}

/* LP見出し */
.header_image_right {
 width: 55%;
 position: absolute;
 right: 2%;
 top: -5%;
}

.lp_heading{
 clear: both;
 font-family: sans-serif;
 text-align: center;
 font-size: 7vh;
 padding: 20px 0 10px;
 margin: 15px 0;
 line-height: 1.1;
 font-weight: bold;
 color: #d90110;
 text-shadow: 1px 1px #fff, 3px 2px 1px #adadad, 1px 1px 1px #adadad, 1px 3px 1px #adadad, 1px 1px 1px #adadad;
 transform: rotate(-2deg);
 background: linear-gradient(#fff 50%, #ffccd0 80%, #ff949b 100%);
}

@media only screen and (max-width: 1024px) {
.lp_heading{	
 font-size: 5vh;
 padding: 10px 0 5px;
}}

.lp_heading_small {
 font-size: 1.8vh;
}

/* 記事一覧 */
.category_list {
 background: #ffdddf;
 width: 31.3%;
 margin: 1%;
 padding: 2%;
 border-radius: 8px;
 float: left;
}

@media only screen and (max-width: 1024px) {
.category_list {
 width: 48%;
}}

.category_image {
width: 100%;
height: 200px !important;
max-height: 200px;
overflow: hidden;
text-align: center;
margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
.category_image {
max-height: 90px;
}}

.scale {
 width: 100%;
 height: auto;
 overflow: hidden;
}
.scale img {
 -moz-transition: -moz-transform 0.5s linear;
 -webkit-transition: -webkit-transform 0.5s linear;
 -o-transition: -o-transform 0.5s linear;
 -ms-transition: -ms-transform 0.5s linear;
 transition: transform 0.5s linear;
}
.scale img:hover {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}

.category_list_title{
font-size: 15px;
margin-top: 5px;
}

@media only screen and (max-width: 480px) {
.category_list_title{
font-size: 12px;
margin-top: 2px;
}}

/* ヘッダーフローティングバナー */
#header_floating_banner {
 display: block;
 width: 100%;
 background-color: rgba(0,0,0,0.6);
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 9999;
}

/* LPフローティングバナー */
#lp_floating_button {
 display: block;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.2;
 width: 80px;
 height: 80px;
 border-radius: 45px;
 background-color: rgba(255, 17, 0, 0.6);
 position: fixed;
 left: 15px;
 bottom: 50px;
 padding-top: 15px;
 z-index: 9999;
}

a #lp_floating_button {
 color: #FFEB3B;
}