/*サイドバーの幅調整*/
@media only screen and (min-width: 1500px) {
.wrap {
width: 1500px;
}
.d-5of7 {
  width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
  width: 25%;/*サイドバー幅*/
}
}

/*記事の幅調整*/
@media only screen and (min-width: 1500px) {
.single #inner-content {
width: 1500px;
}
.d-5of7 {
  width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
  width: 25%;/*サイドバー幅*/
}
}

/*カテゴリの幅調整*/
@media only screen and (min-width: 1500px) {
.category #inner-content{
width: 1500px;
}
.d-5of7 {
  width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
  width: 25%;/*サイドバー幅*/
}
}

/*アーカイブの幅調整*/
@media only screen and (min-width: 1500px) {
.archive #inner-content{
width: 1500px;
}
.d-5of7 {
  width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
  width: 25%;/*サイドバー幅*/
}
}

/*固定ページの幅調整*/
@media only screen and (min-width: 1500px) {
.page #inner-content {
width: 1500px;
}
.d-5of7 {
  width: 75%;/*メインコンテンツ幅*/
}
.d-2of7 {
  width: 25%;/*サイドバー幅*/
}
}

/*画像に影*/
.entry-content img {
    box-shadow: 2px 2px 5px 2px #ddd;
}


/*アイコン背景の削除*/
.yourprofile .profile-img {
    margin: 10px auto 0;
}

/* プロフィール画像調整 */
.yourprofile .profile-img {
position: relative;
width: 200px;/* 画像の横幅 */
height: 200px;/* 画像の高さ */
margin: px auto 0/* 画像の位置 */
}

/* SANGO用 見出h2設定 */
.entry-content h2{
  position: relative;
  color: #FFFFFF;
  background: #55bebb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.entry-content h2:before {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

/* h3見出しのデザイン変更 */
.entry-content h3 {
border-left: none;
padding: 0;
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #877179;/*文字色*/
border-top: dotted 1px #808080;
border-bottom: dotted 1px #808080;
background: #fffff4;
}

.entry-content h3:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}


/* h4見出しのデザイン変更 */
.entry-content h4 {
position: relative;/*相対位置*/
padding-left: 1.8em;/*アイコン分のスペース*/
color: #877179;/*文字色*/
border-bottom: 3px dashed;/*下線*/
border-color: #55bebb;/*下線の色*/
line-height: 1.4;/*行高*/
}

.entry-content h4:before{ font-family: "FontAwesome";/*忘れずに*/
content: "\f0a4";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.3em;/*サイズ*/
left: 0em;/*アイコンの位置*/
top: -0.2em;/*アイコンの位置*/
color: #55bebb; /*アイコン色*/
}

/* 記事一覧横長表示用 */
@media only screen and (min-width: 1030px){
.sidelong__article {
    width: 90%;
    }}

/* Windows 用 Medium 指定の游ゴシック */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ゴシック体指定 */
body {font-family: -apple-system, Meiryo, Osaka,BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*画像をSANGOになじませる（リンク付き）*/
.img-huwatto-link{
    display: block;
    overflow: hidden;
    margin: 1em 0;
    padding: 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .25);
    color: #555;
    font-weight: bold;
    text-decoration: none!important;
    transition: .3s ease-in-out;
}
.img-huwatto-link:hover {
    box-shadow: 0 3px 14px rgba(0, 0, 0, .25);
    color: #888;
    text-decoration: none;
    transform: translateY(-2px);
    transition: .3s ease-in-out;
}

/*アイキャッチのサイズ 0%で非表示*/
.post-thumbnail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

/*記事の行間調整*/
.entry-content p {
    /*line-height: 1.0em;*/
    margin: 0.8em 0;
}
/*記事の行間調整*/
.entry-title {
    font-size: 20px;
}
.single-title, .page-title, .entry-title {
    margin: 0;
    padding: 1px 5px 1px 5px;
}
.raised blue-bc strong{
    line-height: 44px;
	}

/*関連記事(横長)*/
.linkto {
    position: relative;
    max-width: 800px;
}
.linkto:before {
    position: absolute;
    content: "関連";
    top: 10px;
    left: 125px;
    display: inline-block;
    width: 47px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #FFBE78;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 2px;
}

@media only screen and (min-width: 1500px) {
.linkto:after {
    position: absolute;
    display: flex;
    height: 100%;
    padding: 0px 15px;
    content: "\f138";
    font-family: "FontAwesome";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #FFF0BA;
    align-items: center;
}
}

@media only screen and (min-width: 1500px) {
.linkto .tbtext {
    padding: 30px 62px 0px 10px;
    vertical-align: top;
    font-size: .95em;
	  background: #FFF8F2;
}
}

@media only screen and (max-width: 1500px) {
.linkto .tbtext {
    padding: 30px 0px 0px 10px;
    vertical-align: top;
    font-size: .85em;
		background: #FFF8F2;
}
}
.linkto{
	background: #FFF8F2;
}

/*モバイル用フッター固定メニュー*/
.fixed-menu ul {/*メニュー部分*/
    width: auto;/*幅調整*/
    padding: 0.2em 1.1em;/*内側の余白設定*/
    right: 10px;/*位置調整（右からの距離）*/
    left: auto;/*位置調整（左からの距離）*/
    bottom: 10px;/*位置調整（下からの距離）*/
    border-radius: 50%;/*円にする*/
    background: #ff5959!important;/*背景色（強制）*/
}
.fixed-menu a {/*メニューの文字*/
    color: #fff!important;/*文字の色（強制）*/
}
.fixed-menu ~ .totop {/*上に戻るボタンの位置*/
    bottom: 80px;/*位置調整（下からの距離）*/
}
.totop {/*上に戻るボタン*/
    background: #fff!important;/*背景色（強制）*/
    border: 1px solid #424242;/*枠線*/
    width: 64px;/*幅調整*/
    height: 64px;/*高さ調整*/
}
.totop .fa {/*上に戻るボタンのアイコン*/
    line-height: 58px;/*行の高さ*/
    font-size: 1.15em;/*アイコンの大きさ*/
    color: #424242;/*アイコンの色*/
}
.fixed-menu {/*フッターメニューの余白設定*/
    margin-bottom: 0;/*下の余分な余白を削除*/
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

select {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
  background-color: white;
	}

body { 
letter-spacing: -0.5px; 
}

/*記事の左右を詰める*/
@media only screen and (max-width: 1030px){
.entry-content {
    padding: 40px 5px 0;
}
}

/*メモ（補足）の書式*/
.memo{
	border: solid 2px #ffb36b;
	border-radius: 8px;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

/*ボックスいじり*/
.box31 {
	  background: #ffffff;
}
.box31 .box-title {
    background: #9cd9d2;
	  border-radius: 3px 0 0 0;
		padding:10px 9;
	  border-bottom:3px dotted #c2c2c2;
}

/*ヘッダーメニュー改造*/
.desktop-nav li a:hover  {
		color:#9cd9d2;
}
.desktop-nav li:after {
		width:0;
  }