@charset "utf-8";


/*
共通スタイル
-------------------------------------------------- */
:root {
  --gyd--sc-color-border-red: #c33;
  --gyd--sc-color-border-yellow: #f90;
  --gyd--sc-color-border-green: #096;
  --gyd--sc-color-border-blue: #369;
  --gyd--sc-color-border-purple: #936;
  --gyd--sc-color-border-gray: #666;
  --gyd--sc-color-border-white: #fff;
  --gyd--sc-color-border-red-lt: #EEBCBC;
  --gyd--sc-color-border-yellow-lt: #FFDDAB;
  --gyd--sc-color-border-green-lt: #ABDDCD;
  --gyd--sc-color-border-blue-lt: #BCCDDD;
  --gyd--sc-color-border-purple-lt: #DDBCCD;
  --gyd--sc-color-border-gray-lt: #CDCDCD;

  --gyd--sc-color-bg-red: #c33;
  --gyd--sc-color-bg-yellow: #f90;
  --gyd--sc-color-bg-green: #096;
  --gyd--sc-color-bg-blue: #369;
  --gyd--sc-color-bg-purple: #936;
  --gyd--sc-color-bg-gray: #666;
  --gyd--sc-color-bg-white: #fff;
  --gyd--sc-color-bg-red-lt: #faeaea;
  --gyd--sc-color-bg-yellow-lt: #fff5e5;
  --gyd--sc-color-bg-green-lt: #e5f5ef;
  --gyd--sc-color-bg-blue-lt: #eaeff5;
  --gyd--sc-color-bg-purple-lt: #f5eaef;
  --gyd--sc-color-bg-gray-lt: #efefef;
}


/*
タイトル付き囲み
-------------------------------------------------- */
.titled_box {
  margin: 0 0 14px; padding: 14px 14px 0.75em; line-height: 1.75;
  background: #fff; color:#333; border: 1px #ccc solid; text-align: left;
}
.box-title {
  margin: -15px -15px 0.75em; padding: 10px 14px 7px; line-height: 1.3;
  border: 1px #ccc solid; font-weight: bold; text-align: left;
}

/* 見出し・白 */
.box-title-white {
  color:#333; text-shadow: 0px 1px 0px #fff ; background: #fff url(../images/shortcodes/titled_box/bg-bh-w-trans.png) repeat-x center bottom;
}

/* 見出し・黒 */
.box-title-black {
  color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .75) ; background: #666 url(../images/shortcodes/titled_box/bg-bh-b-trans.png) repeat-x center bottom; 
}


/*
カラー囲み
-------------------------------------------------- */
.colored_box { margin: 0 auto 1em; padding: 1em 1em 0.75em; text-align: left; }

