@charset "UTF-8";

/* 共通スタイル
----------------------------------------------- */
@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?33368678');
      src: url('./font/fontello.eot?33368678#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?33368678') format('woff'),
           url('./font/fontello.ttf?33368678') format('truetype'),
           url('./font/fontello.svg?33368678#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'メイリオ', Helvetica, Arial, 'sans-serif';
}
input[type="checkbox"] {
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}
body, html {
    background-color: #f6f6f6;
    width:100%;
    height: 100%;
    font-size: 14px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'メイリオ', Helvetica, Arial, 'sans-serif';
    font-weight: 100;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    color: #383838;
}
body {
    position: relative;
}
body.no-scroll {
    position: fixed;
    overflow-y: scroll;
}
main {
    margin: 0 auto 0 auto;
    width: 60%;
}

/* リンク色 */
/*a {
    color: #009ABF;
    text-decoration: underline;
}
a:link {
    color: #009ABF;
    text-decoration: underline;
}
a:visited {
    color: #009ABF;
    text-decoration: underline;
}
a:hover {
    color: #009ABF;
    text-decoration: none;
}*/

.cfx {
    clear: both;
}

/* マテリアル
----------------------------------------------- */
/*アイコン*/
i.crown {
    display: inline-block;
    width: 31px;
    height: 27px;
    margin-top: 9px;
    margin-right: 10px;
    background: url(/resources/common/images/icons/i-16.png) repeat 0 0;
    background-size: 31px;
}
i.cmt {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(/resources/common/images/icons/i-17.png) repeat 0 0;
    background-size: 12px;
}
i.cmt-m {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url(/resources/common/images/icons/i-18.png) repeat 0 0;
    background-size: 18px;
}


/* ヘッダー
----------------------------------------------- */
body > header {
    z-index: 5;
    margin: 10px auto;
    /*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #CCC;*/
    width: 60%;
}
body > header .t {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 22px;
    margin-left: 4%;
    margin-right: 4%;
}
body > header .st {
    /*color: #4b6388;*/
    font-size: 11px;
    padding-bottom: 4px;
    margin-left: 4%;
    margin-right: 4%;
}

body > header .bd {
    border-bottom: 1px solid #CCC;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 10px;
}


/*メニュー*/

/*サイドメニュー*/

/* フッター
----------------------------------------------- */
body > footer nav {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #383838;
}
body > footer nav ul {
    text-align: center;
}
body > footer nav ul li {
    display: inline-block;
    padding-left: 6px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    font-weight: normal;
    border-left: 1px solid white;
}
body > footer nav ul li:first-child {
    border-left: none;
    padding-left: 0px;
}
body > footer nav ul li a {
    color: white;
    text-decoration: none;
}
body > footer nav ul li a.hover {
    text-decoration: underline;
}

body > footer small {
    display: block;
    width: 100%;
    color: white;
    text-align: center;
    line-height: 32px;
    font-size: 10px;
    font-weight: normal;
    background-color: #505050;
}

/*トップへボタン*/

/* 汎用パーツ
----------------------------------------------- */
/*メッセージ*/
.dsn-msg-box {

}

/*フロートメッセージ*/
.dsn-float-msg-box {

}
.dsn-float-msg-box.green {

}

.scroller,
.scroller-2,
.scroller-3,
.scroller-4,
.scroller-5 {
	position: absolute;
	z-index: 1;
	width: 100%;
	background: #ccc;
	overflow: hidden;
}
.scroller-5 {
    background: white;
}
.scroller .scroll,
.scroller-2 .scroll,
.scroller-3 .scroll,
.scroller-4 .scroll,
.scroller-5 .scroll {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

/*ボタン*/
.dsn-btn {
    position: relative;
}
.dsn-btn.r-arrow:before,
.dsn-btn.r-arrow:after,
.dsn-btn.l-arrow:before,
.dsn-btn.l-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    top: 50%;
    right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    -webkit-transform: translate(0, 2px) rotate(-45deg);
    -moz-transform: translate(0, 2px) rotate(-45deg);
    -ms-transform: translate(0, 2px) rotate(-45deg);
    transform: translate(0, 2px) rotate(-45deg);
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s
}
.dsn-btn.r-arrow:after {
    -webkit-transform: translate(0, -2px) rotate(45deg);
    -moz-transform: translate(0, -2px) rotate(45deg);
    -ms-transform: translate(0, -2px) rotate(45deg);
    transform: translate(0, -2px) rotate(45deg);
}
.dsn-btn.hover.r-arrow:before {
    -webkit-transform: translate(-2px, 2px) rotate(-45deg);
    -moz-transform: translate(-2px, 2px) rotate(-45deg);
    -ms-transform: translate(-2px, 2px) rotate(-45deg);
    transform: translate(-2px, 2px) rotate(-45deg);
}
.dsn-btn.hover.r-arrow:after {
    -webkit-transform: translate(-2px, -2px) rotate(45deg);
    -moz-transform: translate(-2px, -2px) rotate(45deg);
    -ms-transform: translate(-2px, -2px) rotate(45deg);
    transform: translate(-2px, -2px) rotate(45deg);
}

