/* トップページ：ファーストビュー：明るい画像パターン */

body.home #main_visual {
    background-image:url(https://wanslove4u.com/wp-content/uploads/2018/10/topback2.png) !important;
    width:100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color:#fff !important;
    }

body.home #main_visual h2 {
    color:#000;
    }

body.home #main_visual p {
    font-size:15px;
    color:#000;
    padding:30px 20px;
    border:solid 1px #000;
    border-radius:10px;
    }

@media (min-width: 768px) {
    
body.home #main_visual p {
    font-size:20px;
    } 
    
}

body.home #main_visual p br {
    display:none;
    }

@media (min-width: 768px) {
    
body.home #main_visual p br {
    display:inline;
    } 
    
}

/* トップページ：見出しのアイコンを消す */

#popular_post_content h2 i,
#recent_post_content h2 i {
    display:none;
    }

/* トップページ：見出しの突起を消す */

body.home .tri-border {
    display:none;
    }

/* ヘッダーの色を変更 */

body #header {
    background: #f3b3c4;
    }

#gnav {
    background-color: #f3b3c4;
    }

#gnav ul li a {
    background-color: #f3b3c4;
    }

#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color: #f3709C;
    }

#gnav ul li.current-menu-item a {
    background: #f3b3c4;
    }

#header-fnav-area #header-fnav-btn a {
    background-color: #f3709C;
    }

#header-nav-btn a {
    background-color:#f3709C;
    }

@media (max-width: 767px) {

#header-nav-btn a {
    background-color: #f3709C;
    }
    
}

/* スマホ表示時にロゴ中央寄せ */

#header #logo {
    text-align:center;
    }


/* トップページ：記事カテゴリー色変更 */

body.home .front-loop .popular_post_box .p_category {
    background-color: #fff;
    border:solid 1px #ff0066;
    color:#ff0066;
    }


/* トップページ：クローズアップ記事・サービス記事の色変更 */

body.home .front-main-cont .front-cont-header {
    background-color: #f3b3c4;
    }

body.home #front-contents .c_number {
    background-color: #f3b3c4;
    }

body.home #front-contents h3 {
    color: #f3b3c4;
    }

body.home #front-service .front-service-inner h3 {
    color: #f3b3c4;
    }

.c_btn .btn {
    background-color:#ff0066 !important;
    color:#fff !important;
    }

/* トップページ：クローズアップ記事の修正（画面幅991px以下） */

@media (max-width: 991px) {
    
body.home #front-contents .front-cont-header {
    margin-bottom: 0px !important;
    }
    
}

/* トップページ：サービス記事の修正（画面幅991px以下） */

@media (max-width: 991px) {
    
body.home #front-service .front-cont-header {
    margin-bottom:30px !important;
    } 

body.home #front-service .front-service-inner .c_box {
    padding-top:10px;
    }
    
body.home #front-service .front-service-inner .c_box:first-child {
    border-bottom:solid 1px #ffd1dc;
    } 
    
body.home #front-service .front-service-inner .c_box h3 {
    margin-top: 5px;
    font-size:25px;
    } 
    
body.home #front-service .front-service-inner .c_box .c_text br {
    display:none;
    }  
    
}

/* 会社情報の色変更 */

body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #f3b3c4;
    }

/* お問い合せの色変更 */

#front-contact .c_box {
    background-color:#fff;
    }

#front-contact label {
    color:#000;
    }

body.home #front-contact input,
body.home #front-contact textarea {
    border:solid 1px #f3b3c4;
    width:100% !important;
    }

body.home #front-contact input.wpcf7-submit {
    background-color:#ff0066 !important;
    border:none;
    }

/* フッターの背景色変更 */

#footer {
    border-top:solid 8px #f3b3c4 !important;
    }

#footer #footer-brand-area {
    border-bottom: 1px solid #f3b3c4;
    }

#footer .footer-01 {
    background-color:#f3b3c4;
    }

#footer .footer-02 {
    background-color:#f3b3c4;
    }

/* フッターの文章を左寄せ */

.footer-address {
    text-align:left !important;
    }

/* 固定・投稿ページのリンク色を変更 */

.single #main article a,
.page #main article a {
    color:#ff0066 !important;
    }

.breadcrumb-area a {
    color:#ff0066 !important;
    }

.side-widget a {
    color: #ff0066;
    }

/* 固定・投稿ページの文字サイズを変更 */

.post-content {
    font-size:17px;
    line-height:1.8em;
    }

