/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*
ツイッターセンター寄せ
*/
.twitter-tweet{
	margin: 0 auto;
}


/*--------------------------------------
  更新マークに丸い背景色を追加
--------------------------------------*/
.entry-header .updated:before {/*更新マークのクラス名*/
display: inline-block;/*位置調整ができるブロックに*/
padding: 3px;/*内側の上下左右の余白*/
margin-right: 6px;/*外側-右側の余白*/
color: #fff;/*アイコンの色*/
background: #ff5252;/*丸い背景の色（お好みで）*/
width: 25px;/*横幅*/
height: 25px;/*縦幅*/
border-radius: 50%;/*角を丸く*/
line-height: 24px;/*文字の高さ*/
text-align: center;/*中央寄せ*/
}


/*--------------------------------------
  マイクロコピーボタン
--------------------------------------*/
.abtn-mc1 a {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 3px;
    background: #F0C16E;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 44px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc1 a:after {
    content: "\f138";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-left: 15px;
}
.abtn-mc1 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc1 img{
    display: block;
}
p.abtn-mc1-top-text {
    font-weight: bold;
    margin-bottom: 3px;
}
p.abtn-mc1-under-text {
    font-size: .8em;
    margin-top: 3px;
}



/*--------------------------------------
  オリジナルボタン 黄色
--------------------------------------*/
.btn-c10-hun{
    position: relative;
}
.btn-c10-hun a{
    display: inline-block;
    width: 100%;
    margin: 1.5em 0;
    border-radius: 3px;
    padding: .5em 70px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    background: none;
    color: #FBBC05;
    box-shadow: 0 0 0 3px #FBBC05 inset;
}
.btn-c10-hun a:hover{
    text-decoration: none;
    background: #FBBC05;
    color: #fff;
}
.btn-c10-hun:before {
    content: "\f061";
    font-family: "FontAwesome";
    position: absolute;
    top: 27%;
    right: 15px;
    font-size: 1.5em;
    background: #fff;
    color: #FBBC05;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}





/*
SANGO横幅調整
*/
@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;/*メインコンテンツ幅（デフォルト69%）*/
}
.d-2of7 {
  width: 30%;/*サイドバー幅（デフォルト31%）*/
}
}

/*
ウィジェットエリア背景白く
*/
div#custom_html-21{
    background: none;
}


/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/



/*--------------------------------------
Rinkerのデザイン変更
--------------------------------------*/
/*-----全体-----*/
div.yyi-rinker-contents {/*内容（全体）*/
    border: solid 1px #42424230;/*枠線の種類・幅・色*/
    border-radius: 5px;/*枠線の丸み（上　右）*/
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);/*影*/
}
div.yyi-rinker-contents div.yyi-rinker-box {/*内容（中身）*/
    padding: 1em 0;/*余白（中）*/
}
/*-----左側（画像）-----*/
div.yyi-rinker-contents div.yyi-rinker-image {/*画像*/
    margin-left: 3%;/*左の余白*/
    width: 30%;/*画像の幅*/
}
/*-----右側（商品名やボタンなど）-----*/
div.yyi-rinker-info {/*右側全体*/
    padding: 0 3%;/*左右の余白*/
    width: 100%;/*右側全体の幅*/
}
.yyi-rinker-title {/*商品名*/
    font-size: .9em;/*文字の大きさ*/
}
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトル*/
    margin: 0;/*タイトルの余白*/
}
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトル*/
    color: #42424290;/*タイトルの文字色*/
}
div.yyi-rinker-contents div.yyi-rinker-detail {/*販売者と価格*/
    font-size: .8em;/*文字の大きさ*/
    color: #42424280;/*文字の色*/
    padding-left: 0;/*左側の余白*/
    margin-top: 0;/*上の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {/*価格*/
    margin: .5em 0;/*上下の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格の文字*/
    letter-spacing: 0.1em;/*文字の間隔*/
    font-size: 1.2em;/*文字の大きさ*/
    margin-right: .5em;/*右側の余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*すべてのボタン*/
    width: 45%;/*幅（2列になるように）*/
    padding: 0 .7em;/*左右の余白（ボタン内）*/
    margin: .5em 1.5em .4em 0;/*左側の余白だけ0（ボタン外）*/
    box-shadow: 0 2px 3px rgba(0,0,0,.2);/*影*/
    font-size: .8em;/*文字の大きさ*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
    display: none;/*マーク削除*/
}
/*-----ボタンの色-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {/*Amazon*/
    background: #FFC266;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
    color: #3A4D66;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {/*楽天*/
    background: #D95656;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/*Yahoo*/
    background: #FF4D4D;
}
/*-----マウスホバー（ボタン）-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
    box-shadow: 0 3px 14px rgba(0, 0, 0, .25);/*優しく浮き上がる影*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
    box-shadow: none;/*手前のマウスホバー*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;/*ホバー時に薄くなるのをオフ*/
}
@media screen and (max-width: 500px){/*スマホ表示用（ブレイクポイント500px）*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----画像ー----*/
div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;/*画像を中央表示*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 87%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
    display: block;/*価格を縦並びにする*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .5em 0;/*上下の余白　左右の余白削除*/
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
}}



