@charset "utf-8";

/* ===================================================================
css information

File Name  : common.css
Author     :
Style Info :
=================================================================== */

/*********************************************************************

Browser Default Initialization

*********************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; font-weight:normal; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
html { overflow-y:scroll; }
body { line-height:1; letter-spacing:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
dl, ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { vertical-align:bottom; }
img, x:-moz-any-link, x:default { box-shadow:#000 0 0 0; }
a { color:inherit; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
a, b, big, i, s, small, strike, strong, sub, sup, u, span, em { font-weight:inherit; line-height:inherit; }
*,
:before,
:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/*********************************************************************

common

*********************************************************************/

html,
input,
select,
textarea,
button { color:#333; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
html { font-size:87.5%; }
body { background:#f9f9f9; }
h1, h2, h3, h4, h5, h6 { line-height:1.3; }
p { line-height:1.3; }
a { text-decoration:none; }
img { width:100%; }
input,
textarea,
button,
select { font-size:1rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

@media screen and (max-width:768px){
html { font-size:81.3%; }
h1, h2, h3, h4, h5, h6 { line-height:1.3; }
p { line-height:1.3; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
html.web-view { font-size:81.3%; }
.web-view h1, .web-view h2, .web-view h3, .web-view h4, .web-view h5, .web-view h6 { line-height:1.3; }
.web-view p { line-height:1.3; }

/* ===================================================================
 font-family
=================================================================== */

html,
input,
select,
textarea,
button,
pre { font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.bn-ie,
.bn-ie input,
.bn-ie select,
.bn-ie textarea,
.bn-ie button { font-family:'Segoe UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

/* ===================================================================
 cursor
=================================================================== */

.device-mobile *,
.device-tablet * { cursor:pointer; }

/* ===================================================================
 clearfix
=================================================================== */

.clearfix:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .clearfix { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .clearfix { zoom:1; }

/* ===================================================================
 clear
=================================================================== */

.clear { clear:both; }

/* ===================================================================
 text-align
=================================================================== */

.align-left { text-align:left !important; }
.align-right { text-align:right !important; }
.align-center { text-align:center !important; }

@media print,screen and (min-width:769px){
html:not(.web-view) .align-left-pc { text-align:left !important; }
html:not(.web-view) .align-right-pc { text-align:right !important; }
html:not(.web-view) .align-center-pc { text-align:center !important; }
}

@media screen and (max-width:768px){
.align-left-sp { text-align:left !important; }
.align-right-sp { text-align:right !important; }
.align-center-sp { text-align:center !important; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .align-left-sp { text-align:left !important; }
.web-view .align-right-sp { text-align:right !important; }
.web-view .align-center-sp { text-align:center !important; }

/* ===================================================================
 vertical-align
=================================================================== */

.v-align-top { vertical-align:top !important; }
.v-align-middle { vertical-align:middle !important; }
.v-align-bottom { vertical-align:bottom !important; }

@media print,screen and (min-width:769px){
html:not(.web-view) .v-align-top-pc { vertical-align:top !important; }
html:not(.web-view) .v-align-middle-pc { vertical-align:middle !important; }
html:not(.web-view) .v-align-bottom-pc { vertical-align:bottom !important; }
}

@media screen and (max-width:768px){
.v-align-top-sp { vertical-align:top !important; }
.v-align-middle-sp { vertical-align:middle !important; }
.v-align-bottom-sp { vertical-align:bottom !important; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .v-align-top-sp { vertical-align:top !important; }
.web-view .v-align-middle-sp { vertical-align:middle !important; }
.web-view .v-align-bottom-sp { vertical-align:bottom !important; }

/* ===================================================================
 display:none
=================================================================== */

@media print,screen and (min-width:769px){
html:not(.web-view) .only-sp { display:none !important; }
}

@media screen and (max-width:768px){
.only-pc { display:none !important; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .only-pc { display:none !important; }

/* ===================================================================
 indent
=================================================================== */

.indent-1 { text-indent:-1em; margin-left:1em; }

/* ===================================================================
 accordion
=================================================================== */

.acd-item-button { cursor:pointer;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.acd-item-content { display:none; }

/* hover */
.acd-item-button:hover { opacity:0.8; }

@media screen and (max-width:768px){
/* hover */
.acd-item-button:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
/* hover */
.web-view .acd-item-button:hover { opacity:1; }

/* ===================================================================
 other
=================================================================== */
@media screen and (max-width:768px){
.min-h-1-sp { min-height:300px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .min-h-1-sp { min-height:300px; }

/*********************************************************************

#g-header - rwd

*********************************************************************/

#g-header { width:100%; position:relative; z-index:100; }
#g-header .inner { width:100%; height: 100%; max-width:1000px; margin:0 auto; }
#g-header .l-cont,
#g-header .r-cont { position:relative; height:64px; font-size:0; }
#g-header .l-cont:before,
#g-header .r-cont:before,
#g-header .l-cont > *,
#g-header .r-cont > * { display: inline-block; vertical-align: middle; }
#g-header .l-cont:before,
#g-header .r-cont:before { content: ''; width: 0; height: 100%; }
#g-header .l-cont > *,
#g-header .r-cont > * { max-width: 100%; }
#g-header .l-cont { float: left; text-align: left; z-index:1; }
#g-header .r-cont { float: right; text-align: right; z-index:0; }
#g-header .logo { font-size: 1rem; }
#g-header .logo img { width: auto; height: 43px; }
#g-header .logo-corp { font-size:1rem; padding:0 0 0 20px; }
#g-header .logo-corp img { width:auto; height:22px; }
#g-header .drop-nav { display: inline-block; vertical-align: middle; position: relative; }
#g-header .drop-nav-button { display: block; height: 35px; line-height: 35px; padding:0 22px 0 0; position: relative; background: URL(/img/nav_arrow.png) no-repeat right center; background-size: 20px;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
#g-header .drop-nav-button.no-menu { padding-right:0; background-image:none; }
#g-header .drop-nav-menu { width: 210px; position: absolute; top: 35px; left: 0; background: #fff; border:#e9e9e9 1px solid; text-align: left;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
#g-header .drop-nav-menu ul { padding: 20px 0; }
#g-header .drop-nav-menu li a { display: block; font-size: 14px; line-height:1.35; padding: 7px 30px;
-webkit-transition: color 0.3s ease, opacity 0.3s ease;
transition: color 0.3s ease, opacity 0.3s ease;
}

#g-header-top { background:#fff; border-bottom:#dcdcdc 1px solid; position:relative; z-index:2; }
#g-header-top .l-cont,
#g-header-top .r-cont { position:relative; }
#g-header-top .cmn-link-1 { font-size:0.933rem; line-height:1.35; }
#g-header-top .category-nav { padding-left: 30px; }
#g-header-top .category-nav .drop-nav { margin-left: 20px; }
#g-header-top .category-nav .drop-nav-button { font-size: 14px; font-weight: bold; }
#g-header-top .guest-items > *,
#g-header-top .member-items > * { display: inline-block; vertical-align: middle; }
#g-header-top .guest-items { padding: 0 0 0 10px; }
#g-header-top .guest-items .cmn-button-1 { width:120px; height:30px; line-height:30px; background-color:#1f44b1; font-size:13px; margin-left:10px; }
#g-header-top .member-items { padding: 0 0 0 20px; }
#g-header-top .member-items .drop-nav-button { font-size: 14px; padding-left: 26px; }
#g-header-top .member-items .drop-nav-button:before { content: ''; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; margin: -10px 0 0 0; background: URL(/img/icon_user-pc.png) no-repeat center center; background-size: 100%; }

#srvc-g-header-search { width: 254px; float:left; margin:14px 40px 0 0; }
#srvc-g-header-search form { width:100%; }
#srvc-g-header-search .search-inner {
display: -webkit-flex; display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-justify-content: flex-start; justify-content: flex-start;
-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
-webkit-align-items: stretch; align-items: stretch;
-webkit-align-content: flex-start; align-content: flex-start;
}
#srvc-g-header-search-input {
-webkit-flex-grow: 3; flex-grow: 3;
-webkit-flex-shrink: 0; flex-shrink: 0;
-webkit-flex-basis: 0px; flex-basis: 0px;
}
#srvc-g-header-search-input input[type="search"] { width: 100%; height: 40px; line-height: 40px; display: inline-block; vertical-align: top; background: #fff; border: 0; font-size: 14px; color: #808080; padding: 0 10px; border-radius: 4px 0 0 4px; }
#srvc-g-header-search-button { width: 48px; overflow: hidden; }
#srvc-g-header-search-button button { display: block; width: 48px; height: 40px; background: #FF045D URL(/img/icon_search.png) no-repeat center center; background-size: 22px; border: 0; border-radius: 0 4px 4px 0; text-indent: -9999px; cursor: pointer; }s
#srvc-g-header-top .drop-nav-menu a,
#srvc-g-header-search-button button { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

#srvc-g-header-top { background:#FF6E82; }
#srvc-g-header-top .logo img { width: auto; height: 38px; padding:0 0 0 25px; }
#srvc-g-header-top .r-cont { padding:0 10px 0 0; }
#srvc-g-header-top .mypage-items > *,
#srvc-g-header-top .info-items > * { display: inline-block; vertical-align: middle; }
#srvc-g-header-top .drop-nav { display: inline-block; vertical-align: middle; position:static; }
#srvc-g-header-top .drop-nav-button { display: block; width:60px; height: 46px; line-height: 46px; margin:0 10px 0 0; background: URL(/img/icon_news.svg) no-repeat center top; background-size:24px 27px; color:#fff; font-size: 10px; padding-top: 17px; padding-right:0; text-align:center; }
#srvc-g-header-top .menu-items .drop-nav-button { background: URL(/img/icon_menu.svg) no-repeat center top; background-size:27px 27px; }
#srvc-g-header-top .mypage-items .drop-nav-button { background: URL(/img/icon_mypage.svg) no-repeat center top; background-size:24px 27px; }
#srvc-g-header-top .drop-nav-menu { position: absolute; top: 64px; right: 10px; left:auto; background:transparent; border:none; box-shadow:none; }
#srvc-g-header-top .drop-nav-menu-inner { text-align: left; background: #fff; border-bottom:#e9e9e9 1px solid; }
#srvc-g-header-top .drop-nav-menu-inner:before { content:''; position:absolute; top:-17px; right:30px; width: 0; height: 0; border: 9px solid transparent; border-bottom: 9px solid #fff; }
#srvc-g-header-top .drop-nav-menu li a { display: block; font-size: 12px; line-height:1.35; padding: 10px 0px; }

#srvc-g-header-top .info-items .drop-nav-menu { width:400px; }
#srvc-g-header-top .info-items .drop-nav-menu ul { padding:0 15px; }
#srvc-g-header-top .info-items .drop-nav-menu li a { display:block; position:relative; border-bottom:1px solid #ccc; padding:10px 65px 10px 0; }
#srvc-g-header-top .info-items .drop-nav-menu li a:before { content:''; position:absolute; bottom:10px; right:0; width:15px; height:15px; background:url(/img/arrow_right_03.svg) no-repeat center center; background-size:100% auto; }
#srvc-g-header-top .info-items .drop-nav-menu .ttl { font-size:13px; font-weight:bold; margin:0 0 5px 0; }
#srvc-g-header-top .info-items .drop-nav-menu .date { display:inline-block; position:absolute; top:10px; right:0; text-align:right; font-size:9px; color:#b3b3b3; }
#srvc-g-header-top .info-items .drop-nav-menu .btmlink a { display:block; padding:0 15px; height:32px; line-height:32px; font-size:12px; color:#1a237e; text-decoration:underline; text-align:right; }

/* hover */
#g-header-top .drop-nav-menu li a:hover { color:#1f44b1; }
#g-header .drop-nav-button:hover,
#srvc-g-header-top .drop-nav-menu a:hover,
#srvc-g-header-search-button button:hover { opacity:0.75; }

/* drop-nav type */
#g-header .drop-nav.type-l .drop-nav-menu { left:0; right: auto; }
#g-header .drop-nav.type-r .drop-nav-menu { left:auto; right: 0; }

/* default */
#g-header .drop-nav-menu { opacity: 0; visibility: hidden;
-webkit-transform: translateX(0px) translateY(-20px);
-ms-transform: translateX(0px) translateY(-20px);
transform: translateX(0px) translateY(-20px);
}

/* active */
#srvc-g-header-top .drop-nav.active .drop-nav-button { opacity:0.5; }
#g-header .drop-nav.active .drop-nav-menu { opacity: 1; visibility: visible;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}

/* clearfix element */
#g-header .inner:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #g-header .inner { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #g-header .inner { zoom:1; }

@media screen and (max-width:768px){
#g-header { width:100%; min-width:320px; }
#g-header .inner { max-width:none; }
#g-header .l-cont,
#g-header .r-cont { height:45px; font-size:0; }
#g-header .logo img { height:32px; }
#g-header-top { display:none; }

#srvc-g-header-search { width:100%; float:none; margin:0 0 0 0; padding:0 10px 5px 10px; background:#FF6E82; }
#srvc-g-header-search-input input[type="search"] { height: 30px; line-height: 30px; font-size: 1.077rem; border-radius: 3px 0 0 3px; }
#srvc-g-header-search-button { width: 55px; }
#srvc-g-header-search-button button { width: 55px; height: 30px; background-size: 16px; border-radius: 0 3px 3px 0; }

#srvc-g-header-top { height:79px; }
#srvc-g-header-top .logo img { width: auto; height: 22px; padding:0 0 0 10px; }
#srvc-g-header-top .r-cont { float:none; padding:0 0 0 0; }
#srvc-g-header-top .drop-nav-button { width:44px; height: 44px; line-height: 44px; margin:0 0 0 0; background-size:auto 20px; padding-top: 0; background-position: center center; text-indent:-9999px; }
#srvc-g-header-top .drop-nav-button:before { display:none; content:''; }
#srvc-g-header-top .menu-items .drop-nav-button,
#srvc-g-header-top .mypage-items .drop-nav-button { background-size:auto 20px; background-position: center center; }

#srvc-g-header-top .drop-nav-menu { position: absolute; top: 50px; right: 0; padding:0; }
#srvc-g-header-top .drop-nav-menu-inner:before { top:-13px; border: 1px solid transparent; border-bottom: 1px solid #ccc; }
#srvc-g-header-top .drop-nav-menu li a { display: block; font-size: 14px; line-height:1.3; padding: 10px 0px; }

#srvc-g-header-top .info-items .drop-nav-menu { width:100%; max-width:400px; padding-bottom:10px; }
#srvc-g-header-top .info-items .drop-nav-menu-inner:before { right:103px; }
#srvc-g-header-top .info-items .drop-nav-menu ul { overflow:auto; padding:0 10px; max-height:286px; }
#srvc-g-header-top .info-items .drop-nav-menu li a { padding:10px 60px 10px 0; }
#srvc-g-header-top .info-items .drop-nav-menu li a:before { bottom:10px; right:0; width:15px; height:15px; }
#srvc-g-header-top .info-items .drop-nav-menu .ttl { font-size:0.923rem; margin:0 0 5px 0; }
#srvc-g-header-top .info-items .drop-nav-menu .date { top:10px; font-size:0.692rem; }
#srvc-g-header-top .info-items .drop-nav-menu .btmlink a { padding:0 10px; font-size:0.923rem; }

#srvc-g-header-top .menu-items .drop-nav-menu { width:208px;height: auto; max-height: calc(var(--vh) - 45px - 20px); overflow-y: auto;-webkit-overflow-scrolling: touch; box-shadow: -2px -1px 4px 0px rgba(0, 0, 0, 0.15);}
#srvc-g-header-top .menu-items .drop-nav-menu-inner:before { right:58px; }
#srvc-g-header-top .menu-items .drop-nav-menu-inner.no-border {border-bottom: none; padding-bottom: 15px;}
#srvc-g-header-top .menu-items .drop-nav-menu .ttl { padding:6px 10px 0 10px; font-size:1.077rem; font-weight:bold; text-align:center; }
#srvc-g-header-top .menu-items .drop-nav-menu ul { padding:5px; }
#srvc-g-header-top .menu-items .drop-nav-menu li { display:block; padding:10px 20px; font-size:14px; }
#srvc-g-header-top .menu-items .drop-nav-menu li a { display:block; width:auto; padding:0; text-align:left; }
#srvc-g-header-top .menu-items .drop-nav-menu li a img { width:90px; height:90px; margin-bottom:5px; }
#srvc-g-header-top .menu-items .drop-nav-menu p { font-size: 16px; font-weight: bold; line-height: 1.4; padding: 16px 20px 0px; color: #333; }

#srvc-g-header-top .mypage-items .drop-nav-menu { width:190px; font-size:0.923rem; }
#srvc-g-header-top .mypage-items .drop-nav-menu-inner:before { right:15px; }
#srvc-g-header-top .mypage-items .drop-nav-menu ul { padding:0 10px 2px 10px; }
#srvc-g-header-top .mypage-items .drop-nav-menu li a { display:block; padding:8px 0; font-size:inherit; }
#srvc-g-header-top .mypage-items .drop-nav-menu li.bdr-btm a { border-bottom:1px solid #cccccc; padding:8px 0 14px 0; }
#srvc-g-header-top .mypage-items .drop-nav-menu li.bdr-btm + li a { padding-top:14px; }
#srvc-g-header-top .mypage-items .drop-nav-menu .username { padding:10px 10px 8px 10px; color:#b2b2b2; }

/* hover */
#g-header-top .drop-nav-menu li a:hover { color:#333; }
#g-header .drop-nav-button:hover,
#g-header .drop-nav-menu a:hover,
#srvc-g-header-top .drop-nav-menu a:hover,
#srvc-g-header-search-button button:hover { opacity:1; }

/* iOS9 */
.og-ios.ov-9 #srvc-g-header-top .r-cont { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 #srvc-g-header-top .r-cont > * { letter-spacing:normal; }
.og-ios.ov-9 #srvc-g-header-top .menu-items .drop-nav-menu ul { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 #srvc-g-header-top .menu-items .drop-nav-menu li { letter-spacing:normal; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view #g-header { width:100%; min-width:320px; }
.web-view #g-header .inner { max-width:none; }
.web-view #g-header .l-cont,
.web-view #g-header .r-cont { height:45px; font-size:0; }
.web-view #g-header .logo img { height:32px; }
.web-view #g-header-top { display:none; }

.web-view #srvc-g-header-search { width:100%; float:none; margin:0 0 0 0; padding:0 10px 5px 10px; background:#3f51b5; }
.web-view #srvc-g-header-search-input input[type="search"] { height: 30px; line-height: 30px; font-size: 1.077rem; border-radius: 3px 0 0 3px; }
.web-view #srvc-g-header-search-button { width: 55px; }
.web-view #srvc-g-header-search-button button { width: 55px; height: 30px; background-size: 16px; border-radius: 0 3px 3px 0; }

.web-view #srvc-g-header-top { height:79px; }
.web-view #srvc-g-header-top .logo img { width: auto; height: 22px; padding:0 0 0 10px; }
.web-view #srvc-g-header-top .r-cont { float:none; padding:0 0 0 0; }
.web-view #srvc-g-header-top .drop-nav-button { width:44px; height: 44px; line-height: 44px; margin:0 0 0 0; background-size:auto 20px; padding-top: 0; background-position: center center; text-indent:-9999px; }
.web-view #srvc-g-header-top .drop-nav-button:before { display:none; content:''; }
.web-view #srvc-g-header-top .menu-items .drop-nav-button,
.web-view #srvc-g-header-top .mypage-items .drop-nav-button { background-size:auto 20px; background-position: center center; }

.web-view #srvc-g-header-top .drop-nav-menu { position: absolute; top: 45px; right: 0; padding:0 10px; }
.web-view #srvc-g-header-top .drop-nav-menu-inner:before { top:-13px; border: 7px solid transparent; border-bottom: 7px solid #fff; }
.web-view #srvc-g-header-top .drop-nav-menu li a { display: block; font-size: 0.923rem; line-height:1.3; padding: 10px 0px; }

.web-view #srvc-g-header-top .info-items .drop-nav-menu { width:100%; max-width:400px; padding-bottom:10px; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu-inner:before { right:15px; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu ul { overflow:auto; padding:0 10px; max-height:286px; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu li a { padding:10px 60px 10px 0; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu li a:before { bottom:10px; right:0; width:15px; height:15px; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu .ttl { font-size:0.923rem; margin:0 0 5px 0; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu .date { top:10px; font-size:0.692rem; }
.web-view #srvc-g-header-top .info-items .drop-nav-menu .btmlink a { padding:0 10px; font-size:0.923rem; }

.web-view #srvc-g-header-top .menu-items { display:none; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu { width:235px;}
.web-view #srvc-g-header-top .menu-items .drop-nav-menu-inner:before { right:58px; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu .ttl { padding:6px 10px 0 10px; font-size:1.077rem; font-weight:bold; text-align:center; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu ul { padding:5px; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu li { display:inline-block; padding:5px; font-size:1rem; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu li a { display:; width:90px; padding:0; text-align:center; }
.web-view #srvc-g-header-top .menu-items .drop-nav-menu li a img { width:90px; height:90px; margin-bottom:5px; }

.web-view #srvc-g-header-top .mypage-items { display:none; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu { width:190px; font-size:0.923rem; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu-inner:before { right:15px; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu ul { padding:0 10px 2px 10px; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu li a { display:block; padding:8px 0; font-size:inherit; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu li.bdr-btm a { border-bottom:1px solid #cccccc; padding:8px 0 14px 0; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu li.bdr-btm + li a { padding-top:14px; }
.web-view #srvc-g-header-top .mypage-items .drop-nav-menu .username { padding:10px 10px 8px 10px; color:#b2b2b2; }

/* hover */
.web-view #g-header-top .drop-nav-menu li a:hover { color:#333; }
.web-view #g-header .drop-nav-button:hover,
.web-view #g-header .drop-nav-menu a:hover,
.web-view #srvc-g-header-top .drop-nav-menu a:hover,
.web-view #srvc-g-header-search-button button:hover { opacity:1; }

/* iOS9 */
.og-ios.ov-9.web-view #srvc-g-header-top .r-cont { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9.web-view #srvc-g-header-top .r-cont > * { letter-spacing:normal; }
.og-ios.ov-9.web-view #srvc-g-header-top .menu-items .drop-nav-menu ul { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9.web-view #srvc-g-header-top .menu-items .drop-nav-menu li { letter-spacing:normal; }


/*********************************************************************

#g-footer - rwd

*********************************************************************/

#g-footer { background:#f7f7f7; position:relative; z-index:98; font-size:0.857rem; }
#g-footer > .inner { width:100%; max-width:1000px; margin:0 auto; }
#g-footer-top > div { width:230px; float:left; padding:25px 80px 0 50px; position:relative; z-index:1; }
#g-footer-top > section { width:100%; float:right; margin:0 0 0 -230px; padding:0 0 0 230px; position:relative; z-index:0; }
#g-footer-top > section .copyright { margin:20px 0 30px 178px; }
#g-footer-nav { font-size:0; padding:0 70px 0 0; }
#g-footer-nav li { display:inline-block; vertical-align:middle; margin:30px 30px 0 0; }
#g-footer-nav li > * { font-size:0.857rem; }
#g-footer-nav li.tw a { content:''; display:block; width:30px; height:26px; background:url(/img/icon_twitter.png) no-repeat center center; background-size:contain; text-indent:-9999px; }
#g-footer-top > div a,
#g-footer-nav li a { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

/* hover */
#g-footer-top > div a:hover,
#g-footer-nav li a:hover { opacity:0.75; }

/* margin adjust */
#g-footer-nav li:last-of-type { margin-right:0px; }

/* clearfix element */
#g-footer-top:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #g-footer-top { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #g-footer-top { zoom:1; }

@media screen and (max-width:768px){
#g-footer { font-size:0.923rem; width:100%; min-width:320px; }
#g-footer > .inner { max-width:none; }
#g-footer-top > div { width:85px; padding:25px 15px 0 15px; }
#g-footer-top > section { width:100%; margin:0 0 0 -85px; padding:0 0 0 85px; }
#g-footer-nav { font-size:0; padding:8px 50px 0 0; }
#g-footer-nav li { margin:12px 20px 0 0; }
#g-footer-nav li > * { font-size:0.923rem; }
#g-footer-nav li.tw a { width:26px; height:21px; }
#g-footer-bottom { text-align:center; padding:15px 10px; }

/* hover */
#g-footer-nav li a:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view #g-footer { font-size:0.923rem; width:100%; min-width:320px; }
.web-view #g-footer > .inner { max-width:none; }
.web-view #g-footer-top > div { width:85px; padding:25px 15px 0 15px; }
.web-view #g-footer-top > section { width:100%; margin:0 0 0 -85px; padding:0 0 0 85px; }
.web-view #g-footer-nav { font-size:0; padding:8px 50px 0 0; }
.web-view #g-footer-nav li { margin:12px 20px 0 0; }
.web-view #g-footer-nav li > * { font-size:0.923rem; }
.web-view #g-footer-nav li.tw a { width:26px; height:21px; }
.web-view #g-footer-bottom { text-align:center; padding:15px 10px; }

/* hover */
.web-view #g-footer-nav li a:hover { opacity:1; }


/*********************************************************************

#page-top - rwd

*********************************************************************/

#page-top { width:100%; height:0; position:absolute; top:110px; left:0; z-index:100; }
#page-top-button { display:block; width:50px; height:50px; position:fixed; bottom:60px; right:0; background:#424242 URL(/img/icon_pagetop.svg) no-repeat center center; background-size:16px auto; opacity:0; visibility:hidden;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* absolute */
#page-top-button.absolute { position:absolute; }

/* visible */
#page-top-button.visible { opacity:0.8; visibility:visible; }

/* hover */
#page-top-button:hover { opacity:0.6; }

@media screen and (max-width:768px){
#page-top-button { width:40px; height:40px; bottom:70px; }

/* hover */
#page-top-button:hover { opacity:0.8; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view #page-top-button { width:40px; height:40px; bottom:70px; }

/* hover */
.web-view #page-top-button:hover { opacity:0.8; }


/*********************************************************************

#sp-drawer - rwd（ドロワーメニュー - 汎用）

*********************************************************************/

#sp-drawer { position:absolute; top:0; right:10px; max-height:100%; z-index:99; opacity:0; visibility:hidden;
-webkit-transform: translateX(0px) translateY(-20px);
-ms-transform: translateX(0px) translateY(-20px);
transform: translateX(0px) translateY(-20px);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
#sp-drawer-button { width:25px; height:21px; position:absolute; top:0; right:0; background:URL(/img/icon_list.svg) no-repeat center center; background-size:100% 100%; cursor:pointer;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
#sp-drawer-menu { background:#f5f5f5; border-radius:4px; border:#e9e9e9 1px solid;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
#sp-drawer-menu .frame { overflow:auto; }

/* open */
#sp-drawer.open { opacity:1; visibility:visible;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
#sp-drawer-button.open { opacity:0.55; }

/* empty */
#sp-drawer:empty { display:none !important; }

/*********************************************************************

#container - rwd

*********************************************************************/

#container { background:#fff; padding:0 0 40px 0; }
#container > .inner { width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0 0; }

@media screen and (max-width:768px){
#container { width:100%; min-width:320px; padding:0 0 20px 0; }
#container > .inner { max-width:none; min-height:0; padding:0 0 0 0; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view #container { width:100%; min-width:320px; padding:0 0 20px 0; }
.web-view #container > .inner { max-width:none; min-height:0; padding:0 0 0 0; }


/*********************************************************************

.cmn-column-2 - rwd（カラムボックス - 汎用）

*********************************************************************/

.cmn-column-2 > .column-main { float:left; width:100%; margin:0 -330px 0 0; padding:0 330px 0 10px; position:relative; z-index:0; }
.cmn-column-2 > .column-side { float:right; width:320px; padding:0 10px; position:relative; z-index:1; }
.cmn-column-2 > .column-top { width:100%; }
.cmn-column-2 > .column-top + .column-side,
.cmn-column-2 > .column-top + .column-main { clear:both; }

@media screen and (max-width:768px){
.cmn-column-2 > .column-main,
.cmn-column-2 > .column-side { float:none; width:100%; padding:10px 10px 0 10px; z-index:0; }
.cmn-column-2 > .column-main { margin:0; padding:0; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-column-2 > .column-main,
.web-view .cmn-column-2 > .column-side { float:none; width:100%; padding:10px 10px 0 10px; z-index:0; }
.web-view .cmn-column-2 > .column-main { margin:0; padding:0; }

/* clearfix element */
.cmn-column-2:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .cmn-column-2 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child + html .cmn-column-2 { zoom:1; }


/*********************************************************************

.cmn-content-box-1 - rwd（コンテンツ囲み - 汎用）

*********************************************************************/

.cmn-content-box-1 { padding:0; }
.cmn-content-box-1 > .inner-1 { padding:0 10px; }
.cmn-content-box-1 > .inner-2 { padding:0 20px; }

@media screen and (max-width:768px){
.cmn-content-box-1 { padding:0 10px; }
.cmn-content-box-1 > .inner-1,
.cmn-content-box-1 > .inner-2 { padding:0; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-content-box-1 { padding:0 10px; }
.web-view .cmn-content-box-1 > .inner-1,
.web-view .cmn-content-box-1 > .inner-2 { padding:0; }


/*********************************************************************

.cmn-pageNav-top-1 - rwd（ページ上部ナビ/「戻る」ボタン - 汎用）

*********************************************************************/

.cmn-pageNav-top-1 { color:#FF045D; font-size:1rem; display:inline-block; vertical-align:baseline; padding:5px 0; margin:0 0 10px 0;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}

/* hover */
.cmn-pageNav-top-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-pageNav-top-1 { font-size:0.923rem; padding:10px 0; margin:0; }

/* hover */
.cmn-pageNav-top-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-pageNav-top-1 { font-size:0.923rem; padding:10px 0; margin:0; }

/* hover */
.web-view .cmn-pageNav-top-1:hover { opacity:1; }


/*********************************************************************

.cmn-title-m-1 - rwd（見出し - 中/帯付き - 汎用）

*********************************************************************/

.cmn-title-m-1 { position:relative; }
.cmn-title-m-1 .title-1 { font-size:1.143rem; font-weight:bold; line-height:1.3; background:#FF6E82; color:#fff; padding:10px; min-height:40px; }
.cmn-title-m-1 .myCourse-button-1 { display:block; width:110px; height:30px; line-height:28px; color:#fff; font-size:10px; position:absolute; top:50%; right:5px; margin:-15px 0 0 0; border:#fff 1px solid; border-radius:3px; text-align:center; background:transparent URL(/img/icon_star_03.svg) no-repeat 5px center; background-size:18px; padding:0 0 0 19px; opacity:0.5;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-title-m-1 .myCourse-button-1 span { display:inline-block;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.cmn-title-m-1 .myCourse-button-1 span:before { content:'マイコース追加'; }

/* active */
.cmn-title-m-1 .myCourse-button-1.active { background-color:#29abe2; background-image:URL(/img/icon_star.svg); opacity:1; }
.cmn-title-m-1 .myCourse-button-1.active span:before { content:'マイコース追加済'; }

/* contain-button */
.cmn-title-m-1.contain-button .title-1 { padding-right:125px; }

/* hover */
.cmn-title-m-1 .myCourse-button-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-title-m-1 .title-1 { font-size:1.154rem; padding:8px 5px; min-height:35px; }
.cmn-title-m-1 .myCourse-button-1 { width:24px; height:24px; line-height:22px; margin:-12px 0 0 0; background-position:center center; background-size:14px; padding:0; }
.cmn-title-m-1 .myCourse-button-1 span { display:none; }

/* contain-button */
.cmn-title-m-1.contain-button .title-1 { padding-right:39px; }

/* hover */
.cmn-title-m-1 .myCourse-button-1:hover { opacity:0.5; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-title-m-1 .title-1 { font-size:1.154rem; padding:8px 5px; min-height:35px; }
.web-view .cmn-title-m-1 .myCourse-button-1 { width:24px; height:24px; line-height:22px; margin:-12px 0 0 0; background-position:center center; background-size:14px; padding:0; }
.web-view .cmn-title-m-1 .myCourse-button-1 span { display:none; }

/* contain-button */
.web-view .cmn-title-m-1.contain-button .title-1 { padding-right:39px; }

/* hover */
.web-view .cmn-title-m-1 .myCourse-button-1:hover { opacity:0.5; }


/*********************************************************************

.cmn-title-m-2 - rwd（見出し - 中/下線 - 汎用）

*********************************************************************/

.cmn-title-m-2 { position:relative; margin:20px 0 0 0; }
.cmn-title-m-2 .title-1 { font-size:1.143rem; line-height:1.3; font-weight:bold; color:#FF6E82; border-bottom:#FF6E82 2px solid; padding:7px 10px; }
.cmn-title-m-2 .status-button-wrap-1 { font-size:0; text-align:right; position:absolute; top:0; right:5px; }
.cmn-title-m-2 .status-button-1 { display:inline-block; vertical-align:middle; width:100px; height:28px; line-height:26px; font-size:10px; text-align:center; color:#ccc; border:#ccc 1px solid; border-radius:3px; margin:0 0 0 10px; padding:0 0 0 20px; background:no-repeat 6px center; background-size:18px;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-title-m-2 .cmn-togglebtn-1 { position: absolute; top: 5px; right: 0; padding-top: 0; }

.cmn-title-m-2 .title-1 > p { font-weight: inherit; display: inline-block; }
.cmn-title-m-2 .division { display: inline-block; letter-spacing:-.4em; vertical-align: middle; }
.cmn-title-m-2 .division > * { display: inline-block; letter-spacing: 0; content: ''; }
.cmn-title-m-2 .division .starlevel { background: URL(/img/icon_starlevel_00.png) no-repeat left top; background-size:contain; width: 45px; height: 14px; margin-left: 10px; }
.cmn-title-m-2 .division .starlevel.level-1 { background-image: URL(/img/icon_starlevel_01.png); }
.cmn-title-m-2 .division .starlevel.level-2 { background-image: URL(/img/icon_starlevel_02.png); }
.cmn-title-m-2 .division .starlevel.level-3 { background-image: URL(/img/icon_starlevel_03.png); }
.cmn-title-m-2 .division .cbt { background: URL(/img/icon_cbt.png) no-repeat left top; background-size:contain; width: 29px; height: 14px; margin-left: 8px; }

/* icon */
.cmn-title-m-2 .status-button-1.viewing { background-image:URL(/img/icon_watched_02_off.svg); }
.cmn-title-m-2 .status-button-1.bookmark { background-image:URL(/img/icon_bookmark_02_off.svg); }

/* active */
.cmn-title-m-2 .active.viewing { background-image:URL(/img/icon_watched_02_on.svg); color:#29abe2; border-color:rgba(41,171,226,0.3);  }
.cmn-title-m-2 .active.bookmark { background-image:URL(/img/icon_bookmark_02_on.svg); color:#e84380; border-color:rgba(232,67,128,0.3); }

/* margin-adjust */
.cmn-title-m-2 .status-button-1:first-child { margin-left:0 !important; }
.cmn-title-m-2.contain-button .title-1 { padding-right:265px; }

/* type */
.cmn-title-m-2.type-2 .title-1 { font-weight:normal; color:#FF6E82; border-bottom-color:#FF6E82; }

/* type-icon */
.cmn-title-m-2.type-icon .title-1 { color:#333; position:relative; padding-left:30px; background-position:4px center; background-repeat:no-repeat; }
.cmn-title-m-2.type-icon.icon-hstry .title-1 { background-image:url(/img/icon_history.svg); background-size:23px 17px; padding-left:35px; }
.cmn-title-m-2.type-icon.icon-bkmrk .title-1 { background-image:url(/img/icon_bookmark_03.svg); background-size:14px 19px; }
.cmn-title-m-2.type-icon.icon-srch .title-1 { background-image:url(/img/icon_search_02.svg); background-size:19px 20px; }

/* hover */
.cmn-title-m-2 .status-button-1:hover { opacity:0.6; }

@media screen and (max-width:768px){
.cmn-title-m-2 { margin:15px 0 0 0; }
.cmn-title-m-2 .title-1 { font-size:1.154rem; padding:0 5px 4px 5px; }
.cmn-title-m-2 .status-button-wrap-1 { position:relative; right:0; margin:5px 0 0 0; }
.cmn-title-m-2 .status-button-1 { width:84px; height:20px; line-height:18px; margin:0 0 0 5px; padding:0 0 0 22px; background-position:4px center; background-size:14px; }
.cmn-title-m-2 .status-button-1 span { display:inline-block; vertical-align:middle;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
}
/* togglebtn */
.cmn-title-m-2 .cmn-togglebtn-1 { top: 1px; }

/* margin-adjust */
.cmn-title-m-2.contain-button .title-1 { padding-right:0; }

/* type-icon */
.cmn-title-m-2.type-icon .title-1 { font-size:1.077rem; padding:4px 5px 4px 28px; }
.cmn-title-m-2.type-icon.icon-hstry .title-1 { background-size:23px 17px; padding-left:35px; }
.cmn-title-m-2.type-icon.icon-bkmrk .title-1 { background-size:14px 19px; }
.cmn-title-m-2.type-icon.icon-srch .title-1 { background-size:17px 18px; }

/* hover */
.cmn-title-m-2 .status-button-1:hover { opacity:1; }

/* iOS9 */
.og-ios.ov-9 .cmn-title-m-2 .status-button-wrap-1 { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .cmn-title-m-2 .status-button-1 span { letter-spacing:normal; text-indent:-3px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-title-m-2 { margin:15px 0 0 0; }
.web-view .cmn-title-m-2 .title-1 { font-size:1.154rem; padding:0 5px 4px 5px; }
.web-view .cmn-title-m-2 .status-button-wrap-1 { position:relative; right:0; margin:5px 0 0 0; }
.web-view .cmn-title-m-2 .status-button-1 { width:84px; height:20px; line-height:18px; margin:0 0 0 5px; padding:0 0 0 22px; background-position:4px center; background-size:14px; }
.web-view .cmn-title-m-2 .status-button-1 span { display:inline-block; vertical-align:middle;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
}

/* margin-adjust */
.web-view .cmn-title-m-2.contain-button .title-1 { padding-right:0; }

/* type-icon */
.web-view .cmn-title-m-2.type-icon .title-1 { font-size:1.077rem; padding:4px 5px 4px 28px; }
.web-view .cmn-title-m-2.type-icon.icon-hstry .title-1 { background-size:23px 17px; padding-left:35px; }
.web-view .cmn-title-m-2.type-icon.icon-bkmrk .title-1 { background-size:14px 19px; }
.web-view .cmn-title-m-2.type-icon.icon-srch .title-1 { background-size:17px 18px; }

/* hover */
.web-view .cmn-title-m-2 .status-button-1:hover { opacity:1; }

/* iOS9 */
.og-ios.ov-9.web-view .cmn-title-m-2 .status-button-wrap-1 { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9.web-view .cmn-title-m-2 .status-button-1 span { letter-spacing:normal; text-indent:-3px; }


/*********************************************************************

.cmn-hover-1 - rwd（マウスオーバー - 汎用）

*********************************************************************/

.cmn-hover-1 {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}

/* hover */
.cmn-hover-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
/* hover */
.cmn-hover-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
/* hover */
.web-view .cmn-hover-1:hover { opacity:1; }


/*********************************************************************

.cmn-button-1 - rwd（ボタン - 汎用）

*********************************************************************/

.cmn-button-1-wrap-1 { margin:30px 0 0 0; font-size:0; text-align:center; }
.cmn-button-1-wrap-1.two-btn { margin:20px 0 0 0; }
.cmn-button-1-wrap-1.two-btn .cmn-button-1 { margin:10px 5px 0 5px; }
.cmn-button-1 { width:270px; height:54px; line-height:54px; display:inline-block; vertical-align:middle; color:#fff; font-size:16px; text-align:center; cursor:pointer; background:#FF045D; border:0; outline:0; border-radius:4px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; position:relative; padding:0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}

/* input[type="file"] */
label.cmn-button-1 input[type="file"] { display:none; }

/* hover */
.cmn-button-1:hover { opacity:0.75; }

/* size */
.cmn-button-1.button-size-1 { width:270px; }
.cmn-button-1.button-size-2 { width:320px; }
.cmn-button-1.button-size-3 { width:240px; }

/* color */
.cmn-button-1.button-color-1 { background-color:#1A237E; }
.cmn-button-1.button-color-2 { background-color:#e0e0e0; color:#424242; }
.cmn-button-1.button-color-3 { background-color:#3F51B5; }

/* disabled */
input.cmn-button-1[type="submit"]:disabled { opacity:0.5; -webkit-text-fill-color:#fff !important; -webkit-opacity:0.5 !important; cursor:default !important; }

/* icon-play */
.cmn-button-1.icon-play { position:relative; }
.cmn-button-1.icon-play:before { content:''; position:absolute; top:50%; left:35px; width: 11px; height: 15px; margin-top:-7px; background:url(/img/arrow_right_04.svg) no-repeat center center; background-size:100% 100%;  }

/* iOS9 */
.og-ios.ov-9 .cmn-button-1-wrap-1 { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .cmn-button-1 { letter-spacing:normal; }

@media screen and (max-width:768px){
.cmn-button-1-wrap-1 { margin:15px 0 0 0; }
.cmn-button-1-wrap-1.two-btn { margin:15px 0 0 0; }
.cmn-button-1-wrap-1.two-btn .cmn-button-1 { width:147px; margin:0 0 0 6px; }
.cmn-button-1-wrap-1.two-btn .cmn-button-1:first-child { margin-left:0 !important; }
.cmn-button-1 { width:100%; height:45px; line-height:45px; font-size:1.077rem; border-radius:3px; }

/* hover */
.cmn-button-1:hover { opacity:1; }

/* size */
.cmn-button-1.button-size-1 { width:100%; }
.cmn-button-1.button-size-2 { max-width:300px; }
.cmn-button-1.button-size-3 { max-width:200px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-button-1-wrap-1 { margin:15px 0 0 0; }
.web-view .cmn-button-1-wrap-1.two-btn { margin:15px 0 0 0; }
.web-view .cmn-button-1-wrap-1.two-btn .cmn-button-1 { width:147px; margin:0 0 0 6px; }
.web-view .cmn-button-1-wrap-1.two-btn .cmn-button-1:first-child { margin-left:0 !important; }
.web-view .cmn-button-1 { width:100%; height:45px; line-height:45px; font-size:1.077rem; border-radius:3px; }

/* hover */
.web-view .cmn-button-1:hover { opacity:1; }

/* size */
.web-view .cmn-button-1.button-size-1 { width:100%; }
.web-view .cmn-button-1.button-size-2 { max-width:300px; }
.web-view .cmn-button-1.button-size-3 { max-width:200px; }


/*********************************************************************

.cmn-button-2 - rwd（ボタン/PDF - 汎用）

*********************************************************************/

.cmn-button-2-wrap { font-size:0; text-align:center; }
.cmn-button-2 { display:inline-block; vertical-align:middle; width:150px; height:38px; line-height:36px; border:#b3b3b3 1px solid; color:#333; font-size:12px; text-align:center; border-radius:3px; cursor: pointer;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-button-2-wrap .cmn-button-2 { margin-left:10px; }

/* icon */
.cmn-button-2.icon-pdf { padding-left:30px; background:URL(/img/icon_pdf.png) no-repeat 15px center; background-size:22px; }

/* margin-adjust */
.cmn-button-2-wrap .cmn-button-2:first-child { margin-left:0 !important; }

/* hover */
.cmn-button-2:hover { opacity:0.75; }

/* iOS9 */
.og-ios.ov-9 .cmn-button-2-wrap { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .cmn-button-2 { letter-spacing:normal; }

@media screen and (max-width:768px){
.cmn-button-2 { width:145px; height:30px; line-height:28px; font-size:11px; }

/* icon */
.cmn-button-2.icon-pdf { padding-left:20px; background-position:10px center; background-size:16px; }

/* hover */
.cmn-button-2:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-button-2 { width:145px; height:30px; line-height:28px; font-size:11px; }

/* icon */
.web-view .cmn-button-2.icon-pdf { padding-left:20px; background-position:10px center; background-size:16px; }

/* hover */
.web-view .cmn-button-2:hover { opacity:1; }


/*********************************************************************

.cmn-minibnr- - rwd（サイドバナー・ミニバナー - 汎用）

*********************************************************************/

.cmn-minibnr-1 { display:block; position:relative; border:1px solid #b3b3b3; margin:10px 0 0 0; padding:0 26px 0 0; overflow:hidden;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-minibnr-1:first-of-type { margin:0 0 0 0; }
.cmn-minibnr-1:before { content:''; position:absolute; top:50%; right:8px; width:9px; height:16px; margin-top:-8px; background:url(/img/arrow_right_01.svg) no-repeat right center; background-size:100% auto; }

/* bnr-size-s1 */
.cmn-minibnr-1.bnr-size-s1 { height:54px; line-height:53px; font-size:16px; background:url(/img/logo_medilink-img.png) no-repeat 10px center; padding-left:60px; background-size:33px auto; }
.cmn-minibnr-1.bnr-size-s1:before { width:7px; height:10px; margin-top:-5px; background:url(/img/arrow_right_02.svg) no-repeat right center; background-size:100% auto; }

/* bnr-size-s2 */
.cmn-minibnr-1.bnr-size-s2 { height:80px; }
.cmn-minibnr-1.bnr-size-s2 dl { display:table; width:100%; }
.cmn-minibnr-1.bnr-size-s2 dt { display:table-cell; width:80px; }
.cmn-minibnr-1.bnr-size-s2 dd { display:table-cell; padding:0 0 0 10px; vertical-align:middle; }
.cmn-minibnr-1.bnr-size-s2 dd p { font-size:12px; line-height:1.4; color:#1a1a1a; }
.cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:16px; font-weight:bold; color:#333; }

/* bnr-size-m1 */
.cmn-minibnr-1.bnr-size-m1 { position:relative; padding:0 0 0 0; }
.cmn-minibnr-1.bnr-size-m1:before { background:none; }
.cmn-minibnr-1.bnr-size-m1 > span { display:inline-block; position:absolute; top:0; left:0; height:27px; line-height:27px; background:rgba(0,0,0,0.75); padding:0 8px; font-size:14px; color:#fff; }
.cmn-minibnr-1.bnr-size-m1 dt { text-align:center; }
.cmn-minibnr-1.bnr-size-m1 dt img { width:auto; height:150px; }
.cmn-minibnr-1.bnr-size-m1 dd { padding:10px; }
.cmn-minibnr-1.bnr-size-m1 dd p { font-size:14px; line-height:1.4; }
.cmn-minibnr-1.bnr-size-m1 dd p.date { font-size:10px; color:#989898; }

/* no-arw */
.cmn-minibnr-1.no-arw-pc { padding-right:10px; }
.cmn-minibnr-1.no-arw-pc:before { display:none; }

/* hover */
.cmn-minibnr-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
/* bnr-size-s1 */
.cmn-minibnr-1.bnr-size-s1 { height:50px; line-height:50px; padding-left:60px; background-size:30px auto; font-size:1.077rem; }

/* bnr-size-s2 */
.cmn-minibnr-1.bnr-size-s2 { height:75px; }
.cmn-minibnr-1.bnr-size-s2 dt { width:75px; }
.cmn-minibnr-1.bnr-size-s2 dd p { font-size:0.923rem; }
.cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:1.077rem; }

/* bnr-size-m1 */
.cmn-minibnr-1.bnr-size-m1 > span { height:26px; line-height:26px; padding:0 8px; font-size:1rem; }
.cmn-minibnr-1.bnr-size-m1 dt img { width:auto; height:150px; }
.cmn-minibnr-1.bnr-size-m1 dd { padding:10px; }
.cmn-minibnr-1.bnr-size-m1 dd p { font-size:0.923rem; }
.cmn-minibnr-1.bnr-size-m1 dd p.date { font-size:1.0rem; }

/* no-arw */
.cmn-minibnr-1.no-arw-pc { padding-right:26px; }
.cmn-minibnr-1.no-arw-pc:before { display:block; }

/* hover */
.cmn-minibnr-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
/* bnr-size-s1 */
.web-view .cmn-minibnr-1.bnr-size-s1 { height:50px; line-height:50px; padding-left:60px; background-size:30px auto; font-size:1.077rem; }

/* bnr-size-s2 */
.web-view .cmn-minibnr-1.bnr-size-s2 { height:75px; }
.web-view .cmn-minibnr-1.bnr-size-s2 dt { width:75px; }
.web-view .cmn-minibnr-1.bnr-size-s2 dd p { font-size:0.923rem; }
.web-view .cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:1.077rem; }

/* bnr-size-m1 */
.web-view .cmn-minibnr-1.bnr-size-m1 > span { height:26px; line-height:26px; padding:0 8px; font-size:1rem; }
.web-view .cmn-minibnr-1.bnr-size-m1 dt img { width:auto; height:150px; }
.web-view .cmn-minibnr-1.bnr-size-m1 dd { padding:10px; }
.web-view .cmn-minibnr-1.bnr-size-m1 dd p { font-size:0.923rem; }
.web-view .cmn-minibnr-1.bnr-size-m1 dd p.date { font-size:1.0rem; }

/* no-arw */
.web-view .cmn-minibnr-1.no-arw-pc { padding-right:26px; }
.web-view .cmn-minibnr-1.no-arw-pc:before { display:block; }

/* hover */
.web-view .cmn-minibnr-1:hover { opacity:1; }


/*********************************************************************

.cmn-btmbnr-wrap-1 - rwd（フッター上3つ横並びバナー - 汎用）

*********************************************************************/

.cmn-btmbnr-wrap-1 { margin:20px 0 0 0; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1 { float:left; width:214px; margin:10px 8px 0 0; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1:last-child { margin-right:0; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p { font-size:10px; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:16px; font-weight:normal; }

/* clearfix element */
.cmn-btmbnr-wrap-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .cmn-btmbnr-wrap-1 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .cmn-btmbnr-wrap-1 { zoom:1; }

@media screen and (max-width:768px){
.cmn-btmbnr-wrap-1 { margin:10px 0 0 0; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1 { float:none; width:100%; margin:10px 0 0 0; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p { font-size:0.923rem; }
.cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:1.077rem; font-weight:bold; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-btmbnr-wrap-1 { margin:10px 0 0 0; }
.web-view .cmn-btmbnr-wrap-1 > .cmn-minibnr-1 { float:none; width:100%; margin:10px 0 0 0; }
.web-view .cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p { font-size:0.923rem; }
.web-view .cmn-btmbnr-wrap-1 > .cmn-minibnr-1.bnr-size-s2 dd p.ttl { font-size:1.077rem; font-weight:bold; }


/*********************************************************************

.cmn-tablink-1 - rwd（タブリンクボタン - 汎用）

*********************************************************************/

.cmn-tablink-1 { margin:10px 0 0 0; font-size:0; }
.cmn-tablink-1 .tabbtn-1 { position:relative; display:inline-block; width:140px; height:34px; line-height:34px; padding:0 0 0 0px; margin-right:5px; background:#e6e6e6; font-size:14px; color:#333333; text-align:center; border-radius:4px 4px 0 0;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-tablink-1 .tabbtn-1.icon-02 { padding-left: 10px; }
.cmn-tablink-1 .tabbtn-1.icon-03 { padding-left: 24px; }
.cmn-tablink-1 .tabbtn-1:last-child { margin-right:0 !important; }
.cmn-tablink-1 .tabbtn-1:before { position:absolute; display:block; content:''; top:50%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; }
.cmn-tablink-1 .tabbtn-1.icon-01:before { background-image:url(/img/icon_star_02.svg); left:12px; height:14px; width:14px; margin-top:-7px; }
.cmn-tablink-1 .tabbtn-1.icon-02:before { background-image:url(/img/icon_course_01_off.svg); left:14px; height:18px; width:14px; margin-top:-9px; }
.cmn-tablink-1 .tabbtn-1.icon-03:before { background-image:url(/img/icon_bag_01_off.svg); left:14px; height:18px; width:14px; margin-top:-9px; }
.cmn-tablink-1.clr-1 { border-color:#FFC7CF; }
.cmn-tablink-1.clr-2 { border-color:#FF045D; }
.cmn-tablink-1.clr-1 .tabbtn-1.active { background:#FFC7CF; color:#fff; }
.cmn-tablink-1.clr-2 .tabbtn-1.active { background:#FF045D; color:#fff; }
.cmn-tablink-1.clr-1 .tabbtn-1.active:before { background-image:url(/img/icon_star.svg); }
.cmn-tablink-1.clr-2 .tabbtn-1.active:before { background-image:url(/img/icon_course_01_on.svg); }
.cmn-tablink-1.clr-1 .tabbtn-1.icon-03.active:before { background-image:url(/img/icon_bag_01_on.svg); }
.cmn-tablink-1.clr-2 .tabbtn-1.icon-03.active:before { background-image:url(/img/icon_bag_01_on.svg); }

/* hover */
.cmn-tablink-1 .tabbtn-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-tablink-1 { margin:15px 0 0 0; }
.cmn-tablink-1 .tabbtn-1 {width:140px; height:100%; line-height:30px; padding:0 0 0 10px; font-size:11px; border-radius:3px 3px 0 0;}
.cmn-tablink-1 .tabbtn-1.icon-03 { padding-left: 10px; }
.cmn-tablink-1 .tabbtn-1:before { position:absolute; display:block; content:''; top:50%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; }
.cmn-tablink-1 .tabbtn-1.icon-01:before { left:12px; height:13px; width:13px; margin-top:-6.5px; }
.cmn-tablink-1 .tabbtn-1.icon-02:before { left:14px; height:14px; width:11px; margin-top:-7px; }
.cmn-tablink-1 .tabbtn-1.icon-03:before { left:7px; height:14px; width:11px; margin-top:-7px; }

/* hover */
.cmn-tablink-1 .tabbtn-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-tablink-1 { margin:15px 0 0 0; }
.web-view .cmn-tablink-1 .tabbtn-1 { width:120px; height:30px; line-height:30px; padding:0 0 0 10px; font-size:1.077rem; border-radius:3px 3px 0 0; }
.web-view .cmn-tablink-1 .tabbtn-1:before { position:absolute; display:block; content:''; top:50%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; }
.web-view .cmn-tablink-1 .tabbtn-1.icon-01:before { left:12px; height:13px; width:13px; margin-top:-6.5px; }
.web-view .cmn-tablink-1 .tabbtn-1.icon-02:before { left:14px; height:14px; width:11px; margin-top:-7px; }

/* hover */
.web-view .cmn-tablink-1 .tabbtn-1:hover { opacity:1; }


/*********************************************************************

.cmn-tabbdr - rwd（ボーダー付きタブボタン - 汎用）

*********************************************************************/

.cmn-tabbdr-1 { margin:10px 0 0 0; font-size:0; }
.cmn-tabbdr-1 .tabbtn-1 { display:inline-block; border-bottom:1px solid #3f51b5; width:120px; height:35px; line-height:34px; font-size:14px; text-align:center; margin:0 5px 0 0;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-tabbdr-1 .tabbtn-1:last-child { margin:0 0 0 0; }
.cmn-tabbdr-1 .tabbtn-1.current { border-bottom-width:3px; font-weight:bold; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-2 { border-bottom-color:#FF045D; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-3 { border-bottom-color:#FFC7CF; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-4 { border-bottom-color:#ffa1b5; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-5 { border-bottom-color:#ffaf17; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-11 { border-bottom-color:#0096D9; }
.cmn-tabbdr-1 .tabbtn-1.tabclr-12 { border-bottom-color:#9D4035; }

/* hover */
.cmn-tabbdr-1 .tabbtn-1:hover { opacity:0.75; }

/* iOS9 */
.og-ios.ov-9 .cmn-tabbdr-1 { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .cmn-tabbdr-1 .tabbtn-1 { letter-spacing:normal; }

@media screen and (max-width:768px){
.cmn-tabbdr-1 .tabbtn-1 { width:24.25%; height:28px; line-height:28px; font-size:0.923rem; margin:0 1% 0 0; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-tabbdr-1 .tabbtn-1 { width:24.25%; height:28px; line-height:28px; font-size:0.923rem; margin:0 1% 0 0; }
.web-view .cmn-tabbdr-1 .tabbtn-1:last-child { margin-right:0; }

/*********************************************************************

.cmn-txtbox-1 - rwd（見出し付きテキストボックス - 汎用）

*********************************************************************/

.cmn-txtbox-1 { margin:30px 0 0 0; border:3px solid #eee; }
.cmn-txtbox-1 .ttl { background:#eee; padding:10px 15px; font-size:16px; font-weight:bold; }
.cmn-txtbox-1 > ul { padding:0 15px 15px 15px; }
.cmn-txtbox-1 > ul li { text-indent:-1em; padding-left:1em; margin:15px 0 0 0; line-height:1.3; }

@media screen and (max-width:768px){
.cmn-txtbox-1 { margin:15px 0 0 0; border:2px solid #eee; }
.cmn-txtbox-1 .ttl { padding:10px; font-size:1.077rem; }
.cmn-txtbox-1 > ul { padding:0 10px 10px 10px; }
.cmn-txtbox-1 > ul li { margin:10px 0 0 0; line-height:1.3; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-txtbox-1 { margin:15px 0 0 0; border:2px solid #eee; }
.web-view .cmn-txtbox-1 .ttl { padding:10px; font-size:1.077rem; }
.web-view .cmn-txtbox-1 > ul { padding:0 10px 10px 10px; }
.web-view .cmn-txtbox-1 > ul li { margin:10px 0 0 0; line-height:1.3; }


/*********************************************************************

.cmn-movlink-1 - rwd（動画リンクボックス - 汎用）

*********************************************************************/

.cmn-movlink-wrap-1 { margin:20px 0 0 0; }
.cmn-movlink-1 { width:100%; display:block; position:relative; margin:10px 0 0 0; border:1px solid #b3b3b3; border-radius:4px; overflow:hidden;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-1:first-child { margin:0 0 0 0; }
.cmn-movlink-1:before { content:''; position:absolute; top:50%; right:15px; width:10px; height:16px; margin-top:-8px; background:url(/img/arrow_right_01.svg) no-repeat right center; background-size:100%; }

.cmn-movlink-1 .link-table { display:table; table-layout:fixed; width:100%;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-1 .link-table > * { display:table-cell; vertical-align:middle; }
.cmn-movlink-1 .link-table > .thumb { width:170px; padding:5px; }
.cmn-movlink-1 .link-table > section { padding:8px 100px 8px 5px; font-size:12px; }
.cmn-movlink-1 .link-table > section .ttl { font-size:16px; }
.cmn-movlink-1 .link-table > section .dtl-wrap { position:relative; width:100%; margin:5px 0 0 0; }
.cmn-movlink-1 .link-table > section .cmn-statusbar-1 { margin:0 0 5px 0; }
.cmn-movlink-1 .link-table > section .date { position:absolute; display:inline-block; top:20px; right:0; border:1px solid #cccccc; height:20px; line-height:19px;  padding:0 4px; font-size:11px; color:#808080; }
.cmn-movlink-1 .link-table > section .subtxt { color:#808080; }

/* mypage star-icon （マイコース・全コース共通）*/
.cmn-movlink-1.fav-status .link-table { padding-left:36px; }
.cmn-movlink-1.fav-status .fav-icon { display:block; position:absolute; top:0; left:0; width:36px; height:100%; background:#e6e6e6 url(/img/icon_star.svg) no-repeat center center; background-size:16px auto; z-index:1;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-1.fav-status.fav-active .fav-icon { background-color:#29abe2; }
.cmn-movlink-1.fav-status .link-table > section .dtl-wrap { max-width:380px; margin:8px 0 0 0; }

/* mypage star-icon （マイコース用）*/
.cmn-movlink-1.fav-status.fav-2 .link-table > section .dtl-wrap { padding-left:20px; }

/* type-2 （検索結果・視聴履歴など - 汎用） */
.cmn-movlink-1.type-2 { border-radius:0; }
.cmn-movlink-1.type-2 .link-table > .thumb { width:115px; }
.cmn-movlink-1.type-2 .link-table > .thumb figure { position:relative; }
.cmn-movlink-1.type-2 .link-table > .thumb figure img { display:block; }
.cmn-movlink-1.type-2 .link-table > .thumb .duration { font-size:10px; background:rgba(26,26,26,0.7); color:#fff; height:15px; line-height:15px; position:absolute; bottom:0; right:0; padding:0 5px; text-align:center; min-width:36px; }
.cmn-movlink-1.type-2 .link-table > section { padding:5px 170px 5px 5px; font-size:14px; }
.cmn-movlink-1.type-2 .link-table > section .ttl { font-size:14px; font-weight:bold; }
.cmn-movlink-1.type-2 .link-table > section .dtl-wrap { margin-top:0; }
.cmn-movlink-1.type-2 .link-table > section .subtxt { font-size:12px; padding-top:2px; }
.cmn-movlink-1.type-2 .link-table > section .cmn-category-label-1 { right: 100px; }

/* bookmark-status */
.cmn-movlink-1 .bookmark-status { position:absolute; display:block; top:50%; right:50px; margin-top:-19px; width:38px; height:38px; background:URL(/img/icon_bookmark_01_off.svg) no-repeat center center; background-size:100%; }
.cmn-movlink-1.bookmark-registered .bookmark-status { background-image:URL(/img/icon_bookmark_01_on.svg); background-size:100%; }

/* padding */
.cmn-movlink-1.pdng-1 { margin-top:5px; padding:12px 50px 12px 16px; }

/* hover */
.cmn-movlink-1.hover-1:hover,
.cmn-movlink-1.fav-status .link-table:hover,
.cmn-movlink-1.fav-status .fav-icon:hover,
.cmn-movlink-1.type-2 .link-table:hover,
.cmn-movlink-1 .bookmark-status:hover,
.cmn-movlink-1.pdng-1:hover { opacity:0.75; }

@media screen and (min-width: 769px) and (max-width: 1000px) {
html:not(.web-view) .cmn-movlink-1 .link-table > section .cmn-statusbar-1 { margin-bottom:30px; }
html:not(.web-view) .cmn-movlink-1 .link-table > section .date { left:20px; right:auto; }

/* mypage star-icon （マイコース・全コース共通）*/
html:not(.web-view) .cmn-movlink-1.fav-status .link-table > section .dtl-wrap { max-width:100%; }
}

@media screen and (max-width:768px){
.cmn-movlink-wrap-1 { margin:15px 0 0 0; }
.cmn-movlink-1 { margin:5px 0 0 0; }
.cmn-movlink-1:before { right:6px; width:5px; height:10px; margin-top:-5px; background-size:100%; }

.cmn-movlink-1 .link-table > .thumb { width:81px; padding:3px; }
.cmn-movlink-1 .link-table > .thumb figure { display:block; position:relative; width:75px; height:55px; overflow:hidden; }
.cmn-movlink-1 .link-table > .thumb figure img { position:absolute; top:0; left:50%; margin-left:-49px; width:98px; height:55px; }
.cmn-movlink-1 .link-table > section { padding:2px 100px 2px 5px; font-size:0.846rem; }
.cmn-movlink-1 .link-table > section .ttl { font-size:1.077rem; }
.cmn-movlink-1 .link-table > section .dtl-wrap { margin:2px 0 0 0; }
.cmn-movlink-1 .link-table > section .cmn-statusbar-1,
.cmn-movlink-1 .link-table > section .date { display:none; }

/* mypage star-icon （マイコース・全コース共通）*/
.cmn-movlink-1.fav-status .link-table { padding-left:18px; }
.cmn-movlink-1.fav-status .fav-icon { width:18px; background-size:9px; }
.cmn-movlink-1.fav-status .link-table > section .dtl-wrap { max-width:none; padding-left:0; margin:2px 0 0 0; color:#808080; }

/* mypage star-icon （マイコース用）*/
.cmn-movlink-1.fav-status.fav-2 .link-table > section .dtl-wrap { padding-left:0; }
.cmn-movlink-1.fav-status.fav-2 .link-table > section .subtxt { display:none; }

/* type-2 （検索結果・視聴履歴など - 汎用） */
.cmn-movlink-1.type-2 { border-radius:4px; }
.cmn-movlink-1.type-2 .link-table > * { vertical-align:top; }
.cmn-movlink-1.type-2 .link-table > .thumb { width:64px; padding:3px; }
.cmn-movlink-1.type-2 .link-table > .thumb figure { width:58px; height:47px; }
.cmn-movlink-1.type-2 .link-table > .thumb figure img { margin-left:-42px; width:83px; height:47px; }
.cmn-movlink-1.type-2 .link-table > .thumb .duration { font-size:0.769rem; height:14px; line-height:14px; padding:0 4px; min-width:35px; }
.cmn-movlink-1.type-2 .link-table > section { padding:2px 125px 2px 5px; font-size:0.923rem; }
.cmn-movlink-1.type-2 .link-table > section .ttl { font-size:1.077rem; }
.cmn-movlink-1.type-2 .link-table > section .dtl-wrap { margin-top:0; padding-right:; }
.cmn-movlink-1.type-2 .link-table > section .subtxt { font-size:0.692rem; }
    .cmn-movlink-1.type-2 .link-table > section .cmn-category-label-1 { right: 60px; }

/* bookmark-status */
.cmn-movlink-1 .bookmark-status { right:28px; margin-top:-13px; width:26px; height:26px; }

/* padding */
.cmn-movlink-1.pdng-1 { padding:8px 26px 8px 8px; }

/* hover */
.cmn-movlink-1.hover-1:hover,
.cmn-movlink-1.fav-status .link-table:hover,
.cmn-movlink-1.fav-status .fav-icon:hover,
.cmn-movlink-1.type-2 .link-table:hover,
.cmn-movlink-1 .bookmark-status:hover,
.cmn-movlink-1.pdng-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-movlink-wrap-1 { margin:15px 0 0 0; }
.web-view .cmn-movlink-1 { margin:5px 0 0 0; }
.web-view .cmn-movlink-1:before { right:6px; width:5px; height:10px; margin-top:-5px; background-size:100%; }

.web-view .cmn-movlink-1 .link-table > .thumb { width:81px; padding:3px; }
.web-view .cmn-movlink-1 .link-table > .thumb figure { display:block; position:relative; width:75px; height:55px; overflow:hidden; }
.web-view .cmn-movlink-1 .link-table > .thumb figure img { position:absolute; top:0; left:50%; margin-left:-49px; width:98px; height:55px; }
.web-view .cmn-movlink-1 .link-table > section { padding:2px 32px 2px 5px; font-size:0.846rem; }
.web-view .cmn-movlink-1 .link-table > section .ttl { font-size:1.077rem; }
.web-view .cmn-movlink-1 .link-table > section .dtl-wrap { margin:2px 0 0 0; }
.web-view .cmn-movlink-1 .link-table > section .cmn-statusbar-1,
.web-view .cmn-movlink-1 .link-table > section .date { display:none; }

/* mypage star-icon （マイコース・全コース共通）*/
.web-view .cmn-movlink-1.fav-status .link-table { padding-left:18px; }
.web-view .cmn-movlink-1.fav-status .fav-icon { width:18px; background-size:9px; }
.web-view .cmn-movlink-1.fav-status .link-table > section .dtl-wrap { max-width:none; padding-left:0; margin:2px 0 0 0; color:#808080; }

/* mypage star-icon （マイコース用）*/
.web-view .cmn-movlink-1.fav-status.fav-2 .link-table > section .dtl-wrap { padding-left:0; }
.web-view .cmn-movlink-1.fav-status.fav-2 .link-table > section .subtxt { display:none; }

/* type-2 （検索結果・視聴履歴など - 汎用） */
.web-view .cmn-movlink-1.type-2 { border-radius:4px; }
.web-view .cmn-movlink-1.type-2 .link-table > * { vertical-align:top; }
.web-view .cmn-movlink-1.type-2 .link-table > .thumb { width:64px; padding:3px; }
.web-view .cmn-movlink-1.type-2 .link-table > .thumb figure { width:58px; height:47px; }
.web-view .cmn-movlink-1.type-2 .link-table > .thumb figure img { margin-left:-42px; width:83px; height:47px; }
.web-view .cmn-movlink-1.type-2 .link-table > .thumb .duration { font-size:0.769rem; height:14px; line-height:14px; padding:0 4px; min-width:35px; }
.web-view .cmn-movlink-1.type-2 .link-table > section { padding:2px 62px 2px 5px; font-size:0.923rem; }
.web-view .cmn-movlink-1.type-2 .link-table > section .ttl { font-size:1.077rem; }
.web-view .cmn-movlink-1.type-2 .link-table > section .dtl-wrap { margin-top:0; padding-right:; }
.web-view .cmn-movlink-1.type-2 .link-table > section .subtxt { font-size:0.692rem; }

/* bookmark-status */
.web-view .cmn-movlink-1 .bookmark-status { right:28px; margin-top:-13px; width:26px; height:26px; }

/* padding */
.web-view .cmn-movlink-1.pdng-1 { padding:8px 26px 8px 8px; }

/* hover */
.web-view .cmn-movlink-1.hover-1:hover,
.web-view .cmn-movlink-1.fav-status .link-table:hover,
.web-view .cmn-movlink-1.fav-status .fav-icon:hover,
.web-view .cmn-movlink-1.type-2 .link-table:hover,
.web-view .cmn-movlink-1 .bookmark-status:hover,
.web-view .cmn-movlink-1.pdng-1:hover { opacity:1; }


/*********************************************************************

.cmn-movlink-2 - rwd（動画リンクボックス - 汎用）

*********************************************************************/

/* .cmn-movlink-wrap-2 { margin:10px 0 0 0; } */
.cmn-movlink-2 { display:block; position:relative; border:#b3b3b3 1px solid; background:#fff;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-2 .link-table { width:100%; display:table; table-layout:fixed;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-2 .link-table > * { display:table-cell; vertical-align:middle; }
.cmn-movlink-2 .link-table > .number { width:59px; text-align:center; }
.cmn-movlink-2 .link-table .number { font-size:1.143rem; font-weight:bold; line-height:1.3; }
.cmn-movlink-2 .link-table .text { line-height: 1.2; }
.cmn-movlink-2 .link-table .thumb { width:105px; }
.cmn-movlink-2 .link-table .thumb figure { position:relative; }
.cmn-movlink-2 .link-table .thumb figure img { display:block; }
.cmn-movlink-2 .link-table .thumb .duration { font-size:10px; background:rgba(26,26,26,0.7); color:#fff; height:15px; line-height:15px; position:absolute; bottom:0; right:0; padding:0 5px; text-align:center; min-width:36px; }
.cmn-movlink-2 .link-table .body-content { padding:0 95px 0 10px; }
.cmn-movlink-2 .link-table .body-content .title-1 { font-size:1rem; line-height:1.3; }
.cmn-movlink-2 .link-table .body-content .date-1 { font-size:0; color:#808080; }
.cmn-movlink-2 .link-table .body-content .date-1 > span { display:inline-block; font-size:0.857rem; line-height:1.3; }
.cmn-movlink-2 .link-table .body-content .date-1 > span + span { min-width:5.5em; }
.cmn-movlink-2 .link-table .body-content .body-row { font-size:0; }
.cmn-movlink-2 .link-table .body-content .body-col { display:inline-block; }
.cmn-movlink-2 .link-table .body-content .body-col.col-1 { vertical-align:middle; width:100%; max-width:215px; padding:0 15px 2px 0; }
.cmn-movlink-2 .link-table .body-content .body-col.col-2 { vertical-align:bottom; padding:2px 0; }
.cmn-movlink-2 .link-table .body-content .cmn-statusbar-2 { margin:4px 0 0 0; }

.cmn-movlink-2 .link-table .body-content .division { display: inline-block; letter-spacing:-.4em; vertical-align: middle; height: 16px; }
.cmn-movlink-2 .link-table .body-content .division > * { display: inline-block; letter-spacing: 0; content: ''; }
.cmn-movlink-2 .link-table .body-content .division .starlevel { background: URL(/img/icon_starlevel_00.png) no-repeat left top; background-size:contain; width: 45px; height: 14px; margin-left: 5px; }
.cmn-movlink-2 .link-table .body-content .division .starlevel.level-1 { background-image: URL(/img/icon_starlevel_01.png); }
.cmn-movlink-2 .link-table .body-content .division .starlevel.level-2 { background-image: URL(/img/icon_starlevel_02.png); }
.cmn-movlink-2 .link-table .body-content .division .starlevel.level-3 { background-image: URL(/img/icon_starlevel_03.png); }
.cmn-movlink-2 .link-table .body-content .division .cbt { background: URL(/img/icon_cbt.png) no-repeat left top; background-size:contain; width: 29px; height: 14px; margin-left: 8px; }

/* arrow */
.cmn-movlink-2:after { content:''; width:10px; height:16px; position:absolute; top:50%; right:10px; margin:-8px 0 0 0; background:URL(/img/arrow_right_01.svg) no-repeat center center; background-size:100% 100%; }

/* viewing */
.cmn-movlink-2.viewing-done .link-table .number { opacity:0.3; }

/* bookmark-status */
.cmn-movlink-2 .bookmark-status { position:absolute; display:block; top:50%; right:50px; margin-top:-19px; width:38px; height:38px; background:URL(/img/icon_bookmark_01_off.svg) no-repeat center center; background-size:100%;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-movlink-2.bookmark-registered .bookmark-status { background-image:URL(/img/icon_bookmark_01_on.svg); background-size:100%; }

/* margin-adjust */
.cmn-movlink-2 + .cmn-movlink-2 { margin-top:5px; }

/* hover */
.cmn-movlink-2 .link-table:hover,
.cmn-movlink-2 .bookmark-status:hover { opacity:0.75; }

/* clearfix element */
.cmn-movlink-2 .link-table .body-content .title-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .cmn-movlink-2 .link-table .body-content .title-1 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .cmn-movlink-2 .link-table .body-content .title-1 { zoom:1; }

@media screen and (max-width:768px){
/* .cmn-movlink-wrap-2 { margin:7px 0 0 0; } */
.cmn-movlink-2 .link-table > .number { display:none; }
.cmn-movlink-2 .link-table .number { font-size:1.077rem; }
.cmn-movlink-2 .link-table .thumb { width:66px; padding:3px; vertical-align:top; }
.cmn-movlink-2 .link-table .thumb figure { width:60px; height:50px; overflow:hidden; }
.cmn-movlink-2 .link-table .thumb figure img { width:89px; height:50px; position:absolute; top:0; left:50%; margin:0 0 0 -45px; }
.cmn-movlink-2 .link-table .body-content { padding:5px 60px 5px 5px; }
.cmn-movlink-2 .link-table .body-content .title-1 { font-size:1.077rem; }
.cmn-movlink-2 .link-table .body-content .title-1 span { display:block; }
.cmn-movlink-2 .link-table .body-content .title-1 .number { float:left; width:34px; text-align:center; }
.cmn-movlink-2 .link-table .body-content .title-1 .text { float:right; width:100%; margin:0 0 0 -34px; padding:0 0 0 34px; }
.cmn-movlink-2 .link-table .body-content .date-1 { margin:3px 0 0 0; }
.cmn-movlink-2 .link-table .body-content .date-1 > span { font-size:0.769rem;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.cmn-movlink-2 .link-table .body-content .body-col { display:block; }
.cmn-movlink-2 .link-table .body-content .body-col.col-1,
.cmn-movlink-2 .link-table .body-content .body-col.col-2 { vertical-align:baseline; }
.cmn-movlink-2 .link-table .body-content .body-col.col-1 { max-width:none; padding:0; }
.cmn-movlink-2 .link-table .body-content .body-col.col-2 { padding:0; }
.cmn-movlink-2 .link-table .body-content .cmn-statusbar-2 { margin:3px 0 0 0; padding:0 15px 0 0; }

.cmn-movlink-2 .link-table .body-content .division { display: block; margin-top: 2px; }
.cmn-movlink-2 .link-table .body-content .division .starlevel { margin-left: 0; }

/* arrow */
.cmn-movlink-2:after { width:8px; height:12px; right:5px; margin:-6px 0 0 0; }

/* bookmark-status */
.cmn-movlink-2 .bookmark-status { right:30px; margin-top:-13px; width:26px; height:26px; }

/* hover */
.cmn-movlink-2 .link-table:hover,
.cmn-movlink-2 .bookmark-status:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-movlink-wrap-2 { margin:7px 0 0 0; }
.web-view .cmn-movlink-2 .link-table > .number { display:none; }
.web-view .cmn-movlink-2 .link-table .number { font-size:1.077rem; }
.web-view .cmn-movlink-2 .link-table .thumb { width:66px; padding:3px; vertical-align:top; }
.web-view .cmn-movlink-2 .link-table .thumb figure { width:60px; height:50px; overflow:hidden; }
.web-view .cmn-movlink-2 .link-table .thumb figure img { width:89px; height:50px; position:absolute; top:0; left:50%; margin:0 0 0 -45px; }
.web-view .cmn-movlink-2 .link-table .body-content { padding:5px 60px 5px 5px; }
.web-view .cmn-movlink-2 .link-table .body-content .title-1 { font-size:1.077rem; }
.web-view .cmn-movlink-2 .link-table .body-content .title-1 span { display:block; }
.web-view .cmn-movlink-2 .link-table .body-content .title-1 .number { float:left; width:34px; text-align:center; }
.web-view .cmn-movlink-2 .link-table .body-content .title-1 .text { float:right; width:100%; margin:0 0 0 -34px; padding:0 0 0 34px; }
.web-view .cmn-movlink-2 .link-table .body-content .date-1 { margin:3px 0 0 0; }
.web-view .cmn-movlink-2 .link-table .body-content .date-1 > span { font-size:0.769rem;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.web-view .cmn-movlink-2 .link-table .body-content .body-col { display:block; }
.web-view .cmn-movlink-2 .link-table .body-content .body-col.col-1,
.web-view .cmn-movlink-2 .link-table .body-content .body-col.col-2 { vertical-align:baseline; }
.web-view .cmn-movlink-2 .link-table .body-content .body-col.col-1 { max-width:none; padding:0; }
.web-view .cmn-movlink-2 .link-table .body-content .body-col.col-2 { padding:0; }
.web-view .cmn-movlink-2 .link-table .body-content .cmn-statusbar-2 { margin:3px 0 0 0; padding:0 15px 0 0; }

.web-view .cmn-movlink-2 .link-table .body-content .division { display: block; margin-top: 2px; }
.web-view .cmn-movlink-2 .link-table .body-content .division .starlevel { margin-left: 0; }

/* arrow */
.web-view .cmn-movlink-2:after { width:8px; height:12px; right:5px; margin:-6px 0 0 0; }

/* bookmark-status */
.web-view .cmn-movlink-2 .bookmark-status { right:30px; margin-top:-13px; width:26px; height:26px; }

/* hover */
.web-view .cmn-movlink-2 .link-table:hover,
.web-view .cmn-movlink-2 .bookmark-status:hover { opacity:1; }


/*********************************************************************

.cmn-paganation-1 - rwd（ページネーション - 汎用）

*********************************************************************/

.cmn-paganation-wrap-1 { font-size:0; text-align:center; margin:20px 0 0 0;}
.cmn-paganation-1 > * { display:inline-block; background:#e6e6e6; width:23px; height:23px; border-radius:50%; font-size:14px; color:#424242; line-height:23px; margin:0 3px; vertical-align:top;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-paganation-1 > .current { background:#b2b2b2; }
.cmn-paganation-count { margin:8px 0 0 0; display:block; font-size:14px; color:#424242; line-height:1.0; }

/* hover */
.cmn-paganation-1 > *:hover { opacity:0.75; }

/* iOS9 */
.og-ios.ov-9 .cmn-paganation-1 { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .cmn-paganation-1 > * { letter-spacing:normal; }

@media screen and (max-width:768px){
.cmn-paganation-wrap-1 { width:260px; margin:15px auto 0 auto; }
.cmn-paganation-1 { display:inline-block; float:right; }
.cmn-paganation-1 > * { width:22px; height:22px; border-radius:50%; font-size:12px; line-height:22px; margin:0 3px; }
.cmn-paganation-1 > .etc-btn { background:#e6e6e6 url(/img/icon_etc.svg) no-repeat center center; background-size:100% 100%; }
.cmn-paganation-count { margin:0; float:left; height:22px; line-height:22px; }

/* hover */
.cmn-paganation-1 > *:hover { opacity:1; }

/* clearfix element */
.cmn-paganation-wrap-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-paganation-wrap-1 { width:260px; margin:15px auto 0 auto; }
.web-view .cmn-paganation-1 { display:inline-block; float:right; }
.web-view .cmn-paganation-1 > * { width:22px; height:22px; border-radius:50%; font-size:12px; line-height:22px; margin:0 3px; }
.web-view .cmn-paganation-1 > .etc-btn { background:#e6e6e6 url(/img/icon_etc.svg) no-repeat center center; background-size:100% 100%; }
.web-view .cmn-paganation-count { margin:0; float:left; height:22px; line-height:22px; }

/* hover */
.web-view .cmn-paganation-1 > *:hover { opacity:1; }

/* clearfix element */
.web-view .cmn-paganation-wrap-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }


/*********************************************************************

.cmn-statusbox-1 - rwd（ステータスボックス - 汎用）

*********************************************************************/

.cmn-statusbox-1 { margin:20px 0 0 0; }
.cmn-statusbox-1 .title-1 { font-size:1rem; font-weight:bold; }
.cmn-statusbox-1 .text-1 { color:#808080; font-size:0.857rem; }
.cmn-statusbox-1 .status-body-1 { width:100%; display:table; table-layout:fixed; margin:7px 0 0 0; }
.cmn-statusbox-1 .status-body-1 > * { display:table-cell; vertical-align:middle; }
.cmn-statusbox-1 .status-item-1 { width:64px; }
.cmn-statusbox-1 .status-item-3 { width:170px; text-align:right; }
.cmn-statusbox-1 .status-body-2 { margin:10px 0 0 0; }
.cmn-statusbox-1 .revision-item { float: right;background: #FFDEAD;padding: 3px 10px 3px 10px; border-radius: 4px;}
.cmn-statusbox-1 .revision-item-text { font-size: 0.9rem;word-break: break-all; }

/* in-link-1 */
.cmn-statusbox-1.in-link-1 { margin-top:0; }
.cmn-statusbox-1.in-link-1 .status-item-3 { width:164px; }

@media screen and (max-width:768px){
.cmn-statusbox-1 { margin:10px 0 0 0; }
.cmn-statusbox-1 .title-1 { font-size:1.077rem; padding:0 5px; }
.cmn-statusbox-1 .text-1 { font-size:0.846rem; }
.cmn-statusbox-1 .status-body-1 { width:100%; max-width:235px; display:block; font-size:0; margin:10px 0 0 0; padding:20px 5px 0 5px; position:relative; }
.cmn-statusbox-1 .status-body-1 > * { display:inline-block; vertical-align:baseline; }
.cmn-statusbox-1 .status-item-1,
.cmn-statusbox-1 .status-item-3 { width:auto; }
.cmn-statusbox-1 .status-item-1 { float:left; }
.cmn-statusbox-1 .status-item-3 { float:right; }
.cmn-statusbox-1 .status-item-2 { width:100%; display:block; position:absolute; top:0; left:0; padding:0 5px; }

/* in-link-1 */
.cmn-statusbox-1.in-link-1 .title-1 { padding:0; }
.cmn-statusbox-1.in-link-1 .text-1 { font-size:0.769rem; line-height:1; }
.cmn-statusbox-1.in-link-1 .status-body-1 { max-width:100%; display:table; table-layout:fixed; margin-top:6px; padding:0; }
.cmn-statusbox-1.in-link-1 .status-body-1 > * { display:table-cell; vertical-align:top; }
.cmn-statusbox-1.in-link-1 .status-body-1 .status-item-1 { float:none; width:48px; }
.cmn-statusbox-1.in-link-1 .status-body-1 .status-item-3 { display:inline-block; padding-top:16px; }
.cmn-statusbox-1.in-link-1 .status-body-1 .status-item-2 { position:relative; padding:0; }

/* clearfix element */
.cmn-statusbox-1 .status-body-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .cmn-statusbox-1 .status-body-1 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .cmn-statusbox-1 .status-body-1 { zoom:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-statusbox-1 { margin:10px 0 0 0; }
.web-view .cmn-statusbox-1 .title-1 { font-size:1.077rem; padding:0 5px; }
.web-view .cmn-statusbox-1 .text-1 { font-size:0.846rem; }
.web-view .cmn-statusbox-1 .status-body-1 { width:100%; max-width:235px; display:block; font-size:0; margin:10px 0 0 0; padding:20px 5px 0 5px; position:relative; }
.web-view .cmn-statusbox-1 .status-body-1 > * { display:inline-block; vertical-align:baseline; }
.web-view .cmn-statusbox-1 .status-item-1,
.web-view .cmn-statusbox-1 .status-item-3 { width:auto; }
.web-view .cmn-statusbox-1 .status-item-1 { float:left; }
.web-view .cmn-statusbox-1 .status-item-3 { float:right; }
.web-view .cmn-statusbox-1 .status-item-2 { width:100%; display:block; position:absolute; top:0; left:0; padding:0 5px; }
.web-view .cmn-statusbox-1 .status-item-2 { width:10%; display:block; position:absolute; top:0; left:0; padding:0 5px; }

/* in-link-1 */
.web-view .cmn-statusbox-1.in-link-1 .title-1 { padding:0; }
.web-view .cmn-statusbox-1.in-link-1 .text-1 { font-size:0.769rem; line-height:1; }
.web-view .cmn-statusbox-1.in-link-1 .status-body-1 { max-width:100%; display:table; table-layout:fixed; margin-top:6px; padding:0; }
.web-view .cmn-statusbox-1.in-link-1 .status-body-1 > * { display:table-cell; vertical-align:top; }
.web-view .cmn-statusbox-1.in-link-1 .status-body-1 .status-item-1 { float:none; width:48px; }
.web-view .cmn-statusbox-1.in-link-1 .status-body-1 .status-item-3 { display:inline-block; padding-top:16px; width:200px; }
.web-view .cmn-statusbox-1.in-link-1 .status-body-1 .status-item-2 { position:relative; padding:0; }

/* clearfix element */
.web-view .cmn-statusbox-1 .status-body-1:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .web-view .cmn-statusbox-1 .status-body-1 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .web-view .cmn-statusbox-1 .status-body-1 { zoom:1; }


/*********************************************************************

.cmn-statusbar-1 - rwd（ステータスバー - 汎用）

*********************************************************************/

.cmn-statusbar-1 { width:100%; height:15px; background:#e0e0e0; }
.cmn-statusbar-1 > * { display:block; height:100%; }
.cmn-statusbar-1 .bar-1 { background:#FF045D; }

/* type */
.cmn-statusbar-1.type-2 { height:20px; }

@media screen and (max-width:768px){
/* type */
.cmn-statusbar-1.type-2 { height:10px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
/* type */
.web-view .cmn-statusbar-1.type-2 { height:10px; }


/*********************************************************************

.cmn-statusbar-2 - rwd（ステータスバー - 汎用）

*********************************************************************/

.cmn-statusbar-2 { width:100%; display:table; table-layout:fixed; }
.cmn-statusbar-2 > * { display:table-cell; vertical-align:top; height:15px; }
.cmn-statusbar-2 .perfect { background:#0d47a1; }
.cmn-statusbar-2 .good { background:#60b3df; }
.cmn-statusbar-2 .ok { background:#ffa726; }
.cmn-statusbar-2 .fail { background:#fb547c; }
.cmn-statusbar-2 .notry { background:#e0e0e0; }

@media screen and (max-width:768px){
.cmn-statusbar-2 > * { height:8px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-statusbar-2 > * { height:8px; }


/*********************************************************************

#cmn-mv-slide - rwd（スライドバナー - 汎用）

*********************************************************************/

#cmn-mv-slide-wrap { width:100%; padding:14.545% 0 0 0; height:0; overflow:hidden; position:relative; }
#cmn-mv-slide { width:100%; height:100%; position:absolute; top:0; left:0; }
#cmn-mv-slide .slick-list { width:100%; margin:0 auto; }
#cmn-mv-slide .slick-slide { position:relative; }
#cmn-mv-slide .slick-slide a { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
#cmn-mv-slide .slick-dots { position:absolute; bottom:5%; right:11%; height:12px; text-align:center; }
#cmn-mv-slide .slick-dots li { display:inline-block; vertical-align:top; padding:0 3px; }
#cmn-mv-slide .slick-dots button { width:12px; height:12px; border:0; display:block; text-indent:-9999px; background:#000; cursor:pointer; padding:0; display:block; border-radius:50%; }
#cmn-mv-slide .slick-dots .slick-active button { background:#ff0000; }
#cmn-mv-slide .slick-arrow { width:16px; height:32px; position:absolute; top:50%; margin:-16px 0 0 0; z-index:1; background:center center no-repeat; background-size:100%; cursor:pointer; }
#cmn-mv-slide .slick-arrow:before { content:''; display:none; }
#cmn-mv-slide .slick-prev { left:0; background-image:URL(/img/slidebnr_arw01.svg); }
#cmn-mv-slide .slick-next { right:0; background-image:URL(/img/slidebnr_arw02.svg); }

/* hover */
#cmn-mv-slide .slick-slide a:hover { opacity:0.75; }

@media screen and (max-width:768px){
#cmn-mv-slide .slick-dots { height:10px; }
#cmn-mv-slide .slick-dots button { width:10px; height:10px; }

/* hover */
#cmn-mv-slide .slick-slide a:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view #cmn-mv-slide .slick-dots { height:10px; }
.web-view #cmn-mv-slide .slick-dots button { width:10px; height:10px; }

/* hover */
.web-view #cmn-mv-slide .slick-slide a:hover { opacity:1; }


/*********************************************************************

.cmn-userbtn-1 - rwd（ユーザーボタン[履歴ブックマーク等] - 汎用）

*********************************************************************/

.cmn-userbtn-1 { position:relative; display:block; width:100%; height:54px; line-height:54px; margin:10px auto 0 auto ; font-size:16px; color:#FF045D; background:#FFC7CF; text-align:center; border-radius:4px;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-userbtn-1:before { position:absolute; display:block; content:''; right:10px; top:50%; margin-top:-5px; width:8px; height:11px; background:url(/img/arrow_right_05.svg) no-repeat left top; background-size:100% 100%; }
.cmn-userbtn-1 > * { display:block; }
.cmn-userbtn-1 > *:before { position:absolute; display:block; content:''; top:50%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; }
.cmn-userbtn-1.type-1 > *:before { left:20px; margin-top:-13px; width:34px; height:26px; background-image:url(/img/icon_history.svg); }
.cmn-userbtn-1.type-2 > *:before { left:27px; margin-top:-12px; width:20px; height:25px; background-image:url(/img/icon_bookmark_03.svg); }
.cmn-userbtn-1.type-3 > *:before { left:18px; margin-top:-12px; width:31px; height:24px; background-image:url(/img/icon_seigo.svg); }

/* hover */
.cmn-userbtn-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-userbtn-1 { width:300px; height:50px; line-height:50px; font-size:1.077rem; border-radius:3px; }
.cmn-userbtn-1:before { right:10px; top:50%; margin-top:-5px; width:6px; height:10px; }
.cmn-userbtn-1 > *:before { }
.cmn-userbtn-1.type-1 > *:before { margin-top:-13px; height:26px; }
.cmn-userbtn-1.type-2 > *:before { margin-top:-12px; height:25px; }

.cmn-userbtn-1 + .cmn-minibnr-1 { margin-top:20px; }

/* hover */
.cmn-userbtn-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-userbtn-1 { width:300px; height:50px; line-height:50px; font-size:1.077rem; border-radius:3px; }
.web-view .cmn-userbtn-1:before { right:10px; top:50%; margin-top:-5px; width:6px; height:10px; }
.web-view .cmn-userbtn-1 > *:before { }
.web-view .cmn-userbtn-1.type-1 > *:before { margin-top:-13px; height:26px; }
.web-view .cmn-userbtn-1.type-2 > *:before { margin-top:-12px; height:25px; }

.web-view .cmn-userbtn-1 + .cmn-minibnr-1 { margin-top:20px; }

/* hover */
.web-view .cmn-userbtn-1:hover { opacity:1; }


/*********************************************************************

.cmn-help-1 - rwd（達成度アイコンhelp - 汎用）

*********************************************************************/

.cmn-help-1 { font-size:0; text-align:left; position:relative; z-index:10; }
.cmn-help-1 > * { display:inline-block; vertical-align:middle; margin:0 0 0 7px; }
.cmn-help-1 .icon { width:20px; height:20px; background:transparent no-repeat center center; background-size:100% 100%; }
.cmn-help-1 .help-nav { position:relative; }
.cmn-help-1 .help-button { display:block;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-help-1 .help-content { width:270px; position:absolute; top:20px; left:50%; margin:0 0 0 -135px; background:#fff; padding:10px; border:#e9e9e9 1px solid; opacity:0; visibility:hidden; text-align:left;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
-webkit-transform: translateX(0px) translateY(-20px);
-ms-transform: translateX(0px) translateY(-20px);
transform: translateX(0px) translateY(-20px);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.cmn-help-1 .help-content li { position:relative; margin:10px 0 0 0; }
.cmn-help-1 .help-content li > * { display:block; }
.cmn-help-1 .help-content li .icon { position:absolute; top:50%; left:0; margin:-10px 0 0 0; }
.cmn-help-1 .help-content .text-1,
.cmn-help-1 .help-content .text-2 { font-size:12px; line-height:1.3; }
.cmn-help-1 .help-content .text-1 { padding:2px 0 2px 30px; }
.cmn-help-1 .help-content .text-2 { margin:10px 0 0 0; }
.cmn-help-1 .help-content .symbol-1 { color:#ffa726; font-weight:bold; }

/* icon */
.cmn-help-1 .icon.perfect { background-image:URL(/img/icon_help_perfect.svg); background-color:#0d47a1; }
.cmn-help-1 .icon.good { background-image:URL(/img/icon_help_good.svg); background-color:#60b3df; }
.cmn-help-1 .icon.ok { background-image:URL(/img/icon_help_ok.svg); background-color:#ffa726; }
.cmn-help-1 .icon.fail { background-image:URL(/img/icon_help_fail.svg); background-color:#fb547c; }
.cmn-help-1 .icon.notry { background-image:URL(/img/icon_help_notry.svg); background-color:#e0e0e0; }
.cmn-help-1 .icon.help-button { background-image:URL(/img/icon_help_btn.svg); }

/* margin-adjust */
.cmn-help-1 > *:first-child { margin-left:0 !important; }
.cmn-help-1 .help-content li:first-child { margin-top:0 !important; }

/* active */
.cmn-help-1 .help-nav.active .help-content { opacity:1; visibility:visible;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}

/* hover */
.cmn-help-1 .help-button:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-help-1 > * { margin:0 0 0 5px; }
.cmn-help-1 .icon { width:18px; height:18px; }
.cmn-help-1 .help-content { top:18px; }
.cmn-help-1 .help-content .text-1 { padding:2px 0 2px 28px; }

/* hover */
.cmn-help-1 .help-button:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-help-1 > * { margin:0 0 0 5px; }
.web-view .cmn-help-1 .icon { width:18px; height:18px; }
.web-view .cmn-help-1 .help-content { top:18px; }
.web-view .cmn-help-1 .help-content .text-1 { padding:2px 0 2px 28px; }

/* hover */
.web-view .cmn-help-1 .help-button:hover { opacity:1; }


/*********************************************************************

.cmn-side-nav-1 - rwd（サイドナビ - 汎用）

*********************************************************************/

.cmn-side-nav-1 { background:#f5f5f5; border-radius:4px; padding:0 5px; }
.cmn-side-nav-1 .title-1 { color:#FF6E82; font-weight:bold; font-size:1.143rem; line-height:1.3; border-bottom:#FF6E82 2px solid; padding:8px 10px; }
.cmn-side-nav-1 ul { padding:12px 0; }
.cmn-side-nav-1 li { font-size:1.143rem; line-height:1.3; }
.cmn-side-nav-1 li a { display:block; padding:5px 20px;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}

/* current */
.cmn-side-nav-1 li.current a { background-color:#fff; font-weight:bold; }

/* hover */
.cmn-side-nav-1 li a:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-side-nav-1 { width:170px; padding:0 5px; }
.cmn-side-nav-1 .title-1 { font-size:1.077rem; padding:8px 5px 5px 5px; }
.cmn-side-nav-1 ul { padding:6px 0; }
.cmn-side-nav-1 li { font-size:1.077rem; }
.cmn-side-nav-1 li a { padding:2px 8px 5px 8px; }

/* hover */
.cmn-side-nav-1 li a:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-side-nav-1 { width:170px; padding:0 5px; }
.web-view .cmn-side-nav-1 .title-1 { font-size:1.077rem; padding:8px 5px 5px 5px; }
.web-view .cmn-side-nav-1 ul { padding:6px 0; }
.web-view .cmn-side-nav-1 li { font-size:1.077rem; }
.web-view .cmn-side-nav-1 li a { padding:2px 8px 5px 8px; }

/* hover */
.web-view .cmn-side-nav-1 li a:hover { opacity:1; }


/*********************************************************************

.cmn-video-box-1 - rwd（動画囲み - 汎用）

*********************************************************************/

.cmn-video-box-1 { width:100%; height:0; padding:56.25% 0 0 0; overflow:hidden; position:relative; }
.cmn-video-box-1 .video-container { width:100%; height:100%; position:absolute; top:0; left:0; }
.cmn-video-box-1 iframe { width:100% !important; height:100% !important; }

/*********************************************************************

.cmn-ref-link-1 - rwd（参照リンク - 汎用）

*********************************************************************/

.cmn-ref-link-wrap-1 { font-size:0; text-align:left; padding:5px 10px 0 10px; }
.cmn-ref-link-1 { display:inline-block; vertical-align:middle; color:#333; font-size:1.143rem; line-height:1.3; position:relative; padding:5px 0 5px 38px;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-ref-link-1:before { content:''; width:30px; height:30px; position:absolute; top:50%; left:0; margin:-15px 0 0 0; background:no-repeat center center; background-size:100%; }
.cmn-ref-link-1 .iconimg { width:30px; height:30px; position:absolute; top:50%; left:0; margin:-15px 0 0 0; background:no-repeat center center; background-size:100%; }
.cmn-ref-link-wrap-1 > .cmn-ref-link-1 { margin:3px 30px 0 0; }

/* icon */
.cmn-ref-link-1.at:before { background-image:URL(/img/ref_icon_at.svg); }
.cmn-ref-link-1.drk:before { background-image:URL(/img/ref_icon_drk.svg); }
.cmn-ref-link-1.hitsu:before { background-image:URL(/img/ref_icon_hitsu.svg); }
.cmn-ref-link-1.kimi:before { background-image:URL(/img/ref_icon_kimi.svg); }
.cmn-ref-link-1.ma:before { background-image:URL(/img/ref_icon_ma.svg); }
.cmn-ref-link-1.mimi:before { background-image:URL(/img/ref_icon_mimi.svg); }
.cmn-ref-link-1.nai:before { background-image:URL(/img/ref_icon_nai.svg); }
.cmn-ref-link-1.qa:before { background-image:URL(/img/ref_icon_qa.svg); }
.cmn-ref-link-1.qb:before { background-image:URL(/img/ref_icon_qb.svg); }
.cmn-ref-link-1.qc:before { background-image:URL(/img/ref_icon_qc.svg); }
.cmn-ref-link-1.san:before { background-image:URL(/img/ref_icon_san.svg); }
.cmn-ref-link-1.sen:before { background-image:URL(/img/ref_icon_sen.svg); }
.cmn-ref-link-1.shujutsu:before { background-image:URL(/img/ref_icon_shujutsu.svg); }
.cmn-ref-link-1.syo:before { background-image:URL(/img/ref_icon_syo.svg); }
.cmn-ref-link-1.tp:before { background-image:URL(/img/ref_icon_tp.svg); }
.cmn-ref-link-1.yakumi:before { background-image:URL(/img/ref_icon_yakumi.svg); }
.cmn-ref-link-1.yami:before { background-image:URL(/img/ref_icon_yami.svg); }
.cmn-ref-link-1.yn:before { background-image:URL(/img/ref_icon_yn.svg); }

/* margin-adjust */
.cmn-ref-link-wrap-1 > .cmn-ref-link-1:last-child { margin-right:0; }

/* hover */
.cmn-ref-link-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-ref-link-wrap-1 { padding:5px 5px 0 5px; }
.cmn-ref-link-1 { font-size:1rem; padding:2px 0 2px 25px; }
.cmn-ref-link-1:before { width:20px; height:20px; margin:-10px 0 0 0; }
.cmn-ref-link-1 .iconimg { width:20px; height:20px; margin:-10px 0 0 0; }

/* hover */
.cmn-ref-link-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-ref-link-wrap-1 { padding:5px 5px 0 5px; }
.web-view .cmn-ref-link-1 { font-size:1rem; padding:2px 0 2px 25px; }
.web-view .cmn-ref-link-1:before { width:20px; height:20px; margin:-10px 0 0 0; }

/* hover */
.web-view .cmn-ref-link-1:hover { opacity:1; }


/*********************************************************************

.cmn-feedback-1 - rwd（フィードバック - 汎用）

*********************************************************************/

.cmn-feedback-1 { font-size:0; margin:40px 0 0 0; }
.cmn-feedback-1 > * { display:inline-block; vertical-align:middle; }
.cmn-feedback-1 .button-1 { width:195px; height:36px; line-height:34px; border:#ccc 1px solid; text-align:center; font-size:0.857rem; color:#424242; background:#fff URL(/img/icon_mail.svg) no-repeat 8px center; background-size:23px 14px; padding:0 0 0 26px; margin:0 10px 0 0;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
.cmn-feedback-1 .text-1 { font-size:1rem; line-height:1.3; }

/* hover */
.cmn-feedback-1 .button-1:hover { opacity:0.75; }

@media screen and (max-width:768px){
.cmn-feedback-1 { margin:15px 0 0 0; width:100%; display:table; table-layout:fixed; border:#ccc 1px solid; padding:5px 0; }
.cmn-feedback-1 > * { display:table-cell; }
.cmn-feedback-1 .button-1 { width:118px; height:20px; line-height:1.3rem; border:0; border-right:#ccc 1px solid; font-size:10px; color:#333; background-position:8px center; background-size:20px 13px; margin:0; }
.cmn-feedback-1 .text-1 { font-size:10px; padding:0 10px; }
.cmn-feedback-1 .text-1 span { display:block; }

/* hover */
.cmn-feedback-1 .button-1:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-feedback-1 { margin:15px 0 0 0; width:100%; display:table; table-layout:fixed; border:#ccc 1px solid; padding:5px 0; }
.web-view .cmn-feedback-1 > * { display:table-cell; }
.web-view .cmn-feedback-1 .button-1 { width:118px; height:20px; line-height:1.3rem; border:0; border-right:#ccc 1px solid; font-size:10px; color:#333; background-position:8px center; background-size:20px 13px; margin:0; }
.web-view .cmn-feedback-1 .text-1 { font-size:10px; padding:0 10px; }
.web-view .cmn-feedback-1 .text-1 span { display:block; }

/* hover */
.web-view .cmn-feedback-1 .button-1:hover { opacity:1; }

/*********************************************************************

.cmn-ellipsis-1

*********************************************************************/

.ellipsis-toggle--wrap { position:relative; }
.ellipsis-toggle--wrap:before { content:''; width:100%; height:5em; position:absolute; bottom:0; left:0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,1) 100%); }
.ellipsis-toggle--wrap.close:before { display: none; }

/* type */
.ellipsis-toggle { display:inline-block; text-decoration:none; content:''; width:240px !important; height:44px; line-height:44px; display:block; vertical-align:middle; color:#fff; font-size:16px; text-align:center; cursor:pointer; background:#FF045D; margin: -0.6em auto 0; position: relative; border:0; outline:0; border-radius:4px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; position:relative; padding:0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.ellipsis-toggle:hover { opacity:0.75; }
.ellipsis-toggle:before { content:''; position:absolute; top:50%; left:25px; width: 16px; height: 10px; margin-top: -5px; background:url(/img/arrow_ellipsis_01_down.svg) no-repeat center center; background-size:100% 100%; }

.og-ios.ov-9 .ellipsis-toggle { letter-spacing:normal; }
.close .ellipsis-toggle { margin-top: 1rem; }
.close .ellipsis-toggle:before { -webkit-transform: scale(1, -1); transform: scale(1, -1); }

/* SP --------------------------------*/
@media (max-width: 768px) {
    .ellipsis-toggle { font-size:1.077rem; border-radius:3px; }
    .ellipsis-toggle:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .ellipsis-toggle { font-size:1.077rem; border-radius:3px; }
.web-view .ellipsis-toggle:hover { opacity:1; }

/*********************************************************************

.cmn-info-1

*********************************************************************/

.cmn-info-1 { font-size: 14px; color: #000; overflow: hidden; margin-top: 20px; margin-bottom: -15px; }
.cmn-info-1-hl { font-weight: bold; margin-bottom: 15px; }
.cmn-info-1-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px; }
.cmn-info-1-col-1, .cmn-info-1-col-2 { padding: 0 10px; }
.cmn-info-1-col-1 { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; }
.cmn-info-1-col-2 { width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cmn-info-1-more { text-align: right; margin-top: 10px; }
.cmn-info-1-link { font-weight: bold; }

@media (min-width: 768.1px) {
    .cmn-info-1-col-2 a[href], .cmn-info-1-link { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
    .cmn-info-1-col-2 a[href]:hover, .cmn-info-1-link:hover { opacity: 0.75; }
}

/* SP --------------------------------*/
@media (max-width: 768px) {
    .cmn-info-1 { font-size: 1.077rem; margin-top: 15px; margin-bottom: 0; }
    .cmn-info-1-hl { margin-bottom: 10px; }
    .cmn-info-1-row { margin: 0 -7px; }
    .cmn-info-1-col-1, .cmn-info-1-col-2 { padding: 0 7px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .cmn-info-1 { font-size: 1.077rem; margin-top: 15px; margin-bottom: 0; }
.web-view .cmn-info-1-hl { margin-bottom: 10px; }
.web-view .cmn-info-1-row { margin: 0 -7px; }
.web-view .cmn-info-1-col-1, .web-view .cmn-info-1-col-2 { padding: 0 7px; }

/*********************************************************************

.cmn-tw-widget

*********************************************************************/

.cmn-tw-widget { border: 1px solid #b3b3b3; margin-top: 10px; }

/*********************************************************************

.cmn-togglebtn-1 - （トグルボタン - 汎用）

*********************************************************************/

.cmn-togglebtn-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 8px;
    color: #000;
    font-size: 14px;
}

.cmn-togglebtn-1 input[type="checkbox"] {
    display: none;
}

.cmn-togglebtn-1 input[type="checkbox"] + label.check {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 56px;
    height: 22px;
    margin-right: 8px;
    color: #B3B3B3;
    border: 1px solid #B3B3B3;
    border-radius: 12px;
    background-color: #B3B3B3;
}

.cmn-togglebtn-1 input[type="checkbox"] + label.check::before {
    content: 'OFF';
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    transition: 0.2s;
}

.cmn-togglebtn-1 input[type="checkbox"]:checked + label.check {
    border: 1px solid #FF045D;
    background-color: #FF045D;
}

.cmn-togglebtn-1 input[type="checkbox"]:checked + label.check::before {
    content: 'ON';
    left: 10px;
}

.cmn-togglebtn-1 input[type="checkbox"] + label.check > div {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #FFF;
    border-radius: 50%;
    background-color: #FFF;
    transition: 0.2s;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.cmn-togglebtn-1 input[type="checkbox"]:checked + label.check > div {
    border: 1px solid transparent;
    left: 36px;
}

/*********************************************************************

.cmn-selecttag-1 - （セレクトボタン - 汎用）

*********************************************************************/

.cmn-selecttag-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 8px;
}

.cmn-selecttag-1 select {
    appearance: revert;
    -webkit-appearance: revert;
    -moz-appearance: revert;
}

/*********************************************************************

.cmn-category-label-1 - （ラベル - 汎用）

*********************************************************************/

.cmn-category-label-1 {
    position: absolute;
    display: inline-block;
    max-width: 60px;
    min-width: 60px;
    padding: 9px 6px;
    top: 50%;
    right: 36px;
    transform: translateY(-50%);
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

.cmn-category-label-1.medicine {
    background: #3F51B5;
}

.cmn-category-label-1.nursing {
    background: #FF6E82;
}

.cmn-category-label-1.nutrition {
    background: #FF5907;
}

.cmn-category-label-1.pharmacy {
    background: #00AD9F;
}

.cmn-category-label-1.pt_ot {
    background: #88249A;
}

.cmn-category-label-1.care {
    background: #B79D72;
}

.cmn-category-label-1.ins {
    background: #4E3A8A;
}

.cmn-category-label-1.common {
    background: #00BD00;
}
.cmn-category-label-1.health {
    background: #0096D9;
}
.cmn-category-label-1.welfare {
    background: #9D4035;
}
/** ajax loading */
.is-hide{
    display:none;
}
.loading{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.5);
    z-index:9999;
}
.loading::before{
    content:"";
    display:block;
    position:fixed;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    border-radius:5px;
    margin-top:-15px;
    margin-left:-15px;
}
.loading::after{
    content:"";
    display:block;
    position:fixed;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    background: url('/img/ajax-loader.gif');
    background-repeat : no-repeat;

}


/** Errata */
.errata-content {
    width:100%;
}
@media (max-width:767px) {
    .errata-content {
        width:97%;
        margin:auto;
    }
}

.errata-column-main {
    padding:initial !important;
    margin:initial !important;
}

.errata-content-course-select {
    padding-bottom: 5px;
    text-align: right;
}

.errata-content-course-select-combbox {
    width:50%;
    appearance: revert;
    -webkit-appearance: revert;
}

.errata-content-sticky {
    font-size:1.3rem;
    font-weight:bold;
    z-index:8 !important;
}

.errata-content-sticky-thead{
    top:24px !important;
    z-index:5 !important;
}

.errata-table {
    width:100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
    margin: 1rem auto;
    font-size: 0.88rem;
    text-align: center;
    border-collapse: separate;;
    border-spacing: 0;
}

.errata-table th {
    padding: 10px;
    background: #ebebeb;
    border: solid 0.5px #c0c0c0;
    letter-spacing: 0.1em;
}

.errata-table td {
    padding: 4px;
    border: solid 0.5px #c0c0c0;
}

.errata-table  strong {
    font-weight:bold !important;
}

.errata-text {
    line-height: 1.05rem;
    font-size: 0.8rem;
}

.errata-text .errata-text-detail-icon-img {
    width:15px;
}

.errata-text .errata-text-detail-icon-cursor {
    cursor: pointer;
}

.errata-text a, .errata-modal .errata-modal-contents .errata-modal-text a{
    color:#1a237e;
    text-decoration: none;
}
.errata-text a:hover, .errata-modal .errata-modal-contents .errata-modal-text a:hover {
    opacity: 0.75;
}

.errata-modal .errata-modal-contents .errata-modal-text p {
    margin-bottom: initial;
}

.errata-modal {
    width:90% !important;
    max-width:600px;
}

.errata-modal .errata-modal-title {
    font-weight: bold;
    text-align: left;
}

.errata-modal .errata-modal-contents {
    margin-bottom:10px;
}

.errata-modal .errata-modal-contents .errata-modal-title {
    font-weight:bold;
    font-size:1.1rem;
}

.errata-modal .errata-modal-contents .errata-modal-text {
    min-height:17px;
}

.errata-modal .modal-body {
    overscroll-behavior: none;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 1);
}

/*********************************************************************
.swiper-courseTab トップページ　コースタブ　Swiper
*********************************************************************/
.swiper-courseTab {
    position: relative;
}
.swiper-courseTab .swiper {
    padding-bottom: 8px; /** scrollbarを外側に表示する分 */
    box-sizing: content-box;
}
.swiper-courseTab .swiper-wrapper {
    padding-bottom: 5px;
    width: 200%;
}

.swiper-courseTab .swiper .swiper-slide {
    width:initial;
}
.swiper-courseTab .swiper .swiper-slide .tabbtn-1 {
    border-radius: 5px;
}
.swiper-courseTab .swiper-slide:not(:last-child) {
    margin-right: 5px;
}
.swiper-courseTab .swiper-scrollbar {
    left: 0 !important;
    height: 3px !important;
    width: 100% !important;
}
.swiper-courseTab .swiper .swiper-scrollbar-drag {
    background-color: #FF045D !important;
}
/*********************************************************************
.swiper-carousel トップページ　カルーセル　Swiper
*********************************************************************/
.swiper-carousels-area {
    overflow: hidden;
    position: relative;
}
.swiper-carousels-area2 {
    position: relative;
    margin: 0 auto;
    max-width: 728px; /* 実際の画像幅に応じて変更 */
    width: 100%;
}
.swiper-carousels-area .swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1;
}
.swiper-carousels-area .swiper-slide {
    opacity: 0.5;
    margin-right: 0 !important;
}
.swiper-carousels-area .swiper-slide-active {
    opacity: 1;
}
/* 前への矢印 */
.swiper-carousels-area .swiper-button-prev {
    left: -60px;
}
/* 次への矢印 */
.swiper-carousels-area .swiper-button-next {
    right: -60px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-carousels-area .swiper-button-prev,
.swiper-carousels-area .swiper-button-next {
    height: 50px;
    width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-carousels-area .swiper-button-prev::after,
.swiper-carousels-area .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 50px;
    margin: auto;
    width: 50px;
    background-color: white;
    opacity: 0.7;
}
/* 前への矢印カスタマイズ */
.swiper-carousels-area .swiper-button-prev::after {
    background-image: url('../img/sp_to_left_arrow.png');
}
/* 次への矢印カスタマイズ */
.swiper-carousels-area .swiper-button-next::after {
    background-image: url('../img/sp_to_right_arrow.png');
}
/* 画像サイズ調整 */
.swiper-carousels-area .swiper-slide img {
    height: auto;
    width: 100%;
}

.swiper-carousels-area .swiper-pagination {
    bottom: 3px;
}