@media (min-width: 768px) {
    
.post-content {
    font-size:18px;
    } 
    
}

@media (min-width: 992px) {
    
.post-content {
    font-size:19px;
    }  
    
}

/* 固定・投稿ページの背景色を変更 */

#content {
    background-color:#fafafa !important;
    }

/* 投稿ページのカテゴリー色を変更 */

.post-header .cat-name span {
    border: 1px solid #ff0066;
    color: #ff0066;
    }

/* 投稿ページの見出し色を変更 */

#content .post-content h2 {
    background-color:#f3b3c4;
    border-left:solid 10px #fc99b4;
    }

#content .post-content h3 {
    border-bottom: 2px solid #f3b3c4;
    }

#content .post-content h4 {
    border-left: 5px solid #f3b3c4;
    }

/* 投稿ページのCTA色を変更 */

#content .post-cta {
    background-color:#f3b3c4;
    }

#main article .post-cta-btn .button {
    background-color:#ff0066;
    color:#fff !important;
    }

/* 投稿ページのコメント欄を変更 */

#content #comments h4 {
    border-bottom: 5px solid #f3b3c4;
    }

#content #comments a {
    color:#ff0066;
    }

#content form input[type="submit"] {
    background-color: #ff0066;
    }

/* 投稿ページのコメント数表示を消す */

li.comments {
    display:none !important;
    }

/* アーカイブページ：記事タイトルのマスホバー色変更 */

#content .post-title a:hover {
    color:#ff0066;
    }

/* アーカイブページ：「続きを読む」の色変更 */

#content .post-footer a.morelink {
    background-color: #ff0066;
    }

/* アーカイブページ：ページャーの色変更 */

#content .pagination .current {
    background-color: #ff0066;
    }

/*ピンクのマーカー*/
.marker_pink {
    background: linear-gradient(transparent 50%,#ffc0cb 0%);
}


/*赤色のマーカー*/
.marker_red {
    background: linear-gradient(transparent 50%,#ff0000 0%);
}

/*黄色のマーカー*/
.marker_yellow {
    background: linear-gradient(transparent 50%,#ffff00 0%)
}

/*オレンジのマーカー*/
.marker_orange {
    background: linear-gradient(transparent 50%,#ffa500 0%)
}

/*緑色のマーカー*/
.marker_springgreen {
    background: linear-gradient(transparent 50%,#00ff7f 0%)
}

/*青色のマーカー*/
.marker_blue {
    background: linear-gradient(transparent 50%,#b0e0e6 0%)
}

/*紫色のマーカー*/
.marker_blueviolet {
    background: linear-gradient(transparent 50%,#8a2be2 0%)
}

/*赤字*/
.bold-red {
font-weight: bold;
color: #ec1234
}

/*青色の布っぽいボックス*/
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

/*ピンクのガーリーなボックス*/
.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}

/*タイトルラベルのはみ出た赤ボックス*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #fc0000;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #fc0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*タイトルラベルのはみ出た青ボックス*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #00a7fc;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #00a7fc;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/*タイトルラベルのはみ出た緑ボックス*/
.box29 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #00f773;
}
.box29 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #00f773;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box29 p {
    margin: 0; 
    padding: 0;
}

/*タイトルを横いっぱいに広げた赤ボックス*/
.box30 {
    margin: 2em 0;
    background: #ffebe9;
}
.box30 .box-title {
    font-size: 1.2em;
    background: #ff7d6e;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*タイトルを横いっぱいに広げた青ボックス*/
.box31 {
    margin: 2em 0;
    background: #dcefff;
}
.box31 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box31 p {
    padding: 15px 20px;
    margin: 0;
}

/*タイトルを横いっぱいに広げた緑ボックス*/
.box32 {
    margin: 2em 0;
    background: #dcffe5;
}
.box32 .box-title {
    font-size: 1.2em;
    background: #5ff5a5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box32 p {
    padding: 15px 20px;
    margin: 0;
}

/*文字のフォント変更*/

/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/
@font-face{
font-family:flopdesign;
src:url('FLOPDESIGN-FONT/FlopDesignFONT.woff')format('woff');
}
@font-face{
font-family:roundedmplus;
src:url('rounded-mplus-1c-medium.woff')format('woff');
}

body{
	font-family:flopdesign,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", roundedmplus,sans-serif;
}
/*文字のフォント変更ここまで*/

/*動画見切れない* * /
.content iframe{ width:100%; }
iframe{ max-width:100%; }