/*--------------------------------------
キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;
margin: 0;
padding: 0;
border: none; /* 枠線を消す */
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em; /* 画像との余白 */
font-size: .7em; /* キャプションの文字の大きさ */
text-align: right; /* 右揃え */
}


/*--------------------------------------
自作の吹き出し（2列左用）
--------------------------------------*/
.box2 {
display: table-cell;
vertical-align: middle;
position: relative;
border: solid 4px #d1d1d1;
border-radius: 10px;
}
.box2:before {
border-right: 23px solid #d1d1d1;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
content: '';
position: absolute;
left: -23px;
}
.box2:after {
content: '';
position: absolute;
border-right: 24px solid white;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
left: -17px;
}
@media screen and (max-width: 500px){
.box2:before {
border-bottom: 20px solid #d1d1d1;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -40px;
content: '';
position: absolute;
left: 40%;
}
.box2:after {
border-bottom: 20px solid white;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -34.5px;
content: '';
position: absolute;
left: 40%;
}}
.shtb2 .cell {
vertical-align: middle;
}


/*--------------------------------------
関連記事カード２を変更 パターン２
--------------------------------------*/
.longc_linkto{
    position: relative;
    padding: 5px;
    line-height:0;
}
.longc_linkto img {
    max-width: 40%;
    vertical-align: baseline;
}
.longc_img img {
    padding: 0px;
}
.longc_linkto .c_linkto_text {
    display: inline-block;
    padding: 0 60px 0 2%;
    max-width: 55%;
    font-size: .8em;
    vertical-align:top;
}
.longc_time {
    display: none;
}
.longc_linkto .c_linkto_text:before {
    position: absolute;
    content: "関連";
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 47px;
    height: 27px;
    text-align: center;
    background: #999999;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 2px;
}
.longc_linkto .c_linkto_text:after {
    position: absolute;
    display: flex;
    height: 100%;
    width: 30px;
    padding: 0px 15px;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #eaedf2;
    align-items: center;
}
/*****   PCでの画像表示   *****/
@media only screen and (min-width: 481px){
.longc_img {
    width: 30%;
}
.longc_linkto img {
    max-width: 100%;
    vertical-align: top;
}
.c_linkto.longc_linkto .longc_content {
    vertical-align: top;
}
.longc_linkto .c_linkto_text {
    padding: 0 70px 0 2%;
    font-size: 1em;
}
.longc_linkto .c_linkto_text:after {
    width: 46px;
}}

/*****   ボタンサイズ   *****/
#inner-content .wd100 {
    width: 100%;
    text-align: center;
}


/*****   アプリーチ   *****/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 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;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}