.dsn-btn.l-arrow:before,
.dsn-btn.l-arrow:after {
    right: auto;
    left: 10px;
}
.dsn-btn.l-arrow:before {
    -webkit-transform: translate(0, 2px) rotate(45deg);
    -moz-transform: translate(0, 2px) rotate(45deg);
    -ms-transform: translate(0, 2px) rotate(45deg);
    transform: translate(0, 2px) rotate(45deg);
}
.dsn-btn.l-arrow:after {
    -webkit-transform: translate(0, -2px) rotate(-45deg);
    -moz-transform: translate(0, -2px) rotate(-45deg);
    -ms-transform: translate(0, -2px) rotate(-45deg);
    transform: translate(0, -2px) rotate(-45deg);
}
.dsn-btn.hover.l-arrow:before {
    -webkit-transform: translate(-2px, 2px) rotate(45deg);
    -moz-transform: translate(-2px, 2px) rotate(45deg);
    -ms-transform: translate(-2px, 2px) rotate(45deg);
    transform: translate(-2px, 2px) rotate(45deg);
}
.dsn-btn.hover.l-arrow:after {
    -webkit-transform: translate(-2px, -2px) rotate(-45deg);
    -moz-transform: translate(-2px, -2px) rotate(-45deg);
    -ms-transform: translate(-2px, -2px) rotate(-45deg);
    transform: translate(-2px, -2px) rotate(-45deg);
}

/*ネタバレ注意*/
.dsn-btn span {
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    margin-right: 10px;
    background-color: #3c3c3c;
}

