@charset "UTF-8";
/*
 Theme Name: SANGO Child shotosha v3
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*フォント変更*/

body {
font-family:'Ubuntu',YuGothic,'Yu Gothic','Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}

#logo a {
font-weight: normal;
font-family:'Ubuntu','Noto Serif JP',YuGothic,'Yu Gothic','Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
font-size: 200%;
}

/* END フォント変更*/
/*ボタンデザイン*/

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}

/* END ボタンデザイン*/
/* リンクの下線消す*/

a {
text-decoration: none !important;
}

/* END リンクの下線消す*/
/* h2見出しデザイン*/

h2:not(.page-title) {
border-bottom: solid 3px black;
/*線の種類（実線） 太さ 色*/
}

/* END h2見出しデザイン*/

/* スマホのロゴの大きさ変更*/
#logo, #logo img, .desktop-nav li a, #drawer__open {
    height: 130px;/*スマホ用サイズ*/
    line-height: 130px;/*スマホ用サイズ*/
}
/* END スマホのロゴの大きさ変更 */

/* 大画面のロゴの大きさ変更*/
@media only screen and (min-width: 768px) {
   #logo, #logo img, .desktop-nav li a {
	   height: 130px;
       line-height: 130px;
    }
}
/* END 大画面のロゴの大きさ変更*/

/* ninja formsのulの囲み消す*/
.ninja-form-container ul {
  border: none!important;
}
/* END ninja formsのulの囲み消す*/


/* メニュー背景に色付け*/
.desktop-nav .pink{
	background-color: #FF9A9E !important; /*ピンク色*/
}
.desktop-nav .red{
background-color: #DC143C !important; /*赤色*/
}
.desktop-nav .blue{
background-color: #5CB6D6 !important; /*青色*/
}
.desktop-nav .yellow{
background-color: #f8bb32 !important; /*黄色*/
}
.mobile-nav li.pink{
	background-color: #FF9A9E !important; /*ピンク色*/
}
.mobile-nav li.red{
background-color: #DC143C !important; /*赤色*/
}
.mobile-nav li.blue{
background-color: #39a9f4 !important; /*青色*/
}
.mobile-nav li.yellow{
background-color: #f8bb32 !important; /*黄色*/
}
.mobile-nav li a {
  color: #ffffff !important;
}

/* END メニュー背景に色付け*/


/* メニュー背景色を変更した際に上下の高さ、下部のあきを調整した追記と変更 */
.header--center .desktop-nav {
padding-bottom: 5px !important;
}
.header--center .desktop-nav li a {
padding: 10px 15px 10px !important;
}
/* END メニュー背景色を変更した際に上下の高さ、下部のあきを調整した追記と変更 */

.entry-content h2:first-of-type {
margin-top: 0;
}

/* スマホ向け表示制御 */
.only-sp {
	display: none;
}

@media screen and (max-width: 720px) {
	.only-sp {
		display: block;
	}
}