@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/



/*■タップしたときの青い四角■*/
/*■a {
-webkit-tap-highlight-color: transparent;
cursor:pointer;
}■*/

/*■クリックしたときの青い枠線■*/
/*■*:focus {
outline: none;
}■*/



/*■アメブロ →FC2 →Wordpressのインポート処理での色々補正■*/
/*インポートした画像のaタグの高さがimgタグと違う対策*/
a.fancybox{
height: auto;
display: inline-block;
}


.footer-bottom {
/*●フッターエリアの上の余白が多すぎる対策●*/
margin-top: 0;

padding: 0;
font-size: 13.7px;

}

.footer-nob{
font-size: 13.7px;
padding: 0;
margin: 0;
text-align: center;
}

.footer-nob a{
white-space: nowrap;
}


img {
max-width: 100%;
height: auto;
vertical-align: text-top;
}


/*■固定ページ「お問い合わせ」の日付を非表示にする■*/
.post-430 .date-tags {
display: none;
}





/**目次**/.toc {display: block;padding: 0px;max-width: 600px;border: 1.2px #6ec4db solid !important;font-family: 'Noto Sans JP', sans-serif;}.toc-title {position: relative;padding: 5px 0;background: #6ec4db;color: #fff;font-weight: bold;}.toc .toc-content {padding: 5px 10px;background-color: #fff7ee;}.toc-list > li li a {font-weight: normal;font-size: 95%;color: #708090;margin-left: -5px;}.toc-list > li li ::before {content: '';width: 5px;height: 5px;display: inline-block;left: -10px;border-radius: 100%;background: #cdcdcd;position: relative;margin-bottom: 2px;}.article .toc-list > li li {list-style: none;}div.author-name ::after {content: url(img/author-name-yoko.png);position: relative;top: 0.25em;margin-right: 0.3em;margin-left: 0.3em;}/*●webp分岐●*/@supports (background-image: url(img/author-name-yoko.png.webp)) {div.author-name ::after {content: url(img/author-name-yoko.png.webp);position: relative;top: 0.25em;margin-right: 0.3em;margin-left: 0.3em;}/}.comment-form-email,.comment-form-url,.comment-notes {display:none;}/* cocoonのヘッダーのキャッチフレーズ*/.tagline{text-align: unset;}.tagcloud a{background-color: #fff8dc;}.tagcloud a:hover{background-color: #faf5f0;}.tag-link{background-color: #fff8dc;}.tag-link:hover{background-color: #faf5f0;}.sidebar h3::after{background-color: transparent;}.sidebar h3::before{background-color: #d9c8b7;opacity: 1;}.sidebar h3{border-bottom: solid 2.1px #ae9984;}p.form-submit{margin-top:8px;}button.comment-btn,input[type="submit"] {background-color: #fff8dc;}button.comment-btn:hover,input[type="submit"]:hover{background-color: #faf5f0;}div#search-menu-content > div.entry-tags{display: inline-block; margin-bottom: 0;}div.entry-tags > a.tag-cloud-link{background-color: #fff8dc;padding: 3px 7px .8px;border-radius: 7px;color: #333;text-decoration: none;display: inline-block;margin-right: 5px;padding: 1px 5px;font-size: 12px;border: 1px solid #999;word-break: break-all;}a.link-to-nob{text-decoration: underline;}a.link-to-nob:hover{cursor: hand; cursor:pointer;}h3.widget-sidebar-title, h3.widget-title {font-size: 1em;}.sidebar h3{margin:30px 0 20px;margin: 15px 0 5px;}table{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;}.appreach__star {position: relative;font-size: 14px !important;height: 1.5em;width: 5em;}.appreach__star__base {position: absolute;color: #737373;}.appreach__star__evaluate {position: absolute;color: #ffc107;overflow: hidden;white-space: nowrap;}.nob-table-2yoko{display:flex;}table th, table td {padding:6px 3px;}.nob-table-2yoko-ko{flex-grow: 1;}.article ol li{margin-left: 7px;}div.nob-head{max-width: 100%;}img.header-logo-nob{width:100%;max-width:128px;height:auto;vertical-align:middle;}.nob-head a{font-size:24px;margin-bottom:10px;text-decoration:unset;font-weight:normal;color:#333;}span.no-wrap-nob{display:inline-block;}/*aタグ付き画像のマウスオーバー【メディアのみ】*/a img.size-full{border:1px solid #FFF;}a:hover img.size-full {border:1px solid #ff0000}/*a:hover img {opacity: 0.8;}*//************************************** レスポンシブデザイン用のメディアクエリ************************************//*--●スマホ●--*//*--●●●●●●●●●●先に書くべきcss・ここから●●●●●●●●●●--*/
/*●目次のデザイン調整*/
.toc-list > li ol ::before {
 content: none;
 width: 0px;
 height: 0px;
}

.article .toc-list > li li {
list-style: inherit;
}

.toc-list > li li a {
color: inherit;
font-size: inherit;
}

.toc-list > li li::before {
background: none;
}


/*●ヘッダー画像のaタグの高さ調整*/
.nob-head a {
/*●元display: inline-flex;●*/
display: inline-block;
font-size: large;
font-weight: 700;
align-items: center;
}


/*●トグルボックスの開閉速度*/
.toggle-wrap .toggle-content {
transition: all 0.3s ease;
}

.toggle-checkbox:checked ~ .toggle-content {
transition: all 0.3s ease;
}


/*●記事タイトルを非表示*/
/*●.entry-title {
display: none;
}

*/
/*●ロゴの位置・サイズ*/
.logo-text, span.no-wrap-nob {
 font-size: 2em; 
 display: flex; 
 justify-content: center; 
 align-items: center;/*●元padding: 20px 0 30px;*/
padding: 10px 0 10px;
}


/*●ヘッダーのtagline付近の余白*/
div.nob-head{
padding: 10px 0 30px;
}


/*●ヘッダー画像付近*/
.tagline {
 text-align: center;
}





/*●画像リンクのホバーで透過*/
a img:hover{
opacity: 0.8;/*●元は0.6*/
}


/*●Woocommerceの注文画面のご注文tabelがはスマホではみ出る対策*/
.woocommerce table.shop_table {
table-layout: fixed;
}

.woocommerce table.shop_table td {
white-space: initial;
}


/*●記事タイトルを左右中央にする*/
.entry-title, .archive-title {
text-align: center;/*■www.kaimonojyoz.jp(1カラム)専用かも？■*/
}


/*●画像を保存させない */
img, li.item a img, div.shop-left-main img {
display: inline-block;
 
 pointer-events: none !important;
 
touch-callout:nonev !important;
 -moz-touch-callout:none !important;
 -webkit-touch-callout:none !important;
 user-select:none !important;
 -moz-user-select:none !important;
 -webkit-user-select:none !important;
 -ms-user-select:none !important;
-khtml-user-select:none !important;
-webkit-user-drag:none !important;
-khtml-user-drag:none !important;

}


/*●a.a-clickable-imgのimgだけはクリックできるようにする */
a.a-clickable-img img, .logo-header img{
pointer-events: initial !important;
 user-select: initial !important;
 -moz-user-select: initial !important;
 -webkit-user-select: initial !important;
 -ms-user-select: initial !important;

}




/*●枠の下の空行対策*/
.nmlbox p, .ylwbox p, .redbox p, .graybox p, .rnd1 p, .rbox1 p, .rbox2 p, .shadow1 p, blockquote p, .inyoumodoki p, .line_wrapper p,.nmlbox ul, .ylwbox ul, .redbox ul, .graybox ul, .rnd1 ul, .rbox1 ul, .rbox2 ul, .shadow1 ul, blockquote ul, .inyoumodoki ul, .line_wrapper ul,.article ul, .article p{
margin-bottom: 0;

}


/*●枠の前に空行入れたい対策*/
.border1,.border2,.border3,.border4,.border5,.border6,.border7,.border8,.border9,.border10,.borderdot1,.borderdot2,.borderdot3,.borderdot4,.borderdot5,.borderdot6,.borderdot7,.borderdot8,.borderdot9,.borderdot10,.borderdot101,.borderdot102,.borderdot103,.borderdot104,.borderdot105,.borderdot106,.borderdot107,.borderdot108,.borderdot109,.borderdot1010{
margin-top: 0;
padding-top: 0;

}


/*●cocoonだけ関係●iframeの外枠を除去*/
.video iframe{
border: none;
}


/*●プラグイン『Easy FancyBox』のよるポップアップのタイトル位置とかの変更*/
.fancybox-title-over {
top: 0!important;/*●元は　bottom: 0;●　*/
text-align: center!important;/*●元は　text-align: left;　*/
}

/*●画像が中央寄せにならないバグ？対策*/
/*●imgタグをｐタグとかで囲んで <p class="img-center-nob"> とかにする*/
.img-center-nob{
text-align: center!important;
}


/*●メニューの英単語が勝手に大文字になる対策*/
/*●.●どれだか不明●cssじゃないかも {
text-transform:none!important; //記述したそのままの通りに表示}

●*/
/*●●Autoptimizeのクリティカルcssの箇所に記述してある-2●*/
.header{
width: 100%;
max-width: 1800px;
margin: auto;
}


/*●高速化してたら画像がlargeがなくなってfullになり、画像リンクのホバーが赤枠になってしまった対策*/
a:hover img.size-full{
border: none;
}


/*●reCAPTCHA バッジを非表示●*/
.grecaptcha-badge {
 visibility: hidden; }

/*●ブログカードのドメインリンクの幅おかしい*/
div.blogcard-domain a{
width: 100%;
}


/*●404ページの画像の高さ*/
.error404 img{
max-width: 50%!important;
margin: auto!important;
}


/*●カテゴリー『ブログ』の『ページトップヘ戻る』ボタンの位置 & オーバーレイのボタンを非表示*/
.categoryid-1 .go-to-top {
/*●bottom: 10px;●*/
}

.categoryid-1 .koukoku-yoko, .categoryid-1 .koukoku-tate{
display: none;
}


/*●LiteSpeed Cacheプラグインの画像遅延時、ふわっと表する*/
/*●img[data-lazyloaded]{
opacity: 0;
}

img.litespeed-loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}

●*/


/*■ContactForm7関係のcssは該当投稿ページのカスタムcssにある■*/
.nob-new-blog{
max-width: 700px;
margin: 0 auto;
}




/*●Highlighting Code Blockでcssだけ上下の余白が大きい対策●*/
.wp-block-code{
padding-top: 0!important;
padding-bottom: 0!important;
}

.language-css{
padding-top: 0!important;
}


/*●Easy FancyBoの画像タイトルの背景色●*/
#fancybox-title{
background-color: #feeed8!important;
}