/*--------------------------------------
  関連記事(横長)
--------------------------------------*/
.linkto {
    position: relative;
    max-width: 1600px;
}
.linkto:before {
    position: absolute;
    content: "関連";
    top: 10px;
    left: 125px;
    display: inline-block;
    width: 47px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #ff525290;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 2px;
}
.linkto:after {
    position: absolute;
    display: flex;
    height: 100%;
    padding: 0px 15px;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    top: 0px;
    right: 0px;
    font-size: 2.8em;
    color: #fff;
    background: #eaedf2;
    align-items: center;
}
.linkto .tbtext {
    padding: 30px 62px 0px 14px;
    vertical-align: top;
    font-size: .95em;
}






/*--------------------------------------
  ヘッダーお知らせ欄
--------------------------------------*/
.header-info a {
    padding: 5px;
    font-size: 15px;
}
.header-info a:after {
    content: "詳細はこちら";
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 5px;
}
@media screen and (max-width: 500px){
.header-info a:after {
    display: block;
    width: 60%;
    content: "詳細はこちら";
    margin: 0 auto;
    font-size: .8em;
}}










/* プロフィール画像調整 */
.yourprofile .profile-img {
position: relative;
width: 130px;/*  画像の横幅 */
height: 130px;/* 画像の高さ */
margin: 20px auto 0;/* 画像の位置 */
}
.yourprofile .profile-img img {
border: none;/* 枠線をなくす */
}




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



/*--------------------------------------
  PORIPU　吹き出し付きボックス　デフォルトカラー
--------------------------------------*/
.p-box {/*一番外の設定部分*/
    border: 2px solid #f4f4f5;/*枠線*/
    padding: 30px 20px 15px;/*内側の余白*/
    margin: 30px 0 20px;/*外側の余白*/
    border-radius: 0;/*角丸をOFF*/
}
div.p-box .p-box-title {/*吹き出しのタイトル部分*/
    background:#5a5a5a;/*背景色*/
    left: -2px;/*左からの位置*/
    top: -18px;/*上からの位置*/
    border-radius: 0;/*角丸をOFF*/
    font-weight: 500;/*フォントの太さ（太文字にする場合600）*/
    padding: 6px 10px;/*内側の余白*/
    letter-spacing: .1em;/*字と字の間隔*/
}
div.p-box .p-box-title:after {/*吹き出しの下三角部分*/
    border-top-color: #5a5a5a;/*吹き出しと同じ背景色*/
    top: 35px;/*上からの位置調整*/
    left: 18px;/*左からの位置調整*/
}
.p-box ul li {/*ボックス内の箇条書き設定*/
    padding: .5em 0 .5em 1.5em;/*内側の余白調整*/
}
.p-box ul li:before {/*箇条書きのアイコン部分*/
    color: #5a5a5a;/*アイコンの色*/
    font-family: "Font Awesome 5 Free";/*アイコンのバージョン設定*/
    font-weight: 900;/*太さ設定*/
}

.p-box.p-red {
    border-color: #fff0ef;
}
div.p-box.p-red .p-box-title {
    background-color: #ff9a91;
}
div.p-box.p-red .p-box-title:after {
    border-top: 12px solid #ff9a91;
}
.p-box.p-red ul li:before {
    color: #ff9a91;
}

.p-box.p-custom {
    border-color: #dff5f8;
}
div.p-box.p-custom .p-box-title {
    background-color: #6fd0de;
}
div.p-box.p-custom .p-box-title:after {
    border-top: 12px solid #6fd0de;
}
.p-box.p-custom ul li:before {
    color: #f59ab3;
}


.p-box ul li:not(:last-child) {
    border-bottom: 3px dotted #eee;
}





/*--------------------------------------
 文字幅少なく
--------------------------------------*/
body { 
letter-spacing: -0.6px; 
}

/*--------------------------------------
 サイドバーウィジェット消去
--------------------------------------*/
div#custom_html-26{
    background: none;
}