/* 角の形状 */
.colored_box.box-sq { }
.colored_box.box-r { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* 色 */
.colored_box.box-red    { border: 1px solid var(--gyd--sc-color-border-red); }
.colored_box.box-yellow { border: 1px solid var(--gyd--sc-color-border-yellow); }
.colored_box.box-green  { border: 1px solid var(--gyd--sc-color-border-green); }
.colored_box.box-blue   { border: 1px solid var(--gyd--sc-color-border-blue); }
.colored_box.box-purple { border: 1px solid var(--gyd--sc-color-border-purple); }
.colored_box.box-gray   { border: 1px solid var(--gyd--sc-color-border-gray); }
.colored_box.box-white  { border: 1px solid var(--gyd--sc-color-border-white); }
.colored_box.box-red-lt    { border: 3px solid var(--gyd--sc-color-border-red-lt); }
.colored_box.box-yellow-lt { border: 3px solid var(--gyd--sc-color-border-yellow-lt); }
.colored_box.box-green-lt  { border: 3px solid var(--gyd--sc-color-border-green-lt); }
.colored_box.box-blue-lt   { border: 3px solid var(--gyd--sc-color-border-blue-lt); }
.colored_box.box-purple-lt { border: 3px solid var(--gyd--sc-color-border-purple-lt); }
.colored_box.box-gray-lt   { border: 3px solid var(--gyd--sc-color-border-gray-lt); }


/*
カラー囲み（２カラム）
-------------------------------------------------- */
.colored_box_2 { display: table; margin: 0 auto 1em; text-align: left; }
.colored_box_2 .cb2l { display: table-cell; width: 49%; padding: 1em 1em 0.75em; text-align: left; }
.colored_box_2 .cb2r { display: table-cell; width: 49%; padding: 1em 1em 0.75em; text-align: left; }
.colored_box_2 .cb2c { display: table-cell; }
.colored_box_2 .cb2c span { display: block; width: 15px !important; }

/* 角の形状 */
.colored_box_2 .cb2l.box-sq, .colored_box_2 .cb2r.box-sq { }
.colored_box_2 .cb2l.box-r, .colored_box_2 .cb2r.box-r   { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* 色 */
.colored_box_2 .cb2l.box-red, .colored_box_2 .cb2r.box-red       { border: 1px solid var(--gyd--sc-color-border-red); }
.colored_box_2 .cb2l.box-yellow, .colored_box_2 .cb2r.box-yellow { border: 1px solid var(--gyd--sc-color-border-yellow); }
.colored_box_2 .cb2l.box-green, .colored_box_2 .cb2r.box-green   { border: 1px solid var(--gyd--sc-color-border-green); }
.colored_box_2 .cb2l.box-blue, .colored_box_2 .cb2r.box-blue     { border: 1px solid var(--gyd--sc-color-border-blue); }
.colored_box_2 .cb2l.box-purple, .colored_box_2 .cb2r.box-purple { border: 1px solid var(--gyd--sc-color-border-purple); }
.colored_box_2 .cb2l.box-gray, .colored_box_2 .cb2r.box-gray     { border: 1px solid var(--gyd--sc-color-border-gray); }
.colored_box_2 .cb2l.box-white, .colored_box_2 .cb2r.box-white   { border: 1px solid var(--gyd--sc-color-border-white); }
.colored_box_2 .cb2l.box-red-lt, .colored_box_2 .cb2r.box-red-lt       { border: 3px solid var(--gyd--sc-color-border-red-lt) }
.colored_box_2 .cb2l.box-yellow-lt, .colored_box_2 .cb2r.box-yellow-lt { border: 3px solid var(--gyd--sc-color-border-yellow-lt); }
.colored_box_2 .cb2l.box-green-lt, .colored_box_2 .cb2r.box-green-lt   { border: 3px solid var(--gyd--sc-color-border-green-lt); }
.colored_box_2 .cb2l.box-blue-lt, .colored_box_2 .cb2r.box-blue-lt     { border: 3px solid var(--gyd--sc-color-border-blue-lt); }
.colored_box_2 .cb2l.box-purple-lt, .colored_box_2 .cb2r.box-purple-lt { border: 3px solid var(--gyd--sc-color-border-purple-lt); }
.colored_box_2 .cb2l.box-gray-lt, .colored_box_2 .cb2r.box-gray-lt     { border: 3px solid var(--gyd--sc-color-border-gray-lt); }

/*
カラー背景
-------------------------------------------------- */
.colored_bg { margin: 0 auto 1em; padding: 1em 1em 0.75em; text-align: left; }
.colored_bg > :first-child { margin-top: 0 !important; }
.colored_bg > :last-child { margin-bottom: 0 !important; }

/* 角の形状 */
.colored_bg.bg-r { position: relative; zoom: 1; border-radius: 5px; }

/* 色 */
.colored_bg.bg-red    { color: #fff; background: var(--gyd--sc-color-bg-red) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-yellow { color: #fff; background: var(--gyd--sc-color-bg-yellow) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-green  { color: #fff; background: var(--gyd--sc-color-bg-green) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-blue   { color: #fff; background: var(--gyd--sc-color-bg-blue) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-purple { color: #fff; background: var(--gyd--sc-color-bg-purple) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-gray   { color: #fff; background: var(--gyd--sc-color-bg-gray) url(../../assets/images/shortcodes/colored_bg/texture1-trans.png) repeat-x center bottom; }
.colored_bg.bg-red-lt    { color: #222; background: var(--gyd--sc-color-bg-red-lt); border: 3px solid var(--gyd--sc-color-border-red-lt); }
.colored_bg.bg-yellow-lt { color: #222; background: var(--gyd--sc-color-bg-yellow-lt); border: 3px solid var(--gyd--sc-color-border-yellow-lt); }
.colored_bg.bg-green-lt  { color: #222; background: var(--gyd--sc-color-bg-green-lt); border: 3px solid var(--gyd--sc-color-border-green-lt); }
.colored_bg.bg-blue-lt   { color: #222; background: var(--gyd--sc-color-bg-blue-lt); border: 3px solid var(--gyd--sc-color-border-blue-lt); }
.colored_bg.bg-purple-lt { color: #222; background: var(--gyd--sc-color-bg-purple-lt); border: 3px solid var(--gyd--sc-color-border-purple-lt); }
.colored_bg.bg-gray-lt   { color: #222; background: var(--gyd--sc-color-bg-gray-lt); border: 3px solid var(--gyd--sc-color-border-gray-lt); }

.colored_bg.bg-red-lt li::marker { color: #b47f7f; }


/*
区切り線
-------------------------------------------------- */
.horizontal-line { margin:  5px auto; }
.solid  { border-top-style: solid; }
.dotted { border-top-style: dotted; }
.dashed { border-top-style: dashed; }
.double { border-top-style: double; }
.w1 { border-top-width: 1px; }
.w2 { border-top-width: 2px; }
.w3 { border-top-width: 3px; }
.w4 { border-top-width: 4px; }
.w5 { border-top-width: 5px; }
.hl-green  { border-top-color: #096; }
.hl-blue   { border-top-color: #369; }
.hl-gray   { border-top-color: #666; }
.hl-purple { border-top-color: #936; }
.hl-red    { border-top-color: #c33; }
.hl-yellow { border-top-color: #f90; }
.hl-option { border-top-color: #336699; }
.hl-green-lt  { border-top-color: #abddcd; }
.hl-blue-lt   { border-top-color: #bccddd; }
.hl-gray-lt   { border-top-color: #cdcdcd; }
.hl-purple-lt { border-top-color: #ddbccd; }
.hl-red-lt    { border-top-color: #eebcbc; }
.hl-yellow-lt { border-top-color: #ffddab; }


/*
よくある質問
-------------------------------------------------- */
.faq_q {
  padding: 1em 1em 1em 45px; border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 5px 5px 0 0;
  color: #222; text-align: left; font-weight: bold; font-size: 14px; font-size: 1.08rem;
}
.faq_q.faq-g  { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-g.png)  no-repeat 1em 1em; }
.faq_q.faq-b  { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-b.png)  no-repeat 1em 1em; }
.faq_q.faq-gr { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-gr.png) no-repeat 1em 1em; }
.faq_q.faq-r  { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-r.png)  no-repeat 1em 1em; }
.faq_q.faq-o  { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-o.png)  no-repeat 1em 1em; }
.faq_q.faq-p  { background: #e6e6e6 url(../images/shortcodes/faq/qa-q-p.png)  no-repeat 1em 1em; }

.faq_a  {
  margin: 0 auto 2em; padding: 1em 1em 1em 45px; border-width: 0 1px 1px; border-style: solid; border-color: #ccc; border-radius: 0 0 5px 5px;
  background: #f3f3f3 url(../images/shortcodes/faq/qa-a.png) no-repeat 1em 1em; color: #333; text-align: left; font-size: 14px; font-size: 1.08rem;
}


/*
ボタン
-------------------------------------------------- */

/* 大（横幅いっぱい） */
.btn_l {
  display: block; margin: 0 20px 20px; padding: 1em 1em 0.75em;
  line-height: 1; color: #ffffff !important; font-size: 138.5%; font-weight: bold;
  letter-spacing: 1px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.66); text-decoration: none !important;
}
.btn_l:hover { position : relative; top: 1px; text-shadow: 0 -1px 1px rgba(0,0,0,0.66); }
.btn_l:before { content: url(../images/shortcodes/btn/btn-img.png); vertical-align: -4px; margin-right: 5px; }


/* 小（文字数の幅に合わせる） */
.btn_s {
  display: inline-block; margin: 0 0 20px; padding: 0.9em 1.8em;
  line-height: 1; color: #fff !important; font-size: 15px; font-size: 1.16rem;
  text-align: center; text-decoration: none !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
}
.btn_s:active { position: relative; top: 1px; box-shadow: 0 2px 4px rgba(000,000,000,0.5) inset; }

/* 角の形状 */
.btn-sq { }
.btn-r { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }

/* 位置揃え */
.btn-align-center { text-align: center; }


/* 色: 赤 */
.btn-red {
  background: #c00 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 #c00, 0 2px 3px rgba(0, 0, 0, 0.33), inset 0 0 3px 0 rgba(255, 255, 255, 0.75) ;
}
.btn-red:hover { background: #c00 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }

/* 色: 橙 */
.btn-orange {
  border: 1px solid #CF7616; background: #CF7616 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #CF7616, 0 2px 3px rgba(0, 0, 0, 0.33);
}
.btn-orange:hover { background: #CF7616 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }

/* 色: 緑 */
.btn-green {
  background: #7EA835 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33), inset 0 0 3px 0 rgba(255, 255, 255, 0.75) ;
}
.btn-green:hover { background: #7EA835 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }

/* 色: 青 */
.btn-blue {
  background: #336699 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 #336699, 0 2px 3px rgba(0, 0, 0, 0.33), inset 0 0 3px 0 rgba(255, 255, 255, 0.75) ;
}
.btn-blue:hover { background: #336699 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }

/* 色: 紫 */
.btn-purple {
  background: #936 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 #936, 0 2px 3px rgba(0, 0, 0, 0.33), inset 0 0 3px 0 rgba(255, 255, 255, 0.75) ;
}
.btn-purple:hover { background: #936 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }

/* 色: 黒 */
.btn-black {
  border: 1px solid #000; background: #000 url(../images/shortcodes/btn/bg-btn.png) repeat-x left center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 black, 0 2px 3px rgba(0, 0, 0, 0.33);
}
.btn-black:hover { background: #000 url(../images/shortcodes/btn/bg-btn-hover.png) repeat-x left center !important; }


/*
アイコン
-------------------------------------------------- */
.gyd_sc_icon { display: inline-block; margin-right: 7px; vertical-align: middle; zoom: 1; }
.gyd_sc_icon.icon-a1-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-b.png") no-repeat; }
.gyd_sc_icon.icon-a1-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-g.png") no-repeat; }
.gyd_sc_icon.icon-a1-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-gr.png") no-repeat; }
.gyd_sc_icon.icon-a1-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-o.png") no-repeat; }
.gyd_sc_icon.icon-a1-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-p.png") no-repeat; }
.gyd_sc_icon.icon-a1-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a1-r.png") no-repeat; }
.gyd_sc_icon.icon-a2-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-b.png") no-repeat; }
.gyd_sc_icon.icon-a2-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-g.png") no-repeat; }
.gyd_sc_icon.icon-a2-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-gr.png") no-repeat; }
.gyd_sc_icon.icon-a2-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-o.png") no-repeat; }
.gyd_sc_icon.icon-a2-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-p.png") no-repeat; }
.gyd_sc_icon.icon-a2-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-a2-r.png") no-repeat; }
.gyd_sc_icon.icon-a3-b	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-b.png") no-repeat; }
.gyd_sc_icon.icon-a3-g	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-g.png") no-repeat; }
.gyd_sc_icon.icon-a3-gr	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-gr.png") no-repeat; }
.gyd_sc_icon.icon-a3-o	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-o.png") no-repeat; }
.gyd_sc_icon.icon-a3-p	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-p.png") no-repeat; }
.gyd_sc_icon.icon-a3-r	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-a3-r.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-b.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-g.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-gr.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-o.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-p.png") no-repeat; }
.gyd_sc_icon.icon-arrow1-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow1-r.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-b.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-g.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-gr.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-o.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-p.png") no-repeat; }
.gyd_sc_icon.icon-arrow2-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow2-r.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-b	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-b.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-g	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-g.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-gr	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-gr.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-p	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-o.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-p	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-p.png") no-repeat; }
.gyd_sc_icon.icon-arrow3-r	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-arrow3-r.png") no-repeat; }
.gyd_sc_icon.icon-check-b-b	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-check-b-b.svg") no-repeat; }
.gyd_sc_icon.icon-check-b-bk	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-check-b-bk.svg") no-repeat; }
.gyd_sc_icon.icon-check-b-g	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-check-b-g.svg") no-repeat; }
.gyd_sc_icon.icon-check-b-r	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-check-b-r.svg") no-repeat; }
.gyd_sc_icon.icon-check1-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-b.png") no-repeat; }
.gyd_sc_icon.icon-check1-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-g.png") no-repeat; }
.gyd_sc_icon.icon-check1-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-gr.png") no-repeat; }
.gyd_sc_icon.icon-check1-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-o.png") no-repeat; }
.gyd_sc_icon.icon-check1-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-p.png") no-repeat; }
.gyd_sc_icon.icon-check1-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check1-r.png") no-repeat; }
.gyd_sc_icon.icon-check2-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-b.png") no-repeat; }
.gyd_sc_icon.icon-check2-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-g.png") no-repeat; }
.gyd_sc_icon.icon-check2-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-gr.png") no-repeat; }
.gyd_sc_icon.icon-check2-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-o.png") no-repeat; }
.gyd_sc_icon.icon-check2-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-p.png") no-repeat; }
.gyd_sc_icon.icon-check2-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-check2-r.png") no-repeat; }
.gyd_sc_icon.icon-check3-b	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-b.png") no-repeat; }
.gyd_sc_icon.icon-check3-g	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-g.png") no-repeat; }
.gyd_sc_icon.icon-check3-gr	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-gr.png") no-repeat; }
.gyd_sc_icon.icon-check3-o	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-o.png") no-repeat; }
.gyd_sc_icon.icon-check3-p	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-p.png") no-repeat; }
.gyd_sc_icon.icon-check3-r	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-r.png") no-repeat; }
.gyd_sc_icon.icon-check3-w	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-check3-w.png") no-repeat; }
.gyd_sc_icon.icon-finger1-b	{ width: 51px; height: 25px; background: url("../images/shortcodes/icons/icon-finger1-b.svg") no-repeat; }
.gyd_sc_icon.icon-finger1-bk	{ width: 51px; height: 25px; background: url("../images/shortcodes/icons/icon-finger1-bk.svg") no-repeat; }
.gyd_sc_icon.icon-finger1-g	{ width: 51px; height: 25px; background: url("../images/shortcodes/icons/icon-finger1-g.svg") no-repeat; }
.gyd_sc_icon.icon-finger1-r		{ width: 51px; height: 25px; background: url("../images/shortcodes/icons/icon-finger1-r.svg") no-repeat; }
.gyd_sc_icon.icon-finger1-w	{ width: 51px; height: 25px; background: url("../images/shortcodes/icons/icon-finger1-w.svg") no-repeat; }
.gyd_sc_icon.icon-point-b-b	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-point-b-b.svg") no-repeat; }
.gyd_sc_icon.icon-point-b-bk	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-point-b-bk.svg") no-repeat; }
.gyd_sc_icon.icon-point-b-g	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-point-b-g.svg") no-repeat; }
.gyd_sc_icon.icon-point-b-r	{ width: 64px; height: 40px; background: url("../images/shortcodes/icons/icon-point-b-r.svg") no-repeat; }
.gyd_sc_icon.icon-point1-1-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-b	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-b.png") no-repeat; }
.gyd_sc_icon.icon-point1-1-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-g	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-g.png") no-repeat; }
.gyd_sc_icon.icon-point1-1-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-gr	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-gr.png") no-repeat; }
.gyd_sc_icon.icon-point1-1-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-o	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-o.png") no-repeat; }
.gyd_sc_icon.icon-point1-1-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-p	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-p.png") no-repeat; }
.gyd_sc_icon.icon-point1-1-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-1-r.png") no-repeat; }
.gyd_sc_icon.icon-point1-2-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-2-r.png") no-repeat; }
.gyd_sc_icon.icon-point1-3-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-3-r.png") no-repeat; }
.gyd_sc_icon.icon-point1-4-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-4-r.png") no-repeat; }
.gyd_sc_icon.icon-point1-5-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-5-r.png") no-repeat; }
.gyd_sc_icon.icon-point1-6-r	{ width: 38px; height: 44px; background: url("../images/shortcodes/icons/icon-point1-6-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-b	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-b.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-g	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-g.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-gr	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-gr.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-o	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-o.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-p	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-p.png") no-repeat; }
.gyd_sc_icon.icon-point2-1-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-1-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-2-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-2-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-3-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-3-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-4-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-4-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-5-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-5-r.png") no-repeat; }
.gyd_sc_icon.icon-point2-6-r	{ width: 34px; height: 38px; background: url("../images/shortcodes/icons/icon-point2-6-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-b	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-b.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-g	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-g.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-gr	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-gr.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-o	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-o.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-p	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-p.png") no-repeat; }
.gyd_sc_icon.icon-point3-1-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-1-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-2-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-2-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-3-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-3-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-4-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-4-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-5-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-5-r.png") no-repeat; }
.gyd_sc_icon.icon-point3-6-r	{ width: 52px; height: 26px; background: url("../images/shortcodes/icons/icon-point3-6-r.png") no-repeat; }
.gyd_sc_icon.icon-q1-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-b.png") no-repeat; }
.gyd_sc_icon.icon-q1-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-g.png") no-repeat; }
.gyd_sc_icon.icon-q1-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-gr.png") no-repeat; }
.gyd_sc_icon.icon-q1-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-o.png") no-repeat; }
.gyd_sc_icon.icon-q1-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-p.png") no-repeat; }
.gyd_sc_icon.icon-q1-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q1-r.png") no-repeat; }
.gyd_sc_icon.icon-q2-b	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-b.png") no-repeat; }
.gyd_sc_icon.icon-q2-g	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-g.png") no-repeat; }
.gyd_sc_icon.icon-q2-gr	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-gr.png") no-repeat; }
.gyd_sc_icon.icon-q2-o	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-o.png") no-repeat; }
.gyd_sc_icon.icon-q2-p	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-p.png") no-repeat; }
.gyd_sc_icon.icon-q2-r	{ width: 23px; height: 30px; background: url("../images/shortcodes/icons/icon-q2-r.png") no-repeat; }
.gyd_sc_icon.icon-q3-b	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-b.png") no-repeat; }
.gyd_sc_icon.icon-q3-g	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-g.png") no-repeat; }
.gyd_sc_icon.icon-q3-gr	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-gr.png") no-repeat; }
.gyd_sc_icon.icon-q3-o	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-o.png") no-repeat; }
.gyd_sc_icon.icon-q3-p	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-p.png") no-repeat; }
.gyd_sc_icon.icon-q3-r	{ width: 26px; height: 30px; background: url("../images/shortcodes/icons/icon-q3-r.png") no-repeat; }
.gyd_sc_icon.icon-ranking1-1	{ width: 59px; height: 55px; background: url("../images/shortcodes/icons/icon-ranking1-1.png") no-repeat; }
.gyd_sc_icon.icon-ranking1-2	{ width: 59px; height: 55px; background: url("../images/shortcodes/icons/icon-ranking1-2.png") no-repeat; }
.gyd_sc_icon.icon-ranking1-3	{ width: 59px; height: 55px; background: url("../images/shortcodes/icons/icon-ranking1-3.png") no-repeat; }
.gyd_sc_icon.icon-ranking1-4	{ width: 59px; height: 55px; background: url("../images/shortcodes/icons/icon-ranking1-4.png") no-repeat; }
.gyd_sc_icon.icon-ranking1-5	{ width: 59px; height: 55px; background: url("../images/shortcodes/icons/icon-ranking1-5.png") no-repeat; }
.gyd_sc_icon.icon-ranking2-1	{ width: 40px; height: 40px; background: url("../images/shortcodes/icons/icon-ranking2-1.png") no-repeat; }
.gyd_sc_icon.icon-ranking2-2	{ width: 40px; height: 40px; background: url("../images/shortcodes/icons/icon-ranking2-2.png") no-repeat; }
.gyd_sc_icon.icon-ranking2-3	{ width: 40px; height: 40px; background: url("../images/shortcodes/icons/icon-ranking2-3.png") no-repeat; }
.gyd_sc_icon.icon-ranking2-4	{ width: 40px; height: 40px; background: url("../images/shortcodes/icons/icon-ranking2-4.png") no-repeat; }
.gyd_sc_icon.icon-ranking2-5	{ width: 40px; height: 40px; background: url("../images/shortcodes/icons/icon-ranking2-5.png") no-repeat; }
.gyd_sc_icon.icon-ranking3-1	{ width: 31px; height: 36px; background: url("../images/shortcodes/icons/icon-ranking3-1.png") no-repeat; }
.gyd_sc_icon.icon-ranking3-2	{ width: 31px; height: 36px; background: url("../images/shortcodes/icons/icon-ranking3-2.png") no-repeat; }
.gyd_sc_icon.icon-ranking3-3	{ width: 31px; height: 36px; background: url("../images/shortcodes/icons/icon-ranking3-3.png") no-repeat; }
.gyd_sc_icon.icon-ranking3-4	{ width: 31px; height: 36px; background: url("../images/shortcodes/icons/icon-ranking3-4.png") no-repeat; }
.gyd_sc_icon.icon-ranking3-5	{ width: 31px; height: 36px; background: url("../images/shortcodes/icons/icon-ranking3-5.png") no-repeat; }
.gyd_sc_icon.icon-star	{ width: 23px; height: 27px; background: url("../images/shortcodes/icons/icon-star.png") no-repeat; }
.gyd_sc_icon.icon-star-h	{ width: 23px; height: 27px; background: url("../images/shortcodes/icons/icon-star-half.png") no-repeat; }
.gyd_sc_icon.icon-star-n	{ width: 23px; height: 27px; background: url("../images/shortcodes/icons/icon-start-none.png") no-repeat; }
.gyd_sc_icon.icon-star5-0	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-0.png") no-repeat; }
.gyd_sc_icon.icon-star5-1	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-1.png") no-repeat; }
.gyd_sc_icon.icon-star5-2	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-2.png") no-repeat; }
.gyd_sc_icon.icon-star5-3	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-3.png") no-repeat; }
.gyd_sc_icon.icon-star5-4	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-4.png") no-repeat; }
.gyd_sc_icon.icon-star5-5	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-5.png") no-repeat; }
.gyd_sc_icon.icon-star5-0-h	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-0-half.png") no-repeat; }
.gyd_sc_icon.icon-star5-1-h	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-1-half.png") no-repeat; }
.gyd_sc_icon.icon-star5-2-h	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-2-half.png") no-repeat; }
.gyd_sc_icon.icon-star5-3-h	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-3-half.png") no-repeat; }
.gyd_sc_icon.icon-star5-4-h	{ width: 88px; height: 18px; background: url("../images/shortcodes/icons/icon-star5-4-half.png") no-repeat; }
.gyd_sc_icon.icon-pdf1	{ width: 27px; height: 32px; background: url("../images/shortcodes/icons/icon-pdf1.png") no-repeat; }
.gyd_sc_icon.icon-pdf2	{ width: 27px; height: 32px; background: url("../images/shortcodes/icons/icon-pdf2.png") no-repeat; }
.gyd_sc_icon.icon-zip1	{ width: 27px; height: 32px; background: url("../images/shortcodes/icons/icon-zip1.png") no-repeat; }
.gyd_sc_icon.icon-zip2	{ width: 26px; height: 32px; background: url("../images/shortcodes/icons/icon-zip2.png") no-repeat; }
.gyd_sc_icon.icon-mail1	{ width: 32px; height: 32px; background: url("../images/shortcodes/icons/icon-mail1.png") no-repeat; }
.gyd_sc_icon.icon-mail2	{ width: 32px; height: 32px; background: url("../images/shortcodes/icons/icon-mail2.png") no-repeat; }
.gyd_sc_icon.icon-iso1	{ width: 27px; height: 32px; background: url("../images/shortcodes/icons/icon-iso1.png") no-repeat; }
.gyd_sc_icon.icon-exe1	{ width: 27px; height: 32px; background: url("../images/shortcodes/icons/icon-exe1.png") no-repeat; }


/*
チェックリスト
-------------------------------------------------- */
.check-list ul { margin: 0 0 21px 0.5em !important; list-style-type: none !important; }
.check-list ul li { margin: 0 0 5px !important; padding: 0px 0px 2px 32px !important; }
.cl-check1-b  li { background: url("../images/shortcodes/icons/icon-check1-b.png")  no-repeat; }
.cl-check1-g  li { background: url("../images/shortcodes/icons/icon-check1-g.png")  no-repeat; }
.cl-check1-gr li { background: url("../images/shortcodes/icons/icon-check1-gr.png") no-repeat; }
.cl-check1-o  li { background: url("../images/shortcodes/icons/icon-check1-o.png")  no-repeat; }
.cl-check1-p  li { background: url("../images/shortcodes/icons/icon-check1-p.png")  no-repeat; }
.cl-check1-r  li { background: url("../images/shortcodes/icons/icon-check1-r.png")  no-repeat; }
.cl-check2-b  li { background: url("../images/shortcodes/icons/icon-check2-b.png")  no-repeat; }
.cl-check2-g  li { background: url("../images/shortcodes/icons/icon-check2-g.png")  no-repeat; }
.cl-check2-gr li { background: url("../images/shortcodes/icons/icon-check2-gr.png") no-repeat; }
.cl-check2-o  li { background: url("../images/shortcodes/icons/icon-check2-o.png")  no-repeat; }
.cl-check2-p  li { background: url("../images/shortcodes/icons/icon-check2-p.png")  no-repeat; }
.cl-check2-r  li { background: url("../images/shortcodes/icons/icon-check2-r.png")  no-repeat; }
.cl-check3-b  li { background: url("../images/shortcodes/icons/icon-check3-b.png")  no-repeat; }
.cl-check3-g  li { background: url("../images/shortcodes/icons/icon-check3-g.png")  no-repeat; }
.cl-check3-gr li { background: url("../images/shortcodes/icons/icon-check3-gr.png") no-repeat; }
.cl-check3-o  li { background: url("../images/shortcodes/icons/icon-check3-o.png")  no-repeat; }
.cl-check3-p  li { background: url("../images/shortcodes/icons/icon-check3-p.png")  no-repeat; }
.cl-check3-r  li { background: url("../images/shortcodes/icons/icon-check3-r.png")  no-repeat; }
.cl-check3-w  li { background: url("../images/shortcodes/icons/icon-check3-w.png")  no-repeat; }


/*
横並びカラム
-------------------------------------------------- */
/* ２カラム */
.col2-c1, .col2-c2 {
  float: left; display: inline; position: relative; width: 50%; text-align: left;
}
.col2-c1 .inner { margin-right: 8px; }
.col2-c2 .inner { margin-left: 8px; }

/* ３カラム */
.col3-c1, .col3-c2, .col3-c3 {
  float: left; display: inline; position: relative; width: 33.333333333%; text-align: left;
}
.col3-c1 .inner { margin-right: 10px; }
.col3-c2 .inner { margin-left: 5px; margin-right: 5px; }
.col3-c3 .inner { margin-left: 10px; }

/* ４カラム */
.col4-c1, .col4-c2, .col4-c3, .col4-c4 {
  float: left; display: inline; position: relative; width: 25%; text-align: left;
}
.col4-c1 .inner { margin-right: 10px; }
.col4-c2 .inner { margin-left: 5px; margin-right: 5px; }
.col4-c3 .inner { margin-left: 5px; margin-right: 5px; }
.col4-c4 .inner { margin-left: 10px; }


/*
飾り背景
-------------------------------------------------- */
.bg-deco-metal1 {
  margin: 20px auto; padding: 30px 35px 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  border-style: solid; border-width: 2px; border-color: #fff #999 #666; border-radius: 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-metal1-2.png), url(../images/shortcodes/deco_bg/bg-metal1-2.png), url(../images/shortcodes/deco_bg/bg-metal1-2.png), url(../images/shortcodes/deco_bg/bg-metal1-2.png), 
    url(../images/shortcodes/deco_bg/bg-metal1-1.png);
  background-repeat: 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat;
  background-position: 
    left top, right top, left bottom, right bottom, 
    center center;
  text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.bg-deco-metal2 {
  margin: 20px auto; padding: 30px 35px 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  border-style: solid; border-width: 2px; border-color: #666 #333 #000; border-radius: 10px;
  color:#fff !important;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-metal2-2.png), url(../images/shortcodes/deco_bg/bg-metal2-2.png), url(../images/shortcodes/deco_bg/bg-metal2-2.png), url(../images/shortcodes/deco_bg/bg-metal2-2.png), 
    url(../images/shortcodes/deco_bg/bg-metal2-1.png);
  background-repeat: 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat;
  background-position: 
    left top, right top, left bottom, right bottom, 
    center center;
  text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  text-shadow: 0 1px 0 rgba(0,0,0,1) !important;
}
.bg-deco-metal2 h1, .bg-deco-metal2 h2, .bg-deco-metal2 h3,
.bg-deco-metal2 h4, .bg-deco-metal2 h5, .bg-deco-metal2 h6, .bg-deco-metal2 p {
  color:#fff !important;
}
.bg-deco-metal3 {
  margin: 20px auto; padding: 30px 35px 15px; box-shadow: 0 2px 2px rgba(0,0,0,0.8);
  border-style: solid; border-width: 1px; border-color: #fff #999 #666; border-radius: 1px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-metal3-2.png), url(../images/shortcodes/deco_bg/bg-metal3-2.png), url(../images/shortcodes/deco_bg/bg-metal3-2.png), url(../images/shortcodes/deco_bg/bg-metal3-2.png), 
    url(../images/shortcodes/deco_bg/bg-metal3-1.png);
  background-repeat: 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat;
  background-position: 
    left top, right top, left bottom, right bottom, 
    center center;
  text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.bg-deco-metal4 {
  margin: 20px auto; padding: 30px 35px 15px; box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  border-style: solid; border-width: 1px; border-color: #666 #333 #000; border-radius: 1px;
  color:#fff !important;
  
  background-image: 
    url(../images/shortcodes/deco_bg/bg-metal4-2.png), url(../images/shortcodes/deco_bg/bg-metal4-2.png), url(../images/shortcodes/deco_bg/bg-metal4-2.png), url(../images/shortcodes/deco_bg/bg-metal4-2.png), 
    url(../images/shortcodes/deco_bg/bg-metal4-1.png);
  background-repeat: 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat;
  background-position: 
    left top, right top, left bottom, right bottom, 
    center center;
  text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  text-shadow: 0 1px 0 rgba(0,0,0,1) !important;
}
.bg-deco-metal4 h1, .bg-deco-metal4 h2, .bg-deco-metal4 h3,
.bg-deco-metal4 h4, .bg-deco-metal4 h5, .bg-deco-metal4 h6, .bg-deco-metal4 p {
  color:#fff !important;
}
.bg-deco-paper1 {
  margin: 20px auto; padding: 30px 35px 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-paper1-1.png), url(../images/shortcodes/deco_bg/bg-paper1-2.png), url(../images/shortcodes/deco_bg/bg-paper1-3.png), url(../images/shortcodes/deco_bg/bg-paper1-4.png),  
    url(../images/shortcodes/deco_bg/bg-paper1-5.png), url(../images/shortcodes/deco_bg/bg-paper1-6.png), url(../images/shortcodes/deco_bg/bg-paper1-7.png), url(../images/shortcodes/deco_bg/bg-paper1-8.png), 
    url(../images/shortcodes/deco_bg/bg-paper1-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-paper2 {
  margin: 20px auto; padding: 53px 35px 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-paper2-0.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-1.png), url(../images/shortcodes/deco_bg/bg-paper2-2.png), url(../images/shortcodes/deco_bg/bg-paper2-3.png), url(../images/shortcodes/deco_bg/bg-paper2-4.png),  
    url(../images/shortcodes/deco_bg/bg-paper2-5.png), url(../images/shortcodes/deco_bg/bg-paper2-6.png), url(../images/shortcodes/deco_bg/bg-paper2-7.png), url(../images/shortcodes/deco_bg/bg-paper2-8.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-9.png);
  background-repeat:
    no-repeat, 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    center top, 
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-paper3 {
  margin: 20px auto; padding: 53px 35px 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-paper3-0.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-1.png), url(../images/shortcodes/deco_bg/bg-paper2-2.png), url(../images/shortcodes/deco_bg/bg-paper2-3.png), url(../images/shortcodes/deco_bg/bg-paper2-4.png),  
    url(../images/shortcodes/deco_bg/bg-paper2-5.png), url(../images/shortcodes/deco_bg/bg-paper2-6.png), url(../images/shortcodes/deco_bg/bg-paper2-7.png), url(../images/shortcodes/deco_bg/bg-paper2-8.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-9.png);
  background-repeat:
    no-repeat, 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    center top, 
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-paper4 {
  margin: 20px auto; padding: 53px 35px 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-paper4-0.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-1.png), url(../images/shortcodes/deco_bg/bg-paper2-2.png), url(../images/shortcodes/deco_bg/bg-paper2-3.png), url(../images/shortcodes/deco_bg/bg-paper2-4.png),  
    url(../images/shortcodes/deco_bg/bg-paper2-5.png), url(../images/shortcodes/deco_bg/bg-paper2-6.png), url(../images/shortcodes/deco_bg/bg-paper2-7.png), url(../images/shortcodes/deco_bg/bg-paper2-8.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-9.png);
  background-repeat:
    no-repeat, 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    center top, 
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-paper5 {
  margin: 20px auto;
  padding: 53px 35px 10px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-paper5-0.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-1.png), url(../images/shortcodes/deco_bg/bg-paper2-2.png), url(../images/shortcodes/deco_bg/bg-paper2-3.png), url(../images/shortcodes/deco_bg/bg-paper2-4.png),  
    url(../images/shortcodes/deco_bg/bg-paper2-5.png), url(../images/shortcodes/deco_bg/bg-paper2-6.png), url(../images/shortcodes/deco_bg/bg-paper2-7.png), url(../images/shortcodes/deco_bg/bg-paper2-8.png), 
    url(../images/shortcodes/deco_bg/bg-paper2-9.png);
  background-repeat:
    no-repeat, 
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    center top, 
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-postit1 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-postit1-1.png), url(../images/shortcodes/deco_bg/bg-postit1-2.png), url(../images/shortcodes/deco_bg/bg-postit1-3.png), url(../images/shortcodes/deco_bg/bg-postit1-4.png),  
    url(../images/shortcodes/deco_bg/bg-postit1-5.png), url(../images/shortcodes/deco_bg/bg-postit1-6.png), url(../images/shortcodes/deco_bg/bg-postit1-7.png), url(../images/shortcodes/deco_bg/bg-postit1-8.png), 
    url(../images/shortcodes/deco_bg/bg-postit1-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-postit2 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-postit2-1.png), url(../images/shortcodes/deco_bg/bg-postit2-2.png), url(../images/shortcodes/deco_bg/bg-postit2-3.png), url(../images/shortcodes/deco_bg/bg-postit2-4.png),  
    url(../images/shortcodes/deco_bg/bg-postit2-5.png), url(../images/shortcodes/deco_bg/bg-postit2-6.png), url(../images/shortcodes/deco_bg/bg-postit2-7.png), url(../images/shortcodes/deco_bg/bg-postit2-8.png), 
    url(../images/shortcodes/deco_bg/bg-postit2-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-postit3 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-postit3-1.png), url(../images/shortcodes/deco_bg/bg-postit3-2.png), url(../images/shortcodes/deco_bg/bg-postit3-3.png), url(../images/shortcodes/deco_bg/bg-postit3-4.png),  
    url(../images/shortcodes/deco_bg/bg-postit3-5.png), url(../images/shortcodes/deco_bg/bg-postit3-6.png), url(../images/shortcodes/deco_bg/bg-postit3-7.png), url(../images/shortcodes/deco_bg/bg-postit3-8.png), 
    url(../images/shortcodes/deco_bg/bg-postit3-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-postit4 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-postit4-1.png), url(../images/shortcodes/deco_bg/bg-postit4-2.png), url(../images/shortcodes/deco_bg/bg-postit4-3.png), url(../images/shortcodes/deco_bg/bg-postit4-4.png),  
    url(../images/shortcodes/deco_bg/bg-postit4-5.png), url(../images/shortcodes/deco_bg/bg-postit4-6.png), url(../images/shortcodes/deco_bg/bg-postit4-7.png), url(../images/shortcodes/deco_bg/bg-postit4-8.png), 
    url(../images/shortcodes/deco_bg/bg-postit4-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-postit5 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-postit5-1.png), url(../images/shortcodes/deco_bg/bg-postit5-2.png), url(../images/shortcodes/deco_bg/bg-postit5-3.png), url(../images/shortcodes/deco_bg/bg-postit5-4.png),  
    url(../images/shortcodes/deco_bg/bg-postit5-5.png), url(../images/shortcodes/deco_bg/bg-postit5-6.png), url(../images/shortcodes/deco_bg/bg-postit5-7.png), url(../images/shortcodes/deco_bg/bg-postit5-8.png), 
    url(../images/shortcodes/deco_bg/bg-postit5-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}

.bg-deco-chalkboard {
  margin: 20px auto; padding: 30px 35px 15px;
  color:#fff !important;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-chalkboard1.png), url(../images/shortcodes/deco_bg/bg-chalkboard2.png), url(../images/shortcodes/deco_bg/bg-chalkboard3.png), url(../images/shortcodes/deco_bg/bg-chalkboard4.png),  
    url(../images/shortcodes/deco_bg/bg-chalkboard5.png), url(../images/shortcodes/deco_bg/bg-chalkboard6.png), url(../images/shortcodes/deco_bg/bg-chalkboard7.png), url(../images/shortcodes/deco_bg/bg-chalkboard8.png), 
    url(../images/shortcodes/deco_bg/bg-chalkboard9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,0.75);
}
.bg-deco-chalkboard h1, .bg-deco-chalkboard h2, .bg-deco-chalkboard h3,
.bg-deco-chalkboard h4, .bg-deco-chalkboard h5, .bg-deco-chalkboard h6, .bg-deco-chalkboard p {
  color:#fff !important;
}
.bg-deco-woodboard1 {
  margin: 20px auto; padding: 30px 35px 15px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-woodboard1-1.png), url(../images/shortcodes/deco_bg/bg-woodboard1-2.png), url(../images/shortcodes/deco_bg/bg-woodboard1-3.png), url(../images/shortcodes/deco_bg/bg-woodboard1-4.png),  
    url(../images/shortcodes/deco_bg/bg-woodboard1-5.png), url(../images/shortcodes/deco_bg/bg-woodboard1-6.png), url(../images/shortcodes/deco_bg/bg-woodboard1-7.png), url(../images/shortcodes/deco_bg/bg-woodboard1-8.png), 
    url(../images/shortcodes/deco_bg/bg-woodboard1-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-woodframe1 {
  margin: 20px auto; padding: 70px 75px 55px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-woodframe1-1.png), url(../images/shortcodes/deco_bg/bg-woodframe1-2.png), url(../images/shortcodes/deco_bg/bg-woodframe1-3.png), url(../images/shortcodes/deco_bg/bg-woodframe1-4.png),  
    url(../images/shortcodes/deco_bg/bg-woodframe1-5.png), url(../images/shortcodes/deco_bg/bg-woodframe1-6.png), url(../images/shortcodes/deco_bg/bg-woodframe1-7.png), url(../images/shortcodes/deco_bg/bg-woodframe1-8.png), 
    url(../images/shortcodes/deco_bg/bg-woodframe1-9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-marker-p {
  margin: 2px auto 10px; padding: 55px 50px 40px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-marker-p1.png), url(../images/shortcodes/deco_bg/bg-marker-p2.png), url(../images/shortcodes/deco_bg/bg-marker-p3.png), url(../images/shortcodes/deco_bg/bg-marker-p4.png),  
    url(../images/shortcodes/deco_bg/bg-marker-p5.png), url(../images/shortcodes/deco_bg/bg-marker-p6.png), url(../images/shortcodes/deco_bg/bg-marker-p7.png), url(../images/shortcodes/deco_bg/bg-marker-p8.png), 
    url(../images/shortcodes/deco_bg/bg-marker-p9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-marker-y {
  margin: 2px auto 10px; padding: 55px 50px 40px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-marker-y1.png), url(../images/shortcodes/deco_bg/bg-marker-y2.png), url(../images/shortcodes/deco_bg/bg-marker-y3.png), url(../images/shortcodes/deco_bg/bg-marker-y4.png),  
    url(../images/shortcodes/deco_bg/bg-marker-y5.png), url(../images/shortcodes/deco_bg/bg-marker-y6.png), url(../images/shortcodes/deco_bg/bg-marker-y7.png), url(../images/shortcodes/deco_bg/bg-marker-y8.png), 
    url(../images/shortcodes/deco_bg/bg-marker-y9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-marker-g {
  margin: 2px auto 10px; padding: 55px 50px 40px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-marker-g1.png), url(../images/shortcodes/deco_bg/bg-marker-g2.png), url(../images/shortcodes/deco_bg/bg-marker-g3.png), url(../images/shortcodes/deco_bg/bg-marker-g4.png),  
    url(../images/shortcodes/deco_bg/bg-marker-g5.png), url(../images/shortcodes/deco_bg/bg-marker-g6.png), url(../images/shortcodes/deco_bg/bg-marker-g7.png), url(../images/shortcodes/deco_bg/bg-marker-g8.png), 
    url(../images/shortcodes/deco_bg/bg-marker-g9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}
.bg-deco-marker-b {
  margin: 2px auto 10px; padding: 55px 50px 40px;
  background-image: 
    url(../images/shortcodes/deco_bg/bg-marker-b1.png), url(../images/shortcodes/deco_bg/bg-marker-b2.png), url(../images/shortcodes/deco_bg/bg-marker-b3.png), url(../images/shortcodes/deco_bg/bg-marker-b4.png),  
    url(../images/shortcodes/deco_bg/bg-marker-b5.png), url(../images/shortcodes/deco_bg/bg-marker-b6.png), url(../images/shortcodes/deco_bg/bg-marker-b7.png), url(../images/shortcodes/deco_bg/bg-marker-b8.png), 
    url(../images/shortcodes/deco_bg/bg-marker-b9.png);
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat, 
    repeat-x, repeat-y, repeat-x, repeat-y, 
    repeat;
  background-position:
    left top, right top, left bottom, right bottom, 
    center top, right center, center bottom, left center, 
    center center;
  text-align: left;
}


/*
イラスト
-------------------------------------------------- */
.illust { position: relative; }
.illust img.ill-align-left:last-child { position: absolute; top: 0; left: 0; }
.illust img.ill-align-right:last-child { position: absolute; top: 0; right: 0; }
.ill-align-left { float: left; margin: 0 1em 1em 0; }
.ill-align-center { display: block; margin: 0 auto 1em; text-align: center; }
.ill-align-right { float: right; margin: 0 0 1em 1em; }


/*
吹き出し付きイラスト
-------------------------------------------------- */
.illust_bubble:before,.illust_bubble:after { content: ""; display: table; }
.illust_bubble:after { clear: both; }
.illust_bubble { *zoom: 1; }

.ib-illust { margin-bottom: 1em; }
.ib-bubble:before,.ib-bubble:after { content: ""; display: table; }
.ib-bubble:after { clear: both; }
.ib-bubble { *zoom: 1; }
.ib-bubble .illust { position: relative; display: inline-table; }

.illust_bubble .title {
  position: relative; margin:1em auto .8em; line-height: 1.33;
  font-weight: bold; font-size: 18px; font-size: 1.39rem;
}
.illust_bubble .title:before {
  content: ""; position: absolute; top: -10px;
  width: 84px; height: 44px; background-repeat: no-repeat;
}
.illust_bubble .colored_bg.bg-yellow-lt .title:before { filter: hue-rotate(45deg); }
.illust_bubble .colored_bg.bg-green-lt .title:before { filter: hue-rotate(192deg); }
.illust_bubble .colored_bg.bg-blue-lt .title:before { filter: hue-rotate(256deg); }
.illust_bubble .colored_bg.bg-purple-lt .title:before { filter: hue-rotate(315deg); }
.illust_bubble .colored_bg.bg-gray-lt .title:before { filter: grayscale(1); }
    
.illust_bubble .title.check:before     { background-image: url("../images/shortcodes/illust/ill-badge-check.png") }
.illust_bubble .title.point:before     { background-image: url("../images/shortcodes/illust/ill-badge-point.png") }
.illust_bubble .title.kensho:before    { background-image: url("../images/shortcodes/illust/ill-badge-kensho.png") }
.illust_bubble .title.kuchikomi:before { background-image: url("../images/shortcodes/illust/ill-badge-kuchikomi.png") }
.illust_bubble .title.chumoku:before   { background-image: url("../images/shortcodes/illust/ill-badge-chumoku.png") }
.illust_bubble .title.riyuu:before     { background-image: url("../images/shortcodes/illust/ill-badge-riyuu.png") }
.illust_bubble .title.naze:before      { background-image: url("../images/shortcodes/illust/ill-badge-naze.png") }
.illust_bubble .title.gimon:before     { background-image: url("../images/shortcodes/illust/ill-badge-gimon.png") }

.ib-left .ib-illust { clear: both; }
.ib-illust img { margin: 0 0 1em; width: 140px; }

/* イラスト左 */
.ib-left .ib-illust { float: left; }
.ib-left .ib-bubble { margin-left: 160px; margin-left: calc(var(--gyd-sc-ill-width, 160px) + 20px); }
.ib-left .colored_bg:after {
  content: ""; position: absolute; top: 18px; right: 100%; width: 0; height: 0;
  border: 18px solid transparent; border-left-width: 19px; border-left-style: solid; 
}
.ib-left .bg-red-lt:after    { border-right-color: #eebcbc; }
.ib-left .bg-yellow-lt:after { border-right-color: #ffddab; }
.ib-left .bg-green-lt:after  { border-right-color: #abddcd; }
.ib-left .bg-blue-lt:after   { border-right-color: #bccddd; }
.ib-left .bg-purple-lt:after { border-right-color: #ddbccd; }
.ib-left .bg-gray-lt:after   { border-right-color: #cdcdcd; }
.ib-left .title.check, .ib-left .title.point,
.ib-left .title.kensho, .ib-left .title.kuchikomi,
.ib-left .title.chumoku, .ib-left .title.riyuu,
.ib-left .title.naze, .ib-left .title.gimon {
  padding-right: 55px;
}
.ib-left .title.check:before, .ib-left .title.point:before,
.ib-left .title.kensho:before, .ib-left .title.kuchikomi:before,
.ib-left .title.chumoku:before, .ib-left .title.riyuu:before,
.ib-left .title.naze:before, .ib-left .title.gimon:before {
  right: -36px;
}

/* イラスト右 */
.ib-right .ib-illust { float: right; }
.ib-right .ib-bubble { margin-right: 160px; margin-right: calc(var(--gyd-sc-ill-width, 160px) + 20px); }
.ib-right .colored_bg:after {
  content: ""; position: absolute; top: 18px; left: 100%; width: 0; height: 0;
  border: 18px solid transparent; border-left-width: 19px; border-left-style: solid;
}
.ib-right .bg-red-lt:after    { border-left-color: #eebcbc; }
.ib-right .bg-yellow-lt:after { border-left-color: #ffddab; }
.ib-right .bg-green-lt:after  { border-left-color: #abddcd; }
.ib-right .bg-blue-lt:after   { border-left-color: #bccddd; }
.ib-right .bg-purple-lt:after { border-left-color: #ddbccd; }
.ib-right .bg-gray-lt:after   { border-left-color: #cdcdcd; }
.ib-right .title.check, .ib-right .title.point,
.ib-right .title.kensho, .ib-right .title.kuchikomi,
.ib-right .title.chumoku, .ib-right .title.riyuu,
.ib-right .title.naze, .ib-right .title.gimon {
  padding-left: 55px;
}

.ib-right .title.check:before, .ib-right .title.point:before,
.ib-right .title.kensho:before, .ib-right .title.kuchikomi:before,
.ib-right .title.chumoku:before, .ib-right .title.riyuu:before,
.ib-right .title.naze:before, .ib-right .title.gimon:before {
  left: -36px;
}


@media(max-width: 640px) {
  /*
  飾り背景
  -------------------------------------------------- */
  [class^="bg-deco-"] {
    width: auto !important;
  }

  /*
  吹き出し付きイラスト
  -------------------------------------------------- */
  .ib-left .colored_bg:after,
  .ib-right .colored_bg:after {
    content: none; position: static; width: auto; height: auto; border: none;
  }
  .ib-left [class^="title-"], .ib-right [class^="title-"] { padding: 0; }
  [class^="title-"]:before { content: none; position: static; width: auto; height: auto; }
  .ib-illust img { display: none; }
  .ib-left .ib-bubble { margin-left: 0; }
  .ib-right .ib-bubble { margin-right: 0; }
  .ill-align-left, .ill-align-right { float: none; }
}