/*●新着記事一覧のタイトルのfont-weight●*/
.new-entry-card-title{
font-weight: 700;
}


/*●コンテンツ最下の余白が多すぎる対策●*/
.entry-content, #list {
margin-bottom: 2em!important;/*●初期値：3em●*/
}

.entry-content {
padding-bottom: 0 !important;/*●1.2em;●*/
}

.main {
padding-bottom: 1em;
}



/*●フッターエリアの上の余白が多すぎる対策●*/
.footer-bottom {
margin-top: 0;
}


/*●パンくずがPageSpeed Insightsでコントラストが足らない対策●*/
.breadcrumb a {
color: #575757;
}


.inyoumodoki {
/*元
background-image: url(../../../img/quote2.png);
padding-bottom: 10px;
●*/
background-image: none;
}

.inyoumodoki{
position:relative;
border-left:3px solid #b2b2b2;
padding-left:10px;
}

.inyoumodoki p{
position:relative;
padding-left:30px;
}

.inyoumodoki cite{
display: block;
font-size:0.8rem;
color:#F8C8B2;
text-align:right;
}

.inyoumodoki:before{
position:absolute;
font-family:'FontAwesome';
content:'\f10d';
font-size: 15px;
color:#b2b2b2;
top:10px;
left:10px;
}

.inyoumodoki:after{
position:absolute;
font-family:'FontAwesome';
content:'\f10e';
font-size: 15px;
color:#b2b2b2;
right:10px;
bottom:10px;
}



pre.hljs{
margin-bottom: 0;/*■元は0.1em■*/
}


/*●問い合わせページの送信エラーの文言のマウスオーバー時の矢印 ●*/
/*●目次をタップした時に青くなるのを回避 ●*/
label:not(.toggle-button), .wpcf7-not-valid-tip{
cursor: initial!important;
}

/*●ブログカード関係 ●*/
/*●●●
.internal-blogcard::after,
.entry-card-content::after{
content: '続きを読む \00bb';
position: absolute;
bottom: .5rem;
right: 1rem;
font-size: 70%;
background-color: #6ec4db;
padding: .4em 3em;
font-weight: bold;
color: #fff; 
border-radius: 2px;
}


.internal-blogcard{
position: relative;
padding-bottom:40px;
}

article.entry-card{
position: relative;
padding-bottom:15px;
}
●●●*/

.internal-blogcard-footer{
display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}



/*●PC表示でファーストビュー以外を■content-visibility■で囲む ●*/
.section-nob {
width: 100%;
max-width: 100%;
/*■content-visibility: auto;
contain-intrinsic-size: 650px;■autoおよびファーストビュー以外の残り全体の高さはfooter.phpのscriptで動的に処理・計算する■*/
}



/*■■■■■コピーボタン関係・ここから■■■■■*/
/************************************
** コピーボタン関係
************************************/
.cpytext{
position: relative;
}

button.cpybtn{
position: absolute;
top: 5px;
right: 5px;
background-color: #333;
color: #fff;
border: 1px solid #333;
border-radius: 8px;
cursor: pointer;
font-size: 17px;
margin: 0px 5px;
padding: 5px;
width: 35px;
height: 35px;
}

.balloon_top {
bottom: initial;
right: 60px;
top: 5px;
background-color: #333;
width: 150px;
position: absolute;
margin-bottom: 15px;
padding: 8px;
border-radius: 10px;
font-size: 0.7em;
text-align: center;
z-index: 1;
opacity: 0.9;
}


pre button.cpybtn{
    position: absolute;
top: 5px;
 /*●2.5だと少しダメ●   top: 2.5px;●*/

margin: auto;

    right: 5px;
    background-color: #333;
    color: #fff;
    border: 1px solid #666;
    border-radius: 8px;
}
@media screen and (max-width: 480px){/*●*/
pre button.cpybtn {
  top: 0px;
}
/*●*/}




.balloon_top::before {
content: "";
width: 0;
height: 0;
border: 1px solid #333;
position: absolute;
right: -22px;
top: initial ;


border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #333;
translate: -55% 0%;

}

pre.wp-block-code, qpre.prism, pre.hljs {
position: relative;
}




/*●デフォルトのnohighlightが効かない対策●*/
.nohighlight .hljs-string, .nohighlight .hljs-bullet, .nohighlight .hljs-subst, .nohighlight .hljs-title, .nohighlight .hljs-section, .nohighlight .hljs-emphasis, .nohighlight .hljs-type, .nohighlight .hljs-built_in, .nohighlight .hljs-builtin-name, .nohighlight .hljs-selector-attr, .nohighlight .hljs-selector-pseudo, .nohighlight .hljs-addition, .nohighlight .hljs-variable, .nohighlight .hljs-template-tag, .nohighlight .hljs-template-variable{
color:#dddddd;
}

/*●色々対策●*/
/*●
pre, code{
font-size: smaller;
}
●*/

pre.no_number::before {
content: none!important;
}

pre.no_number code span{
color: inherit!important;
}

pre.hljs.no_number{
padding: 1em!important;
}
/*■■■■■コピーボタン関係・ここまで■■■■■*/


/*●トップページ下部のサービスパッケージ紹介のh2タグの不具合対策●*/
.entry-card-title-nob {
font-size: 17px !important;
background-color: unset !important;
margin: 0 0 .4em 0 !important;
line-height: 1.6 !important;
font-weight: 700 !important;
display: -webkit-box !important;
overflow: hidden !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
padding: 0 !important;
}


#comments {
margin: 25px auto;/*■元は50px■*/
}


/*■タップターゲット対策■*/
.search-submit {
font-size: 24px;
top: calc(50% - 16px);
}


/*■「Contact Form 7」の問い合わせで余計な線？枠？が表示される対策■*/
.hidden-fields-container{
display: none;
}