/*--------------------------------------
  スマホ用ナビドロワー
--------------------------------------*/
.bc-home {
    display: inherit;/*引き継ぐよ*/
    width: 90%;/*長さ*/
    height: 60px;/*高さ*/
    line-height: 60px;/*文字の高さ*/
    margin: 0 auto;/*中央揃え*/
    padding-right: 10px;/*内側右の余白*/
    border-radius: 5px;/*角丸*/
    text-align: center;/*文字中央揃え*/
    letter-spacing: .05em;/*文字の間隔*/
    background: #424242de;/*背景色*/
    color: white;/*文字の色*/
}
.bc-home .fa {/*アイコーン*/
    vertical-align: -11%;/*縦方向の位置調整*/
    padding-right: 10px;/*右側の余白*/
}

#drawer__content .prof-sns {
    padding-top: 0;/*内側上の余白を削除*/
    border-top: none;/*上の点線を削除*/
}
#drawer__content .widgettitle {
    background-color: #999;/*背景色*/
    text-align: center;/*文字の中央ゾ揃え*/
    border-radius: 0px 0px 0 0;/*上だけ角丸*/
    margin: 0 auto;/*見出しを中央に表示*/
    width: 90%;/*長さ*/
}



/*--------------------------------------
SNSボタンカスタマイズ
--------------------------------------*/
/*-----ボタンが入る枠の設定です-----*/
.prof-sns{
    text-align: center;/*中央揃え*/
    padding-top: 5%;/*上の余白（内側）*/
    border-top: 2px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.6em;/*文字の大きさ*/
}
/*-----Twitter部分-----*/
.prof-sns .pf-tw {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 5px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #1DA1F290;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
    background: #1DA1F2;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}
/*-----プロフィール部分-----*/
.prof-sns .pf-pf {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #828282;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-pf:hover{
    background: #424242;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----FEEDLY部分-----*/
.prof-sns .pf-fd {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #80CF93;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-fd:hover{
    background: #2BB24C;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----amazonほしいものリスト部分-----*/
.prof-sns .pf-amazon {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #474F59;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-amazon:hover{
    background: #232F3E;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----アイコンの大きさ調整-----*/
.prof-sns i {
    font-size: 3em;/*全部のアイコンの大きさ*/
}


/*--------------------------------------
  口コミボックス
--------------------------------------*/
.good, .ungood {/*ボックス共通部分*/
    border: 2px solid #f4f4f5;/*枠線*/
    color: #797979;/*文字色*/
    padding: 1.5em 1em;/*内側余白*/
    margin: 2em 0;/*外側余白*/
}
.good .box-title, .ungood .box-title {/*タイトル部分*/
    display: flex;/*配置しやすい種類に変更*/
    align-items: center;/*縦方向を真ん中に*/
    line-height: 1;/*行の高さ*/
    margin-bottom: 5px;/*外側　下の余白*/
}
.good .box-title, .good .box-title:before {/*タイトルとアイコンの色*/
    color: #fda359;/*文字色*/
}
.ungood .box-title, .ungood .box-title:before {/*タイトルとアイコンの色*/
    color: #4cb1bf;/*文字色*/
}
.good .box-title:before ,.ungood .box-title:before {/*アイコン*/
    font-family: "font awesome 5 free";/*種類*/
    margin-right: 5px;/*外側　右余白*/
    font-size: 1.7em;/*文字の大きさ*/
}
.good .box-title:before {/*メリットのアイコン*/
    content: "\f599";/*アイコンの種類*/
}
.ungood .box-title:before {/*デメリットのアイコン*/
    content: "\f5c8";/*アイコンの種類*/
}


/*--------------------------------------
  レビューボックス　中央寄せver
--------------------------------------*/
.hosi {
    text-align: center;/*中央寄せ*/
    background: #fffbf2;/*背景色*/
}
.hosi .rate-thing {
    display: none;/*タイトルは非表示*/
}
.hosi .rate-star {
    font-size: 1.5em;/*文字の大きさを大きく*/
    width: 100%;/*横幅をマックスに*/
}