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

/* 投稿日を消す */
.entry-header .pubdate {
    display: none;
}

/*カスタムフロントページのスタイル*/
/*スマホ*/
@media only screen and (max-width: 480px) {
 /*上部の隙間*/
 .page-forfront-custom {
 padding-top: 15px!important;
 }
}
/*PC*/
@media only screen and (min-width: 768px) {
 .page-forfront-custom .header-image__headline {
 font-size: 2.3em;
 }
}
/*カスタムフロントページ全体*/
.page-forfront-custom {
 background-color: #fff;
 margin-top: 0!important;
 padding-top: 35px;
}
/*見出しの基本スタイル*/
.top-title {
 margin-top: 0;
 font-size: 1.45em;
 font-weight: bold;
 color: #389bff;
}
/*カスタムフロントページの見出し セレクタは適用している見出しスタイルによって変更*/
.page-forfront-custom .hh2,.page-forfront-custom .hh3 {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}
/*カスタムフロントページの記事カード*/
.my_custom_article {
 width:99%!important;
 box-shadow:0 2px 4px rgba(0, 0, 0, .25);
}
/*ENDカスタムフロントページのスタイル*/

/*アプリーチ*/
.appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}} 

/*--------------------------------------
マイクロコピー付き　ボタン
--------------------------------------*/
.mc-plus-btn{/*全体（ボタンと文字）*/
    text-align: center;/*中央揃え*/
    margin: 1em 0 1.5em 0;/*外側の余白（上1em 下1.5em）*/
}
.mc-plus-btn .btn{/*ボタンの設定*/
    padding: .2em 1.3em;/*内側の余白（上下.2em 左右1.3em）*/
    font-size: 1.3em;/*文字の大きさ*/
    font-weight: bold;/*文字を太文字に*/
}
.mc-top-text, .mc-btn{/*文字＋ボタン*/
    margin-bottom:-.2em!important;/*外側の余白（下-2em）*/
}
.mc-top-text{/*上の文字*/
    font-weight: bold;/*太文字に*/
}
.mc-under-text{/*下の文字*/
    font-size: .8em;/*ちょい小さく*/
}
.mc-btn a:after{/*ボタンのアイコン*/
    content: "\f138";/*お好きに変更してください*/
    font-family:"FontAwesome";
    margin-left: 20px;/*ボタンの文字との余白*/
}