/*--●●●●●●●●●●先に書くべきcss・ここまで●●●●●●●●●●--*//* 共通 */.rank1,.rank2,.rank3,.rank4,.rank5,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{font-family: sans-serif;font-weight:bold;_zoom: 1;overflow: hidden;}/*.point{font-family: sans-serif;font-weight:bold;_zoom: 1;overflow: hidden;}*/h4{clear:none;}/*h4,h5,h6,ul,ol{_zoom: 1;overflow: hidden;}*/.lbg{line-height:140%;}/* ランキング */.rank1,.rank2,.rank3,.rank4,.rank5 {background-repeat: no-repeat;height: 25px;font-size: 18px;margin:10px 0 15px 0;padding: 35px 0 5px 65px;color: #333;border-bottom:dotted 1px #666;clear: both;}.rank1{background-image: url(../../../img/rank1_a.gif);}.rank2{background-image: url(../../../img/rank2_a.gif);}.rank3{background-image: url(../../../img/rank3_a.gif);}.rank4{background-image: url(../../../img/rank4_a.gif);}.rank5{background-image: url(../../../img/rank5_a.gif);}/* ポイント */.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {background-repeat: no-repeat;padding-left: 46px;font-size: 16px;margin-top: 10px;padding-top: 7px;margin-bottom: 10px;border-bottom:dotted 2px #CCC;color: #3F3F3F;background-position: 4px top;clear: both;}/*.point {font-size: 15px;color: #333;background-image: url(../../../img/point.png);background-repeat: no-repeat;padding-top: 5px;padding-bottom: 5px;padding-left: 60px;margin-bottom: 5px;line-height:130%;}*/.point1{background-image: url(../../../img/point1.gif);}.point2{background-image: url(../../../img/point2.gif);}.point3{background-image: url(../../../img/point3.gif);}.point4{background-image: url(../../../img/point4.gif);}.point5{background-image: url(../../../img/point5.gif);}.point6{background-image: url(../../../img/point6.gif);}.point7{background-image: url(../../../img/point7.gif);}.point8{background-image: url(../../../img/point8.gif);}.point9{background-image: url(../../../img/point9.gif);}.point10{background-image: url(../../../img/point10.gif);}/* 矢印 */.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{background-repeat: no-repeat;font-weight: bold;line-height: 160%;font-size: 16px;background-position: left center;padding-left: 25px;margin-top: 3px;margin-bottom: 3px;font-family:sans-serif;_zoom: 1;overflow: hidden;}.arrow_blue {background-image: url(../../../img/arrow_blue.gif);}.arrow_orange {background-image: url(../../../img/arrow_orange.gif);}.arrow_black {background-image: url(../../../img/arrow_black.gif);}.arrow_red {background-image: url(../../../img/arrow_red.gif);}/* ボックス */.ylwboxnmlbox,.dottbox,.ylwbox,.graybg{padding:15px;margin-top: 10px;margin-bottom: 10px;clear:both;} .graybg{background-color:#EBEBEB;}.dottbox{border:dotted 1px #666;}.nmlbox {border: 2px solid #CCCCCC;}.ylwbox {background-color: #FFFFD2;border: 2px solid #CC0000;}/* 角丸 */.rnd1{padding: 15px;margin: 15px auto 15px auto;}.rnd1{position:relative;z-index:1;padding: 15px;margin: 15px auto 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}.rbox1 {background-color: #f0f0f0;border: 1px solid #d7d7d7;}.rbox2 {background-color: #FFF;border: 2px solid #FF843F;}.rbox3 {background-color: #FFF;}.rbox4 {background-color: #F5F5F5;}/* 文字装飾 */.bai-strong-under{font-size: 2rem; font-weight: bold; text-decoration: underline; line-height: 1.2em;}.red-strong{font-weight: bold; color: #ff0a0a!important; line-height: 2em; font-size: larger;}blockquote {font-size:12px;color:#666666;border: 2px dotted #CCCCCC;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;margin: 15px;line-height: 130%;}.alert,.accept,.attention,.thint{font-size: 12px;line-height: 130%;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 55px;margin-top: 10px;margin-bottom: 10px;background-position:8px 3px;}.alert {background-color: #FFEFEF;background-image: url(../../../img/alert.png);background-repeat: no-repeat;color: #A2462F;border: 1px solid #FABDA7;}.accept {border: 1px solid #C2E39B;background-color: #EFFADA;background-image: url(../../../img/accept.png);background-repeat: no-repeat;color: #346F15;}.attention {border: 1px solid #FDE8A8;background-color: #FEF8E0;background-image: url(../../../img/attention.png);background-repeat: no-repeat;color: #804900;}.thint {border: 1px solid #C5D7ED;background-color: #EFF4FA;background-image: url(../../../img/thint.png);background-repeat: no-repeat;color: #2C4F7A;} .user1,.user2 {font-size: 12px;line-height: 130%;padding-top: 12px;padding-right: 12px;padding-bottom: 12px;padding-left: 100px;margin-top: 10px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 12px 12px;background-color: #EFF4FA;border: 1px solid #C5D7ED;min-height: 70px;_height:70px;_zoom: 1;overflow: hidden;} .user1{background-image: url(../../../img/user1.png);} .user2{background-image: url(../../../img/user2.png);}.noimage{padding-left:12px;background-image: none;min-height:15px;}.ylw{background-color:#FFE566;font-weight:bold;padding:2px;}/* 水平線 */.border1,.border2,.border3,.border4,.border5,.border6,.border7,.border8,.border9,.border10,.borderdot1,.borderdot2,.borderdot3,.borderdot4,.borderdot5,.borderdot6,.borderdot7,.borderdot8,.borderdot9,.borderdot10,.borderdot101,.borderdot102,.borderdot103,.borderdot104,.borderdot105,.borderdot106,.borderdot107,.borderdot108,.borderdot109,.borderdot1010,{margin-top: 0;padding-top: 0;/*■margin: 10px;padding: 1em 0px;■*/ line-height: 1px;height: 1px;_zoom: 1;overflow: hidden;}.border1 {border-bottom:solid 2px #000000;}.border2 {border-bottom:solid 2px #808080;}.border3 {border-bottom:solid 2px #ff0000;}.border4 {border-bottom:solid 2px #ff00ff;}.border5 {border-bottom:solid 2px #00ff00;}.border6 {border-bottom:solid 2px #ffff00;}.border7 {border-bottom:solid 2px #0000ff;}.border8 {border-bottom:solid 2px #00ffff;}.borderdot1 {border-bottom:dotted 2px #000000;}.borderdot2 {border-bottom:dotted 2px #808080;}.borderdot3 {border-bottom:dotted 2px #ff0000;}.borderdot4 {border-bottom:dotted 2px #ff00ff;}.borderdot5 {border-bottom:dotted 2px #00ff00;}.borderdot6 {border-bottom:dotted 2px #ffff00;}.borderdot7 {border-bottom:dotted 2px #0000ff;}.borderdot8 {border-bottom:dotted 2px #00ffff;}.borderdot101 {border-bottom:dashed 2px #000000;}.borderdot102 {border-bottom:dashed 2px #808080;}.borderdot103 {border-bottom:dashed 2px #ff0000;}.borderdot104 {border-bottom:dashed 2px #ff00ff;}.borderdot105 {border-bottom:dashed 2px #00ff00;}.borderdot106 {border-bottom:dashed 2px #ffff00;}.borderdot107 {border-bottom:dashed 2px #0000ff;}.borderdot108 {border-bottom:dashed 2px #00ffff;}.layout_l{float:left;}.layout_r{float:right;}.hd,.hd:hover,.hd:visited{color:#333;text-decoration:none;}/* シャドウ */.shadow1,.shadow2,.shadow3{padding: 15px;margin: 15px auto 15px auto;}.shadow1{-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}.shadow2{-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);}/* FAQ */.question1 {font-size: 17px;font-weight: bold;line-height: 130%;margin: 15px auto 4px auto;padding: 5px 0 6px 50px;background-image: url(../../../img/q1.png);background-repeat: no-repeat;background-position: 10px top;}.answer1 {position:relative;font-size: 13px;line-height:140%;border:solid 1px #CCC;background-color:#F5F5F5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 5px auto 35px auto;padding: 20px 20px 20px 60px;background-image: url(../../../img/a1.png);background-repeat: no-repeat;background-position: 12px 18px;}.question2 {font-size: 17px;font-weight: bold;line-height: 130%;margin: 20px auto 4px auto;padding: 5px 0 6px 50px;background-image: url(../../../img/q2.png);background-repeat: no-repeat;background-position: 10px top;}.answer2 {position:relative;font-size: 13px;line-height:140%;margin: 5px auto 15px auto;padding: 10px 10px 20px 50px;background-image: url(../../../img/a2.png);background-repeat: no-repeat;background-position: 10px 12px;border-bottom:dotted 1px #CCC;}/* 吹き出し */.bln{font-size:13px;line-height:130%;_zoom: 1;overflow: hidden;padding:0;margin: 0;color: #333333;}.b_body{margin:0;width:auto;padding:12px 19px;_zoom: 1;overflow: hidden;}.balloon1 .b_body{background-color:#F5F5F5;border:solid 1px #CCC;}.balloon2 .b_body{background-color:#FFF;border:solid 1px #CCC;}.balloon3 .b_body{background-color:#EBEBEB;}.balloon4 .b_body{background-color:#EAF1FF;border:solid 1px #6AA3F9;}.balloon5 .b_body{background-color:#FFEAEA;border:solid 1px #F96565;}.balloon6 .b_body{background-color:#FFF;border:solid 2px #CC0000;}.balloon7 .b_body{background-color:#FFF;border:solid 2px #0080B8;}.balloon8 .b_body{background-color:#FFF;border:solid 2px #FF8201;}.balloon9 .b_body{background-color:#FFF;border:2px solid #739221;}.bln .img-l{position:relative;z-index:100;background-image:url(../../../img/balloon.png);top: 18px;left:1px;float:left;width: 28px;height: 19px;margin:0;}.bln .img-r{position: relative;z-index:100;background-image:url(../../../img/balloon.png);top: 18px;right:1px;float:right;width: 28px;height: 19px;margin:0;}.bln .img-t{position: relative;z-index:100;background-image:url(../../../img/balloon.png);top:1px;left: 30px;width: 22px;height: 22px;float:none;margin:0;}.bln .img-b{position: relative;z-index:100;background-image:url(../../../img/balloon.png);bottom:1px;left: 30px;width: 22px;height: 22px;margin:0;}div.bln:after{height:0; visibility: hidden; content: "."; display: block; clear: both;}.balloon1 .img-b{ background-position: 0 0;} .balloon1 .img-l{ background-position: 0 -72px;} .balloon1 .img-r{ background-position: 0 -139px;} .balloon1 .img-t{ background-position: 0 -206px;} .balloon2 .img-b{ background-position: 0 -278px;} .balloon2 .img-l{ background-position: 0 -350px;} .balloon2 .img-r{ background-position: 0 -417px;} .balloon2 .img-t{ background-position: 0 -484px;} .balloon3 .img-b{ background-position: 0 -556px;} .balloon3 .img-l{ background-position: 0 -628px;} .balloon3 .img-r{ background-position: 0 -695px;} .balloon3 .img-t{ background-position: 0 -762px;} .balloon4 .img-b{ background-position: 0 -834px;} .balloon4 .img-l{ background-position: 0 -906px;} .balloon4 .img-r{ background-position: 0 -973px;} .balloon4 .img-t{ background-position: 0 -1040px;} .balloon5 .img-b{ background-position: 0 -1112px;} .balloon5 .img-l{ background-position: 0 -1184px;} .balloon5 .img-r{ background-position: 0 -1251px;} .balloon5 .img-t{ background-position: 0 -1318px;} .balloon6 .img-b{ background-position: 0 -1390px;bottom:2px;} .balloon6 .img-l{ background-position: 0 -1462px;left:2px;} .balloon6 .img-r{ background-position: 0 -1531px;right:2px;} .balloon6 .img-t{ background-position: 0 -1600px;top:2px;} .balloon7 .img-b{ background-position: 0 -1672px;bottom:2px;} .balloon7 .img-l{ background-position: 0 -1744px;left:2px;} .balloon7 .img-r{ background-position: 0 -1813px;right:2px;} .balloon7 .img-t{ background-position: 0 -1882px;top:2px;} .balloon8 .img-b{ background-position: -78px 0;bottom:2px;} .balloon8 .img-l{ background-position: -78px -72px;left:2px;}.balloon8 .img-r{ background-position: -78px -141px;right:2px;}.balloon8 .img-t{ background-position: -78px -210px;top:2px;}.balloon9 .img-b{ background-position: -78px -282px;bottom:2px;} .balloon9 .img-l{ background-position: -78px -354px;left:2px;} .balloon9 .img-r{ background-position: -78px -423px;right:2px;} .balloon9 .img-t{ background-position: -78px -492px;top:2px;}/*==================================================旧テーマで使ってたやつ==================================================*//* オリジナルスタイルsmartphone */.huto {font-weight:bold;}.red-under {border-bottom: 2px solid red!important;}.marker {background-color: #ff9!important;}.hutoaka {font-weight:bold;color:#ff0000!important;}.oomozi {font-size: 18pt;/*line-height: 35px;*/font-weight:bold;}.komozi {font-size: 80%;}.ymarker {background:#FFF9C4;padding:0 2px;}.rmarker {background:#ffcdd2;padding:0 2px;}.yellowbox {padding:20px;border:solid 1px #ffff00;background-color:#ffffe0;margin-bottom:20px;}.redbox {padding:20px;border:solid 1px #ef5350;background-color:#ffebee;margin-bottom:20px;}.graybox {padding:20px;border:solid 1px #ccc;background-color:#f3f3f3;margin-bottom:20px;}.post .yellowbox p:last-child,.post .yellowbox ol:last-child,.post .yellowbox ul:last-child {margin-bottom:0;padding-bottom:0;}.post .graybox p:last-child,.post .graybox ol:last-child,.post .graybox ul:last-child {margin-bottom:0;padding-bottom:0;}.post .redbox p:last-child,.post .redbox ol:last-child,.post .redbox ul:last-child {margin-bottom:0;padding-bottom:0;}.h2fuu {position: relative;background: #f3f3f3;color: #1a1a1a;font-size: 20px;line-height: 27px;margin-bottom: 20px;padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;font-weight:bold;}.h2fuu:after {content: '';position: absolute;border-top: 10px solid #f3f3f3;border-right: 10px solid transparent;border-left: 10px solid transparent;bottom: -10px;left: 30px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}.h2fuu:before {content: '';position: absolute;border-top: 10px solid #f3f3f3;border-right: 10px solid transparent;border-left: 10px solid transparent;bottom: -10px;left: 30px;}.inyoumodoki {background-color: #f3f3f3;/*元background-image: url(../../../img/quote.png)●*/background-image: none;background-repeat: no-repeat;background-position: left top;padding-top: 30px;padding-right: 10px;padding-bottom: 30px;padding-left: 20px;margin-top: 20px;margin-right: 0px;margin-bottom: 20px;border-left-width: 1px;border-left-style: solid;border-left-color: #CCC;}.post .inyoumodoki p:last-child,.post .inyoumodoki ol:last-child,.post .inyoumodoki ul:last-child {margin-bottom:0;padding-bottom:0;}.sankou {font-size:11px;background-color:#F57C00;color:#fff;padding:2px 3px;margin:0 5px;white-space: nowrap;}.st-hisu {font-size:11px;background-color:#FF0000;color:#fff;padding:2px 3px;margin:0 5px;white-space: nowrap;}/*ドット線*/.dotline {border-bottom:1px dotted #212121;}.dotliner {border-bottom:1px dotted #ff0000;}.dotline-s {border-bottom:1px solid #212121;}.dotline-sr {border-bottom:1px solid #ff0000;}/*========LINE風吹き出し========*//*====全体====*/.line_wrapper {background:#7292c2; /*背景色*/width:100%;box-sizing:border-box;padding:1em;}.line_wrapper:after {content:" ";display:block;clear:both;}.line_wrapper p {min-width:40px;max-width:80%;padding:.5em;line-height:1.4em;border-radius:10px;position: relative;clear:both;margin-bottom: 10px;}.line_wrapper p:after{border-color: rgba(255, 255, 255, 0);top: 1.3em;border: solid transparent;content: " ";height: 0;max-width: 100%;position: absolute;pointer-events: none;border-width: 6px;margin-top: -6px;}.line_wrapper p:last-child {margin-bottom:0;}/*====左側====*/p.line_left{float: left;background:#fff;/*左側の吹き出しの色*/}p.line_left:after {border-right-color: #fff;/*左側の吹き出しの色*/right: 100%;}/*====右側====*/p.line_right{float: right;background:#85e249;/*右側の吹き出しの色*/}p.line_right:after {border-left-color: #85e249;/*右側の吹き出しの色*/left: 100%;}/*--- キラキラ(通常) ---*/.kirakira-mae {background-image: url(../../../img/kirakira.gif);background-repeat: no-repeat;padding-left: 40px;margin-top: 10px; padding-top: 5px;margin-bottom: 10px;color: #3F3F3F;background-position: 4px top;clear: both;}@supports (background-image: url(../../../img/kirakira.gif.webp)) {/*●*/.kirakira-mae {background-image: url(../../../img/kirakira.gif.webp); background-repeat: no-repeat;padding-left: 40px;margin-top: 10px;padding-top: 5px;margin-bottom: 10px;color: #3F3F3F;background-position: 4px top;clear: both;}/*●*/}/*==================================================下線(●17色)==================================================*/.sitasen_1_1{background-image: linear-gradient(transparent 94%, #000 0%);}.sitasen_1_2{background-image: linear-gradient(transparent 94%, #808080 0%);}.sitasen_1_3{background-image: linear-gradient(transparent 94%, #C0C0C0 0%);}.sitasen_1_4{background-image: linear-gradient(transparent 94%, #FFF 0%);}.sitasen_1_5{background-image: linear-gradient(transparent 94%, #00F 0%);}.sitasen_1_6{background-image: linear-gradient(transparent 94%, #000080 0%);}.sitasen_1_7{background-image: linear-gradient(transparent 94%, #008080 0%);}.sitasen_1_8{background-image: linear-gradient(transparent 94%, #008000 0%);}.sitasen_1_9{background-image: linear-gradient(transparent 94%, #0F0 0%);}.sitasen_1_10{background-image: linear-gradient(transparent 94%, #0FF 0%);}.sitasen_1_11{background-image: linear-gradient(transparent 94%, #FF0 0%);}.sitasen_1_12{background-image: linear-gradient(transparent 94%, #F00 0%);}.sitasen_1_13{background-image: linear-gradient(transparent 94%, #F0F 0%);}.sitasen_1_14{background-image: linear-gradient(transparent 94%, #808000 0%);}.sitasen_1_15{background-image: linear-gradient(transparent 94%, #800080 0%);}.sitasen_1_16{background-image: linear-gradient(transparent 94%, #800000 0%);}.sitasen_1_17{background-image: linear-gradient(transparent 94%, #F7F 0%);}.sitasen_2_1{background-image: linear-gradient(transparent 84%, #000 0%);}.sitasen_2_2{background-image: linear-gradient(transparent 84%, #808080 0%);}.sitasen_2_3{background-image: linear-gradient(transparent 84%, #C0C0C0 0%);}.sitasen_2_4{background-image: linear-gradient(transparent 84%, #FFF 0%);}.sitasen_2_5{background-image: linear-gradient(transparent 84%, #00F 0%);}.sitasen_2_6{background-image: linear-gradient(transparent 84%, #000080 0%);}.sitasen_2_7{background-image: linear-gradient(transparent 84%, #008080 0%);}.sitasen_2_8{background-image: linear-gradient(transparent 84%, #008000 0%);}.sitasen_2_9{background-image: linear-gradient(transparent 84%, #0F0 0%);}.sitasen_2_10{background-image: linear-gradient(transparent 84%, #0FF 0%);}.sitasen_2_11{background-image: linear-gradient(transparent 84%, #FF0 0%);}.sitasen_2_12{background-image: linear-gradient(transparent 84%, #F00 0%);}.sitasen_2_13{background-image: linear-gradient(transparent 84%, #F0F 0%);}.sitasen_2_14{background-image: linear-gradient(transparent 84%, #808000 0%);}.sitasen_2_15{background-image: linear-gradient(transparent 84%, #800080 0%);}.sitasen_2_16{background-image: linear-gradient(transparent 84%, #800000 0%);}.sitasen_2_17{background-image: linear-gradient(transparent 84%, #F7F 0%);}/*==================================================動くアンダーライン●javascript.js追記が必要●==================================================*/.text_underline_left{position: relative;display: inline-block;}.text_underline_left:before{position: absolute;top: 1.1em;left: 0;content: "";display: inline-block;width: 0;height: 2px;background: #000000;transition: 0.5s; animation-iteration-count: infinite; }.text_underline_left:hover:before{width: 100%;}.text_underline_left2{position: relative;display: inline-block;}.text_underline_left2:before{position: absolute;top: 1.3em;left: 0;content: "";display: inline-block;width: 100%;height: 2px;background: #000000;transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}/*==================================================動くアンダーライン(太さ)==================================================*/.text_underline_bold:before {height: 4px;}/*==================================================動くアンダーライン(17色)==================================================*/.text_underline_1:before, .text_underline_black:before {background: #000000;}.text_underline_2:before, .text_underline_gray:before {background: #808080;}.text_underline_3:before, .text_underline_silver:before {background: #C0C0C0;}.text_underline_4:before, .text_underline_white:before {background: #FFFFFF;}.text_underline_5:before, .text_underline_blue:before {background: #0000FF;}.text_underline_6:before, .text_underline_navy:before {background: #000080;}.text_underline_7:before, .text_underline_teal:before {background: #008080;}.text_underline_8:before, .text_underline_green:before {background: #008000;}.text_underline_9:before, .text_underline_lime:before {background: #00FF00;}.text_underline_10:before, .text_underline_aqua:before {background: #00FFFF;}.text_underline_11:before, .text_underline_yellow:before {background: #FFFF00;}.text_underline_12:before, .text_underline_red:before {background: #FF0000;}.text_underline_13:before, .text_underline_fuchsia:before {background: #FF00FF;}.text_underline_14:before, .text_underline_olive:before {background: #808000;}.text_underline_15:before, .text_underline_purple:before {background: #800080;}.text_underline_16:before, .text_underline_maroon:before {background: #800000;}.text_underline_17:before, .text_underline_fuchsia:before {background: #FF77FF;}/*==================================================動くアンダーライン2==================================================*/.ctw-marker-bold{padding:3px 1px;background-size:200% 12px;background-position:0 10px;background-repeat:repeat-x;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease;}.ctw-marker-slim{padding:2px 1px;background-size:200% 4px;background-position:0 18px;background-repeat:repeat-x;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;}.ctw-marker-bold.ctw-marker-position{background-position:-100% 15px;}.ctw-marker-slim.ctw-marker-position{background-position:-100% 21px;}/*==================================================動くアンダーライン2(12色)==================================================*/.text_underline2_1, .ctw-marker-yellow{background-image:-webkit-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);background-image:linear-gradient(left, rgba(255,235,6,0) 50%, rgba(255,235,6,0.75) 50%);}.text_underline2_2, .ctw-marker-lightgreen{background-image:-webkit-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-o-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);background-image:linear-gradient(left, rgba(183,255,185,0) 50%, rgba(183,255,185,0.75) 50%);}.text_underline2_3, .ctw-marker-lime{background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(130,255,5,0.75) 50%);}.text_underline2_4, .ctw-marker-aqua{background-image:-webkit-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);background-image:linear-gradient(left, rgba(133,232,255,0) 50%, rgba(133,232,255,0.75) 50%);}.text_underline2_5, .ctw-marker-cobaltblue{background-image:-webkit-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);background-image:linear-gradient(left, rgba(12,157,255,0) 50%, rgba(12,157,255,0.75) 50%);}.text_underline2_6, .ctw-marker-purple{background-image:-webkit-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);background-image:linear-gradient(left, rgba(222,194,255,0) 50%, rgba(222,194,255,0.75) 50%);}.text_underline2_7, .ctw-marker-violet{background-image:-webkit-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-o-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);background-image:linear-gradient(left, rgba(152,69,255,0) 50%, rgba(152,69,255,0.75) 50%);}.text_underline2_8, .ctw-marker-lightpink{background-image:-webkit-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);background-image:linear-gradient(left, rgba(255,211,210,0) 50%, rgba(255,211,210,0.75) 50%);}.text_underline2_9, .ctw-marker-pink{background-image:-webkit-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-o-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);background-image:linear-gradient(left, rgba(240,81,135,0) 50%, rgba(240,81,135,0.75) 50%);}.text_underline2_10, .ctw-marker-red{background-image:-webkit-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-o-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);background-image:linear-gradient(left, rgba(234,33,28,0) 50%, rgba(234,33,28,0.75) 50%);}.text_underline2_11, .ctw-marker-lightorange{background-image:-webkit-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-o-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);background-image:linear-gradient(left, rgba(255,201,147,0) 50%, rgba(255,201,147,0.75) 50%);}.text_underline2_12, .ctw-marker-orange{background-image:-webkit-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-moz-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-o-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:-ms-linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);background-image:linear-gradient(left, rgba(238,120,0,0) 50%, rgba(238,120,0,0.75) 50%);}/* 共通 */.rank1,.rank2,.rank3,.rank4,.rank5,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{font-family: sans-serif;font-weight:bold;_zoom: 1;overflow: hidden;}/*.point{font-family: sans-serif;font-weight:bold;_zoom: 1;overflow: hidden;}*/h4{clear:none;}/*h4,h5,h6,ul,ol{_zoom: 1;overflow: hidden;}*/.lbg{line-height:140%;}/* ランキング */.rank1,.rank2,.rank3,.rank4,.rank5 {background-repeat: no-repeat;height: 25px;font-size: 18px;margin:10px 0 15px 0;padding: 35px 0 5px 65px;color: #333;border-bottom:dotted 1px #666;clear: both;}.rank1{background-image: url(../../../img/rank1_a.gif);}.rank2{background-image: url(../../../img/rank2_a.gif);}.rank3{background-image: url(../../../img/rank3_a.gif);}.rank4{background-image: url(../../../img/rank4_a.gif);}.rank5{background-image: url(../../../img/rank5_a.gif);}/* ポイント */.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {background-repeat: no-repeat;padding-left: 46px;font-size: 16px;margin-top: 10px;padding-top: 7px;margin-bottom: 10px;border-bottom:dotted 2px #CCC;color: #3F3F3F;background-position: 4px top;clear: both;}/*.point {font-size: 15px;color: #333;background-image: url(../../../img/point.png);background-repeat: no-repeat;padding-top: 5px;padding-bottom: 5px;padding-left: 60px;margin-bottom: 5px;line-height:130%;}*/.point1{background-image: url(../../../img/point1.gif);}.point2{background-image: url(../../../img/point2.gif);}.point3{background-image: url(../../../img/point3.gif);}.point4{background-image: url(../../../img/point4.gif);}.point5{background-image: url(../../../img/point5.gif);}.point6{background-image: url(../../../img/point6.gif);}.point7{background-image: url(../../../img/point7.gif);}.point8{background-image: url(../../../img/point8.gif);}.point9{background-image: url(../../../img/point9.gif);}.point10{background-image: url(../../../img/point10.gif);}/* 矢印 */.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{background-repeat: no-repeat;font-weight: bold;line-height: 160%;font-size: 16px;background-position: left center;padding-left: 25px;margin-top: 3px;margin-bottom: 3px;font-family:sans-serif;_zoom: 1;overflow: hidden;}.arrow_blue {background-image: url(../../../img/arrow_blue.gif);}.arrow_orange {background-image: url(../../../img/arrow_orange.gif);}.arrow_black {background-image: url(../../../img/arrow_black.gif);}.arrow_red {background-image: url(../../../img/arrow_red.gif);}/* ボックス */.ylwboxnmlbox,.dottbox,.ylwbox,.graybg{padding:15px;margin-top: 10px;margin-bottom: 10px;clear:both;} .graybg{background-color:#EBEBEB;}.dottbox{border:dotted 1px #666;}.nmlbox {border: 2px solid #CCCCCC;}.ylwbox {background-color: #FFFFD2;border: 2px solid #CC0000;}/* 角丸 */.rnd1{padding: 15px;margin: 15px auto 15px auto;}.rnd1{position:relative;z-index:1;padding: 15px;margin: 15px auto 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}.rbox1 {background-color: #f0f0f0;border: 1px solid #d7d7d7;}.rbox2 {background-color: #FFF;border: 2px solid #FF843F;}.rbox3 {background-color: #FFF;}.rbox4 {background-color: #F5F5F5;}/* 文字装飾 */.bai-strong-under{font-size: 2rem; font-weight: bold; text-decoration: underline; line-height: 1.2em;}.red-strong{font-weight: bold; color: #ff0a0a!important; line-height: 2em; font-size: larger;}blockquote {font-size:12px;color:#666666;border: 2px dotted #CCCCCC;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;margin: 15px;line-height: 130%;}.alert,.accept,.attention,.thint{font-size: 12px;line-height: 130%;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 55px;margin-top: 10px;margin-bottom: 10px;background-position:8px 3px;}.alert {background-color: #FFEFEF;background-image: url(../../../img/alert.png);background-repeat: no-repeat;color: #A2462F;border: 1px solid #FABDA7;}.accept {border: 1px solid #C2E39B;background-color: #EFFADA;background-image: url(../../../img/accept.png);background-repeat: no-repeat;color: #346F15;}.attention {border: 1px solid #FDE8A8;background-color: #FEF8E0;background-image: url(../../../img/attention.png);background-repeat: no-repeat;color: #804900;}.thint {border: 1px solid #C5D7ED;background-color: #EFF4FA;background-image: url(../../../img/thint.png);background-repeat: no-repeat;color: #2C4F7A;} .user1,.user2 {font-size: 12px;line-height: 130%;padding-top: 12px;padding-right: 12px;padding-bottom: 12px;padding-left: 100px;margin-top: 10px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 12px 12px;background-color: #EFF4FA;border: 1px solid #C5D7ED;min-height: 70px;_height:70px;_zoom: 1;overflow: hidden;} .user1{background-image: url(../../../img/user1.png);} .user2{background-image: url(../../../img/user2.png);}.noimage{padding-left:12px;background-image: none;min-height:15px;}.ylw{background-color:#FFE566;font-weight:bold;padding:2px;}/* 水平線 */.border1,.border2,.border3,.border4,.border5,.border6,.border7,.border8,.border9,.border10,.borderdot1,.borderdot2,.borderdot3,.borderdot4,.borderdot5,.borderdot6,.borderdot7,.borderdot8,.borderdot9,.borderdot10,.borderdot101,.borderdot102,.borderdot103,.borderdot104,.borderdot105,.borderdot106,.borderdot107,.borderdot108,.borderdot109,.borderdot1010,{margin-top: 0;padding-top: 0;/*■margin: 10px;padding: 1em 0px;■*/ line-height: 1px;height: 1px;_zoom: 1;overflow: hidden;}.border1 {border-bottom:solid 2px #000000;}.border2 {border-bottom:solid 2px #808080;}.border3 {border-bottom:solid 2px #ff0000;}.border4 {border-bottom:solid 2px #ff00ff;}.border5 {border-bottom:solid 2px #00ff00;}.border6 {border-bottom:solid 2px #ffff00;}.border7 {border-bottom:solid 2px #0000ff;}.border8 {border-bottom:solid 2px #00ffff;}.borderdot1 {border-bottom:dotted 2px #000000;}.borderdot2 {border-bottom:dotted 2px #808080;}.borderdot3 {border-bottom:dotted 2px #ff0000;}.borderdot4 {border-bottom:dotted 2px #ff00ff;}.borderdot5 {border-bottom:dotted 2px #00ff00;}.borderdot6 {border-bottom:dotted 2px #ffff00;}.borderdot7 {border-bottom:dotted 2px #0000ff;}.borderdot8 {border-bottom:dotted 2px #00ffff;}.borderdot101 {border-bottom:dashed 2px #000000;}.borderdot102 {border-bottom:dashed 2px #808080;}.borderdot103 {border-bottom:dashed 2px #ff0000;}.borderdot104 {border-bottom:dashed 2px #ff00ff;}.borderdot105 {border-bottom:dashed 2px #00ff00;}.borderdot106 {border-bottom:dashed 2px #ffff00;}.borderdot107 {border-bottom:dashed 2px #0000ff;}.borderdot108 {border-bottom:dashed 2px #00ffff;}.layout_l{float:left;}.layout_r{float:right;}.hd,.hd:hover,.hd:visited{color:#333;text-decoration:none;}/* シャドウ */.shadow1,.shadow2,.shadow3{padding: 15px;margin: 15px auto 15px auto;}.shadow1{-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}.shadow2{-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);}/* FAQ */.question1 {font-size: 17px;font-weight: bold;line-height: 130%;margin: 15px auto 4px auto;padding: 5px 0 6px 50px;background-image: url(../../../img/q1.png);background-repeat: no-repeat;background-position: 10px top;}.answer1 {position:relative;font-size: 13px;line-height:140%;border:solid 1px #CCC;background-color:#F5F5F5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 5px auto 35px auto;padding: 20px 20px 20px 60px;background-image: url(../../../img/a1.png);background-repeat: no-repeat;background-position: 12px 18px;}.question2 {font-size: 17px;font-weight: bold;line-height: 130%;margin: 20px auto 4px auto;padding: 5px 0 6px 50px;background-image: url(../../../img/q2.png);background-repeat: no-repeat;background-position: 10px top;}.answer2 {position:relative;font-size: 13px;line-height:140%;margin: 5px auto 15px auto;padding: 10px 10px 20px 50px;background-image: url(../../../img/a2.png);background-repeat: no-repeat;background-position: 10px 12px;border-bottom:dotted 1px #CCC;}/* 吹き出し */.bln{font-size:13px;line-height:130%;_zoom: 1;overflow: hidden;padding:0;margin: 0;color: #333333;}.b_body{margin:0;width:auto;padding:12px 19px;_zoom: 1;overflow: hidden;}.balloon1 .b_body{background-color:#F5F5F5;border:solid 1px #CCC;}.balloon2 .b_body{background-color:#FFF;border:solid 1px #CCC;}.balloon3 .b_body{background-color:#EBEBEB;}.balloon4 .b_body{background-color:#EAF1FF;border:solid 1px #6AA3F9;}.balloon5 .b_body{background-color:#FFEAEA;border:solid 1px #F96565;}.balloon6 .b_body{background-color:#FFF;border:solid 2px #CC0000;}.balloon7 .b_body{background-color:#FFF;border:solid 2px #0080B8;}.balloon8 .b_body{background-color:#FFF;border:solid 2px #FF8201;}.balloon9 .b_body{background-color:#FFF;border:2px solid #739221;}.bln .img-l{position:relative;z-index:100;background-image:url(../../../img/balloon.png);top: 18px;left:1px;float:left;width: 28px;height: 19px;margin:0;}.bln .img-r{position: relative;z-index:100;background-image:url(../../../img/balloon.png);top: 18px;right:1px;float:right;width: 28px;height: 19px;margin:0;}.bln .img-t{position: relative;z-index:100;background-image:url(../../../img/balloon.png);top:1px;left: 30px;width: 22px;height: 22px;float:none;margin:0;}.bln .img-b{position: relative;z-index:100;background-image:url(../../../img/balloon.png);bottom:1px;left: 30px;width: 22px;height: 22px;margin:0;}div.bln:after{height:0; visibility: hidden; content: "."; display: block; clear: both;}.balloon1 .img-b{ background-position: 0 0;} .balloon1 .img-l{ background-position: 0 -72px;} .balloon1 .img-r{ background-position: 0 -139px;} .balloon1 .img-t{ background-position: 0 -206px;} .balloon2 .img-b{ background-position: 0 -278px;} .balloon2 .img-l{ background-position: 0 -350px;} .balloon2 .img-r{ background-position: 0 -417px;} .balloon2 .img-t{ background-position: 0 -484px;} .balloon3 .img-b{ background-position: 0 -556px;} .balloon3 .img-l{ background-position: 0 -628px;} .balloon3 .img-r{ background-position: 0 -695px;} .balloon3 .img-t{ background-position: 0 -762px;} .balloon4 .img-b{ background-position: 0 -834px;} .balloon4 .img-l{ background-position: 0 -906px;} .balloon4 .img-r{ background-position: 0 -973px;} .balloon4 .img-t{ background-position: 0 -1040px;} .balloon5 .img-b{ background-position: 0 -1112px;} .balloon5 .img-l{ background-position: 0 -1184px;} .balloon5 .img-r{ background-position: 0 -1251px;} .balloon5 .img-t{ background-position: 0 -1318px;} .balloon6 .img-b{ background-position: 0 -1390px;bottom:2px;} .balloon6 .img-l{ background-position: 0 -1462px;left:2px;} .balloon6 .img-r{ background-position: 0 -1531px;right:2px;} .balloon6 .img-t{ background-position: 0 -1600px;top:2px;} .balloon7 .img-b{ background-position: 0 -1672px;bottom:2px;} .balloon7 .img-l{ background-position: 0 -1744px;left:2px;} .balloon7 .img-r{ background-position: 0 -1813px;right:2px;} .balloon7 .img-t{ background-position: 0 -1882px;top:2px;} .balloon8 .img-b{ background-position: -78px 0;bottom:2px;} .balloon8 .img-l{ background-position: -78px -72px;left:2px;}.balloon8 .img-r{ background-position: -78px -141px;right:2px;}.balloon8 .img-t{ background-position: -78px -210px;top:2px;}.balloon9 .img-b{ background-position: -78px -282px;bottom:2px;} .balloon9 .img-l{ background-position: -78px -354px;left:2px;} .balloon9 .img-r{ background-position: -78px -423px;right:2px;} .balloon9 .img-t{ background-position: -78px -492px;top:2px;}/*==================================================ぷるぷるボタン==================================================*/.shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {display: inherit;transform-origin: center center; }.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover {animation-play-state: paused; }.shake-freeze:hover,.shake-trigger:hover .shake-freeze, .shake:hover,.shake-trigger:hover .shake, .shake-little:hover,.shake-trigger:hover .shake-little, .shake-slow:hover,.shake-trigger:hover .shake-slow, .shake-hard:hover,.shake-trigger:hover .shake-hard, .shake-horizontal:hover,.shake-trigger:hover .shake-horizontal, .shake-vertical:hover,.shake-trigger:hover .shake-vertical, .shake-rotate:hover,.shake-trigger:hover .shake-rotate, .shake-opacity:hover,.shake-trigger:hover .shake-opacity, .shake-crazy:hover,.shake-trigger:hover .shake-crazy, .shake-chunk:hover,.shake-trigger:hover .shake-chunk {animation-play-state: running; }@keyframes shake {2% {transform: translate(0.5px, -0.5px) rotate(0.5deg); }4% {transform: translate(2.5px, 1.5px) rotate(1.5deg); }6% {transform: translate(2.5px, 0.5px) rotate(0.5deg); }8% {transform: translate(0.5px, -0.5px) rotate(0.5deg); }10% {transform: translate(-0.5px, -1.5px) rotate(1.5deg); }12% {transform: translate(-0.5px, 0.5px) rotate(1.5deg); }14% {transform: translate(-1.5px, 1.5px) rotate(1.5deg); }16% {transform: translate(2.5px, 1.5px) rotate(1.5deg); }18% {transform: translate(0.5px, -0.5px) rotate(-0.5deg); }20% {transform: translate(0.5px, 1.5px) rotate(0.5deg); }22% {transform: translate(2.5px, -0.5px) rotate(0.5deg); }24% {transform: translate(-0.5px, 0.5px) rotate(1.5deg); }26% {transform: translate(-1.5px, 0.5px) rotate(1.5deg); }28% {transform: translate(0.5px, 0.5px) rotate(-0.5deg); }30% {transform: translate(1.5px, 1.5px) rotate(1.5deg); }32% {transform: translate(0.5px, 0.5px) rotate(0.5deg); }34% {transform: translate(1.5px, -1.5px) rotate(-0.5deg); }36% {transform: translate(1.5px, 2.5px) rotate(1.5deg); }38% {transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }40% {transform: translate(0.5px, -0.5px) rotate(1.5deg); }42% {transform: translate(2.5px, -1.5px) rotate(-0.5deg); }44% {transform: translate(-1.5px, -1.5px) rotate(0.5deg); }46% {transform: translate(1.5px, 0.5px) rotate(0.5deg); }48% {transform: translate(0.5px, -0.5px) rotate(-0.5deg); }50% {transform: translate(0.5px, 1.5px) rotate(0.5deg); }52% {transform: translate(0.5px, -0.5px) rotate(0.5deg); }54% {transform: translate(2.5px, 0.5px) rotate(1.5deg); }56% {transform: translate(-1.5px, -1.5px) rotate(0.5deg); }58% {transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }60% {transform: translate(0.5px, -1.5px) rotate(0.5deg); }62% {transform: translate(1.5px, 1.5px) rotate(0.5deg); }64% {transform: translate(0.5px, 2.5px) rotate(0.5deg); }66% {transform: translate(0.5px, 0.5px) rotate(1.5deg); }68% {transform: translate(-1.5px, 2.5px) rotate(0.5deg); }70% {transform: translate(-1.5px, 1.5px) rotate(1.5deg); }72% {transform: translate(-0.5px, 2.5px) rotate(1.5deg); }74% {transform: translate(1.5px, 2.5px) rotate(-0.5deg); }76% {transform: translate(-0.5px, 0.5px) rotate(1.5deg); }78% {transform: translate(1.5px, -1.5px) rotate(0.5deg); }80% {transform: translate(-0.5px, 2.5px) rotate(0.5deg); }82% {transform: translate(-1.5px, -1.5px) rotate(1.5deg); }84% {transform: translate(1.5px, 1.5px) rotate(0.5deg); }86% {transform: translate(0.5px, -0.5px) rotate(-0.5deg); }88% {transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }90% {transform: translate(1.5px, 0.5px) rotate(0.5deg); }92% {transform: translate(0.5px, -1.5px) rotate(0.5deg); }94% {transform: translate(0.5px, -1.5px) rotate(1.5deg); }96% {transform: translate(0.5px, 1.5px) rotate(-0.5deg); }98% {transform: translate(-0.5px, -0.5px) rotate(0.5deg); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake:hover,.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {animation-name: shake;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-little {2% {transform: translate(1px, 0px) rotate(0.5deg); }4% {transform: translate(1px, 1px) rotate(0.5deg); }6% {transform: translate(0px, 1px) rotate(0.5deg); }8% {transform: translate(1px, 1px) rotate(0.5deg); }10% {transform: translate(1px, 0px) rotate(0.5deg); }12% {transform: translate(1px, 1px) rotate(0.5deg); }14% {transform: translate(1px, 1px) rotate(0.5deg); }16% {transform: translate(1px, 0px) rotate(0.5deg); }18% {transform: translate(0px, 0px) rotate(0.5deg); }20% {transform: translate(0px, 1px) rotate(0.5deg); }22% {transform: translate(0px, 1px) rotate(0.5deg); }24% {transform: translate(0px, 0px) rotate(0.5deg); }26% {transform: translate(1px, 0px) rotate(0.5deg); }28% {transform: translate(0px, 1px) rotate(0.5deg); }30% {transform: translate(1px, 1px) rotate(0.5deg); }32% {transform: translate(0px, 0px) rotate(0.5deg); }34% {transform: translate(1px, 1px) rotate(0.5deg); }36% {transform: translate(1px, 1px) rotate(0.5deg); }38% {transform: translate(0px, 0px) rotate(0.5deg); }40% {transform: translate(1px, 1px) rotate(0.5deg); }42% {transform: translate(1px, 1px) rotate(0.5deg); }44% {transform: translate(0px, 1px) rotate(0.5deg); }46% {transform: translate(0px, 1px) rotate(0.5deg); }48% {transform: translate(1px, 0px) rotate(0.5deg); }50% {transform: translate(1px, 0px) rotate(0.5deg); }52% {transform: translate(0px, 0px) rotate(0.5deg); }54% {transform: translate(0px, 0px) rotate(0.5deg); }56% {transform: translate(1px, 0px) rotate(0.5deg); }58% {transform: translate(0px, 1px) rotate(0.5deg); }60% {transform: translate(0px, 1px) rotate(0.5deg); }62% {transform: translate(0px, 1px) rotate(0.5deg); }64% {transform: translate(1px, 1px) rotate(0.5deg); }66% {transform: translate(0px, 1px) rotate(0.5deg); }68% {transform: translate(0px, 1px) rotate(0.5deg); }70% {transform: translate(1px, 1px) rotate(0.5deg); }72% {transform: translate(0px, 1px) rotate(0.5deg); }74% {transform: translate(1px, 0px) rotate(0.5deg); }76% {transform: translate(1px, 0px) rotate(0.5deg); }78% {transform: translate(1px, 0px) rotate(0.5deg); }80% {transform: translate(1px, 0px) rotate(0.5deg); }82% {transform: translate(1px, 0px) rotate(0.5deg); }84% {transform: translate(0px, 0px) rotate(0.5deg); }86% {transform: translate(1px, 1px) rotate(0.5deg); }88% {transform: translate(0px, 0px) rotate(0.5deg); }90% {transform: translate(1px, 1px) rotate(0.5deg); }92% {transform: translate(0px, 1px) rotate(0.5deg); }94% {transform: translate(0px, 0px) rotate(0.5deg); }96% {transform: translate(1px, 1px) rotate(0.5deg); }98% {transform: translate(1px, 1px) rotate(0.5deg); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-little:hover,.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {animation-name: shake-little;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-slow {2% {transform: translate(6px, -2px) rotate(3.5deg); }4% {transform: translate(5px, 8px) rotate(-0.5deg); }6% {transform: translate(6px, -3px) rotate(-2.5deg); }8% {transform: translate(4px, -2px) rotate(1.5deg); }10% {transform: translate(-6px, 8px) rotate(-1.5deg); }12% {transform: translate(-5px, 5px) rotate(1.5deg); }14% {transform: translate(4px, 10px) rotate(3.5deg); }16% {transform: translate(0px, 4px) rotate(1.5deg); }18% {transform: translate(-1px, -6px) rotate(-0.5deg); }20% {transform: translate(6px, -9px) rotate(2.5deg); }22% {transform: translate(1px, -5px) rotate(-1.5deg); }24% {transform: translate(-9px, 6px) rotate(-0.5deg); }26% {transform: translate(8px, -2px) rotate(-1.5deg); }28% {transform: translate(2px, -3px) rotate(-2.5deg); }30% {transform: translate(9px, -7px) rotate(-0.5deg); }32% {transform: translate(8px, -6px) rotate(-2.5deg); }34% {transform: translate(-5px, 1px) rotate(3.5deg); }36% {transform: translate(0px, -5px) rotate(2.5deg); }38% {transform: translate(2px, 7px) rotate(-1.5deg); }40% {transform: translate(6px, 3px) rotate(-1.5deg); }42% {transform: translate(1px, -5px) rotate(-1.5deg); }44% {transform: translate(10px, -4px) rotate(-0.5deg); }46% {transform: translate(-2px, 2px) rotate(3.5deg); }48% {transform: translate(3px, 4px) rotate(-0.5deg); }50% {transform: translate(8px, 1px) rotate(-1.5deg); }52% {transform: translate(7px, 4px) rotate(-1.5deg); }54% {transform: translate(10px, 8px) rotate(-1.5deg); }56% {transform: translate(-3px, 0px) rotate(-0.5deg); }58% {transform: translate(0px, -1px) rotate(1.5deg); }60% {transform: translate(6px, 9px) rotate(-1.5deg); }62% {transform: translate(-9px, 8px) rotate(0.5deg); }64% {transform: translate(-6px, 10px) rotate(0.5deg); }66% {transform: translate(7px, 0px) rotate(0.5deg); }68% {transform: translate(3px, 8px) rotate(-0.5deg); }70% {transform: translate(-2px, -9px) rotate(1.5deg); }72% {transform: translate(-6px, 2px) rotate(1.5deg); }74% {transform: translate(-2px, 10px) rotate(-1.5deg); }76% {transform: translate(2px, 8px) rotate(2.5deg); }78% {transform: translate(6px, -2px) rotate(-0.5deg); }80% {transform: translate(6px, 8px) rotate(0.5deg); }82% {transform: translate(10px, 9px) rotate(3.5deg); }84% {transform: translate(-3px, -1px) rotate(3.5deg); }86% {transform: translate(1px, 8px) rotate(-2.5deg); }88% {transform: translate(-5px, -9px) rotate(2.5deg); }90% {transform: translate(2px, 8px) rotate(0.5deg); }92% {transform: translate(0px, -1px) rotate(1.5deg); }94% {transform: translate(-8px, -1px) rotate(0.5deg); }96% {transform: translate(-3px, 8px) rotate(-1.5deg); }98% {transform: translate(4px, 8px) rotate(0.5deg); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-slow:hover,.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {animation-name: shake-slow;animation-duration: 5s;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-hard {2% {transform: translate(-9px, 9px) rotate(2.5deg); }4% {transform: translate(2px, -4px) rotate(-0.5deg); }6% {transform: translate(7px, 1px) rotate(-1.5deg); }8% {transform: translate(10px, -8px) rotate(0.5deg); }10% {transform: translate(-5px, 10px) rotate(-2.5deg); }12% {transform: translate(6px, -9px) rotate(3.5deg); }14% {transform: translate(8px, 5px) rotate(3.5deg); }16% {transform: translate(-1px, -6px) rotate(2.5deg); }18% {transform: translate(3px, 3px) rotate(-2.5deg); }20% {transform: translate(-2px, 8px) rotate(-0.5deg); }22% {transform: translate(-7px, 3px) rotate(-2.5deg); }24% {transform: translate(-4px, -4px) rotate(-0.5deg); }26% {transform: translate(4px, -9px) rotate(-2.5deg); }28% {transform: translate(2px, 5px) rotate(3.5deg); }30% {transform: translate(8px, -1px) rotate(2.5deg); }32% {transform: translate(-7px, 7px) rotate(3.5deg); }34% {transform: translate(-3px, -1px) rotate(1.5deg); }36% {transform: translate(10px, 4px) rotate(3.5deg); }38% {transform: translate(-4px, -3px) rotate(-2.5deg); }40% {transform: translate(8px, 8px) rotate(2.5deg); }42% {transform: translate(-2px, 1px) rotate(1.5deg); }44% {transform: translate(4px, 2px) rotate(1.5deg); }46% {transform: translate(-1px, -7px) rotate(2.5deg); }48% {transform: translate(6px, -3px) rotate(-1.5deg); }50% {transform: translate(10px, -8px) rotate(0.5deg); }52% {transform: translate(1px, -2px) rotate(2.5deg); }54% {transform: translate(8px, 2px) rotate(-2.5deg); }56% {transform: translate(10px, 8px) rotate(0.5deg); }58% {transform: translate(8px, 3px) rotate(-0.5deg); }60% {transform: translate(6px, -2px) rotate(3.5deg); }62% {transform: translate(-6px, 1px) rotate(2.5deg); }64% {transform: translate(8px, 6px) rotate(-0.5deg); }66% {transform: translate(2px, -3px) rotate(-0.5deg); }68% {transform: translate(8px, -7px) rotate(-1.5deg); }70% {transform: translate(5px, 5px) rotate(0.5deg); }72% {transform: translate(2px, 1px) rotate(2.5deg); }74% {transform: translate(-3px, -4px) rotate(3.5deg); }76% {transform: translate(-1px, -7px) rotate(-1.5deg); }78% {transform: translate(9px, 2px) rotate(1.5deg); }80% {transform: translate(-3px, 9px) rotate(-1.5deg); }82% {transform: translate(8px, -7px) rotate(2.5deg); }84% {transform: translate(-6px, 10px) rotate(1.5deg); }86% {transform: translate(1px, -1px) rotate(2.5deg); }88% {transform: translate(-7px, -1px) rotate(0.5deg); }90% {transform: translate(-3px, 5px) rotate(-0.5deg); }92% {transform: translate(6px, 8px) rotate(-2.5deg); }94% {transform: translate(4px, 0px) rotate(1.5deg); }96% {transform: translate(2px, 5px) rotate(-1.5deg); }98% {transform: translate(-8px, 2px) rotate(-1.5deg); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-hard:hover,.shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {animation-name: shake-hard;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-horizontal {2% {transform: translate(1px, 0) rotate(0); }4% {transform: translate(-5px, 0) rotate(0); }6% {transform: translate(-5px, 0) rotate(0); }8% {transform: translate(-9px, 0) rotate(0); }10% {transform: translate(-7px, 0) rotate(0); }12% {transform: translate(4px, 0) rotate(0); }14% {transform: translate(1px, 0) rotate(0); }16% {transform: translate(7px, 0) rotate(0); }18% {transform: translate(9px, 0) rotate(0); }20% {transform: translate(-8px, 0) rotate(0); }22% {transform: translate(-2px, 0) rotate(0); }24% {transform: translate(-9px, 0) rotate(0); }26% {transform: translate(2px, 0) rotate(0); }28% {transform: translate(-4px, 0) rotate(0); }30% {transform: translate(-2px, 0) rotate(0); }32% {transform: translate(0px, 0) rotate(0); }34% {transform: translate(1px, 0) rotate(0); }36% {transform: translate(-9px, 0) rotate(0); }38% {transform: translate(-4px, 0) rotate(0); }40% {transform: translate(-7px, 0) rotate(0); }42% {transform: translate(2px, 0) rotate(0); }44% {transform: translate(6px, 0) rotate(0); }46% {transform: translate(3px, 0) rotate(0); }48% {transform: translate(-3px, 0) rotate(0); }50% {transform: translate(-3px, 0) rotate(0); }52% {transform: translate(6px, 0) rotate(0); }54% {transform: translate(-8px, 0) rotate(0); }56% {transform: translate(-8px, 0) rotate(0); }58% {transform: translate(7px, 0) rotate(0); }60% {transform: translate(4px, 0) rotate(0); }62% {transform: translate(1px, 0) rotate(0); }64% {transform: translate(8px, 0) rotate(0); }66% {transform: translate(-9px, 0) rotate(0); }68% {transform: translate(9px, 0) rotate(0); }70% {transform: translate(7px, 0) rotate(0); }72% {transform: translate(2px, 0) rotate(0); }74% {transform: translate(7px, 0) rotate(0); }76% {transform: translate(3px, 0) rotate(0); }78% {transform: translate(-9px, 0) rotate(0); }80% {transform: translate(-5px, 0) rotate(0); }82% {transform: translate(0px, 0) rotate(0); }84% {transform: translate(-5px, 0) rotate(0); }86% {transform: translate(7px, 0) rotate(0); }88% {transform: translate(-8px, 0) rotate(0); }90% {transform: translate(-9px, 0) rotate(0); }92% {transform: translate(6px, 0) rotate(0); }94% {transform: translate(0px, 0) rotate(0); }96% {transform: translate(-9px, 0) rotate(0); }98% {transform: translate(9px, 0) rotate(0); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-horizontal:hover,.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {animation-name: shake-horizontal;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-vertical {2% {transform: translate(0, 1px) rotate(0); }4% {transform: translate(0, -8px) rotate(0); }6% {transform: translate(0, 1px) rotate(0); }8% {transform: translate(0, 0px) rotate(0); }10% {transform: translate(0, 6px) rotate(0); }12% {transform: translate(0, 6px) rotate(0); }14% {transform: translate(0, 2px) rotate(0); }16% {transform: translate(0, -8px) rotate(0); }18% {transform: translate(0, -4px) rotate(0); }20% {transform: translate(0, -1px) rotate(0); }22% {transform: translate(0, -3px) rotate(0); }24% {transform: translate(0, 7px) rotate(0); }26% {transform: translate(0, -3px) rotate(0); }28% {transform: translate(0, 1px) rotate(0); }30% {transform: translate(0, 9px) rotate(0); }32% {transform: translate(0, 1px) rotate(0); }34% {transform: translate(0, -6px) rotate(0); }36% {transform: translate(0, 7px) rotate(0); }38% {transform: translate(0, 0px) rotate(0); }40% {transform: translate(0, 6px) rotate(0); }42% {transform: translate(0, 6px) rotate(0); }44% {transform: translate(0, 9px) rotate(0); }46% {transform: translate(0, -9px) rotate(0); }48% {transform: translate(0, 1px) rotate(0); }50% {transform: translate(0, 10px) rotate(0); }52% {transform: translate(0, -8px) rotate(0); }54% {transform: translate(0, -8px) rotate(0); }56% {transform: translate(0, 1px) rotate(0); }58% {transform: translate(0, 5px) rotate(0); }60% {transform: translate(0, 5px) rotate(0); }62% {transform: translate(0, 8px) rotate(0); }64% {transform: translate(0, -6px) rotate(0); }66% {transform: translate(0, 1px) rotate(0); }68% {transform: translate(0, 4px) rotate(0); }70% {transform: translate(0, 4px) rotate(0); }72% {transform: translate(0, -1px) rotate(0); }74% {transform: translate(0, 10px) rotate(0); }76% {transform: translate(0, 9px) rotate(0); }78% {transform: translate(0, -8px) rotate(0); }80% {transform: translate(0, -3px) rotate(0); }82% {transform: translate(0, -6px) rotate(0); }84% {transform: translate(0, 2px) rotate(0); }86% {transform: translate(0, 3px) rotate(0); }88% {transform: translate(0, -8px) rotate(0); }90% {transform: translate(0, 8px) rotate(0); }92% {transform: translate(0, -4px) rotate(0); }94% {transform: translate(0, -2px) rotate(0); }96% {transform: translate(0, -1px) rotate(0); }98% {transform: translate(0, -5px) rotate(0); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-vertical:hover,.shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {animation-name: shake-vertical;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-rotate {2% {transform: translate(0, 0) rotate(-3.5deg); }4% {transform: translate(0, 0) rotate(0.5deg); }6% {transform: translate(0, 0) rotate(4.5deg); }8% {transform: translate(0, 0) rotate(6.5deg); }10% {transform: translate(0, 0) rotate(7.5deg); }12% {transform: translate(0, 0) rotate(7.5deg); }14% {transform: translate(0, 0) rotate(4.5deg); }16% {transform: translate(0, 0) rotate(0.5deg); }18% {transform: translate(0, 0) rotate(-6.5deg); }20% {transform: translate(0, 0) rotate(-3.5deg); }22% {transform: translate(0, 0) rotate(-0.5deg); }24% {transform: translate(0, 0) rotate(-1.5deg); }26% {transform: translate(0, 0) rotate(-6.5deg); }28% {transform: translate(0, 0) rotate(-1.5deg); }30% {transform: translate(0, 0) rotate(-6.5deg); }32% {transform: translate(0, 0) rotate(3.5deg); }34% {transform: translate(0, 0) rotate(1.5deg); }36% {transform: translate(0, 0) rotate(-5.5deg); }38% {transform: translate(0, 0) rotate(2.5deg); }40% {transform: translate(0, 0) rotate(-4.5deg); }42% {transform: translate(0, 0) rotate(-4.5deg); }44% {transform: translate(0, 0) rotate(6.5deg); }46% {transform: translate(0, 0) rotate(3.5deg); }48% {transform: translate(0, 0) rotate(-4.5deg); }50% {transform: translate(0, 0) rotate(3.5deg); }52% {transform: translate(0, 0) rotate(-2.5deg); }54% {transform: translate(0, 0) rotate(2.5deg); }56% {transform: translate(0, 0) rotate(-4.5deg); }58% {transform: translate(0, 0) rotate(7.5deg); }60% {transform: translate(0, 0) rotate(6.5deg); }62% {transform: translate(0, 0) rotate(-6.5deg); }64% {transform: translate(0, 0) rotate(-6.5deg); }66% {transform: translate(0, 0) rotate(-0.5deg); }68% {transform: translate(0, 0) rotate(-4.5deg); }70% {transform: translate(0, 0) rotate(0.5deg); }72% {transform: translate(0, 0) rotate(1.5deg); }74% {transform: translate(0, 0) rotate(0.5deg); }76% {transform: translate(0, 0) rotate(-2.5deg); }78% {transform: translate(0, 0) rotate(-6.5deg); }80% {transform: translate(0, 0) rotate(-2.5deg); }82% {transform: translate(0, 0) rotate(2.5deg); }84% {transform: translate(0, 0) rotate(-2.5deg); }86% {transform: translate(0, 0) rotate(-5.5deg); }88% {transform: translate(0, 0) rotate(2.5deg); }90% {transform: translate(0, 0) rotate(3.5deg); }92% {transform: translate(0, 0) rotate(-1.5deg); }94% {transform: translate(0, 0) rotate(2.5deg); }96% {transform: translate(0, 0) rotate(-5.5deg); }98% {transform: translate(0, 0) rotate(-0.5deg); }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-rotate:hover,.shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {animation-name: shake-rotate;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-opacity {10% {transform: translate(1px, -1px) rotate(1.5deg);opacity: 0.95; }20% {transform: translate(-3px, 0px) rotate(-1.5deg);opacity: 0.25; }30% {transform: translate(0px, 1px) rotate(1.5deg);opacity: 0.55; }40% {transform: translate(3px, 5px) rotate(0.5deg);opacity: 0.2; }50% {transform: translate(-2px, -2px) rotate(0.5deg);opacity: 0.44; }60% {transform: translate(1px, -3px) rotate(-1.5deg);opacity: 0.78; }70% {transform: translate(0px, -4px) rotate(-0.5deg);opacity: 0.62; }80% {transform: translate(5px, 2px) rotate(-1.5deg);opacity: 0.03; }90% {transform: translate(-1px, -2px) rotate(2.5deg);opacity: 0.17; }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-opacity:hover,.shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {animation-name: shake-opacity;animation-duration: 0.5s;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-crazy {10% {transform: translate(-11px, 16px) rotate(-1deg);opacity: 0.14; }20% {transform: translate(-2px, -1px) rotate(10deg);opacity: 0.02; }30% {transform: translate(9px, 6px) rotate(-8deg);opacity: 0.59; }40% {transform: translate(7px, -14px) rotate(-9deg);opacity: 0.48; }50% {transform: translate(-15px, 17px) rotate(1deg);opacity: 0.82; }60% {transform: translate(5px, 0px) rotate(10deg);opacity: 0.55; }70% {transform: translate(-8px, 4px) rotate(-2deg);opacity: 0.43; }80% {transform: translate(5px, -12px) rotate(-6deg);opacity: 0.93; }90% {transform: translate(-10px, 1px) rotate(-4deg);opacity: 0.3; }0%, 100% {transform: translate(0, 0) rotate(0); } }.shake-crazy:hover,.shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {animation-name: shake-crazy;animation-duration: 100ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }@keyframes shake-chunk {2% {transform: translate(2px, 15px) rotate(9deg); }4% {transform: translate(1px, 14px) rotate(-11deg); }6% {transform: translate(0px, 14px) rotate(-12deg); }8% {transform: translate(-14px, 8px) rotate(-8deg); }10% {transform: translate(-1px, 10px) rotate(15deg); }12% {transform: translate(-3px, 5px) rotate(2deg); }14% {transform: translate(-9px, 2px) rotate(14deg); }16% {transform: translate(-13px, 1px) rotate(-4deg); }18% {transform: translate(-1px, 1px) rotate(14deg); }20% {transform: translate(8px, 6px) rotate(15deg); }22% {transform: translate(-12px, -3px) rotate(3deg); }24% {transform: translate(-11px, 15px) rotate(-8deg); }26% {transform: translate(1px, -8px) rotate(-2deg); }28% {transform: translate(8px, 9px) rotate(9deg); }30% {transform: translate(-10px, 7px) rotate(9deg); }32% {transform: translate(-11px, -10px) rotate(12deg); }34% {transform: translate(-2px, -6px) rotate(-1deg); }36% {transform: translate(1px, 5px) rotate(-1deg); }38% {transform: translate(9px, 12px) rotate(-13deg); }0%, 40%, 100% {transform: translate(0, 0) rotate(0); } }.shake-chunk:hover,.shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {animation-name: shake-chunk;animation-duration: 4s;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }/*レスポンシブ用PC左右コンテンツ●ボックス左右30:70%とか*/.responbox, .responbox30, .responbox33, .responbox40, .responbox50, .responbox60, .responbox70,.responboxfree {margin-bottom:10px;}.responbox .lbox {padding-left:5px;margin-bottom:10px;}/free*/.responboxfree .lbox {padding-left:5px;float:left;box-sizing:border-box;margin-bottom:-32768px;padding-bottom:32768px;}.responboxfree .rbox {padding-left:5px;float:right;box-sizing:border-box;margin-bottom:-32768px;padding-bottom:32768px;}/*50%*/.responbox50.smart50 .lbox {padding-left:5px;float:left;width:49%;box-sizing:border-box;margin-bottom:-32768px;padding-bottom:32768px;}.responbox50.smart50 .rbox {padding-left:5px;float:right;box-sizing:border-box;width:49%;margin-bottom:-32768px;padding-bottom:32768px;}.responbox50.smart50 {overflow:hidden;}/*30%*/.responbox30.smart30 .lbox {padding-left:5px;float:left;width:30%;box-sizing:border-box;margin-bottom:-32768px;padding-bottom:32768px;}.responbox30.smart30 .rbox {padding-left:5px;float:right;box-sizing:border-box;width:70%;margin-bottom:-32768px;padding-bottom:32768px;}.responbox30.smart30 {overflow:hidden;}/* マクロ管理CSS */#r_basalMetabolism, #r_BMInum, #r_totalCalorie, #r_protein, #r_fat, #r_carb, #r_water1, #r_water2, #r_pper, #r_fper, #r_cper { color: red; }form#pfcData input, form#pfcData select{padding: 11.5px 5px 10px;}#pfcData input, select#activeLevel, select#purpose{border-radius: 3px;width:200px;}input#sex1, input#sex2{width:auto;}select#activeLevel, select#purpose, input#calc, input#del{cursor:pointer;}input#calc, input#del{width:5em; padding:6px;margin: 5px;}div.nob-pfc-meyasu{padding: 15px;margin: 15px auto 15px auto;position:relative;z-index:1;padding: 15px;margin: 15px auto 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #FFF;border: 2px solid #FF843F;}