/*ボタン1*/
/*ボタン2*/
/*ボタン3*/
.dsn-btn.t1,
.dsn-btn.t2,
.dsn-btn.t3 {
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-left: 22px;
    padding-top: 2px;
    line-height: 48px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    background: #1ca12b url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 #1d8c29;
    -moz-box-shadow: 0 3px 0 #1d8c29;
    -ms-box-shadow: 0 3px 0 #1d8c29;
    box-shadow: 0 3px 0 #1d8c29;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.dsn-btn.t1.slim,
.dsn-btn.t2.slim {
    line-height: 37px;
}
.dsn-btn.t2.top20.r-arrow:before,
.dsn-btn.t2.top20.r-arrow:after {
    right: 0px;
    left: 154px;
    margin-left: auto;
    margin-right: auto;
}

.dsn-btn.t1.hover,
.dsn-btn.t2.hover,
.dsn-btn.t3.hover {
    background: #25B135 url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
}
.dsn-btn.t1.gray,
.dsn-btn.t2.gray {
    color: #3c3c3c;
    background: #dcdcdc url(/resources/common/images/material/s-4.png) repeat 0 0;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 #c3c3c3;
    -moz-box-shadow: 0 3px 0 #c3c3c3;
    -ms-box-shadow: 0 3px 0 #c3c3c3;
    box-shadow: 0 3px 0 #c3c3c3;
}
.dsn-btn.t1.p2.gray {
    background: #dcdcdc;
}
.dsn-btn.t1.blue,
.dsn-btn.t2.blue {
    color: white;
    background: #505050 url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 #5173a8;
    -moz-box-shadow: 0 3px 0 #5173a8;
    -ms-box-shadow: 0 3px 0 #5173a8;
    box-shadow: 0 3px 0 #5173a8;
}
.dsn-btn.t2.blue:hover {
    background: #9eb7de url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
}
.dsn-btn.t1.black,
.dsn-btn.t2.black {
    color: white;
    background: #505050 url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 black;
    -moz-box-shadow: 0 3px 0 black;
    -ms-box-shadow: 0 3px 0 black;
    box-shadow: 0 3px 0 black;
}
.dsn-btn.t2.black:hover {
    background: #777777 url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
}
.dsn-btn.t1.lightBlue {
    line-height: 45px;
    margin-bottom: 8px;
    color: #22439c;
    background: white;
    -webkit-box-shadow: 0 3px 0 #c0d4e9;
    -moz-box-shadow: 0 3px 0 #c0d4e9;
    -ms-box-shadow: 0 3px 0 #c0d4e9;
    box-shadow: 0 3px 0 #c0d4e9;
}
.dsn-btn.t1.lightGreen {
    height: 45px;
    padding-top: 15px;
    padding-right: 15px;
    line-height: 1.2em;
    margin-bottom: 8px;
    color: #1ca12b;
    background: white;
    -webkit-box-shadow: 0 3px 0 #bee6c3;
    -moz-box-shadow: 0 3px 0 #bee6c3;
    -ms-box-shadow: 0 3px 0 #bee6c3;
    box-shadow: 0 3px 0 #bee6c3;
}
.dsn-btn.t1.lightGreen2 {
    height: 45px;
    padding-top: 15px;
    padding-right: 15px;
    line-height: 1.2em;
    margin-bottom: 8px;
    color: #464646;
    background: #e9f7f9;
    -webkit-box-shadow: 0 3px 0 #bfdee2;
    -moz-box-shadow: 0 3px 0 #bfdee2;
    -ms-box-shadow: 0 3px 0 #bfdee2;
    box-shadow: 0 3px 0 #bfdee2;
}
.dsn-btn.t1.darkGreen {
    background: #27b0c1;
    -webkit-box-shadow: 0 3px 0 #049db1;
    -moz-box-shadow: 0 3px 0 #049db1;
    -ms-box-shadow: 0 3px 0 #049db1;
    box-shadow: 0 3px 0 #049db1;
}
.dsn-btn.t1.darkGray {
    background: #464646;
    -webkit-box-shadow: 0 3px 0 black;
    -moz-box-shadow: 0 3px 0 black;
    -ms-box-shadow: 0 3px 0 black;
    box-shadow: 0 3px 0 black;
}
.dsn-btn.t1.lightGreen.c2 {
    padding-top: 10px;
}
.dsn-btn.t3.gray {
    color: #3c3c3c;
    background: #dedede;
    -webkit-box-shadow: 0 3px 0 #7a7a7a;
    -moz-box-shadow: 0 3px 0 #7a7a7a;
    -ms-box-shadow: 0 3px 0 #7a7a7a;
    box-shadow: 0 3px 0 #7a7a7a;
}
.dsn-btn.t2.lightBlue {
    color: #22439c;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 0 #c0d4e9;
    -moz-box-shadow: 0 3px 0 #c0d4e9;
    -ms-box-shadow: 0 3px 0 #c0d4e9;
    box-shadow: 0 3px 0 #c0d4e9;
}
.dsn-btn.t2.lightGreen {
    color: #1ca12b;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 0 #bee6c3
    -moz-box-shadow: 0 3px 0 #bee6c3;
    -ms-box-shadow: 0 3px 0 #bee6c3;
    box-shadow: 0 3px 0 #bee6c3;
}
.dsn-btn.t1.gray.hover,
.dsn-btn.t2.gray.hover,
.dsn-btn.t2.gray:hover {
    background: #d5d5d5 url(/resources/common/images/material/s-4.png) repeat 0 0;
    background-size: 5px;
}
.dsn-btn.t1.p2.gray.hover {
    background: #d5d5d5;
}
.dsn-btn.t1.blue.hover,
.dsn-btn.t2.blue.hover {
    background: #3E5FBB url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
}
.dsn-btn.t1.lightBlue.hover {
    background: #EFF7FF;
}
.dsn-btn.t1.lightGreen.hover {
    background: #E5FBDD;
}
.dsn-btn.t1.lightGreen2.hover {
    background: #b4e9f0;
}
.dsn-btn.t1.darkGreen.hover {
    background: #63CAD8;
}
.dsn-btn.t1.darkGray.hover {
    background: #838383;
}
.dsn-btn.t3.gray.hover {
    background: #d5d5d5;
}
.dsn-btn.t2.lightBlue.hover {
    background: #AACBEB;
}
.dsn-btn.t2.lightGreen.hover {
    background: #BDEBAA;
}
.dsn-btn.t3.gray:after {
    content: "";
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    background: url(/resources/common/images/icons/i-30.png) no-repeat 0 0;
    background-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.dsn-btn.t3.gray.hover:after {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.dsn-btn.t1.gray.r-arrow:before,
.dsn-btn.t1.gray.r-arrow:after,
.dsn-btn.t2.gray.r-arrow:before,
.dsn-btn.t2.gray.r-arrow:after,
.dsn-btn.t1.gray.l-arrow:before,
.dsn-btn.t1.gray.l-arrow:after,
.dsn-btn.t2.gray.l-arrow:before,
.dsn-btn.t2.gray.l-arrow:after {
    background-color: #3c3c3c;
}
.dsn-btn.t1.lightGreen2.r-arrow:before,
.dsn-btn.t1.lightGreen2.r-arrow:after {
    background-color: #28b0c1;
}
.dsn-btn.cnt,
.dsn-btn.t2 {
    padding-left: 0px;
    text-align: center;
}
/*赤ボタン*/
.dsn-btn.t1.red {
    color: white;
    background: #af0410 url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 #870009;
    -moz-box-shadow: 0 3px 0 #870009;
    -ms-box-shadow: 0 3px 0 #870009;
    box-shadow: 0 3px 0 #870009;
}
.dsn-btn.t1.red.hover {
    background: #c90d1a url(/resources/common/images/material/s-1.png) repeat 0 0;
    background-size: 5px;
}

/*ダークグレーボタン*/
.dsn-btn.t2.dgray {
    color: white;
    background: #464646;
    background-size: 5px;
    -webkit-box-shadow: 0 3px 0 black;
    -moz-box-shadow: 0 3px 0 black;
    -ms-box-shadow: 0 3px 0 black;
    box-shadow: 0 3px 0 black;
}
.dsn-btn.t2.dgray.hover {
    background: #989898;
    background-size: 5px;
}


.dsn-btn-wrap {
    text-align: center;
}
.dsn-btn.half {
    display: inline-block;
    width: 46%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    font-size: 12px;
}


.dsn-msg-bx {
    position: relative;
     display: none;
    padding: 8px;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    /*color: #d40404;*/
    border: 1px solid #d40404;
    background-color: #F6D2D2;
    line-height: 1.4em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
/*.dsn-msg-bx:before,*/
/*.dsn-msg-bx:after {*/
    /*position: absolute;*/
    /*content: "";*/
    /*width: 10px;*/
    /*height: 2px;*/
    /*top: 8px;*/
    /*right: 5px;*/
    /*background: #d40404;*/
    /*-webkit-border-radius: 2px;*/
    /*-moz-border-radius: 2px;*/
    /*-ms-border-radius: 2px;*/
    /*border-radius: 2px;*/
    /*-webkit-transform: rotateZ(45deg);*/
    /*-moz-transform: rotateZ(45deg);*/
    /*-ms-transform: rotateZ(45deg);*/
    /*transform: rotateZ(45deg);*/
/*}*/
.dsn-msg-bx:after {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.dsn-msg-bx.yellow {
    /*color: #4b6388;*/
    border: 1px solid #ecb20c;
    background-color: #fff3ac;
}
.dsn-msg-bx.yellow:before,
.dsn-msg-bx.yellow:after {
    background: #ecb20c;
}
.dsn-msg-bx.open {
    display: block;
}
.dsn-msg-bx strong {
    font-weight: bold;
}

/* 共通コンテンツ
----------------------------------------------- */
main > .bx {
    clear: both;
    /*background: green;*/
    margin-top: 14px;
    margin-left: 4%;
    margin-right: 4%;
}
main > .bx.l {
    clear: none;
    float: left;
    width: 49%;
    /*background: red;*/
    margin-right: 2%;
}
main > .bx.r {
    clear: none;
    float: left;
    width: 49%;
    /*background: blue;*/
}
main > .bx > .t {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 6px;
}

.dsn-bx {
    background: white;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 14px;
}

.dsn-bx > dl {
    display: table;
    width: 94%;
    margin: 10px 3%;
    border-bottom: 1px solid #e2e2e2;
}
.dsn-bx > dl dt,
.dsn-bx > dl dd {
    display: table-cell;
    width: 50%;
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
}
.dsn-bx > dl dt {
    /*width: 30%;*/
    padding-top: 5px;
}
.dsn-bx > dl dd  {
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 11px;
    text-align: right;
}

.dsn-bx > .dsn-msg-bx,
.dsn-bx > p {
    margin: 10px 3%;
}
.dsn-bx > p strong {
    font-weight: bold;
}
.dsn-bx > p strong.b {
    font-size: 16px;
}
.dsn-bx > p.c {
    text-align: center;
}
.dsn-bx > p.r {
    text-align: right;
}

/*type2*/
.dsn-bx.t2 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 2px solid #363f44;
}
.dsn-bx.t2 > .t {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: center;
    background: #363f44;
}

/*type3*/
.dsn-bx.t3 > .t {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: center;
    background: #363f44;
}
.dsn-bx.t3 > ul {
    margin: 10px 3%;
}
.dsn-bx.t3 > ul > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
    line-height: 1.4em;
}
.dsn-bx.t3 > ul > li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #32c8be;
}


.dsn-bx.t3 > ul > li > ol {
    list-style-type: decimal;
    margin: 10px 3%;
}
.dsn-bx.t3 > ul > li > ol > li {
}

/* スマホ
----------------------------------------------- */
@media screen and (max-width: 640px) {
    body > header {
        width: 100%;
    }
    main {
        width: 100%;
    }
    main > .bx.l,
    main > .bx.r {
        width: 100%;
        float: none;
    }
}

/* Retina対応
----------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {

}

/* ショートカットCSS */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }
.w26p { width: 26%; }
.w36p { width: 36%; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pr5 { padding-right: 5px; }

.txtal { text-align: left; }
.txtac { text-align: center; }
.txtar { text-align: right; }