@charset "utf-8";

/**
 * ショートコード
 * 
 * 
 */


/**
 * タイトル付き囲み
 */
.titled_box {
	color:#333;
	line-height: 1.75;
	text-align: left;
	margin: 0 0 14px;
	padding: 14px 14px 0.75em;
	border: 1px #ccc solid;
	background: #fff;
}
#main .titled_box { font-size: 108%; }
.sub .boxed { font-size: 93%; color:#666; }

/* 見出し */
.box-title {
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	border: 1px #ccc solid;
	margin: -15px -15px 0.75em;
	padding: 10px 14px 7px;
}
#main .boxed-title { font-size: 108%; }
.sub .box-title { font-size: 93%; }

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

/* 見出し・黒 */

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

/* 見出し・色 */

.box-title-option {
    background: # url(img/shortcodes/bg-bh-c-trans.png) repeat-x center bottom;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75) ;
}


/**
 * カラー囲み
 */
.colored_box {
	text-align: left;
	margin: 0 auto 1em;
	padding: 1em 1em 0.75em;
}
/* 角 */
.box-sq {
}
/* 丸 */
.box-r {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 普通の色 */

.box-green  { border: 1px solid #096; }
.box-blue   { border: 1px solid #369; }
.box-gray   { border: 1px solid #666; }
.box-purple { border: 1px solid #936; }
.box-red    { border: 1px solid #c33; }
.box-yellow { border: 1px solid #f90; }

/* 薄い色 */

.box-green-lt  { border: 3px solid #ABDDCD; }
.box-blue-lt   { border: 3px solid #BCCDDD; }
.box-gray-lt   { border: 3px solid #CDCDCD; }
.box-purple-lt { border: 3px solid #DDBCCD; }
.box-red-lt    { border: 3px solid #EEBCBC; }
.box-yellow-lt { border: 3px solid #FFDDAB; }

/* オプション色 */

.box-option { border: 1px solid #; }


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

/**
 * カラー背景
 */

.colored_bg {
    text-align: left;
    margin: 0 auto 1em;
    padding: 1em 1em 0.75em;
}

#sub .colored_bg {
    position: relative;
    margin: 0 auto 10px;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    font-size: 0.93rem;
}

.colored_bg>:first-child {
    margin-top: 0 !important;
}

.colored_bg>:last-child {
    margin-bottom: 0 !important;
}

/* 丸 */

.bg-r {
    border-radius: 5px;
    /*IE6 IE7 IE8 */
    position: relative;
    zoom: 1;
}

/* 普通の色 */

.bg-green  { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #096 url(img/texture1-trans.png) repeat-x center bottom; }
.bg-blue   { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #369 url(img/texture1-trans.png) repeat-x center bottom; }
.bg-gray   { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #666 url(img/texture1-trans.png) repeat-x center bottom; }
.bg-purple { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #936 url(img/texture1-trans.png) repeat-x center bottom; }
.bg-red    { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #c33 url(img/texture1-trans.png) repeat-x center bottom; }
.bg-yellow { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) ; background: #f90 url(img/texture1-trans.png) repeat-x center bottom; }

/* 薄い色 */

.bg-green-lt  { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #e5f5ef; border: 3px solid #abddcd; }
.bg-blue-lt   { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #eaeff5; border: 3px solid #bccddd; }
.bg-gray-lt   { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #efefef; border: 3px solid #cdcdcd; }
.bg-purple-lt { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #f5eaef; border: 3px solid #ddbccd; }
.bg-red-lt    { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #faeaea; border: 3px solid #eebcbc; }
.bg-yellow-lt { color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ; background: #fff5e5; border: 3px solid #ffddab; }

/* オプション色 */

.bg-option    {color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) ; background: # url(img/texture1-trans.png) repeat-x center bottom;}


/**
 * ボタン
 * ...行頭に矢印のアイコンを付けたい（before疑似要素で入れる）
 */

/* 大（横幅いっぱい） */
.btn_l {
	display:block;
	color: #ffffff !important;
	font-size: 138.5%;
	font-weight: bold;
	line-height:1;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.66);
	margin: 0 20px 20px;
	padding: 1em 1em 0.75em;
	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(img/shortcodes/btn-img.png);
	vertical-align: -4px;
	margin-right: 5px;
}

/* 小（文字数の幅に合わせる） */

.btn_s {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0.9em 1.8em;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
    font-size: 15px;
    font-size: 1.16rem;
    line-height: 1;
}

.btn_s:active {
    position: relative;
    top: 1px;
    box-shadow: 0 2px 4px rgba(000,000,000,0.5) inset;
}

/* 角・丸 */
.btn-r {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
.btn-sq {
}

/* 色・青 */
.btn-blue {
	background: #336699 url("img/shortcodes/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("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}

/* 色・赤 */
.btn-red {
	background: #c00 url("img/shortcodes/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("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}

/* 色・緑 */
.btn-green {
	background: #7EA835 url("img/shortcodes/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("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}

/* 色・オレンジ */

.btn-orange {
    border: 1px solid #CF7616;
    background: #CF7616 url("img/shortcodes/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("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}

/* 色・黒 */

.btn-black {
    border: 1px solid #000;
    background: #000 url("img/shortcodes/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("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}

/* 色・オプションカラー */

.btn-option {
    border: 1px solid #;
    background: # url("img/shortcodes/bg-btn.png") repeat-x left center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #, 0 2px 3px rgba(0, 0, 0, 0.33);
}
.btn-option:hover {
	background: # url("img/shortcodes/bg-btn-hover.png") repeat-x left center;
}



/**
 * アイコン表示
 */

.icon {
	margin-right: 7px;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
}

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


/**
 * よくある質問
 */

.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-g  { background: #e6e6e6 url(img/shortcodes/qa-q-g.png)  no-repeat 1em 1em; }
.faq-b  { background: #e6e6e6 url(img/shortcodes/qa-q-b.png)  no-repeat 1em 1em; }
.faq-gr { background: #e6e6e6 url(img/shortcodes/qa-q-gr.png) no-repeat 1em 1em; }
.faq-r  { background: #e6e6e6 url(img/shortcodes/qa-q-r.png)  no-repeat 1em 1em; }
.faq-o  { background: #e6e6e6 url(img/shortcodes/qa-q-o.png)  no-repeat 1em 1em; }
.faq-p  { background: #e6e6e6 url(img/shortcodes/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(img/shortcodes/qa-a.png) no-repeat 1em 1em;
    color: #333;
    text-align: left;
    font-size: 14px;
    font-size: 1.08rem;
}


/**
 * チェックリスト
 */

.check-list ul {
	list-style-type: none !important;
	margin:0 0 21px 1em !important;
}
.check-list ul li {
	margin:0 0 10px !important;
	padding: 0px 0px 2px 32px !important;
}

.cl-check1-b  li { background: url("img/shortcodes/icons/icon-check1-b.png")  no-repeat; }
.cl-check1-g  li { background: url("img/shortcodes/icons/icon-check1-g.png")  no-repeat; }
.cl-check1-gr li { background: url("img/shortcodes/icons/icon-check1-gr.png") no-repeat; }
.cl-check1-o  li { background: url("img/shortcodes/icons/icon-check1-o.png")  no-repeat; }
.cl-check1-p  li { background: url("img/shortcodes/icons/icon-check1-p.png")  no-repeat; }
.cl-check1-r  li { background: url("img/shortcodes/icons/icon-check1-r.png")  no-repeat; }
.cl-check2-b  li { background: url("img/shortcodes/icons/icon-check2-b.png")  no-repeat; }
.cl-check2-g  li { background: url("img/shortcodes/icons/icon-check2-g.png")  no-repeat; }
.cl-check2-gr li { background: url("img/shortcodes/icons/icon-check2-gr.png") no-repeat; }
.cl-check2-o  li { background: url("img/shortcodes/icons/icon-check2-o.png")  no-repeat; }
.cl-check2-p  li { background: url("img/shortcodes/icons/icon-check2-p.png")  no-repeat; }
.cl-check2-r  li { background: url("img/shortcodes/icons/icon-check2-r.png")  no-repeat; }
.cl-check3-b  li { background: url("img/shortcodes/icons/icon-check3-b.png")  no-repeat; }
.cl-check3-g  li { background: url("img/shortcodes/icons/icon-check3-g.png")  no-repeat; }
.cl-check3-gr li { background: url("img/shortcodes/icons/icon-check3-gr.png") no-repeat; }
.cl-check3-o  li { background: url("img/shortcodes/icons/icon-check3-o.png")  no-repeat; }
.cl-check3-p  li { background: url("img/shortcodes/icons/icon-check3-p.png")  no-repeat; }
.cl-check3-r  li { background: url("img/shortcodes/icons/icon-check3-r.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;
}


/* 右寄せリンク */

.right-link {
	text-align: right !important;
}
.right-link a {
	padding: 1px 0 5px 21px;
}

.rl-arrow1-b  a { background: url(img/shortcodes/icons/icon-arrow1-b-s.png)  no-repeat; }
.rl-arrow1-g  a { background: url(img/shortcodes/icons/icon-arrow1-g-s.png)  no-repeat; }
.rl-arrow1-gr a { background: url(img/shortcodes/icons/icon-arrow1-gr-s.png) no-repeat; }
.rl-arrow1-o  a { background: url(img/shortcodes/icons/icon-arrow1-o-s.png)  no-repeat; }
.rl-arrow1-p  a { background: url(img/shortcodes/icons/icon-arrow1-p-s.png)  no-repeat; }
.rl-arrow1-r  a { background: url(img/shortcodes/icons/icon-arrow1-r-s.png)  no-repeat; }
.rl-arrow2-b  a { background: url(img/shortcodes/icons/icon-arrow2-b-s.png)  no-repeat; }
.rl-arrow2-g  a { background: url(img/shortcodes/icons/icon-arrow2-g-s.png)  no-repeat; }
.rl-arrow2-gr a { background: url(img/shortcodes/icons/icon-arrow2-gr-s.png) no-repeat; }
.rl-arrow2-o  a { background: url(img/shortcodes/icons/icon-arrow2-o-s.png)  no-repeat; }
.rl-arrow2-p  a { background: url(img/shortcodes/icons/icon-arrow2-p-s.png)  no-repeat; }
.rl-arrow2-r  a { background: url(img/shortcodes/icons/icon-arrow2-r-s.png)  no-repeat; }
.rl-arrow3-b  a { background: url(img/shortcodes/icons/icon-arrow3-b-s.png)  no-repeat; }
.rl-arrow3-g  a { background: url(img/shortcodes/icons/icon-arrow3-g-s.png)  no-repeat; }
.rl-arrow3-gr a { background: url(img/shortcodes/icons/icon-arrow3-gr-s.png) no-repeat; }
.rl-arrow3-o  a { background: url(img/shortcodes/icons/icon-arrow3-o-s.png)  no-repeat; }
.rl-arrow3-p  a { background: url(img/shortcodes/icons/icon-arrow3-p-s.png)  no-repeat; }
.rl-arrow3-r  a { background: url(img/shortcodes/icons/icon-arrow3-r-s.png)  no-repeat; }


/* 区切り線 */

.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; }


/* 飾り背景 */

.bg-deco-metal1 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	border-style: solid;
	border-width: 2px;
	border-color: #fff #999 #666;
	border-radius: 10px;
	background-image: 
		url(img/shortcodes/bg-metal1-2.png), url(img/shortcodes/bg-metal1-2.png), url(img/shortcodes/bg-metal1-2.png), url(img/shortcodes/bg-metal1-2.png), 
		url(img/shortcodes/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-shadow: 0 1px 0 rgba(255,255,255,0.75);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
.bg-deco-metal2 {
	text-align: left;
	color:#fff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,1) !important;
	margin: 20px auto;
	padding: 30px 35px 15px;
	border-style: solid;
	border-width: 2px;
	border-color: #666 #333 #000;
	border-radius: 10px;
	background-image: 
		url(img/shortcodes/bg-metal2-2.png), url(img/shortcodes/bg-metal2-2.png), url(img/shortcodes/bg-metal2-2.png), url(img/shortcodes/bg-metal2-2.png), 
		url(img/shortcodes/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-shadow: 0 1px 0 rgba(255,255,255,0.75);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
	.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 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #999 #666;
	border-radius: 1px;
	background-image: 
		url(img/shortcodes/bg-metal3-2.png), url(img/shortcodes/bg-metal3-2.png), url(img/shortcodes/bg-metal3-2.png), url(img/shortcodes/bg-metal3-2.png), 
		url(img/shortcodes/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-shadow: 0 1px 0 rgba(255,255,255,0.75);
	box-shadow: 0 2px 2px rgba(0,0,0,0.8);
}
.bg-deco-metal4 {
	text-align: left;
	color:#fff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,1) !important;
	margin: 20px auto;
	padding: 30px 35px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #666 #333 #000;
	border-radius: 1px;
	background-image: 
		url(img/shortcodes/bg-metal4-2.png), url(img/shortcodes/bg-metal4-2.png), url(img/shortcodes/bg-metal4-2.png), url(img/shortcodes/bg-metal4-2.png), 
		url(img/shortcodes/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-shadow: 0 1px 0 rgba(255,255,255,0.75);
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
	.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 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 10px;
	background-image: 
		url(img/shortcodes/bg-paper1-1.png), url(img/shortcodes/bg-paper1-2.png), url(img/shortcodes/bg-paper1-3.png), url(img/shortcodes/bg-paper1-4.png),  
		url(img/shortcodes/bg-paper1-5.png), url(img/shortcodes/bg-paper1-6.png), url(img/shortcodes/bg-paper1-7.png), url(img/shortcodes/bg-paper1-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-paper2 {
	text-align: left;
	margin: 20px auto;
	padding: 53px 35px 10px;
	background-image: 
		url(img/shortcodes/bg-paper2-0.png), 
		url(img/shortcodes/bg-paper2-1.png), url(img/shortcodes/bg-paper2-2.png), url(img/shortcodes/bg-paper2-3.png), url(img/shortcodes/bg-paper2-4.png),  
		url(img/shortcodes/bg-paper2-5.png), url(img/shortcodes/bg-paper2-6.png), url(img/shortcodes/bg-paper2-7.png), url(img/shortcodes/bg-paper2-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-paper3 {
	text-align: left;
	margin: 20px auto;
	padding: 53px 35px 10px;
	background-image: 
		url(img/shortcodes/bg-paper3-0.png), 
		url(img/shortcodes/bg-paper2-1.png), url(img/shortcodes/bg-paper2-2.png), url(img/shortcodes/bg-paper2-3.png), url(img/shortcodes/bg-paper2-4.png),  
		url(img/shortcodes/bg-paper2-5.png), url(img/shortcodes/bg-paper2-6.png), url(img/shortcodes/bg-paper2-7.png), url(img/shortcodes/bg-paper2-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-paper4 {
	text-align: left;
	margin: 20px auto;
	padding: 53px 35px 10px;
	background-image: 
		url(img/shortcodes/bg-paper4-0.png), 
		url(img/shortcodes/bg-paper2-1.png), url(img/shortcodes/bg-paper2-2.png), url(img/shortcodes/bg-paper2-3.png), url(img/shortcodes/bg-paper2-4.png),  
		url(img/shortcodes/bg-paper2-5.png), url(img/shortcodes/bg-paper2-6.png), url(img/shortcodes/bg-paper2-7.png), url(img/shortcodes/bg-paper2-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-paper5 {
	text-align: left;
	margin: 20px auto;
	padding: 53px 35px 10px;
	background-image: 
		url(img/shortcodes/bg-paper5-0.png), 
		url(img/shortcodes/bg-paper2-1.png), url(img/shortcodes/bg-paper2-2.png), url(img/shortcodes/bg-paper2-3.png), url(img/shortcodes/bg-paper2-4.png),  
		url(img/shortcodes/bg-paper2-5.png), url(img/shortcodes/bg-paper2-6.png), url(img/shortcodes/bg-paper2-7.png), url(img/shortcodes/bg-paper2-8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-postit1 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-postit1-1.png), url(img/shortcodes/bg-postit1-2.png), url(img/shortcodes/bg-postit1-3.png), url(img/shortcodes/bg-postit1-4.png),  
		url(img/shortcodes/bg-postit1-5.png), url(img/shortcodes/bg-postit1-6.png), url(img/shortcodes/bg-postit1-7.png), url(img/shortcodes/bg-postit1-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-postit2 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-postit2-1.png), url(img/shortcodes/bg-postit2-2.png), url(img/shortcodes/bg-postit2-3.png), url(img/shortcodes/bg-postit2-4.png),  
		url(img/shortcodes/bg-postit2-5.png), url(img/shortcodes/bg-postit2-6.png), url(img/shortcodes/bg-postit2-7.png), url(img/shortcodes/bg-postit2-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-postit3 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-postit3-1.png), url(img/shortcodes/bg-postit3-2.png), url(img/shortcodes/bg-postit3-3.png), url(img/shortcodes/bg-postit3-4.png),  
		url(img/shortcodes/bg-postit3-5.png), url(img/shortcodes/bg-postit3-6.png), url(img/shortcodes/bg-postit3-7.png), url(img/shortcodes/bg-postit3-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-postit4 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-postit4-1.png), url(img/shortcodes/bg-postit4-2.png), url(img/shortcodes/bg-postit4-3.png), url(img/shortcodes/bg-postit4-4.png),  
		url(img/shortcodes/bg-postit4-5.png), url(img/shortcodes/bg-postit4-6.png), url(img/shortcodes/bg-postit4-7.png), url(img/shortcodes/bg-postit4-8.png), 
		url(img/shortcodes/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 ;
}
.bg-deco-postit5 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-postit5-1.png), url(img/shortcodes/bg-postit5-2.png), url(img/shortcodes/bg-postit5-3.png), url(img/shortcodes/bg-postit5-4.png),  
		url(img/shortcodes/bg-postit5-5.png), url(img/shortcodes/bg-postit5-6.png), url(img/shortcodes/bg-postit5-7.png), url(img/shortcodes/bg-postit5-8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-chalkboard {
	text-align: left;
	color:#fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-chalkboard1.png), url(img/shortcodes/bg-chalkboard2.png), url(img/shortcodes/bg-chalkboard3.png), url(img/shortcodes/bg-chalkboard4.png),  
		url(img/shortcodes/bg-chalkboard5.png), url(img/shortcodes/bg-chalkboard6.png), url(img/shortcodes/bg-chalkboard7.png), url(img/shortcodes/bg-chalkboard8.png), 
		url(img/shortcodes/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 ;
}
	.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 {
	text-align: left;
	margin: 20px auto;
	padding: 30px 35px 15px;
	background-image: 
		url(img/shortcodes/bg-woodboard1-1.png), url(img/shortcodes/bg-woodboard1-2.png), url(img/shortcodes/bg-woodboard1-3.png), url(img/shortcodes/bg-woodboard1-4.png),  
		url(img/shortcodes/bg-woodboard1-5.png), url(img/shortcodes/bg-woodboard1-6.png), url(img/shortcodes/bg-woodboard1-7.png), url(img/shortcodes/bg-woodboard1-8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-woodframe1 {
	text-align: left;
	margin: 20px auto;
	padding: 70px 75px 55px;
	background-image: 
		url(img/shortcodes/bg-woodframe1-1.png), url(img/shortcodes/bg-woodframe1-2.png), url(img/shortcodes/bg-woodframe1-3.png), url(img/shortcodes/bg-woodframe1-4.png),  
		url(img/shortcodes/bg-woodframe1-5.png), url(img/shortcodes/bg-woodframe1-6.png), url(img/shortcodes/bg-woodframe1-7.png), url(img/shortcodes/bg-woodframe1-8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-marker-p {
	text-align: left;
	margin: 2px auto 10px;
	padding: 55px 50px 40px;
	background-image: 
		url(img/shortcodes/bg-marker-p1.png), url(img/shortcodes/bg-marker-p2.png), url(img/shortcodes/bg-marker-p3.png), url(img/shortcodes/bg-marker-p4.png),  
		url(img/shortcodes/bg-marker-p5.png), url(img/shortcodes/bg-marker-p6.png), url(img/shortcodes/bg-marker-p7.png), url(img/shortcodes/bg-marker-p8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-marker-y {
	text-align: left;
	margin: 2px auto 10px;
	padding: 55px 50px 40px;
	background-image: 
		url(img/shortcodes/bg-marker-y1.png), url(img/shortcodes/bg-marker-y2.png), url(img/shortcodes/bg-marker-y3.png), url(img/shortcodes/bg-marker-y4.png),  
		url(img/shortcodes/bg-marker-y5.png), url(img/shortcodes/bg-marker-y6.png), url(img/shortcodes/bg-marker-y7.png), url(img/shortcodes/bg-marker-y8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-marker-g {
	text-align: left;
	margin: 2px auto 10px;
	padding: 55px 50px 40px;
	background-image: 
		url(img/shortcodes/bg-marker-g1.png), url(img/shortcodes/bg-marker-g2.png), url(img/shortcodes/bg-marker-g3.png), url(img/shortcodes/bg-marker-g4.png),  
		url(img/shortcodes/bg-marker-g5.png), url(img/shortcodes/bg-marker-g6.png), url(img/shortcodes/bg-marker-g7.png), url(img/shortcodes/bg-marker-g8.png), 
		url(img/shortcodes/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 ;
}

.bg-deco-marker-b {
	text-align: left;
	margin: 2px auto 10px;
	padding: 55px 50px 40px;
	background-image: 
		url(img/shortcodes/bg-marker-b1.png), url(img/shortcodes/bg-marker-b2.png), url(img/shortcodes/bg-marker-b3.png), url(img/shortcodes/bg-marker-b4.png),  
		url(img/shortcodes/bg-marker-b5.png), url(img/shortcodes/bg-marker-b6.png), url(img/shortcodes/bg-marker-b7.png), url(img/shortcodes/bg-marker-b8.png), 
		url(img/shortcodes/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 ;
}


/**
 * イラスト
 */

.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; }

.illust_bubble .title {
    position: relative;
    margin:1em auto .8em;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.39rem;
    line-height: 1.33;
}

.illust_bubble .title:before {
    position: absolute;
    top: -10px;
    width: 84px;
    height: 44px;
    background-repeat: no-repeat;
    content: "";
}

.title.check:before     { background-image: url("img/shortcodes/ill-badge-check.png") }
.title.point:before     { background-image: url("img/shortcodes/ill-badge-point.png") }
.title.kensho:before    { background-image: url("img/shortcodes/ill-badge-kensho.png") }
.title.kuchikomi:before { background-image: url("img/shortcodes/ill-badge-kuchikomi.png") }
.title.chumoku:before   { background-image: url("img/shortcodes/ill-badge-chumoku.png") }
.title.riyuu:before     { background-image: url("img/shortcodes/ill-badge-riyuu.png") }
.title.naze:before      { background-image: url("img/shortcodes/ill-badge-naze.png") }
.title.gimon:before     { background-image: url("img/shortcodes/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;
}

.ib-left .colored_bg:after {
    position: absolute; 
    top: 18px;
    right: 100%;
    width: 0; 
    height: 0;
    border: 18px solid transparent;
    border-left-width: 19px;
    border-left-style: solid; 
    content: "";
}

.ib-left .bg-green-lt:after  { border-right-color: #abddcd; }
.ib-left .bg-blue-lt:after   { border-right-color: #bccddd; }
.ib-left .bg-gray-lt:after   { border-right-color: #cdcdcd; }
.ib-left .bg-purple-lt:after { border-right-color: #ddbccd; }
.ib-left .bg-red-lt:after    { border-right-color: #eebcbc; }
.ib-left .bg-yellow-lt:after { border-right-color: #ffddab; }

.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; } /* バッジがある時だけpaddingが適用される */

.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;
}

.ib-right .colored_bg:after {
    position: absolute; 
    top: 18px;
    left: 100%;
    width: 0; 
    height: 0;
    border: 18px solid transparent;
    border-left-width: 19px;
    border-left-style: solid; 
    content: "";
}
.ib-right .bg-green-lt:after  { border-left-color: #abddcd; }
.ib-right .bg-blue-lt:after   { border-left-color: #bccddd; }
.ib-right .bg-gray-lt:after   { border-left-color: #cdcdcd; }
.ib-right .bg-purple-lt:after { border-left-color: #ddbccd; }
.ib-right .bg-red-lt:after    { border-left-color: #eebcbc; }
.ib-right .bg-yellow-lt:after { border-left-color: #ffddab; }

.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; } /* バッジがある時だけpaddingが適用される */

.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 {
        position: static;
        width: auto;
        height: auto;
        border: none;
        content: none;
    }

    .ib-left [class^="title-"],
    .ib-right [class^="title-"] {
        padding: 0;
    }

    [class^="title-"]:before {
        position: static;
        width: auto;
        height: auto;
        content: none;
    }

    .ib-illust img {
        display: none;
    }

    .ib-left .ib-bubble {
        margin-left: 0;
    }

    .ib-right .ib-bubble {
        margin-right: 0;
    }
}