@charset "utf-8";
@import url('components.css');
@import url('../js/pushbar/pushbar.css') screen and (max-width: 480px);
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('fontawesome/css/all.min.css');


.tx_mint { color:#00ccc4!important;}
.tx_red { color:#e22d0f!important;}
.tx_blue { color:#0c3170!important;}
.tx_white { color:#fff!important;}
.tx_gray { color:#777!important;}
.tx_xsmall { font-size:0.8em; }
.tx_small { font-size:0.9em; }
.tx_medium { font-size:1.1em; }
.tx_large { font-size:1.2em; }
.tx_xlarge { font-size:1.4em; }
.mgb0 { margin-bottom:0!important; }
.mgb10 { margin-bottom:10px!important; }
.pdb0 { padding-bottom:0!important; }
.w100par { width:100%; }
.tx_indent { margin-left:1em; text-indent:-1em; }
ul.disc { padding-left:25px; }
ul.disc li {list-style-type:disc; margin-bottom:10px;}
ul.indent { padding-left:1em; text-indent:-1em;}
ul.indent li { margin-bottom:10px; }
ul.checklist li { position:relative; padding:0 0 0 2rem; margin-bottom:0.3rem;}
ul.checklist li:last-of-type { margin-bottom:0;}
ul.checklist li:before { font-family:'Material Icons'; content:"\e2e6"; position: absolute; left:0; top:-1px; font-size:1.6rem; line-height:1; color:#36a11d; font-weight:normal;}
ul.border {}
ul.border li { padding:10px 0; border-bottom:1px dashed #ccc;}

dl {}
dl.type01 dt { float:left; font-style:italic; padding:15px;}
dl.type01 dd { padding:15px 15px 15px 140px;}
i.material-icons, i.material-icons-outlined { vertical-align:middle; }


/* button */
.btn { border:0; display:inline-block; color:#fff; border-radius:3px; vertical-align: middle; text-decoration:none; text-align:center; padding:12px 20px; font-size:1.1rem; transition:all 0.2s ease-out; position:relative; background:#262626; cursor:pointer;}
.btn:hover { background:#666;}
.btn.large { font-size:1.2rem; padding:15px 30px;}
.btn.xlarge { font-size:1.3rem; padding:20px 30px;}
.btn.xlarge02 { font-size:1.4rem; padding:30px 30px;}
.btn.small { font-size:1rem; padding:10px 15px;}
.btn.mini { font-size:0.9rem; padding:8px 12px;}
.btn.micro { font-size:0.85rem; padding:5px 8px;}
.btn.border { border:1px solid #0c3170; color:#0c3170; background:#fff;}
.btn.border:hover { color:#fff; background:#0c3170;}
.btn.border_blue2 { border:1px solid #0E68CC; color:#0E68CC; background:#fff;}
.btn.border_blue2:hover { color:#fff; background:#0E68CC;}
.btn.border_gray { border:1px solid #ddd; color:#262626; background:#fff;}
.btn.border_gray:hover { background:#ddd;}
.btn.txt { color:#0c3170; background:none;}
.btn.txt:hover { opacity:0.6;}
.btn.block { display:block; width:100%!important;}
.btn.blue { background:#0c3170;}
.btn.blue:hover { background:#1c3e77;}
.btn.green { background:#36a11d;}
.btn.green:hover { background:#27bf03;}
.btn.green2 { background:#0080a0;}
.btn.green2:hover { background:#18aed3;}
.btn.orange { background:#f2761b;}
.btn.orange:hover { background:#ff8830;}
.btn.gray { background:#ddd; color:#262626;}
.btn.gray:hover { background:#ccc;}
.btn.fb { background:#3b5998; color:#fff;}
.btn.tw { background:#55acee; color:#fff;}
.btn.line { background:#00c300; color:#fff;}
.btn.fb:hover, .btn.tw:hover, .btn.line:hover { opacity:0.7; }
.btn i { vertical-align:middle; margin-left:6px; margin-top:-3px; font-size:1.2rem;}
.btn i.large { margin-left:10px; font-size:1.6rem; margin-top:-3px;}
.btn.small i { margin-top:-3px;}
.btn.mini i { margin-top:-1px;}
.btn.micro i { margin-top:-1px; font-size:1rem;}
.btn i.left { margin-left:0; margin-right:6px;}
.btn i.large.left { margin-right:10px;}
.btn .material-icons { vertical-align:middle; margin-left:3px; margin-top:-3px; font-size:1.2rem;}
.btn.xlarge .material-icons { font-size:1.6rem;}
.btn.disabled { pointer-events:none; background:#bbb; }
.btn.disabled2 { background:#bbb; }
.btn .tx { display:inline-block; position:relative;}
.btn .badge { position:absolute; top:-15px; right:-28px; background:#e22d0f; color: #fff; width: 25px; height: 25px; position: absolute; margin-left:10px; border-radius: 100%; font-weight: bold; font-size:12px; line-height:1; display:flex; align-items:center; justify-content:center; z-index:1000;}
.column2btn { display:flex; align-items:center; justify-content:flex-end;}
.column2btn .btn { width:calc( ( 100% - 10px ) / 2 );}
.column2btn .btn + .btn { margin-left:10px; }
ul.btn_list li { margin-bottom:7px;}
ul.btn_list li:last-of-type { margin-bottom:0;}

.btn.icon_flex { display:flex;}
.btn.icon_flex .icon_wrap { display:flex; align-items:center; justify-content:center;}
.btn.icon_flex .icon_wrap i { font-size:3rem; margin:0;}
.btn.icon_flex .tx_wrap { padding-left:15px; display:flex; align-items:center; flex-wrap:wrap; text-align:left;}
.btn.icon_flex .tx_wrap * { width:100%;}

.icon_largebtn_list { display:flex; justify-content:space-between; flex-wrap:wrap;}
.icon_largebtn_list li { display:flex; width:calc( (100% - 20px) / 2); margin-bottom:20px; }
.icon_largebtn_list li .icon_largebtn { width:100%;}
.icon_largebtn { width:60%; margin:0 auto; border:1.5px solid #ddd; padding:30px; display:flex; flex-direction:column; justify-content:center; color:#333; text-decoration:none; min-height:200px; border-radius:4px;}
.icon_largebtn:hover { opacity:0.6;}
.icon_largebtn.center { margin:0 auto;}
.icon_largebtn .main_icon { font-size:2.6rem;}
.icon_largebtn .main_icon2 { font-size:3.2rem;}
.icon_largebtn .tx1 { font-size:1.5rem; font-weight:700; margin-top:15px;}
.icon_largebtn .tx2 { font-size:1.1rem; margin-top:10px;}

.icon_largebtn_list.radio_type {}
.icon_largebtn_list.radio_type input { display:none;}
.icon_largebtn_list.radio_type label { width:100%; border:1.5px solid #ddd; padding:30px; display:flex; flex-direction:column; justify-content:center; color:#333; text-decoration:none; min-height:200px; border-radius:4px; cursor:pointer; transition:0.2s;}
.icon_largebtn_list.radio_type .main_icon { font-size:2.6rem;}
.icon_largebtn_list.radio_type .main_icon2 { font-size:3.2rem;}
.icon_largebtn_list.radio_type .tx1 { font-size:1.4rem; font-weight:700; margin-top:15px;}
.icon_largebtn_list.radio_type .tx2 { font-size:1.0rem; margin-top:10px;}
.icon_largebtn_list.radio_type input:checked + label { border-color:#0c3170; color:#0c3170;}

.icon_largebtn_list.radio_type.vertical { display:block;}
.icon_largebtn_list.radio_type.vertical li { display:block; width:auto; margin-bottom:10px;}
.icon_largebtn_list.radio_type.vertical input { display:none;}
.icon_largebtn_list.radio_type.vertical label { flex-direction:row; justify-content:space-between; min-height:100px; align-items:center; position:relative; padding-left:65px;}
.icon_largebtn_list.radio_type.vertical .main_icon2 { font-size:3.2rem; order:2;}
.icon_largebtn_list.radio_type.vertical .tx_wrap { width:calc( 100% - 80px );}
.icon_largebtn_list.radio_type.vertical .tx1 { font-size:1.4rem; font-weight:700; margin:0;}
.icon_largebtn_list.radio_type.vertical .tx2 { font-size:1.0rem; margin-top:5px;}
.icon_largebtn_list.radio_type.vertical input:checked + label { border-color:#0c3170; color:#0c3170; background:#cfe8f3;}
.icon_largebtn_list.radio_type.vertical label:before { content:""; display:inline-block; width:25px; height:25px; border-radius:100%; border:1px solid #bbb; margin-right:20px; position:absolute; left:25px; top:50%; margin-top:-13px;}
.icon_largebtn_list.radio_type.vertical label:after { content:""; display:inline-block; width:13px; height:6px; border-left:3px solid #fff; border-bottom:3px solid #fff; position:absolute; left:29px; top:50%; margin-top:-6px; transform:rotate(-45deg);}
.icon_largebtn_list.radio_type.vertical input:checked + label:before { background:#fff; border:0;}
.icon_largebtn_list.radio_type.vertical input:checked + label:after { border-color:#0c3170;}



.accordion_btn01 { background:#f4f4f4; font-size:1.2rem; color:#333; font-weight:700; padding:30px 30px 30px 80px; display:block; width:100%; position:relative; text-align:left;}
.accordion_btn01:after { font-family: 'Material Icons'; content: "\e5cf"; position: absolute; left:40px; top:50%; font-size:1.6rem; line-height: 1; margin-top:-0.8rem; color:#333;}
.accordion_btn01.active:after { transform:rotate(180deg);}

.accordion_btn01:hover { background:#ddd;}
.accordion_cont { display:none;}


/* tooltip */
.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { visibility: hidden; width:100%; background:#333; color:#fff; border-radius: 4px; padding: 12px 12px; position: absolute; z-index: 1; bottom: calc( 100% + 10px); left: -10px; transition:0.2s; font-size:0.9rem; opacity:0; text-align:left; z-index:1000; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
.tooltip .tooltiptext.w200 { width:200px; margin-left:-65px;}
.tooltip .tooltiptext:after { content:''; position: absolute; bottom: -12px; left: 50%; margin-left: -7px; border: 5px solid transparent; border-top: 7px solid #333;}
.tooltip:hover .tooltiptext { visibility: visible; opacity:1;}
.tooltip.cream .tooltiptext { background:#fffae3; color:#333;}
.tooltip.cream .tooltiptext:after { border-top-color:#fffae3;}

/* app */
.app_btn_area { border-top:1px solid #ddd; padding:20px 25px; margin-bottom:}
.app_btn_area .btn { width:100%;}

.common_img { display:inline-block; width:400px;}
.common_img.xsmall { width:200px;}
.common_img.small { width:250px;}
.common_img.large { width:600px;}
.common_img.right { float:right; margin:0 0 25px 30px;}
.indent_left { padding-left:1rem; }

.common_btn_area { text-align:center; margin-bottom:50px;}
.common_btn_area .btn { margin-right:30px;}
.common_btn_area .btn:last-of-type { margin-right:0;}
.common_btn_area.self_margin { padding:30px 60px 10px; margin-bottom:0;}

.common_btn_area02 { padding:15px 0; text-align:center;}

.common_btn_area.form_action { text-align:center; margin:60px 0 40px; background:#f4f4f4; padding:30px;}
.common_btn_area.form_action .btn { width:400px;}
.common_btn_area.form_action + .after_desc { margin-top:-20px;}
.common_btn_area.form_action div { display:inline-block; }

.common_btn_area04 { padding:30px 60px 20px; text-align:center; display:flex;}
.common_btn_area04 .btn { width:calc( ( 100% - 30px ) /2 ); margin-right:30px;}
.common_btn_area04 .btn:last-of-type { margin-right:0;}
.common_btn_area05 { margin:15px 0;}
.common_btn_area05 .btn { min-width:180px; margin-right:10px;}
.common_btn_area05 .btn:last-of-type { margin-right:0;}

.common_pd01 { padding:0 30px; }
.common_pd02 { padding:0 0 0 30px; }
.common_txlink i { vertical-align:middle; margin-top:-2px; }

.ttl_after_btnarea { text-align:right; margin:-15px 0 25px 0;}
.ttl_after_btnarea.ttl_baseline { margin:-65px 0 40px 0;}
.pagenav_btn { margin-bottom:30px; }

.label { border:0; display:inline-block; vertical-align: middle; text-decoration:none; min-width:30px; text-align:center; line-height: 1.2rem;  font-size:0.85rem;  background:#e9e9e9; transition:opacity 0.2s ease-out; padding:3px 10px 2px; font-weight:bold; color:#262626;}
.label.red { background:#cc0000; color:#fff;}
.label.mint { background:#2bb6c2; color:#fff;}
.label.blue { background:#0c3170; color:#fff;}
.label.black { background:#262626; color:#fff;}
.label.blue2 { background:#0e2147; color:#fff;}
.label.blue3 { background:#2d416a; color:#fff;}
.label.brown { background:#572802; color:#fff;}
.label.brown2 { background:#724623; color:#fff;}
.label.green2 { background:#195013; color:#fff;}
.label.green3 { background:#3b7635; color:#fff;}
.label.gold { background:linear-gradient(170deg, #d8be5f, #9e740c); color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.label.radius { border-radius:30px;}
.label.border { background:#fff; border:1px solid #262626; color:#262626;}
.label + .label { margin-left:5px;}
.label.small { font-size:0.75rem; padding:2px 10px 1px;}
.label.large { font-size:1.0rem; padding:5px 20px 4px;}
a.label:hover { opacity:0.7;}
.label .icon { margin-right:5px; margin-top:-2px; }

.pagelink { padding-top:140px; margin-top:-140px; }
.bg_gray { background:#f2f2f2; }
.bg_lightgray { background:#f2f2f2; }

.border_commonbox { border:2px solid #ddd; padding:25px; border-radius:5px; margin-bottom:30px; font-size:1.1rem;}
.border_commonbox .ttl { font-size:1.3rem; font-weight:700; margin-bottom:15px;}
.border_commonbox.red { border-color:#dd0000; color:#dd0000;}

table.type01 { border-top:1px solid #ddd; border-right:1px solid #ddd;}
table.type01 th, table.type01 td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px;}
table.type01 th { background:#fafafa; font-weight:bold; white-space:unset;}
table.type01 td { background:#fff;}
table.type02 { width:100%;}
table.type02 td { border-bottom:1px solid #ddd; padding:20px 0 20px 20px;}
table.type02 th { border-bottom:1px solid #111; }
table.type03 { border-top:1px solid #ddd; border-right:1px solid #ddd; table-layout:fixed;}
table.type03 th, table.type03 td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px;}
table.type03 th { background:#0c3170; font-weight:bold; padding:8px 15px; color:#fff;}
table.type04 { width:100%;}
table.type04 td { padding:0 0 20px 20px;}
table.type05 { width:100%;}
table.type05 td { padding:0 0 10px 10px;}

table.stripe tbody tr:nth-of-type(2n) td { background:#fafafa;}
table.vm td, table.vm th { vertical-align:middle;}
table.vt td, table.vt th { vertical-align:top;}
table.form_inner { border:0;}
table.form_inner th, table.form_inner td { border:0; background:none; padding:10px 0;}
table.form_inner th { font-weight:bold; padding-right:15px;}
table.th_bold th { font-weight:bold;}
table.last_tr_bd0 tr:last-of-type th, table.last_tr_bd0 tr:last-of-type td { border:0;}
table.bg_white { background:#fff;}
table .center { vertical-align:middle;}



header { text-align:left; }
header .inner { width:1100px; margin:0 auto;}
header .box01 { background:#262626; color:#fff; font-size:0.85rem;}
header .box01 .inner { display:flex;}
header .siteDesc { font-weight:normal; margin-right:auto; display:flex; align-items:center;}
header .txSize_select { display:table-cell; vertical-align:middle;}
header .txSize_select .tx { display:inline-block; margin-right:5px;}
header .txSize_select ul { display:inline-block;}
header .txSize_select ul li { display:inline-block; padding:8px; background:#737373; line-height:1; margin-left:-3px; cursor: pointer;}
header .txSize_select ul li:first-of-type{ margin-left:0;}
header .txSize_select ul li.active { background:#f0f0f0; color:#262626;}
header .box01 .drop_nav { position:relative; margin-right:20px; display:flex; align-items:center;}
header .box01 .drop_nav .tx { padding-right:20px; position:relative;}
header .box01 .drop_nav .tx:after { font-family: 'Material Icons'; content: "\e313"; position: absolute; right:0; top:50%; font-size:1.2rem; height:1.4rem; line-height: 1; margin-top:-0.6rem; color:#fff;}
header .box01 .drop_nav .drop_wrap { position:absolute; display:none; top:100%; width:16rem; background:#fff; z-index:100; box-shadow:1px 1px 6px rgba(0,0,0,0.3);}
header .box01 .drop_nav:hover .drop_wrap { display:block; }
header .box01 .drop_nav a { display:block; padding:10px; text-decoration:none; color:#262626;}
header .box01 .drop_nav a:hover { background:#f1f1f1;}
header .box01 .drop_nav li.outlink a { position:relative; padding-right:25px;}
header .box01 .drop_nav li.outlink a:after { font-family:'Material Icons'; content:"\e89e"; position:absolute; right:10px; top:50%; font-size:1.1rem; line-height:1; margin-top:-0.5rem; color:#aaa;}
header .box02 .inner { padding:13px 0; position: relative;}
header .logo { display:inline-block; width:345px; vertical-align:top;}
header .logo .tx { display:none;}
header .username { display:inline-block; margin-left:30px; font-size:1.1rem; line-height:1;}
header .username .name_inner { display:flex; align-content:center; flex-wrap:wrap; height:60px;}
header .username .name_inner .name { width:100%;}
header .username .name_inner .info { font-size:1rem; position:relative; margin-top:8px;}
header .username .name_inner .info .badge { background:#e22d0f; color:#fff; width:25px; height:25px; line-height:25px; border-radius:100%; font-weight: bold; display:inline-block; text-align:center; font-size:12px; margin-left:5px;}

header .box02 .btn_area { float:right; padding-top:5px;}
header .box02 .btn_area li { display:inline-block; margin-left:20px;}
header .box02 .btn { margin-top:5px; font-weight: bold;}
header .box02 .btn.txt { height:46px; line-height:46px; border:0; padding:0; font-size:1.2rem; margin:0;}
header .box02 .btn.txt i { margin-right:5px; margin-left:0;}
header .box03 { background:#0c3170; position: relative;}
header .box_common01 { background:#fff; padding:5px 0; display:none;}
header .box_common01 .label { margin-right:5px; margin-top:-1px;}
header .box_common01 .tx01 { font-weight:bold; display:inline;}
header .mainnav > ul { display:flex;}
header .mainnav > ul > li { width:calc( 100% / 8 ); transition: 0.2s; height:80px;}
header .mainnav > ul > li > a { position:relative; display:block; padding-top:13px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); text-decoration:none; color:#fff; transition:0.3s; height:100%;}
header .mainnav > ul > li:hover, header .mainnav li.active { background:#3d609e;}
header .mainnav > ul > li:first-of-type > a { border-left:1px solid rgba(255,255,255,0.2);}
header .mainnav > ul > li:last-of-type > a { border:0;}
header .mainnav > ul > li > a > .icon { display:block; margin:0 auto 3px;}
header .mainnav > ul > li > a > .tx { display:block; font-weight: bold; font-size:15px;}
header .mainnav > ul > li.large { position: relative; height:90px;margin-top:-10px; }
header .mainnav > ul > li.large > a { padding-top:12px; bottom:0; position: absolute; width:100%;}
header .mainnav > ul > li.beginner > a { background:#f2761b; color:#f2761b; border-top:2px solid #cb5600!important;}
header .mainnav > ul > li.beginner > a:hover { background:#ff8830;}
header .mainnav > ul > li.cart > a { background:#36a11d; color:#36a11d; border-top:2px solid #146b00!important; position: relative;}
header .mainnav > ul > li > a .badge { background:#e22d0f; color:#fff; width:25px; height:25px; position: absolute; top:5px; right:30px; line-height:1; border-radius:100%;font-weight: bold; font-size:0.9rem; display:flex; justify-content:center; align-items:center;}
header .mainnav > ul > li.e_learning > a .badge { font-size:0.6rem; top:5px; right:15px;}

header .mainnav > ul > li.cart > a:hover { background:#27bf03;}
header .mainnav > ul > li.beginner > a .tx, header .mainnav li.cart > a .tx { font-weight:bold; border-radius:2px; background:#fff; width:80%; display:inline-block; margin-top:4px; line-height:1.5;}

header .nav_teiki_lp { display:none;}

/* 固定 */
header.fixed { transform: translateY(-120%); left: 0; position: fixed; top: 0; width:100%; z-index: 101; transition:0.6s; opacity:0.2; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);}
header.fixed .box01, header.fixed .box04, header.fixed.no_fix { display:none;}
header.fixed .box02 { background:#fff;}
header.fixed .box02 .inner { padding:12px 0;}
header.fixed .logo { width:auto; display:inline-block; text-decoration:none; color:#333;}
header.fixed .logo img { display:none;}
header.fixed .logo .tx { display:block; font-weight:bold; font-size:1.3rem; line-height:1;}
header.fixed .username { margin-top:-5px; margin-left:20px; font-size:1.0rem;}
header.fixed .username .name_inner { display:block; height:auto;}
header.fixed .username .name_inner .name { display:inline-block; width:auto; margin-bottom:0;}
header.fixed .username .name_inner .info { display:inline-block; margin-left:20px; }

header.fixed .box02 .btn_area { padding:0; }
header.fixed .box02 .btn { height:auto; line-height:1; font-size:1.1rem; padding:9px 20px; margin-top:0;}
header.fixed .box02 .btn.txt { padding:0;}

header.fixed.active { transform: translateY(0); opacity: 1;}
header.fixed .box_common01 { display:block;}

header.fixed .mainnav .icon { display:none!important;}
header.fixed .mainnav li { height:40px!important; line-height: 1;}
header.fixed .mainnav li > a { padding-top:12px;}
header.fixed .mainnav li > a .tx { margin:0!important;}
header.fixed .mainnav li.large { margin-top:0;}
header.fixed .mainnav li.large > a { padding-top:9px; border-top:0!important;}
header.fixed .mainnav li.cart > a .badge { top:-3px; right:5px;}
header.fixed .mainnav li.e_learning > a .badge { top:-3px; right:-8px;}
header.fixed .drop_item { top:40px;}
header .sp_mainnav, header .sp_nav, .sp_slide_nav { display:none; }

/* 視聴画面では追尾ヘッダーなし */
body.viewing header.fixed { display:none; }

/* 購入ページのheader */
header.buy { border-bottom:1px solid #ddd;}
/* 外売ページのheader */
header.sale { background:#E61212; text-align:center;}

/* drop menu */
.drop_item { z-index: 1; position:absolute; top:80px; left:0; background:#fff; width:240px; box-shadow:1px 1px 6px rgba(0,0,0,0.3); display:none;}
.drop_item .inner { width:auto;}
.mainnav li.drop { position:relative; }
.mainnav li.drop:hover > .drop_item { display:block; z-index: 1000;}
.drop_item ul.tx_menu  { padding:8px 0; }
.drop_item ul.tx_menu li {}
.drop_item ul.tx_menu li a { color:#0c3170; display:block; font-weight:; font-size:1rem; text-decoration:none; padding:8px 15px; line-height:1.3;}
.drop_item ul.tx_menu li a .material-icons { font-size:16px;vertical-align:middle; margin:-3px 0 0 5px;}
.drop_item ul.tx_menu li a:hover { background:#f1f1f1;}
.drop_item ul.tx_menu.bgtype { background:#f5f5f5;}
.drop_item ul.tx_menu.bgtype li a:hover { background:#dfdfdf;}

.drop_item .tx_menu li.indent a { padding-left:20px; }
.drop_item.column { width:480px;}
.drop_item.column li a { padding:8px 15px;}
.drop_item.column .label { margin-bottom:5px; background:#2bb6c2; font-weight:normal; color:#fff; font-size:0.85rem;}
.drop_item.wide { width:650px; }
.drop_item.wide .inner { display:flex;}


/* search */
header .box04 { background:#eee;}
header .search { padding:8px 0;}
header .search .tx { font-weight:bold; color:#0c3170; margin-right:10px; font-size:14px;}
header .search .reload_btn i,
header .search .clear_btn i,
header .search .search_btn i
 { vertical-align: middle; margin-top:-2px; font-size:1.4rem; margin-right:5px;}
.search select, .search input[type=text] { border:0; box-shadow: 1px 1px 0 rgba(0,0,0,0.1); }
.common_search { }
.common_search .indent_inner { padding-left:30px;}
.common_search select { width:160px; }
.common_search .keyword { width:660px; }
.common_search .search_btn { margin-left:-6px; margin-right:0; height:36px; line-height:36px; width:140px;}
.common_search .link_tx { color:#262626; display:inline-block; display:none;}
.common_search .link_tx i { font-size:1.4rem;}
.common_search .custom_search { display: none; margin-top:10px;}
.common_search .and_or_type, .common_search .sp_modal_btn { display: none;}

.common_search.av .and_or_type { display: inline-block; margin:0 20px 0 10px;}
.common_search.av .keyword { width:450px;}


.custom_search .group { display:inline-block; }
.custom_search .group + .group { margin-left:20px;}
.custom_search#search_seminar .item01 { width:260px;}
.custom_search#search_seminar .item02 { width:270px;}
.custom_search#search_seminar .item03 { width:140px;}
.custom_search#search_seminar .item04 { width:60px;}
.custom_search#search_book .item01 { width:470px;}
.custom_search#search_book .item02 { width:470px;}
.custom_search#search_av .item01 { width:470px;}
.custom_search#search_av .item02 { width:470px;}

.common_search .block { display:flex; }
.common_search .block + .block { margin-top:15px;}
.common_search .block .name { width:140px; font-weight:700; display:flex; align-items:center;}
.common_search .block .cont { width:calc(100% - 140px);}
.common_search .btn_area { margin:30px 0 15px; display:flex; justify-content:center;}
.common_search .btn_area .btn + .btn { margin-left:20px;}

.common_search.streaming { background:#f1f1f1; margin-bottom:30px; padding:15px; border:1px solid #ddd;}
.common_search.streaming .tx {font-weight:bold; margin-right:10px; display:inline-block;}
.common_search.streaming .keyword { }
.common_search.streaming .group { display:inline-block; }
.common_search.streaming .group + .group { margin-left:10px;}
.common_search.streaming .group_type01 { display:flex; margin-top: 15px;}
.common_search.streaming .group_type01 .item:nth-of-type(n + 2) { padding-left:30px; border-left:1px solid #bbb; margin-left:30px; }

.common_search.accordion { padding:0; width:80%; margin:20px auto 30px; }
.common_search.accordion .box1 { position:relative; padding:15px; cursor:pointer;}
.common_search.accordion .box1 .catch_title { margin:0;}
.common_search.accordion .box1 .accordion_toggle { font-size:2.2rem; position:absolute; top:15px; right:20px; line-height:1; transition:0.1s;}
.common_search.accordion .box1.active .accordion_toggle { transform:rotate(-180deg);}
.common_search.accordion .box2 { display:none; padding:15px;}



.cat_tag_search { }
.cat_tag_search .keyword { width: 500px;}
.cat_tag_search .area01 { display:flex; justify-content:space-between;}
.cat_tag_search .search_btn { height:100%; width: 140px; }
.cat_tag_search .area02 { display:flex; justify-content:space-between; margin-top:10px; position:relative;}
.cat_tag_search .area02 .box_l { display:flex; align-items:center;}
.cat_tag_search .area02 .box_l .tx { margin-right:15px;}
.cat_tag_search .area02 .tab { display:flex;}
.cat_tag_search .area02 .tab li { position:relative;}
.cat_tag_search .area02 .tab li .tx { background:#aaa; color:#fff; display:flex; align-items:center; padding:0 25px 0 10px; font-weight:600; height:36px; border-radius:4px; margin: 0; cursor:pointer; position:relative; transition:0.3s;}
.cat_tag_search .area02 .tab li .tx:hover,
.cat_tag_search .area02 .tab li.active .tx { background:#0c3170;}
.cat_tag_search .area02 .tab li .tx:after { content:""; font-family: 'Material Icons'; content: "\e5c5"; position: absolute; right:3px; top:50%; font-size:20px;line-height: 1; margin-top:-9px; color:#fff;}
.cat_tag_search .area02 .tab li i { font-size:20px; margin-right:8px; }
.cat_tag_search .area02 .tab li + li { margin-left: 10px;}
.cat_tag_search .area02 .tab li .hover_desc { opacity:0; transition:0.3s; position:absolute; left:20px; top:40px; background:#fffae3; z-index:-1; padding:15px; font-weight:600; width:400px; border-radius:4px; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
.cat_tag_search .area02 .tab li .hover_desc:after { width: 0; height: 0; content:""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fffae3; position:absolute; left:20px; top:-20px;}
.cat_tag_search .area02 .tab li:hover .hover_desc { opacity:1; z-index:1; top:50px; cursor:pointer;}
.cat_tag_search .area02 .tab li .hover_desc .btn { background:#cfbc71; font-weight:600; padding:8px; width:70%; margin:15px auto; text-align:center; display:block;}
.cat_tag_search .area02 .tab li.active .hover_desc { display:none;}
.cat_tag_search .area02 .tagsearch_tutorial { position:absolute; left:0; top:50px; background:#fffae3; padding:25px; border-radius:4px; box-shadow:3px 3px 5px rgba(0,0,0,0.3); font-weight:600; z-index:10; width:550px; display:flex; justify-content:space-between; color:#333;}
.cat_tag_search .area02 .tagsearch_tutorial:after {width: 0; height: 0; content:""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fffae3; position:absolute; left:20px; top:-20px;}
.cat_tag_search .area02 .tagsearch_tutorial.hide { display:none;}
.cat_tag_search .area02 .tagsearch_tutorial .txt {}
.cat_tag_search .area02 .tagsearch_tutorial .txt .tx1 { font-weight:600; font-size:1.3rem; margin-bottom:15px;}
.cat_tag_search .area02 .tagsearch_tutorial .btn_wrap { margin-left:25px; display:flex; align-items:center;}
.cat_tag_search .area02 .tagsearch_tutorial .btn { text-align:right; cursor:pointer; text-align:center; width:100px}
.cat_tag_search .area02 .tagsearch_tutorial.hyde { display:none;}


.cat_tag_search .teacher_name01 { width:150px; }
.cat_tag_search .teacher_name02 { width:170px; }
.cat_tag_search .header_tab_content { margin-top: 10px; display:none;}
.cat_tag_search .header_tab_content.show { display:block;}
.cat_tag_search .header_tab_content .item_group { display:flex; }
.cat_tag_search .header_tab_content .item_group + .item_group { margin-top: 10px;}
.cat_tag_search .header_tab_content .item_group .name { background:#fff; font-size:14px; text-align:center; font-weight:600; width:90px; display:flex; justify-content:center; align-items:center;}
.cat_tag_search .header_tab_content .item_group .group_body { width:calc( 100% - 90px - 10px ); margin-left:10px;}
.cat_tag_search .header_tab_content .item_group.column2 { justify-content:space-between;}
.cat_tag_search .header_tab_content .item_group.column2 > div { display:flex;}

.cat_tag_search .header_tab_content .cat_select_check { display:flex; flex-wrap:wrap;}
.cat_tag_search .header_tab_content .cat_select_check li { width:calc( ( 100% - 50px ) / 6 ); display:flex; margin-right:10px;}
.cat_tag_search .header_tab_content .cat_select_check li:nth-of-type(6n),
.cat_tag_search .header_tab_content .cat_select_check li:last-of-type { margin-right:0;}
.cat_tag_search .header_tab_content .cat_select_check li:nth-of-type(n + 7) { margin-top:10px;}
.cat_tag_search .header_tab_content .cat_select_check li input { display:none;}
.cat_tag_search .header_tab_content .cat_select_check li label,
.cat_tag_search .header_tab_content .cat_select_check li a { background:#ddd; font-size:13px; font-weight:600; height: 36px; display:flex; justify-content:center; align-items:center; width:100%; border-radius:4px; transition:0.3s; cursor:pointer; text-decoration:none;}
.cat_tag_search .header_tab_content .cat_select_check li input:checked + label,
.cat_tag_search .header_tab_content .cat_select_check li a:hover { background:#278ed3; color:#fff;}
.cat_tag_search .header_tab_content .cat_select_check.free_width li { width:auto;}
.cat_tag_search .header_tab_content .cat_select_check.free_width li label,
.cat_tag_search .header_tab_content .cat_select_check.free_width li a { padding:0 10px;}
.cat_tag_search .header_tab_content .inline_cont { display:inline-block;}
.cat_tag_search .header_tab_content .inline_cont + .inline_cont { margin-left: 20px;}
.cat_tag_search .header_tab_content .btn_box { display:flex; justify-content:flex-end; margin:-35px 0 5px; }
.cat_tag_search .header_tab_content .btn_box button { height:36px; width:140px;}
.cat_tag_search .header_tab_content .btn_box button + button { margin-left: 10px;}
.cat_tag_search .sp { display:none;}

#header_tab_overlay{ position: fixed;top: 0;z-index: 100;width: 100%;height:100%;display: none;background: rgba(0,0,0,0.1);}
#header_tab_sp_overlay{ position: fixed;top: 0;z-index: 100;width: 100%;height:100%;display: none;background: rgba(0,0,0,0.1);}
.cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center;}
.spinner { width: 40px; height: 40px; border: 4px #ddd solid; border-top: 4px #2e93e6 solid; border-radius: 50%; animation: sp-anime 0.8s infinite linear;}
@keyframes sp-anime { 100% { transform: rotate(360deg);}}

/* layout */
.container { width:1100px; margin:0 auto; padding:20px 0;}
.container.narrow { width:900px;}
.side, .info_box .left { width:270px; float:left;}
.side + .main, .info_box .right { width:800px; float:right;}

/* side */
.side .cont_box { margin-bottom:15px; padding-left:8px;}
.side .cont_box .more_link { text-align:right; margin-top:10px;}
.side .cont_box .more_link a { color:#262626;}
.side .cont_box .more_link i { font-size:1.4rem;}
.side .cont_box .title { border-top:2px solid #0c3170; border-bottom:1px solid #ddd; padding:13px 0 13px 22px; margin-left:-8px; line-height:1.4; font-size:1.2rem; position:relative;}
.side .cont_box .title:before { height:50%; border-left:6px solid #0c3170; position:absolute; left:8px; top:25%;content:"";}
.side .list_nav li a { display:block; padding: 10px 15px 10px 0; color:#262626; text-decoration:none; font-size:1.1rem; border-bottom:1px dotted #ddd; position:relative;}
.side .list_nav.bold li a { font-weight:bold;}
.side .list_nav li:last-of-type a { border:0; }
.side .list_nav li a:hover { background:#f5f5f5;}
.side .list_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:0; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb;}
.side .list_nav li a i { margin-right:10px; margin-top:-2px;}
.side .list_item01 li { margin-bottom:10px;}
.side .list_item01 li a { display:block; text-decoration:none; padding:10px 0 0;}
.side .list_item01 li a:hover { text-decoration:underline;}
.side .list_item01 li a .tx { margin-top:5px; line-height: 1.2;}
.side .list_item02 li a { display:block; text-decoration:none; border-bottom:1px dotted #ddd; line-height: 1.2; padding:15px 0;}
.side .list_item02 li a:hover { background:#f5f5f5;}
.side .list_item02 .thumbnail { width:60px; float:left; margin-right:15px;}
.side .list_item02 .tx_area { display:table;}
.side .list_item02 .sub { color:#262626; font-size:1rem;}
.side .list_item02 .name { font-weight:bold; margin-top:10px;}
.side .bnr_list { margin-left:-10px;}
.side .bnr_list li { margin-bottom:10px; }
.side .tel_info { background:#f5f5f5; border:4px solid #ddd; margin-left:-8px; padding:10px 10px; text-align:center; margin-top:-10px;}
.side .tel_info .tx01 { font-weight:bold; font-size:1.0rem; line-height: 1.4;}
.side .tel_info .tx01 b { color:#f2761b; font-size:1.2rem;}
.side .tel_info .number { font-weight:bold; font-size:1.65rem; line-height: 1; margin-top:10px; background:#fff; padding:8px 0px;}
.side .tel_info .number i { font-size:1.8rem; margin-top:-2px; margin-right:10px;}
.side .tel_info .number a { display:block; text-decoration:none; color:#0c3170; pointer-events:none;}
.side .tel_info .tx02 { margin-top:10px; font-size:1.0rem;}

.side .cart_box { margin-left:-8px;}
.side .cart_box .box_body { border:2px solid #0c3170; border-top:0; padding:10px;}
.side .cart_box .desc { margin-bottom:10px;}
.side .cart_item_list {}
.side .cart_item_list li a { display:block; padding:10px 0; border-top:1px dotted #ddd; text-decoration:none; }
.side .cart_item_list li .thumbnail { width:50px; height:50px; float:left;}
.side .cart_item_list li .name { font-weight:bold; line-height:1.4;}
.side .cart_item_list li a:hover .name { text-decoration:underline;}
.side .cart_item_list li .price { color:#262626; text-align:right; margin-top:5px;}
.side .cart_item_list li .price .times { display:inline-block; margin:0 3px;}
.side .cart_box .btn_area { padding-top:10px;}
.side .cart_box .total { padding:5px 15px; margin-left:-10px; margin-right:-10px; background:#f5f5f5;}
.side .cart_box .total span { display:inline-block;}
.side .cart_box .total .tx01 { float:left; font-weight:bold; font-size:1rem; padding-top:5px;}
.side .cart_box .total .tx02 { float:right; font-weight:bold; font-size:1rem;}
.side .cart_box .total .tx02 b { font-size:1.2rem; margin-right:3px; color:#e22d0f;}
.side .bar_title { font-size:1.1rem; padding:5px 10px; background:#0c3170; position: relative; margin-bottom:0;}
.side .bar_title .tx { font-weight:bold;}
.side .btn_box { padding:0;}

.side .list_nav li a { padding:10px 30px 10px 10px;}
.side .list_nav.bold li a { font-weight:bold;}
.side .list_nav li:last-of-type a { border:0; }
.side .list_nav li a:hover { background:#f5f5f5;}
.side .list_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:0; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb; font-weight:normal;}
.side .list_nav li.out_link a:after { content: "\e89e";}
.side .cont_box.line { padding-left:0;}
.side .cont_box.line .title { font-size:1.1rem; padding:10px 10px; background:#0c3170; position: relative; margin-bottom:0; margin-left:0; border:0; color:#fff;}
.side .cont_box.line .title:before { display:none;}
.side .cont_box.line .list_nav { border:2px solid #0c3170; border-top:0; }
.side .cont_box.line .list_nav li a:after { right:5px; font-weight:normal;}

.side .guide_nav {}
.side .guide_nav .group { }
.side .guide_nav .group .group_ttl { color:#0c3170; padding:15px 30px 15px  10px; font-size:1.1rem; font-weight:bold; margin-left:-10px; border-top:1px solid #ddd; cursor:pointer; position: relative;}
.side .guide_nav .group .group_ttl:after { font-family: 'Material Icons'; content: "\e145"; position: absolute; right:0; top:50%; font-size:20px; line-height: 1; margin-top:-10px; color:#333; font-weight:normal;}
.side .guide_nav .group .group_ttl.active:after { content: "\e15b";}
.side .guide_nav .group:first-of-type .group_ttl { border-top:none;}
.side .guide_nav .group .group_ttl + .list_nav { display:none; margin-bottom:15px;}
.guide_top .side .btn_box { display:none; }

/* info_box 1カラム時の上部パネル */
.info_box { margin-bottom:5px;}
.info_box .cont_box { margin-bottom:30px; padding-left:8px;}
.info_box .cont_box .title { border-top:2px solid #0c3170; border-bottom:1px solid #ddd; padding:13px 0 13px 22px; margin-left:-8px; line-height:1.4; font-size:1.2rem; position:relative;}
.info_box .cont_box .title:before { height:50%; border-left:6px solid #0c3170; position:absolute; left:8px; top:25%;content:"";}
.info_box .list_nav { margin-top:5px; }
.info_box .list_nav li a { display:block; padding: 8px 15px 8px 0; color:#262626; text-decoration:none; font-size:1rem; border-bottom:1px dotted #ddd; position:relative;}
.info_box .list_nav.bold li a { font-weight:bold;}
.info_box .list_nav li a:hover { background:#f5f5f5;}
.info_box .list_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:0; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb;}
.info_box .list_nav li a i { margin-right:10px; margin-top:-2px;}
.info_box .btn_nav { display:flex; flex-wrap:wrap;}
.info_box .btn_nav li { width:calc( (100% - 60px) / 5 ); margin-right:15px; margin-top:15px;}
.info_box .btn_nav li a { background:#f8f8f8; display:block; height:50px; line-height:50px; border-radius:3px; box-sizing:border-box; padding-left:10px; text-decoration:none; font-size:1.0rem; font-weight:bold; color:#262626; border:1px solid #ddd; position:relative;}
.info_box .btn_nav li:nth-of-type(5n) { margin-right:0;}
.info_box .btn_nav li a .large { font-size:1.2rem; font-weight:bold;}
.info_box .btn_nav li a:hover { background:#eee;}
.info_box .btn_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:3px; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb;}

/* 重要お知らせ */
.picupinfo { border:1px solid #0c3170; color:#0c3170; padding:20px; margin-bottom:20px; background:#f8f8f8;}
.picupinfo .title { font-weight: bold; margin-bottom: 10px; font-size: 1.1rem;}
.picupinfo.red { border-color:#ee0000; color:#ee0000; background:none;}


/* slider */
.main_image .image_slider a { text-decoration:none; color:#262626; display:block;}
.main_image .image_slider .caption { text-align:center; margin: 10px 0 12px; font-size:1.1rem; font-weight: bold;}
.main_image .image_slider .caption i {font-size:1.4rem; margin-top:-2px; margin-left:3px; color:#aaa;}
.main_image .image_slider .video { height:300px; display:flex; justify-content:center; background:#262626;}
.main_image .image_slider .slick-prev,
.main_image .image_slider .slick-next { transform:none; -webkit-transform:none; -ms-transform:none; height:300px; width:60px; display:flex; align-items:center; justify-content:center; top:0; z-index:10; transition:0.3s;}
.main_image .image_slider .slick-prev:hover,
.main_image .image_slider .slick-next:hover { background:rgba(0,0,0,0.3);}
.main_image .image_slider .slick-prev { left:0;}
.main_image .image_slider .slick-next { right:0;}
.main_image .image_slider .slick-prev:before,
.main_image .image_slider .slick-next:before { font-family: 'Material Icons'; font-size:60px; color:#fff; opacity:0.4;}
.main_image .image_slider .slick-prev:before { content: "\e314";}
.main_image .image_slider .slick-next:before { content: "\e315";}

.main_image .thumb_nav { padding:10px; background:#f4f4f4;}
.main_image .thumb_nav li { margin-right:10px; width:168px; height:66px; cursor:pointer; background:#262626; text-align:center;}
.main_image .thumb_nav img { opacity:0.6; border:2px solid #f4f4f4; transition:0.2s; max-height:100%; display:inline-block;}
.main_image .thumb_nav .slick-current img, .main_image .thumb_nav li:hover img { opacity:1; border-color:#0c3170;}
.main_image .thumb_nav .slick-prev { padding:30px 18px; left:-40px; }
.main_image .thumb_nav .slick-next { padding:30px 18px; right:-30px; }
.main_image .thumb_nav .slick-prev:before,
.main_image .thumb_nav .slick-next:before { font-family:'Material Icons'; color:#262626; opacity:1; font-size:2.2rem; line-height:1; position:absolute; margin-top:-1rem;}
.main_image .thumb_nav .slick-prev:before { content:"\e314"; left:5px;}
.main_image .thumb_nav .slick-next:before { content:"\e315"; right:3px;}



ul.breadcrumb { width:1100px; margin:6px auto;}
ul.breadcrumb li { display:inline; font-size:0.9rem; color:#999;}
ul.breadcrumb li::after { content:"/"; display:inline-block; margin:0 10px; font-size:0.9rem; vertical-align:middle; margin-top:-2px;}
ul.breadcrumb li:last-of-type::after { content:""; margin:0;}
ul.breadcrumb li a { color:#999;}

.pagetitle { border-top:1px solid #ddd; }
.pagetitle .inner { width:1100px; margin:0 auto; padding:25px 0 25px; position:relative;}
.pagetitle .tx01 { font-size:2.0rem; color:#0c3170; display:inline-block; vertical-align:middle; line-height:1; margin-right:30px;}
.pagetitle .tx02 { display:inline-block; vertical-align:middle; font-size:1.1rem; }
.pagetitle .icon { margin-right:15px; margin-top:-5px;}
.pagetitle .tx01 .material-icons { font-size:2.4rem; margin-top:-3px; margin-right:10px;}
.pagetitle .inner > .material-icons { font-size:2.4rem; margin-right:10px;}
.pagetitle.narrow .inner { width:900px;}
.pagetitle .inner_btnarea { display:inline-block; float:right; margin-top:-3px;}
.pagetitle .inner_btnarea.pc_nodisp { display:none;}
.pagetitle .inner_btnarea .btn + .btn { margin-left:10px;}
.pagetitle .label_area { margin-top:10px;}

.pagetitle .contents_nav { margin-top:25px; padding:15px; background:#f5f5f5;}
.pagetitle .contents_nav ul li { display:inline-block; margin-right:25px;}
.pagetitle .contents_nav ul li a { display:block; line-height:1.8; text-decoration:none; color:#0c3170; transition:0.2s;}
.pagetitle .contents_nav ul li a:hover { opacity:0.6;}

.pagetitle.type02 { }
.pagetitle.type02 .inner { padding:50px 0 30px;}
.pagetitle.type02 .tx01 { display:block;margin-right:0;}
.pagetitle.type02 .tx02 { display:block; margin-top: 15px;}



.page_title { border-top:1px solid #ddd; }
.page_title .inner { width:1100px; margin:0 auto; padding:25px 0 10px; position:relative;}
.page_title .inner > .material-icons { font-size:2.4rem; margin-right:10px; color:#0c3170;}
.page_title .icon { margin-right:10px;}
.page_title .tx01 { font-size:2.0rem; color:#0c3170; display:inline; vertical-align:middle; line-height:1; margin-right:30px;}
.page_title .tx02 { display:inline; vertical-align:middle; font-size:1.1rem; }
.page_title.narrow .inner { width:900px;}
.page_title .inner_btnarea { display:inline-block; float:right; margin-top:-3px;}
.page_title .inner_btnarea.pc_nodisp { display:none;}


.cont_block { margin-bottom:30px; }
.cont_block.mgb_wide { margin-bottom:50px; }
.cont_block.mgb_wide2 { margin-bottom:70px; }
.common_image_nav { display: flex; flex-wrap: wrap; }
.common_image_nav li { width:390px; margin-right:20px;}
.common_image_nav a { display:block; height:200px; position:relative; color:#fff;}
.common_image_nav li:nth-of-type(2n) { margin-right:0;}
.common_image_nav li:nth-of-type(n + 3) { margin-top:20px;}
.common_image_nav li .img { background:#000; width:100%; height:100%;}
.common_image_nav li img { position:absolute; left:0; top:0; opacity:0.75;}
.common_image_nav li .tx_area { position:absolute; left:0; bottom:0; padding:0 20px 20px;}
.common_image_nav li .name { font-size:1.4rem; font-weight: bold; margin-bottom:15px; line-height:1.3;}
.common_image_nav li .name span { font-size:2.0rem; font-weight: bold;}
.common_image_nav li .desc { font-weight:; font-size:0.95rem;}
.border_list { border-top:1px solid #ddd;  }
.border_list li { padding:10px; border-bottom:1px solid #ddd; }
.shoplist .border_list .icon { transform:scale(0.8); margin-top:-4px; }
.shoplist .border_list .icon:first-of-type { margin-left:10px;}

/* 商品一覧 */
.common_item_list {}
.common_item_list .item { border-bottom:1px solid #ddd; padding:25px 0 20px;}
.common_item_list:not(.pickup) .item:first-of-type { padding-top:0;}
.common_item_list .item .image { display:table; width:180px; height:180px; float:left; table-layout:fixed;}
.common_item_list .item .image a,
.common_item_list .item .image .img_inner { display:table-cell; width:180px; height:180px; text-align:center; vertical-align:middle; position: relative;}
.common_item_list .item .image img { max-height:100%;}
.common_item_list .item .tx_area { width:calc( 100% - 180px - 30px ); float:right;}
.common_item_list .label_box { margin-bottom:10px;}
.common_item_list .title { font-size:1.6rem; font-weight:bold; margin-bottom:10px;}
.common_item_list .sub01 { margin-bottom:5px; line-height:1.3; font-size:1.15rem;}
.common_item_list .sub02 { font-size:1.15rem;}
.common_item_list .sub02 a { color:#262626; font-weight: bold; line-height:1.3;}
.common_item_list .sub02 a:hover { opacity:0.6;}
.common_item_list .sub03 { margin-top:15px; font-size:1.075rem;}
.common_item_list .desc { margin-top:15px;}

.common_item_list.border_top {}
.common_item_list.border_top .item { border-bottom:0; border-top:1px solid #ddd; padding-top:25px!important;}

.common_item_list.small .item { padding:20px 0;}
.common_item_list.small .item .image, .common_item_list.small .item .image a { width:80px; height:80px;}
.common_item_list.small .item .tx_area { width:calc( 100% - 80px - 20px );}
.common_item_list.small .label_box { margin-bottom:10px;}
.common_item_list.small .title { font-size:1.1rem;}
.common_item_list.small .sub02 { font-size:0.9rem;}
.common_item_list.image_l .image, .common_item_list.image_l .item .image a { width:220px; height:220px;}
.common_item_list.image_l .item .tx_area { width:calc( 100% - 220px - 30px );}
.common_item_list.image_l .item .tx_area .sub02 { font-size:1.3rem; line-height:1.4;}
.common_item_list.image_l .item .tx_area > .title { font-size:1.4rem; margin-bottom:15px;}
.common_item_list.no_image .item .tx_area { width:100%;}

/* flex type */
.common_item_list.flex .item { display:flex;}
.common_item_list.flex .item .image { order:1; margin-right:20px; float:none;}
.common_item_list.flex .item .image, .common_item_list.flex .item .image a { width:180px; height:180px;}
.common_item_list.flex .item .tx_area { width:calc( 100% - 180px - 20px ); order:2; float:none;}
.common_item_list.flex.mid .item .image, .common_item_list.flex.mid .item .image a { width:120px; height:120px;}
.common_item_list.flex.mid .item .tx_area { width:calc( 100% - 120px - 20px );}
.common_item_list.flex .item .btn_area { width:120px; display:flex; order:3; align-items: center; margin-top:10px;}
.common_item_list.flex .item .btn_area + .tx_area { width:calc( 100% - 120px - 120px - 20px - 20px ); order:2; margin-right:20px;}

.common_item_list.flex .item .relation_area { width:400px; order:3; float:none; margin-right:20px; padding:15px; background:#f8f8f8;}
.common_item_list.flex .item .relation_area + .btn_area + .tx_area { width:calc( 100% - 180px - 20px - 400px - 20px ); order:2; margin-right:20px;}
.common_item_list.flex .item .relation_area .image, .common_item_list.flex .item .relation_area .image a { width:60px; height:60px;}
.common_item_list.flex .item .relation_area .item { font-size:1rem; padding:15px 0; border:0;}
.common_item_list.flex .item .relation_area .title { font-size:1rem;}
.common_item_list.flex .item .relation_area .item .tx_area { width:calc( 100% - 60px - 20px )}

/* 全面リンク column2 */
.common_item_list.all_link .item { padding:0!important;}
.common_item_list.all_link .item > a { display:table; width:100%; transition:0.3s; padding:20px 0; text-decoration:none;}
.common_item_list.all_link .item > a .sub01 { color:#777;}
.common_item_list.all_link .item > a .title { text-decoration:underline;}
.common_item_list.all_link .item > a .sub02, .common_item_list.all_link .item > a .desc { color:#262626;}
.common_item_list.all_link .item > a:hover .title, .common_item_list .item a:hover .sub02 { text-decoration:none;}
.common_item_list.all_link .item > a .desc_wide { color:#0c3170; font-weight:bold;}
.bar_title + .common_item_list.column2 { margin-top:-20px; }
/*.common_item_list.all_link .item > a:hover { background:#f8f8f8; }*/


/* column2 */
.common_item_list.column2 { display:flex; flex-wrap:wrap; }
.common_item_list.column2 .item { width:calc((100% - 20px) / 2); margin-right:20px; padding-bottom:20px;}
.common_item_list.column2 .item:nth-of-type(1),.common_item_list.column2 .item:nth-of-type(2) { padding-top:15px;}
.common_item_list.column2 .item:nth-of-type(2n) { margin-right:0;}
.common_item_list.column2 .item .image { width:120px; height:120px;}
.common_item_list.column2 .item .image a, .common_item_list.column2 .item .image .img_inner { width:120px; height:120px;}
.common_item_list.column2 .item .tx_area { width:calc( 100% - 140px ); }
.common_item_list.column2 .label_box { margin-bottom:10px;}
.common_item_list.column2 .title { font-size:1.2rem;margin-bottom:10px; line-height:1.4;}
.common_item_list.column2 .sub01 { margin-bottom:5px;}
.common_item_list.column2 .desc { font-size:0.9rem;}
.common_item_list.column2 .desc_wide { clear:both; padding:15px 0 0 15px; font-size:0.9rem; line-height:1.4;}

.common_item_list.type02 { }
.common_item_list.type02 .sub01 { color:#555; font-weight:bold;}
.common_item_list.type02 .sub02, .common_item_list.type02 .sub02 a { font-weight:normal; font-size:0.9rem; line-height:1.4;}

.common_item_list.type03 { }
.common_item_list.type03 .sub01 { color:#555; font-weight:bold;}
.common_item_list.type03 .sub02, .common_item_list.type02 .sub02 a { font-weight:normal; font-size:1.1rem;}
.common_item_list.type03 .title { font-size:1.5rem; margin-bottom:15px;}

.common_item_list.pickup { background:#f5f5f5; padding:0 20px 20px 20px; }
.common_item_list.pickup .item { padding:30px 0;}
.common_item_list.pickup .item:last-of-type { border:0;}
.common_item_list.pickup .item .image { height:auto;}
.common_item_list.pickup .item .image .img_inner { height:auto;}
.common_item_list.pickup .item .tx_area { width: calc( 100% - 180px - 20px );}
.common_item_list.pickup .item .sub01 { font-weight:bold; font-size:1.2rem; color:#777;}
.common_item_list.pickup .item .sub02, .common_item_list.pickup .item .desc { color:#262626;}
.common_item_list.pickup .item .title { font-size:1.6rem; text-decoration:underline;}
.common_item_list.pickup .item a:hover .title { text-decoration:none;}
.common_item_list.pickup .item .desc { font-size:1.15rem;}

/* noimage */
.common_item_list.noimage {}
.common_item_list.noimage .item .tx_area { width:100%;}

/* スマホ時に table 広くするタイプ*/
.common_item_list.sp_table_wide {}
.common_item_list.sp_table_wide table.price { width:calc( 100% - 180px - 30px ); float:right;}

.common_item_list02 {}
.common_item_list02 .item { border-bottom:1px solid #ddd; padding:0 0 20px; display:flex; justify-content:space-between;}
.common_item_list02 .item:last-of-type { border-bottom:0; padding-bottom:0;}
.common_item_list02 .item .image { width:260px; border:5px solid #eee;}
.common_item_list02 .item .tx_area { width:calc( 100% - 260px - 30px ); display:flex; align-content:center; flex-wrap:wrap;}
.common_item_list02 .item .tx_area > * { width:100%;}
.common_item_list02 .title { font-size:1.6rem; font-weight:600; margin-bottom:20px;}
.common_item_list02 .desc { font-size:1.1rem;}


table.price { width:100%; margin-top:25px;}
table.price th { background:#262626; color:#fff; padding:5px 10px; text-align:center; font-weight: bold;}
table.price th.group_title { background:#f5f5f5; text-align:left; color:#262626;}
table.price th.group_title i { margin-right:5px;}
table.price td { padding:7px 10px; border-bottom:1px dotted #ddd;  font-size:1.1rem; position:relative;}
table.price td.type { font-size:0.9rem;}
table.price td.price01 { text-align:center;}
table.price td.price02 { text-align:center; color:#cc0000; font-weight:bold;}
table.price tbody tr:last-of-type td { border-bottom:0;}
table.price td.common_join_cell { border:0; }

table.price .btn { display:block;}
table.relation_item { width:100%; padding-top:15px; clear: both;}
table.relation_item th { background:#f1f1f1; width:120px; padding:10px; font-weight:bold; border-bottom:1px solid #fff; vertical-align:middle; font-size:0.9rem;}
table.relation_item td { background:#f8f8f8; padding:10px; border-bottom:1px solid #fff;}
table.relation_item .inner_item { }
table.relation_item .inner_item .image { width:70px!important; height:70px!important;}
table.relation_item .inner_item .image a { width:70px!important; height:70px!important;}
table.relation_item .inner_item .image img { max-height:100%;}
table.relation_item .inner_item .tx_area { width:calc( 100% - 70px - 15px )!important;}
table.relation_item .inner_item .label_box { margin-bottom:7px;}
table.relation_item .inner_item .title { font-size:1.0rem; margin-bottom:0; line-height:1.3;}
table.relation_item .inner_item .sub01 { margin-bottom:7px; font-weight:; font-size:0.85rem;}
table.relation_item .inner_item a { text-decoration:none;}

/* ランキング */
.rank_badge { width:30px; height:30px; line-height:30px; display:inline-block; background:#0c3170; color:#fff; position:absolute; top:-5px; left:-5px; border-radius: 100%; text-align: center; font-style:italic; font-weight:bold; font-size:14px;}
.rank_badge.gold { background:#d7c000;}
.rank_badge.silver { background:#c5c5c5;}
.rank_badge.bronze { background:#ab7c45;}
.rank_badge.large { width:40px; height:40px; line-height:40px; top:-5px; left:-5px; font-size:18px;}

/* スライダー商品 */
.lateral_item_list { }
.lateral_item_list .item { width:20%; float:left; padding:5px 7px; position: relative;}
.lateral_item_list .item .icon_wrap { background:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; position:absolute; top:3px; left:3px; width:25px; height:25px; z-index:10;}
.lateral_item_list .item .image { display:table; width:144px; height:144px; margin:0 auto 10px; table-layout:fixed;}
.lateral_item_list .item .image a, .lateral_item_list .item .image .img_inner { display:table-cell; width:144px; height:144px; text-align:center; vertical-align:middle; position:relative;}
.lateral_item_list .item .image.small, .lateral_item_list .item .image.small a { width:120px; height:120px;}
.lateral_item_list .item .image a img { display:inline;}
.lateral_item_list .title { font-size:1.0rem; font-weight:bold; margin-bottom:10px; line-height: 1.4;}
.lateral_item_list .sub01 { font-size:0.9rem; line-height:1.2;}
.lateral_item_list .sub01 a { color:#262626; text-decoration:none;}
.lateral_item_list .sub01 a:hover { opacity:0.6;}

.lateral_item_list.rank_list_semi .item .image, .lateral_item_list.rank_list_semi .item .image .img_inner { width:100%; }

.lateral_item_list .end_link a { display:block; font-size:15px; padding:50px 30px 50px 10px; margin:50px 10px 0; position:relative; text-decoration:none;}
.lateral_item_list .end_link a:after { font-family:'Material Icons'; content:"\e315"; font-size:28px; line-height:1; position:absolute; top: 50%; right:0; margin-top:-14px;}
.lateral_item_list .end_link a:hover { background:#f5f5f5;}
.lateral_item_list.rank_list_semi .end_link a { text-align:center;}
.lateral_item_list.rank_list_semi .end_link a:after { right:15px;}

.lateral_item_list.slick-slider { margin-bottom:80px; }
.lateral_item_list .slick-prev, .lateral_item_list .slick-next { background:#f5f5f5!important; height:40px; width:140px; bottom:-70px; top:auto;}
.lateral_item_list .slick-prev:hover, .lateral_item_list .slick-next:hover { background:#f1f1f1!important;}
.lateral_item_list .slick-prev { left:0;; }
.lateral_item_list .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem;}
.lateral_item_list .slick-next { right:0; }
.lateral_item_list .slick-next:before { font-family:'Material Icons'; content:"\e315"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem; text-align:center;}

/* 全面リンク スライダー商品 */
.lateral_item_list.all_link .item { }
.lateral_item_list.all_link .item > a { display:block; text-decoration:none; position:relative;}
.lateral_item_list.all_link .item > a .sub01 { color:#262626;}
.lateral_item_list.all_link .item > a .title { text-decoration:underline;}
.lateral_item_list.all_link .item > a:hover .title { text-decoration:none;}


.list_header { margin:30px 0 30px; position:relative;}
.list_header .disp_number { font-size:1.1rem; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.list_header .disp_number span { font-size:1.4rem; font-weight: bold}
.list_header .cat_desc { margin-bottom:30px; font-size:1.1rem;}
.list_header .common_desc { margin-bottom:30px; font-size:1.1rem;}
.list_header .sort {}
.list_header .sort .notice { display:inline-block; font-size:1rem; float:left; margin-top:7px;}
.list_header .sort .select_wrap { float:right;}
.list_header .sort .select_wrap + .select_wrap { margin-right:10px;}
.list_header .search_nav { background:#f5f5f5; padding:15px; margin-bottom:30px;}
.list_header .search_nav .tx { font-weight:bold; color:#0c3170; display:inline-block; margin-right:20px;}

.list_header02 { margin:40px 0; position:relative;}
.list_header02 .disp_number { font-size:1.2rem; border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:10px;}
.list_header02 .disp_number > span { font-size:2.2rem; font-weight: 600;}
.list_header02 .disp_number .tx02 { display:inline-block; margin-left:10px;}
.list_header02 .sort {}
.list_header02 .sort .select_wrap { float:right;}
.list_header02 .sort .select_wrap + .select_wrap { margin-right:10px;}


/* カテゴリ詳細 */
.cat_detail {}
.cat_detail .image { margin-bottom:20px; }
.cat_detail .image img { width:100%;}
.common_nav { margin-bottom:20px;}
.common_nav ul { display:flex; background:linear-gradient(45deg, #222, #555);}
.common_nav ul li { width:100%; position:relative; border-right:1px solid #ddd;}
.common_nav ul li:last-of-type { border-right:1px solid #ddd;}
.common_nav ul li a { display:flex; height:50px; justify-content:center; position:relative; align-items:center; line-height:1.2; font-size:1.0rem; text-decoration:none; text-align:center; color:#fff;}
.common_nav ul li a:hover { background:#000;}
.common_nav ul li .tx { font-weight:bold;}
.common_nav ul li .icon { position:absolute; top:-5px; left:-10px; margin-bottom:30px;}
.cat_detail .desc { font-size:1.2rem; margin-bottom:30px; }
.cat_detail .column2_wrap { display:flex; justify-content:space-between; margin-bottom:30px;}
.cat_detail .post_list { width:calc( ( 100% - 15px ) / 2 );}
.cat_detail .post_list .title { font-weight:bold; background:#f5f5f5; font-size:1.2rem; padding:13px 10px; border-top:4px solid #0c3170; color:#0c3170;}
.cat_detail .post_list.green .title { border-color:#2fa5ba; color:#2fa5ba;}
.cat_detail .post_list .title i { margin-right:5px;}
.cat_detail .btn_area { background:#f5f5f5; padding:20px; margin-bottom:30px; text-align:center;}
.cat_detail .btn_area .btn.btn01 { font-size:1.4rem; }
.cat_detail .btn_area .btn small { display:block; margin-bottom:3px; font-size:1rem;}
.cat_detail .post_list  article { border-bottom:1px solid #ddd; position:relative;}
.cat_detail .post_list  article:nth-of-type(2n) { background:#f8f8f8;}
.cat_detail .post_list  article a { text-decoration:none; padding:15px 30px 15px 15px; display:block; height:110px;}
.cat_detail .post_list  article a:after { font-family:'Material Icons'; content:"\e315"; color: #262626; font-size:24px; line-height:1; margin-top:-10px; vertical-align:middle; display: inline-block; top:50%; position:absolute; right:0;}
.cat_detail .post_list  article a:hover .name { text-decoration:underline;}
.cat_detail .post_list  article .name { font-weight:bold; margin-bottom:8px;}
.cat_detail .post_list  article .sub { font-size:0.85rem;color:#262626;}

/* 1コンテンツ2カラムタイプ */
.cat_detail .column1_wrap {}
.cat_detail .column1_wrap .post_list { width:auto; position:relative; margin-bottom: 15px;}
.cat_detail .column1_wrap .post_list:after { content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; bottom:0;}
.cat_detail .list_wrap.column2 { display:flex; flex-wrap:wrap;}
.cat_detail .post_list  article { width:calc(( 100% - 15px ) / 2 ); margin-right: 15px;}
.cat_detail .post_list  article:nth-of-type(2n) { background:none; margin-right:0;}



.tab_btn, .tab_btn02 { border-bottom:2px solid #139da9; margin-bottom:20px; padding:0 20px; display:flex; justify-content:space-between;}
.tab_btn li, .tab_btn02 li { margin-right:5px; width: 100%;}
.tab_btn li:last-of-type, .tab_btn02 li:last-of-type { margin-right:0;}
.tab_btn li a,
.tab_btn li span,
.tab_btn02 li a
 { display:block; padding:10px 5px; text-decoration:none; font-size:1.1rem; color:#139da9; text-align:center; background:#e0f3f4; border-radius:3px 3px 0 0;  border:2px solid #139da9; border-bottom:0; cursor:pointer;}
.tab_btn li:not(.active) a:hover,
.tab_btn li:not(.active) span:hover,
.tab_btn02 li:not(.active) span:hover, { text-decoration:underline;}
.tab_btn li.active a,
.tab_btn li.active span,
.tab_btn02 li.active a { color:#0c3170; font-weight:600; background:#fff; border-color:#139da9; border-bottom:2px solid #fff; margin-bottom:-2px;}
.tab_btn.blue li.active a { color:#0c3170; }

.tab_btn.type2 { border-color:#0c3170;}
.tab_btn.type2 li { margin-right:5px;}
.tab_btn.type2 li:last-of-type { margin-right:0;}
.tab_btn.type2 li a,
.tab_btn.type2 li span { color:#0c3170; background:#f5f5f5; border-color:#0c3170; margin-bottom:-2px;}
.tab_btn.type2 li.active a,
.tab_btn.type2 li.active span { border-bottom-color:#fff; background:#fff;}
.tab_btn.type2 li b { font-weight:normal;}
.tab_btn.type2 li .sub { font-size:0.9rem;}

.wide_buybox_wrap .tab_btn.type2 li.active span { border-bottom-color:#f2f1e7; background:#f2f1e7;}

.card_regist .tab_content { display:none; }
.card_regist .tab_content.active { display:block; }

.common_accordion01 {}
.common_accordion01 .trigger { color:#0E68CC; text-decoration:underline; display:inline-block; cursor:pointer;}
.common_accordion01 .trigger:hover { text-decoration:none; }
.common_accordion01 .select_wrap { vertical-align:top;}


.beginner_box { background: linear-gradient(to bottom right, #64d8f8, #009ecb); color:#fff; padding:20px;}
.beginner_box .title { font-size:2.2rem; margin-bottom:15px; border-bottom:1px solid #fff; padding-bottom:10px; border-radius:4px; }
.beginner_box .desc { margin-bottom:15px;}
.beginner_box .btn_nav { display:flex; flex-wrap:wrap;}
.beginner_box .btn_nav li { width:calc( (100% - 10px) / 2 ); margin-right:10px; margin-bottom:10px; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,0.2); border-radius:4px;}
.beginner_box .btn_nav li:nth-of-type(2n) { margin-right:0;}
.beginner_box .btn_nav li:nth-of-type(n + 3) { margin-bottom:0;}
.beginner_box .btn_nav li a { display:block; height:100%; padding:12px 10px; position:relative; text-decoration:none; transition:0.2s; }
.beginner_box .btn_nav li a:hover { background:#cbecf6;}
.beginner_box .icon_wrap { background:#e3f2f6; display:flex; border-radius:100%; width:70px; height:70px; align-items:center; justify-content:center; float:left;}
.beginner_box .icon_wrap .material-icons { color:#0c3170; font-size:30px;}
.beginner_box .btn_nav li a .name { font-size:1.2rem; font-weight: bold; color: #0c3170; margin-bottom:10px;}
.beginner_box .btn_nav li a .name i { margin-top:-3px; margin-left:10px; font-size:20px; font-weight:normal;}
.beginner_box .btn_nav li a .sub { color:#0c3170; font-size: 0.9rem; line-height: 1.3; border-left:1px dotted #0c3170; padding-left:10px; margin-left:5px;}
.beginner_box .btn_nav li a .tx_area { width:275px; float:right;}


.page_desc { margin-bottom:60px;}

.bar_wrap { position:relative;}
.bar_title { background:#0c3170; color:#fff; font-size:1.2rem; padding:10px 10px 10px 15px;margin-bottom:25px; font-weight:bold;}
.bar_title.narrow { padding:8px 13px;}
.bar_title.gray { background:#666;}
.bar_title.black { background:#262626;}
.bar_wrap .tx_link { position:absolute; right:10px; top:50%; margin-top:-0.8rem; line-height:1; color:#fff;}
.bar_title02 { padding:40px; background:#f5f5f5; font-size:2.0rem; font-weight:bold; margin-bottom:25px; color:#0c3170;}
.bar_title02.narrow { padding:20px; font-size:1.4rem; margin-bottom:20px;}
.bar_title02.toggle_icon { position:relative; cursor:pointer;}
.bar_title02.toggle_icon:after { font-family:'Material Icons'; content:"\e145"; position:absolute; right:25px; top:50%; font-size:28px; line-height: 1; margin-top:-14px; font-weight:normal;}
.bar_title02.toggle_icon.active:after { content:"\e15b";}

.border_title { font-size:1.4rem; margin-bottom:25px; line-height:1.3; border-bottom:2px solid #262626; padding-bottom:10px;}
.border_title02 { border-top:2px solid #0c3170; border-bottom:1px solid #ddd; padding:13px 0 13px 22px; line-height:1.4; font-size:1.2rem; position:relative; margin-bottom:25px;}
.border_title02:before { height:50%; border-left:6px solid #0c3170; position:absolute; left:8px; top:25%;content:"";}
.border_title02 .label { margin-top:-4px; }
.border_title.narrow{ font-size:1.2rem; margin-bottom:20px; border-width:1px; padding-bottom:10px;}
.border_title.blue { border-color:#0c3170; color:#0c3170;}
.border_title03 { font-size:1.8rem; margin-bottom:25px; line-height:1.3; border-bottom:2px solid #262626; padding-bottom:10px; font-weight:600;}
.border_title03 .desc { display:inline-block; font-size:0.9rem; margin-left:30px;}
.common_title01 { font-size:1.8rem; margin-bottom:25px; line-height:1.3; font-weight:600;}
.common_title01 i { vertical-align:middle; font-size:2.0rem; margin-left:10px; margin-top:-6px;}
.label_title01 { font-size: 1.8rem; color: #fff; background: #0c3170; display: inline-block; padding: 8px 10px; line-height: 1; border-radius: 50px; width: 220px; text-align: center; margin-bottom:30px;}


.catch_title { font-size:1.5rem; margin-bottom:15px; font-weight:bold;}
.catch_title.inline { display:inline-block;}
.catch_title.small { font-size:1.2rem; margin-bottom:15px; font-weight:bold;}
.catch_title i { font-size:2.2rem; margin-right:10px; margin-top:-2px;}
.common_desc { margin-bottom:30px; font-size: 1.1rem;}
.common_desc.narrow { margin-bottom:20px;}
.common_desc02 { margin-bottom:30px; font-size: 1.1rem;}
.common_desc03 { padding-top:20px; margin-bottom:30px; font-size: 1.2rem;}
.common_desc.mgb_wide { margin-bottom:50px;}
.common_subcont { font-size:1.1rem;}
.common_subcont + .common_subcont { margin-top:20px;}
.common_subcont.bg_type { padding:30px; background:#f5f5f5;}
.common_subcont.bg_type.blue { background:#f5f9ff;}

.common_bgbox { padding:25px 20px; background:#f5f5f5; }
.common_bgbox .title01 { font-size:1.8rem; font-weight:600; margin:-3.2rem 0 0.2rem; line-height:1.2; text-align:center; text-shadow:0 2px #fff;}

.tx_box { padding:15px; background:#f8f8f8; border-radius:4px; }
.indent_cont {}
.indent_cont .item { border-top:1px solid #ddd; padding:30px 0; position:relative;}
.indent_cont .item .number { position:absolute; left:10px; top:20px; font-size:1.4rem; font-weight:bold;}
.indent_cont .item .cont_body { padding-left:40px;}

.border_page_nav { margin:10px 0 30px; }
.border_page_nav li { display:inline-block; float:left; width:calc((100% - 9%) / 4 ); margin-right:3%; margin-bottom:20px;}
.border_page_nav li:nth-of-type(4n) { margin-right:0;}
.border_page_nav li a { display:block; border-bottom:1px solid #0c3170; padding:5px 25px 5px 5px; color:#262626; font-weight:bold; font-size:1.1rem; text-decoration:none; position:relative;}
.border_page_nav li a:after { font-family: 'Material Icons'; content: "\e313"; position: absolute; right:0; top:50%; font-size:22px; line-height: 1; margin-top:-10px; font-weight:normal;}
.border_page_nav li a:hover { opacity:0.5;}


.blockbtn_list {}
.blockbtn_list li a { display:block; border-bottom:1px solid #ddd; font-size:1.2rem; padding: 15px 20px; text-decoration:none;}
.blockbtn_list li a:hover { background:#f4f4f4;}

/* お知らせ */
.topics_list {}
.topics_list .item a, .topics_list .item .wrap { display:block; padding:15px; font-size: 1rem;}
.topics_list .item:nth-of-type(2n) a, .topics_list .item:nth-of-type(2n) .wrap { background:#f8f8f8;}
.topics_list .item .date { width:150px; display:inline-block; float:left; color:#777; font-size:1rem;}
.topics_list .item .title { display:table; float:right; width:calc( 100% - 150px - 20px ); font-weight:bold;}
.topics_list .item .desc { display:table; float:right; width:calc( 100% - 150px - 20px ); color:#777; font-size:0.95rem; margin-top:6px;}
.topics_list .item a:hover .title { text-decoration:underline;}
.topics_list .item.out_link .title:after { display:inline-block; font-family:'Material Icons'; content: "\e89e"; font-size:1.4rem; line-height: 1; font-weight:normal; vertical-align: middle; margin-top: -4px; margin-left: 5px;}
.topics_list2 {}
.topics_list2 .item { display:flex; padding:15px; font-size: 1.1rem;}
.topics_list2 .item:nth-of-type(2n) { background:#f8f8f8;}
.topics_list2 .item .date { width:160px; color:#777;}
.topics_list2 .item .title { width:calc( 100% - 20px - 160px);}

.topics_list.mypage_info {}
.topics_list.mypage_info .item { border-bottom:1px solid #ddd; position:relative;}
.topics_list.mypage_info .item a { background:none;}
.topics_list.mypage_info .item:nth-of-type(2n) a { background:none;}
.topics_list.mypage_info .item .date { padding-left:0;}
.topics_list.mypage_info .item .title { font-weight:normal; padding-right:30px;}
.topics_list.mypage_info .item:after { font-family: 'Material Icons'; content: "\e151"; position: absolute; right:10px; top:50%; font-size:20px; line-height: 1; margin-top:-10px; font-weight:normal; color:#bbb;}
.topics_list.mypage_info .item.new a { background:#fff;}
.topics_list.mypage_info .item.new .date, .topics_list .item.new .title { font-weight:bold;}
.topics_list.mypage_info .item.new:after { content: "\e158"; color:#0E68CC;}


.topics_detail { padding:0 90px; min-height:400px;}
.topics_header { border-bottom:1px solid #ddd; padding:30px 0 30px; margin-bottom:30px;}
.topics_header .date { color:#777; margin-top:20px;}
.topics_header .title { font-size:2.0rem; font-weight:bold;}
.topics_body { font-size:1.3rem; line-height:1.4;}
.topics_bottom_nav { margin:80px 0 60px;}
.topics_bottom_nav ul { display:flex; justify-content:space-between; padding:0 20px;}
.topics_bottom_nav li { width:45%; }
.topics_bottom_nav li a { display:flex; align-items:center; text-decoration:none; height:100%;}
.topics_bottom_nav li a i { font-size:2.4rem; line-height: 1;}
.topics_bottom_nav li .txt { display:flex; align-items:center; flex-wrap:wrap;}
.topics_bottom_nav li .txt .name { width:100%; margin-bottom:8px; color:#262626; font-weight:bold;}
.topics_bottom_nav li .txt .tx01 { width:100%; font-size:1.1rem;}
.topics_bottom_nav li.prev .txt { padding-left:30px;}
.topics_bottom_nav li.next .txt { padding-right:30px; text-align:right;}
.topics_bottom_nav li a .tx01 { text-decoration:underline;}
.topics_bottom_nav li a:hover .tx01 { text-decoration:none;}


.link_list {}
.link_list ul li {}
.link_list ul li a { display:block; text-decoration:none; position:relative; padding:15px 60px 15px 15px; border-bottom:1px solid #ddd;}
.link_list ul li:last-of-type a { border-bottom:0;}
.link_list ul li a .title { font-weight:bold; font-size:1.2rem;}
.link_list ul li a .desc { margin-top:10px; color:#262626;}
.link_list ul li a:after { font-family:'Material Icons'; content:"\e315"; color: #262626; font-size:1.5rem; line-height:1; margin-top:-0.7rem; vertical-align:middle; display: inline-block; top:50%; position:absolute; right:5px;}
.link_list ul li a:hover { background:#f5f5f5;}
.link_list ul li a:hover .title { text-decoration:underline;}
.link_list.narrow ul li a { padding:10px 50px 10px 10px;}


/* 最近閲覧した商品 */
.recently_viewed { border-top:1px solid #ddd;}
.recently_viewed .ttl_box .title { font-size:1.2rem; display:inline-block;}
.recently_viewed .ttl_box .title .sub { font-size:1.0rem; display:inline-block; margin-left:30px;}
.ttl_box .disp_btn { float:right; display:inline-block; cursor:pointer; transition:0.2s;}
.ttl_box .disp_btn:hover { opacity:0.5;}
.ttl_box .disp_btn:before { content:"表示する"; display:inline-block;}
.ttl_box .disp_btn:after { font-family:'Material Icons'; content:"\e313"; color: #262626; font-size:1.5rem; line-height:1; margin-top:-0.4rem; vertical-align:middle; display: inline-block;}
.ttl_box .disp_btn.active:before { content:"表示しない";}
.ttl_box .disp_btn.active:after { content:"\e316";}
.viewed_list { padding:0 80px; margin-top:20px;}
.viewed_list .item { width:20%; padding:20px; border:1px solid #ddd; border-right:0; position: relative; margin-right:-1px; height:290px;}
.viewed_list .item .icon_wrap { background:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; position:absolute; top:3px; left:3px; width:25px; height:25px;}
.viewed_list .item .image { display:table; width:120px; height:120px; margin:0 auto 10px; table-layout:fixed;}
.viewed_list .item .image a { display:table-cell; width:120px; height:120px; text-align: center; vertical-align:middle;}
.viewed_list .item .image img { display:inline!important;}
.viewed_list .item .title { font-weight:bold; line-height:1.4; margin-bottom:10px;}
.viewed_list .item .sub01 { line-height:1.4;}
.viewed_list .slick-active + .slick-active { border-left:1px solid white; }
.viewed_list .slick-active:after { content:""; position: absolute; top: 0; right: 1px; width:0; height: 100%; display: block; border-right: 1px solid #ddd;}
.viewed_list .slick-prev, .viewed_list .slick-next { background:#f5f5f5!important; height:100%; width:60px;}
.viewed_list .slick-prev:hover, .viewed_list .slick-next:hover { background:#f1f1f1!important;}
.viewed_list .slick-prev { left:0; }
.viewed_list .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem;}
.viewed_list .slick-next { right:0; }
.viewed_list .slick-next:before { font-family:'Material Icons'; content:"\e315"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem; text-align:center;}
.recently_viewed .btn { float:right; margin-top:15px; }

/* 講師一覧 */
.teacher_list { }
.teacher_list .sub01 { font-weight:bold;}
.teacher_list.separate {}
.teacher_list.separate .image_wrap { width:140px; float:left;}
.teacher_list.separate .image_wrap .image { float:none;}
.teacher_list.separate .item .image, .teacher_list.separate .item .image a { width:140px; height:140px;}
.teacher_list.separate .item > .tx_area { width:calc( ( 100% - 140px - 20px ) / 2 ); float:left; margin-left:20px; padding-right:20px;}
.teacher_list.separate .relation_area { width:calc( ( 100% - 140px - 20px ) / 2 - 20px ); float:right; margin-left:20px;}
.teacher_list.separate .item .relation_area + .tx_area { border-right:1px dotted #ccc; }
.teacher_list .relation_item02 { margin-top:20px;}
.teacher_list .relation_item02 > .title { background:#f1f1f1; font-size:1rem; padding:5px 10px; margin:0;}
.teacher_list .relation_item02 .item { background:#f8f8f8; padding:10px; border-color:#fff;}
.teacher_list .relation_item02 .item .image { width:80px; height:80px;}
.teacher_list .relation_item02 .item .image a { width:80px; height:80px;}
.teacher_list .relation_item02 .item .tx_area { width:calc( 100% - 80px - 20px );}
.teacher_list .relation_item02 .item .tx_area .title { font-size:1.1rem;}
.teacher_list .relation_item02 .item .tx_area .title a { text-decoration:none;}
.teacher_list .relation_item02 .item .sub01 { font-size:1rem;}
.teacher_list .relation_item02.simple { margin-top:0;}
.teacher_list .relation_item02.simple > .title { background:none; padding:0; margin-bottom:10px; color:#0c3170;}
.teacher_list .relation_item02.simple .item { background:none; padding:10px 0; border:none;}
.teacher_list .relation_item02.simple .item .image { width:80px; height:80px;}
.teacher_list .relation_item02.simple .item .image a { width:80px; height:80px;}
.teacher_list .relation_item02.simple .item .tx_area { width:calc( 100% - 80px - 20px ); padding-right:0;}
.teacher_list .relation_item02.simple .item .tx_area .title { font-size:1rem;}
.teacher_list .relation_item02.simple .item .tx_area .title a { text-decoration:none;}
.teacher_list .relation_item02.simple .item .sub01 { font-size:0.9rem;}
.teacher_list .image_label_area { clear:both; margin-top:10px;}
.teacher_list .image_label_area .label { width:100%;}
.teacher_list .image_label_area .label + .label { margin:5px 0 0 0;}




.pagenate { text-align:center; margin:50px 0 30px;}
.pagenate ul { display:inline-block; }
.pagenate ul li { display:inline-block; float:left; font-size:1.3rem;}
.pagenate ul li a { width:50px; height:50px; line-height:50px; text-align:center; display:block; margin-right:10px; text-decoration:none; transition:all 0.3s ease-out; color: #262626;}
.pagenate ul li span.current { width:50px; height:50px; line-height:50px; text-align:center; display:block; margin-right:10px; background:#262626; color:#fff; }
.pagenate ul li a:hover { background:#f1f1f1; display:block; margin-right:10px; text-decoration:none; transition:all 0.3s ease-out;}
.pagenate ul li i { vertical-align:middle; margin-top:-3px; font-size:2.2rem;}


/* 詳細画面 */
.product_detail {}
.product_detail .top_info { display:flex; justify-content:space-between;}
.product_detail .top_info .image { width:380px;}
.product_detail .top_info .image .img_wrap { display:flex; align-items:center; justify-content:center; width:100%; height:380px;}
.product_detail .top_info .image .img_wrap img { max-height:100%;}
.product_detail .top_info .info { width:calc( 100% - 380px - 60px );}
.product_detail .no_follow {}
.product_detail .no_follow a { display:block; border:2px solid #e22d0f; padding:20px 20px 20px 70px; border-radius:5px; color:#e22d0f; text-decoration:none; position:relative;}
.product_detail .no_follow a > i { font-size:3.4rem; position:absolute; top:50%; left:15px; margin-top:-1.7rem;}
.product_detail .no_follow a .tx1 { font-size:1.4rem;font-weight:700;}
.product_detail .no_follow a .tx2 { margin-top:5px; font-size:1rem; text-decoration:underline;}
.product_detail .no_follow a:hover .tx2 { text-decoration:none;}

/* 画像小さい版 */
.product_detail .top_info.img_s .image { width:220px;}
.product_detail .top_info.img_s .image .img_wrap { height:220px;}
.product_detail .top_info.img_s .info { width:calc( 100% - 220px - 40px );}

.product_detail .top_info .info .label_box { margin-bottom:20px;}
.product_detail .top_info .info .name { font-size:2.2rem; line-height:1.4; font-weight:bold; margin-bottom:20px;}
.product_detail .top_info .info .sub01 { font-size:1.4rem; font-weight:bold; margin-bottom:10px; color:#0c3170;}
.product_detail .top_info .info .sub02 { font-size:1.4rem; margin-bottom:5px;}
.product_detail .top_info .info .sub02 a { color:#777;}
.product_detail .top_info .info .sub02 .small { font-size:1.1rem; vertical-align:baseline;}
.product_detail .top_info .info .desc { font-size:1.3rem; line-height:1.4; position:relative; margin-top:30px; margin-bottom:20px;}

.product_detail .sns_btn_area { background:#f5f5f5; margin-top:30px; padding:15px;}
.product_detail .sns_btn_area ul { display:flex;}
.product_detail .sns_btn_area ul li { display:inline-block; margin-right:10px;}

.product_detail .product_slider { margin-bottom:20px; }
.product_detail img { flex-shrink: 0;}
.product_detail .product_slider .slick-list li { display:flex; height:380px; align-items:center; justify-content:center;}
.product_detail .product_slider .slick-list li object { width:100%; height:250px;}
.product_detail .product_slider .slick-list li object embed{ width:100%; height:100%;}
.product_detail .product_thumb_nav { display:flex; }
.product_detail .product_thumb_nav .slick-track { transform: unset!important;}
.product_detail .product_thumb_nav li { display:flex; width:68px!important; margin-bottom:10px; margin-right:10px; height:68px!important; align-items:center; transition:0.2s;}
.product_detail .product_thumb_nav ul, .product_detail .product_thumb_nav .slick-track {width:100%!important;}
.product_detail .product_thumb_nav li:nth-of-type(5n) { margin-right:0;}
.product_detail .product_thumb_nav li:hover { opacity:0.6;}
.product_detail .sample { margin-top:25px;}
.product_detail .sample .video_wrap iframe { width:100%; height:250px; padding:15px 0; background:#000;}

.product_detail .product_slider .video, .product_detail .product_slider .video iframe { width:100%; max-height:100%;}

/* セミナー */
.product_detail .semi_header { }
.product_detail .semi_header .image { display:flex; justify-content:center; margin-bottom:40px;}
.product_detail .semi_header .txt_area {}
.product_detail .semi_header .label_box { margin-bottom:20px;}
.product_detail .semi_header .title { font-size:2.2rem; font-weight:bold; line-height:1.4; margin-bottom:15px;}
.product_detail .semi_header .sub01 { font-size:1.45rem; line-height:1.4;}
.product_detail .semi_header .sub01 a { color:#777;}
.product_detail .semi_header .btn_area { margin:20px 0 30px;}
.product_detail .sns_btn_area.semi { display:flex; justify-content:space-between; align-items:center; margin:40px 0; padding:0; background:none;}
.product_detail .sns_btn_area.semi .single { width:500px; display:flex; align-items:center;}
.product_detail .sns_btn_area.semi .btn_list { background:#f5f5f5; padding:15px; display:flex; justify-content:space-between;}
.product_detail .sns_btn_area.semi .btn_list li { margin-bottom:0;}
.product_detail .buy_box_wrap.semi { padding:20px 40px 40px; background:#f5f4ef;}

/* 音声再生バー */
.audiojs { width:100%; }
.audiojs .play-pause { width:38px;}
.audiojs .scrubber { width:200px; }


/* タグ */
.tag_list { margin:40px 0 30px; }
.tag_list .ttl { font-weight:600; margin-bottom:10px; font-size:1.1rem;}
.tag_list ul { margin-bottom:10px; display:flex; flex-wrap:wrap;}
.tag_list ul li { display:inline-block; margin-bottom:10px; margin-right:10px; margin-bottom:10px;}
.tag_list ul li a { font-weight:600; text-decoration:none; background:#eee; color:#333; line-height:1; padding:10px 12px; display:block;}
.tag_list ul li a:hover { background:#333; color:#fff;}

/* 商品詳細の購入テーブル */
#cart_in {}
.buy_box { margin:-100px 0 30px; padding-top:130px;}
.buy_box table {}
.buy_box table thead th { text-align:center; background:#262626; padding:5px 10px;font-weight:bold; color:#fff;}
.buy_box table td { padding:15px 10px; border-bottom:1px solid #ddd; background:#fff; position:relative; font-size:1.2rem;}
.buy_box table .price01, .buy_box table .price02 { text-align:center; }
.buy_box table .price02 { font-size:1.2rem; font-weight:bold; color:#e22d0f; }
.buy_box table tr:last-of-type td { border-bottom:none; }
.buy_box table th.title { padding:8px; font-size:1.1rem; font-weight:bold; background:#f5f5f5;}
.buy_box table th.title i { margin-right:5px; margin-top:-3px;}
.buy_box table td.common_join_cell { padding-bottom:0; border:0; }
.buy_box .after_desc { display:flex; justify-content:space-between; margin-top:10px; }
.buy_box .after_desc p + p { margin-top:5px;}
.buy_box table td.celAdd { position:relative; }

/* グループタイプ */
.buy_box .group_list {}
.buy_box .group_list .list_header { background:#262626; color:#fff; margin:0; display: flex;}
.buy_box .group_list .list_header p { padding:5px 0; text-align:center; font-weight:bold;}
.buy_box .group_list .list_header .itemname { width:calc( 100% - 140px - 240px );}
.buy_box .group_list .list_header .price { width:150px;}
.buy_box .group_list .list_header .number { width:240px;}
.buy_box .group_list .item { padding:15px; background:#fff; display:flex; justify-content: space-between;}
.buy_box .group_list .item + .item { margin-top:5px;}
.buy_box .group_list .item .image { width:90px;}
.buy_box .group_list .item .info { width:calc( 100% - 90px - 15px );}
.buy_box .group_list .item .name { font-weight: bold; font-size:1.2rem; margin-bottom:10px;}
.buy_box .group_list .item .sub_list li { display: flex; align-items: center; justify-content: space-between; border-top:1px solid #eee; padding:5px; transition: 0.2s;}
.buy_box .group_list .item .sub_list li:hover { background:#f5f5f5;}
.buy_box .group_list .item .sub_list li .type_name { width:calc( 100% - 220px - 150px); font-size: 1.1rem; font-weight: bold; padding-left: 20px;}
.buy_box .group_list .item .sub_list li .number { width:220px; text-align: right; padding-left: 5px;}
.buy_box .group_list .item .sub_list li .price { width:150px; text-align:center; font-size: 1.2rem;}

.buy_box.top .tab_content, .buy_box.bottom .tab_content { display:none;}
.buy_box.top .tab_content.active, .buy_box.bottom .tab_content.active  { display:block;}


.buy_box .tab_desc01 { text-align:center; margin-bottom:10px; font-size:1.2rem; }
.buy_box .tab_desc02 { background:#fffddc; padding:15px; color:#7a603d; margin:0 1vw 15px; }


/* カートイン時ポップアップ */
.balloon { position:absolute; right:0; bottom:80%; width:400px; background:#fff; padding:20px; border:3px solid #0c3170; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.3); text-align:left; z-index:10;}
.balloon .tx01 { font-weight:bold; margin-bottom:20px; color:#0c3170; border-bottom:1px dotted #0c3170; padding-bottom:5px; font-size:1.2rem;}
.balloon dl dt { float:left; font-weight:bold;}
.balloon dl dd { padding-left:65px; padding-bottom:10px;}
.balloon .btn_wrap { clear:both; margin-top:10px; margin-bottom:10px;}
.balloon .total { text-align:right;}
.balloon:after, .balloon:before { top:100%; border:solid transparent; content:""; height:0; width:0; position:absolute;}
.balloon:before { right:60px; border-top-color: #0c3170; border-width:20px;}
.balloon:after { right:64px; border-top-color: #fff; border-width:16px;}
.balloon .close { position:absolute; top:-15px; right:-10px; background:#262626; padding:5px; color:#fff; border-radius:100%; cursor:pointer; transition:0.3s;}
.balloon .close:hover { background:#666;}
/* カートイン時モーダル */
.remodal.cartin_modal { padding:0!important; }
.remodal.cartin_modal .cartin_detail { margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #0c3170;}
.remodal.cartin_modal .modal_close { position:absolute; top:0; left:-70px; cursor:pointer; display:block; color:#fff; width:70px; text-align:center;}
.remodal.cartin_modal .modal_close i { font-size:30px; display:block;}
.remodal.cartin_modal .modal_close .tx { font-size:; display:block;}
#add_cart_detail { height:500px; padding:25px 20px; overflow-y:scroll; }
#add_cart_detail .cont_block + .cont_block { margin-top:60px;}
.cartin_detail .ttl { font-size:1.3rem; margin-bottom:10px;}
.cartin_detail_modal dl { font-size:1.1rem;}
.cartin_detail dl + dl { margin-top:8px;}
.cartin_detail dl dt { width:120px; float:left; font-weight:bold; padding-right:30px; text-align:right;}
.cartin_detail .column2btn { margin-top:20px; padding:0 15px;}
.cartin_detail .column2btn .btn { display:flex; justify-content:center; align-items:center; height:5rem; padding:0;}
.cartin_detail .total { padding:0 15px; text-align:right; margin-top:15px;}
.recommend_list { display:flex; flex-wrap:wrap;}
.recommend_list .item { margin-bottom:20px;width:calc(( 100% - 60px ) / 4 ); margin-right:20px; position: relative;}
.recommend_list .item:nth-of-type(4n) { margin-right:0;}
.recommend_list .item .icon_wrap { background:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:25px; height:25px; z-index: 100}
.recommend_list .item .image { margin-bottom:10px;}
.recommend_list .item .image a { display:flex; justify-content:center; align-items:center; height:120px;}
.recommend_list .item .image a img { max-height:120px; max-width:120px;}
.recommend_list .item .title { font-weight:bold;}
.recommend_list .item .sub01 { font-size:0.9rem; margin-top:8px;}
.recommend_list .item .sub01 a { color:#262626; text-decoration:none;}
.recommend_list .slick-prev, .recommend_list .slick-next { background:#f5f5f5!important; bottom:-40px; top:auto; width:80px; height:30px;}
.recommend_list .slick-prev { left:0;}
.recommend_list .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color:#0c3170!important; font-size:1.8rem;}
.recommend_list .slick-next { right:0;}
.recommend_list .slick-next:before { font-family:'Material Icons'; content:"\e315"; color:#0c3170!important; font-size:1.8rem;}

.semi_info { position:relative; z-index:1; }

.wide_buybox_wrap { background:#f2f1e7; padding:50px 0 10px; margin:-20px 0 30px; position:relative;}
.wide_buybox_wrap .container { padding:0;}
.wide_buybox_wrap .buy_box { padding-left:60px; padding-right:60px; }
.wide_buybox_wrap #cart_in { padding-top:200px; margin-top:-200px;}
.wide_buybox_wrap .txt { text-align:center;}
.wide_buybox_wrap .txt .title { font-size:2.0rem; font-weight:bold; margin-bottom:20px; color:#0c3170; text-shadow:1px 1px 0 #fff;}
.wide_buybox_wrap .txt .desc { font-size:1.2rem; margin-bottom:10px;}
.wide_buybox_wrap table td { padding:15px 20px; font-size:1.2rem;}
/*.wide_buybox_wrap table tr:nth-of-type(even) td { background:#f8f8f8;}*/
.wide_buybox_wrap table td.common_join_cell { background:#fff!important; border-bottom:1px solid #ddd; padding-bottom:15px;}


.product_detail .common_text_area { font-size:1.3rem; line-height:1.4;}
.product_detail .common_text_area dl {margin-bottom:10px;}
.product_detail .common_text_area dl dt { float:left; width:120px; font-weight:bold;}
.product_detail .common_text_area dl dd { overflow:hidden;}
.detail_inner { padding:0 60px; }
.detail_inner.error_wrap { padding-top:20px; padding-bottom:20px; background:#f8e8e8;}

.product_detail .teacher_list article:last-of-type { border:0;}
.product_detail .teacher_list .title { margin-bottom:20px;}
.product_detail .teacher_list .title a { display:inline-block; margin-right:10px;}
.product_detail .teacher_list .sub01 { font-size:1.3rem; display:inline-block; margin:0;}

 /* 固定ナビ */
.fixNav { opacity:-1; z-index:-1; position:fixed; right:0; bottom:0; background:rgba(240,240,240,0.8); width:180px; transition:0.2s;}
.fixNav.active { opacity:1; z-index:100;}
.fixNav .info_area { padding:15px;}
.fixNav .thumbnail { max-height:140px; display:flex; align-items:center; justify-content:center; margin:0 auto; overflow:hidden;}
.fixNav .title { font-size:0.85rem; line-height:1.5; margin-top:10px; font-weight:bold;}
.fixNav .price { font-size:1.1rem; font-weight:bold; margin:5px 0 0px; color:#e22d0f;}
.fixNav .item > .btn, .fixNav .btn_area .btn { padding:5px; font-size:0.8rem; font-weight:bold; display:block;}
.fixNav .item > .btn i, .fixNav .btn_area .btn i { font-size:1.8rem; margin:-3px 2px 0 -5px;}
.fixNav img { flex-shrink: 0;}
.fixNav.none { opacity:-1; z-index:-1;}
.fixNav .item_list { font-size:0.9rem;}
.fixNav .item_list .item { border-bottom:1px dotted #bbb; padding:15px 15px; position:relative;}
.fixNav .item_list .item:first-of-type { border-top:1px dotted #bbb; }
.fixNav .item_list .type { font-weight:bold;}
.fixNav .item_list .price02 span { color:#e22d0f; font-weight:bold;}
.fixNav .item_list .btn { margin-top:5px;}
.fixNav .btn_area { padding:15px;}
.fixNav .balloon { bottom:55px; right:15px;}
.fixNav.semi { background:none;}
.fixNav.semi .info_area { padding-bottom:0;}
.fixNav.semi .nav_wrap { background:rgba(240,240,240,0.8);}
.fixNav.semi .nav_wrap + .nav_wrap { margin-top:5px;}
.fixNav.semi .btn_list { padding:15px; }
.fixNav.semi .btn_list .btn { display:block; }

/* 旧デザインからのスタイル */
/* 外売フォーム*/
#sale > .sale_cont { background:linear-gradient( 135deg, #f2f2f2, #cfdbef); width:auto;}
#sale .wide_buybox_wrap { margin-top:0; }
#sale .sale_cont + form .wide_buybox_wrap { margin-top:-20px; }
#sale.bg_white > .container:first-of-type { background:#fff;}
#sale ~ .fixNav { background:rgba(255,255,255,0.8);}
/* 20200702 
.pagetitle.sale { border-top:5px solid #0c3170;}
.pagetitle.sale .inner, #sale .main { width:880px; margin:0 auto;}
.pagetitle.sale .inner { padding:20px 0; display:flex;}
.pagetitle.sale .inner .tx01 { font-size:2.5rem; line-height:1.3; padding-left:20px; position:relative; color:#262626; width:calc( 100% - 25px );}
.pagetitle.sale .inner:before { content:""; display:block; width:5px; background:linear-gradient( to bottom, #0d579b 0%, #0d579b 50%, #a7b9ca 50%, #a7b9ca 100%);}
*/
.pagetitle.sale { border-top:3px solid #0c3170;}
.pagetitle.sale .inner, #sale .main { width:880px; margin:0 auto;}
.pagetitle.sale .inner { padding:10px 0;}
.pagetitle.sale .inner .tx01 { font-size:1.0rem; line-height:1.3; color:#262626;}
.pagetitle.sale.type02 { border:none; background:#0c3170;}
.pagetitle.sale.type02 .inner .tx01 { color:#fff;}


#sale .buy_box { padding-left:0; padding-right:0;}
header.sale.fixed .box_bnr { display:none;}
#sale .common_btn_area.form_action .btn { width:360px; }

#aboutInfo:after { content:''; display:block; clear:both; }
#aboutInfo .main_image { margin:0 -30px 20px -30px; text-align:center;}
#aboutInfo .main_image img { width:100%;}
#aboutInfo .cont { margin-bottom:30px; padding:; }
#aboutInfo .cont:after { content:''; display:block; clear:both; }
#aboutInfo .cont h3:not(.border_title) { background:#eee none 0 0 no-repeat; padding:3px 5px 2px; margin:0 0 10px; }
#aboutInfo .cont .border_title { font-size:1.6rem; }
#aboutInfo .cont .tc img { margin:0 auto 30px; }
#aboutInfo .cont .fr img { padding:0 0 20px 30px; }
#aboutInfo .cont .fl img { padding:0 30px 20px 0; }
.linkArea{ background: #eee none 0 0 no-repeat; padding: 5px 7px; margin:5px 0 0; border-radius: 3px; }
#aboutInfo .border { border-bottom:1px dotted #aaa; padding:0 0 20px; margin:0 0 20px; }
#aboutInfo .catch { font-weight:bold; font-size:1.5rem; color: #0c3170; display:block; margin-bottom:15px;}
#aboutInfo .catch.catch01 { color: #0c3170;}
#aboutInfo .catch.catch02 { color: #900;}
#aboutInfo .catch.catch03 { color: #090;}
#aboutInfo .sub_catch { margin-bottom:15px; font-weight:bold; display:block;}
#aboutInfo .bg01 { margin:0 0 25px; padding:25px 25px 15px; background-color: #ffffe7; border:2px solid #e7e7b4;}
#aboutInfo .bg02 { margin:0 0 25px; padding:25px 25px 15px; background-color: #f5f9ff; border:2px solid #cedcf1;}
#aboutInfo .bg03 { margin:0 0 25px; padding:30px 30px 20px; background-color: #FFF7F7; border:2px solid #f3dede;}
#aboutInfo .bg01.type1, #aboutInfo .bg02.type1, #aboutInfo .bg03.type1 { border-width:10px; padding:25px 25px 15px;}

#aboutInfo p { font-size:1.35rem; line-height:1.4; }
#aboutInfo .txt { margin-bottom:15px; }
#aboutInfo .txt > table { width: 100%; box-sizing: border-box; margin: 0 0 30px; border-spacing: 0; border-collapse: collapse; }
#aboutInfo .txt > table th { padding: 10px 5px; line-height: 1.25; white-space: nowrap; vertical-align: middle; color:#555; font-weight: bold; }
#aboutInfo .txt > table td { padding: 10px; line-height: 1.25; position: relative; vertical-align: middle; }
#aboutInfo .txt > table td::after { content: ""; display: block; border-left:1px solid rgba(0,0,0,0.2);  width: 0; height: 16px; position: absolute; left: 0; top: calc(50% - 8px); }
#aboutInfo .txt > table tr.odd th,
#aboutInfo .txt > table tr.odd td { background: #fafafa; }
#aboutInfo .txt table tr td span.credit_card { justify-content:center; align-items:center; width:auto; height:20px; padding:5px 10px; font-size:12px; background:#ff0000; color:#fff; border-radius:3px; }
/*#aboutInfo .cont .img + .txt { display:table;}*/

/* フォントサイズ */
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font19{ font-size:19px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font23{ font-size:23px;}
.font24{ font-size:24px;}
.font25{ font-size:25px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font29{ font-size:29px;}
.font30{ font-size:30px;}

#aboutInfo .title01 { font-size:1.3em; display:inline-block; margin-bottom:0.6em;}
#aboutInfo .font15 { display:block; line-height:1.5em;}

#sale #aboutInfo { padding:0 30px 30px; zoom:1; box-shadow:0 2px 10px rgba(0,0,0,0.3); background:#fff;}
#sale #aboutInfo .cont h3 { background:#0c3170; padding:9px 20px 8px; margin:0 -30px 20px; font-size:150%; color:#fff; } 
#sale #aboutInfo .cont.bg01 h3,
#sale #aboutInfo .cont.bg02 h3,
#sale #aboutInfo .cont.bg03 h3 { background:#333; margin-left:0; margin-right:0;} 
#sale #aboutInfo .cont:first-of-type h3 { margin-left:-30px; margin-right:-30px; padding:12px 20px; font-size:170%;}  /* 最初のブロックのh3 */
#sale .bottom_tel { margin-top: 60px; text-align: center; border-top: 1px solid #ddd; padding: 50px 20px 0;} 
#sale .bottom_tel .tx1 { font-size: 1.3rem; font-weight: 600; margin-bottom:20px;} 
#sale .bottom_tel .tx01 { border: 1px solid #ddd; font-weight: 700; padding: 15px 20px; display: table; margin: -8px auto 10px; } 
#sale .bottom_tel .number { font-size: 3.3rem; font-weight: 600; color:#dd0000;}
#sale .bottom_tel .number i { font-size: 3.3rem; margin-top: -8px; margin-right: 10px;} 
#sale .bottom_tel .tx2 { font-size: 1.3rem;}



/* 購入フロー */
.flow_list { padding:0 20px; margin-bottom:30px;}
.flow_list ul { display:flex; justify-content:space-between; overflow:hidden;}
.flow_list ul li { display:flex; align-items:center; background:#f1f1f1; width:calc( ( 100% - 120px) / 5 ); font-size:0.9rem; padding:8px 8px 8px 15px; position:relative;}
.flow_list ul li:after{ content:""; position:absolute; display:block; right:-20px; top:50%; margin-top:-45px; border-top: 45px solid transparent; border-bottom: 45px solid transparent; border-left: 20px solid #f1f1f1;}
.flow_list ul li.current { background:#2bb6c2; color:#fff; font-weight:bold;}
.flow_list ul li.current:after { border-left-color:#2bb6c2; }
.flow_list ul li:last-of-type:after { display:none; }
.flow_list.step3, .flow_list.step4 { padding:0 40px;}
.flow_list.step3 ul li { width:calc( ( 100% - 100px) / 3 ); font-size:1.1rem; }
.flow_list.step4 ul li { width:calc( ( 100% - 100px) / 4 );}
.flow_list.step10 ul li { width:calc( ( 100% - 240px) / 10 );}

.flow_list2 { padding:0 20px; margin:20px 0 40px;}
.flow_list2 ul { display:flex; justify-content:center;}
.flow_list2 ul li { width:calc( ( 100% - 150px ) / 6 ); margin-right:30px; display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.flow_list2 ul li:last-of-type { margin-right:0;}
.flow_list2 ul li:after { content:""; width:80%; border-top:2px solid #eee; position:absolute; top:20px; left:70%;}
.flow_list2 ul li:last-of-type:after { display:none;}
.flow_list2 ul li .number { width:40px; height:40px; display:flex; justify-content:center; align-items:center; background:#eee; border-radius:50%; font-size:16px;}
.flow_list2 ul li .tx { width:100%; text-align:center; margin-top:5px; font-size:14px;}
.flow_list2 ul li.icon_item i { font-size:30px; padding-top:5px;}
.flow_list2 ul li.current:after { border-top-color:#2bb6c2;}
.flow_list2 ul li.current .number { background:#2bb6c2; font-weight:600; color:#fff;}
.flow_list2 ul li.current .tx, .flow_list2 ul li.current .tx * { font-weight:600;}

.tab_radio_content { transition:0.2s;}
.tab_radio_content.disp_none { height:0; opacity:0; overflow:hidden;}
.riyo_kiyaku { height:400px; overflow-y:scroll; padding:40px; position:relative; z-index:10; border:10px solid #f5f5f5; font-size:1.1rem; line-height: 1.6; margin-bottom:20px; background:#fff;}

/* 支払い選択 */
.payment_select > ul > li { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.payment_select > ul > li:first-of-type { border-radius:5px 5px 0 0;}
.payment_select > ul > li:last-of-type { border-radius:0 0 5px 5px; border-bottom:1px solid #ddd;}
.payment_select input[type="radio"] { display:none; }
.payment_select label { font-size:1.0rem; cursor:pointer; display:flex;}
.payment_select label .name { width:280px; background:#f8f8f8; display:flex; align-items:center; padding:30px 0 30px 20px; transition:0.2s;}
.payment_select label .name .tx {font-size:1.2rem; font-weight:bold; position:relative;}
.payment_select label .name .tx:before { transition:0.2s; position:relative; display:inline-block; border-radius:100%; content:''; width:30px; height:30px; background:#fff; border:1px solid #ddd; margin-right:8px; margin-top:-3px; vertical-align: middle;}
.payment_select input[type="radio"]:checked + label .name .tx:before { background:#0c3170; border-color:#0c3170; }
.payment_select label .name .tx:after { position:absolute; left:10px; top:2px; width:8px; height:14px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform:rotate(45deg); display:none; content:'';}
.payment_select input[type="radio"]:checked + label .name .tx:after { display:inline-block;}
.payment_select label .desc { padding:30px; transition:0.2s; flex-grow:1; width:calc( 100% - 280px );}
.payment_select label:hover, .payment_select input[type="radio"]:checked + label { background:#e8f3f8;}
.payment_select label:hover .name, .payment_select input[type="radio"]:checked + label .name { background:#cfe8f3;}
.payment_select > ul > li.disabled { background:#eee;}
.payment_select > ul > li.disabled label { pointer-events:none;}
.payment_select > ul > li.disabled label .name { background:#ddd;}


/* コンビニ選択 */
.img_select > ul { display:flex; flex-wrap:wrap;}
.img_select > ul > li { width:calc( ( 100% - 80px ) / 5 ); margin-right:20px;}
.img_select > ul > li:nth-of-type(5) { margin-right:0;}
.img_select input[type="radio"] { display:none; }
.img_select label { font-size:1.0rem; cursor:pointer; border:1px solid #ddd; border-radius:4px; display:block; height:100%; overflow:hidden;}
.img_select label .image { height:120px; padding:20px; text-align:center; display:flex; justify-content:center; align-items:center;}
.img_select label .image img { max-height:100%; flex-shrink:0;}
.img_select label .name { width:100%; background:#f8f8f8; display:flex; align-items:center; padding:15px 10px 15px; transition:0.2s;}
.img_select label .name .tx {font-size:1.1rem; font-weight:bold; position:relative;}
.img_select label .name .tx:before { transition:0.2s; position:relative; display:inline-block; border-radius:100%; content:''; width:30px; height:30px; background:#fff; border:1px solid #ddd; margin-right:8px; margin-top:-3px; vertical-align: middle;}
.img_select input[type="radio"]:checked + label .name .tx:before { background:#0c3170; border-color:#0c3170; }
.img_select label .name .tx:after { position:absolute; left:10px; top:2px; width:8px; height:14px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform:rotate(45deg); display:none; content:'';}
.img_select input[type="radio"]:checked + label .name .tx:after { display:inline-block;}
.img_select label .desc { padding:30px; transition:0.2s; flex-grow:1;}
.img_select label:hover, .img_select input[type="radio"]:checked + label { background:#e8f3f8;}
.img_select label:hover .name, .img_select input[type="radio"]:checked + label .name { background:#cfe8f3;}


.complete { padding:30px 0 10px; text-align:center;}
.complete .catch01 { font-weight:bold; font-size:2.0rem; margin-bottom:15px; color:#f2761b;}
.complete .catch02 { font-size:1.2rem; margin-bottom:40px;}
.complete .desc { font-size:1.1rem; line-height:1.8;}
.complete .tx01 { font-size:1.2rem; font-weight:bold; margin-bottom:10px;}
.complete .common_btn_area { margin-top:50px;}

.contact_box { margin:40px auto 0;}
.contact_box .title { margin-bottom:20px;}
.contect_item { display:flex; align-items:center; background:#fff; height:100%; border:5px solid #f5f5f5; flex-wrap:wrap; padding:20px;}
.contect_item .tx01 { font-size:2rem; color:#0c3170; width:100%;}
.contect_item .tx01 i { font-size:2rem; margin-right:15px;}
.contect_item .tx02 { font-size:1.1rem; color:777; width:100%;}

.guide_box { border:5px solid #ddd; padding:25px; width:900px; margin:10px auto;}
.guide_box.narrow { width:800px;}
.guide_box .tx01 { font-size:1.5rem; color:#0c3170; margin-bottom:15px;}
.guide_box .common_btn_area { margin:20px 0 5px;}
.guide_box .inner_box { width:600px; margin:10px auto; padding:25px; background:#f8f8f8;}
.guide_box.el_message .title { font-size:1.8rem; font-weight:700; margin-bottom:30px; }
.remodal .guide_box { border:0; padding:0; width:auto; }

.icon_catch_tx { margin-bottom:40px; }
.icon_catch_tx i { display:block; font-size:4.2rem;}
.icon_catch_tx .tx1 { font-size:1.5rem; font-weight:700; margin-top:10px;}


footer { background:#0c3170; color:#fff; }
footer .f_pagetop { display:block; background:#f2f2f2; padding:10px 0; text-align:center; font-size:1.1rem; text-decoration:none; color:#262626;}
footer .f_pagetop:hover { background:#ddd;}
footer .f_pagetop i { margin-left:10px; margin-top:-2px;}
footer .container { padding:40px 0;}
footer .panel_nav { display:flex; flex-wrap:wrap; border-top:1px solid #52688d; border-right:1px solid #52688d;}
footer .panel_nav li { width:25%; border-left:1px solid #52688d; border-bottom:1px solid #52688d;}
footer .panel_nav li a { display:block; padding:20px 0; background:rgba(255,255,255,0.05); text-align:center; color:#fff; text-decoration:none; height: 100%;}
footer .panel_nav li a:hover { background:rgba(255,255,255,0.2);}
footer .panel_nav li a .tx { display:block; margin-top:8px; font-size:1.1rem; font-weight:bold;}
footer .panel_nav li a .tx i { font-size:1.1rem; margin:-2px 0 0 4px;}
footer .bnr_list { display:flex; justify-content:space-between; margin-top:40px;}
footer .bnr_list li { width:32%;}
footer .sns { text-align:center; margin-top:40px;}
footer .sns .title { display:inline-block; font-weight:bold; font-size:1.2rem; margin-right:20px;}
footer .sns_btn01 { display:inline-block; margin-right:30px;}
footer .sns_btn01 li { display:inline-block; margin-right:15px;}
footer .sns_btn02 { display:inline-block;}
footer .sns_btn02 li { display:inline-block; margin-right:15px;}
/* 仮 */
footer .sns_btn02 .fb { color:#fff; border-radius:4px; background:#4167b2; display:inline-block; padding:5px; width:100px; line-height:1; text-decoration:none;}
footer .sns_btn02 .tw { color:#fff; border-radius:4px; background:#1b95e0; display:inline-block; padding:5px; width:100px; line-height:1; text-decoration:none;}
footer .tx_nav { padding-top:40px; margin-top:40px; text-align:center; border-top:1px solid #52688d;}
footer .tx_nav li { display:inline-block; margin-right:50px;}
footer .tx_nav li:last-of-type { margin-right:0;}
footer .tx_nav li a { text-decoration: none; color:#fff; font-size:1.1rem;}
footer .tx_nav li a:hover { opacity:0.6;}
footer .relation_nav { text-align:center; margin-top:40px;}
footer .relation_nav .title { display:inline-block; font-weight:bold; font-size:1.2rem; margin-right:20px; vertical-align:top;}
footer .relation_nav ul { display:inline-block; vertical-align:top;}
footer .relation_nav li { display:inline-block; vertical-align:top; margin-right:40px;}
footer .relation_nav li:last-of-type { margin-right:0;}
footer .relation_nav li a { position:relative; color:#fff; font-size:1.1rem; padding-right:20px; text-decoration:none;}
footer .relation_nav li a:hover { opacity:0.6;}
footer .relation_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e89e"; position: absolute; right:0; top:50%; font-size:1.1rem; line-height: 1; margin-top:-0.5rem;}

footer .copyright { background:#032052; text-align:center; color:#6f82a2; padding:30px 0;}



.contact { box-sizing:border-box; text-align:center; margin-top:40px;}
.contact .column {}
.contact .column .item { width:48%; position: relative;}
.contact .column .item .inner { display:table; width: 100%;}
.contact .column .item .inner2 { display:table-cell; height:240px; vertical-align: middle;background:#f5f5f5; }
.contact .column .item .label { padding: 15px 0; line-height:1; background:#fff; color:#033664; text-align:center; background:#033664; color:#fff; }
.contact .column .item .label span { font-size:1.3rem; margin-right:3px;}
.contact .column .item .desc { margin:5px 0 0;}
.contact .column .item.tel { float:left;}
.contact .column .item.mail { float:right;}
.contact .column .item.tel .number  { font-size:2.2rem; line-height: 1;}
.contact .column .item.mail img { width:70%; margin-top:5px;}

.contact2 { margin-bottom:50px; }
.contact2 .ttl { font-size:1.1rem; font-weight:bold; line-height:1; text-align:center; padding:15px 10px; color:#fff; background:#222;}
.contact2 .column { display:flex; justify-content:space-between; border:1px solid #ddd; border-top:0;padding:20px;}
.contact2 .column .box { width:50%; text-align:center;}
.contact2 .column .box:first-of-type { padding-right:30px; border-right:1px solid #ddd;}
.contact2 .column .box:last-of-type { padding-left:30px;}
.contact2 .column .box .ttl2 { font-weight:bold; margin-bottom:15px; font-size:1.4rem;}
.contact2 .column .number { font-weight:bold; color:#0c3170; font-size:1.8rem; line-height:1; margin-bottom:10px;}
.contact2 .column .number i { font-weight:normal; font-size:1.6rem; margin-right:10px; margin-top:-2px;}
.contact2 .column .number .fax { font-size:0.85rem; margin-right:10px; display:inline-block; font-weight:bold; vertical-align:middle;}
.contact2 .column .desc { color:#0c3170;}
.contact2 .column .desc2 { text-align:left; font-size:0.8rem; margin-top:15px;}

.thumb_back_link { display:flex; padding:10px 10px 10px 40px; border:1px solid #ddd; text-decoration:none; width:500px; margin-bottom:30px; border-radius:4px;}
.thumb_back_link:hover { background:#f8f8f8;}
.thumb_back_link .image { display:flex; align-items:center; justify-content:center; height:40px; width:40px; position:relative;}
.thumb_back_link .image:before { font-family:'Material Icons'; content:"\e5c4"; color:#333; font-size:1.8rem; display:inline-block; position:absolute; left:-30px; }
.thumb_back_link .tx { display:flex; align-items:center; padding-left:10px; font-size:0.9rem;}

/* mypage */

header.mypage .logo_infobox { display:inline-block; vertical-align:top; margin-left:30px; padding-top:0;}
header.mypage .logo_mypage { display:block; padding:6px 5px; line-height:1; text-align:center; width:180px; background:#262626; font-weight:bold; color:#fff;}
header.mypage .username { margin-top:10px; margin-left:0;}
header.mypage .box03 { background:/*#236008*/#0080a0;}
header.mypage .mainnav > ul > li { width:calc( 100% / 8 );}
header.mypage .mainnav > ul > li:hover, header.mypage .mainnav > ul > li.active { background:#3da0b9;}
header.mypage .mainnav > ul > li .material-icons { font-size:33px;}
header.mypage.fixed .box02 .inner { padding:12px 0 10px; }
header.mypage.fixed .logo { margin-top:0;}
header.mypage.fixed .logo_infobox { padding-top:0; margin-top:-3px;}
header.mypage.fixed .logo_mypage { display:inline-block;}
header.mypage.fixed .username { margin-top:5px; margin-left:10px;}
header.mypage.fixed .mainnav li .material-icons { display:none;}
header.mypage .sp_header { display:none; }

.mypage_nav { display:flex; flex-wrap:wrap;}
.mypage_nav .box { width:calc( (100% - 45px) / 4); margin-right:15px; text-align:center; position:relative; background:#e2e9f4; padding:25px 15px 15px; color:#0c3170;}
.mypage_nav .box:last-of-type { margin-right:0;}
.mypage_nav .box .tx { padding:30px 10px 15px; background:#fff; font-size:1.2rem;}
.mypage_nav .box .btn { width:200px; font-weight:bold; margin-top:10px;}
.mypage_nav .box .material-icons { font-size:40px; position:absolute; top:9px; left:50%; margin-left:-20px;}
.mypage_nav .box .icon { position:absolute; top:13px; left:50%; margin-left:-20px; transform:scale(1.1);}
.mypage_nav2 { border:1px solid #ddd; padding:20px; position:relative; display:flex; flex-wrap:wrap; background:#f5f5f5; }
.mypage_nav2 .box { width:calc( ( 100% - 60px ) / 4 ); margin:0 20px 20px 0; background:#fff; border:1px solid #ddd; }
.mypage_nav2 .box:nth-of-type(4n) { margin-right:0;}
.mypage_nav2 .box .ttl { font-size:1.2em; font-weight:600; padding:10px 15px; border-bottom:1px solid #ddd;}
.mypage_nav2 .box .ttl a { color:#333;}
.mypage_nav2 .box ul { padding: 20px 20px 20px 30px;}
.mypage_nav2 .box li { list-style-type:disc; margin-bottom:6px; font-size:1.1em;}
.mypage_nav2 .box li a { color:#0E68CC;}
.mypage_nav2 a { text-decoration:none;}
.mypage_nav2 a:hover { text-decoration:underline;}

.mypageNew header.mypage .box02 { background:#333; }
.mypageNew header.mypage .box02 .inner { display:flex; justify-content:space-between; padding:0;}
.mypageNew header.mypage .box02 .inner .left { display:flex; padding:12px;}
.mypageNew header.mypage .box02 .logo { height:40px; width:auto; }
.mypageNew header.mypage .box02 .info { margin-left:30px; display:flex; align-items:center;}
.mypageNew header.mypage .box02 .info .page_name { background:#fff; line-height:1; padding:5px 10px; border-radius:3px; font-weight:700; line-height:1;}
.mypageNew header.mypage .box02 .info .name_wrap { display:flex; align-items:center; margin-left:30px; color:#fff;}
.mypageNew header.mypage .box02 .info .name_wrap .username { margin:0;}
.mypageNew header.mypage .box02 .info .name_wrap .username span { font-size:1.2rem; font-weight:700; margin-right:5px; display:inline-block;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost { margin-left:10px; font-size:0.9rem; background:#0080a0; padding:0 6px 0 10px; position:relative; display:flex; justify-content:space-between; align-items:center; font-weight:700; border-radius:3px; cursor:pointer; transition:0.3s; height:25px; }
.mypageNew header.mypage .box02 .info .name_wrap .userpost:after { display:inline-block; font-family:'Material Icons'; content:"\e313"; font-size:16px; line-height:1; margin-left:7px;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost:hover { background:#049bc1;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select { opacity:0; position:absolute; background:#fff; top:25px; left:0; width:600px; transition:0.2s; visibility:hidden; color:#333; font-size:1.0rem; cursor:auto;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select .desc { padding:15px 10px;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li { border-top:1px solid #ddd;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li .current { display:block; padding:15px 10px 15px 40px; background:#f5f5f5; position:relative; font-weight:700;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li .current:before { display:inline-block; font-family:'Material Icons'; content:"\e876"; font-size:20px; line-height:1; position:absolute; left: 10px; color:#0180a0;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost:hover > .mode_select { opacity:1; z-index:1000; visibility:visible; box-shadow:0px 2px 10px rgba(0,0,0,0.3); border-radius:3px;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li a { display:block; padding:15px 10px 15px 40px; color:#333; font-weight:700; text-decoration:none; position:relative;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li a:hover { background:#f5f5f5;}
.mypageNew header.mypage .box02 .info .name_wrap .userpost .mode_select ul li .badge { width:22px; height:22px; border-radius:100%; display:flex; justify-content:center; align-items:center; color:#fff; background:#cc0000; font-size:0.9rem; font-weight:700; position:absolute; right:5px; top:50%; margin-top:-11px; }


.mypageNew header.mypage .box02 .inner .right { padding-right:15px; display:flex; flex-direction:column; align-items:end;}
.mypageNew header.mypage .box02 .subnav { display:flex; align-items:center; height:100%;}
.mypageNew header.mypage .box02 .subnav li + li { margin-left:20px;}
.mypageNew header.mypage .box02 .subnav li a { color:#fff;}
.mypageNew header.mypage .box02 .txSize_select { font-size:0.9rem; color:#fff;}

.mypageNew .edit_complete_box { padding:70px 0; text-align:center;}
.mypageNew .edit_complete_box .tx1 { font-size:2rem; font-weight:700; margin-bottom:40px;}
.mypageNew .edit_complete_box .tx1 .material-icons { font-size:2.5rem;}
.mypageNew .edit_complete_box .tx2 { font-size:1.2rem;}
/*
.mypageNew .box_info { margin:0 auto; padding:55px 25px 25px; margin-bottom:40px; border:1px solid #0080a0; color:#0080a0; position:relative; border-radius:5px;}
.mypageNew .box_info .ttl { font-size:1.4rem; font-weight:700; position:absolute; left:0; top:0; line-height:1; padding:10px 25px; color:#fff; background:#0080a0; border-radius:0 0 15px 0;}
.mypageNew .box_info .el_information { margin-left:15px;}
.mypageNew .box_info .el_information li { list-style-type:disc; font-size:1.1rem;}
.mypageNew .box_info .el_information li + li  { margin-top:5px;}
.mypageNew .box_info .el_information li a { color:#0080a0;}
*/
.mypageNew .tab_box_info { margin-bottom:40px; }
.mypageNew .tab_box_info .box_body { position:relative;}
.mypageNew .tab_box_info .box_body .tab_content { display:none; padding:30px; border:1px solid #0080a0; color:#0080a0; position:relative; border-radius:5px;}
.mypageNew .tab_box_info .tab_ttl { display:flex; justify-content:space-between; margin-bottom:15px;}
.mypageNew .tab_box_info .tab_ttl li { width:32.5%; position:relative;}
.mypageNew .tab_box_info .tab_ttl li.active:after { content:""; display:inline-block; width: 15px; aspect-ratio: 1/cos(30deg); clip-path: polygon(0 0,50% 100%,100% 0); background:#0080a0; position:absolute; left:50%; bottom:-12px; margin-left:-6px;}

.mypageNew .tab_box_info .tab_ttl li + li {}
.mypageNew .tab_box_info .tab_ttl li a { display:flex; justify-content:center; align-items:center; font-size:1.2rem; font-weight:700; line-height:1;  color:#333; background:#eee; border-radius:5px; text-decoration:none; text-align:center; height:35px;}
.mypageNew .tab_box_info  .tab_ttl li.active a { color:#fff; background:#0080a0;}
.mypageNew .tab_box_info  .tab_ttl li a .badge { background: #e22d0f; color: #fff; width:25px; height:25px; line-height: 1; border-radius: 100%; font-weight: bold; display: flex; justify-content: center; align-items: center; font-size:0.9rem; margin-left:5px;}

.mypageNew .tab_box_info .mypage_news { }
.mypageNew .tab_box_info .mypage_news li { font-size:1.1rem;}
.mypageNew .tab_box_info .mypage_news li + li  { border-top:1px solid #eee;}
.mypageNew .tab_box_info .mypage_news li a { display:block; color:#0080a0; text-decoration:none; padding:10px;}
.mypageNew .tab_box_info .mypage_news li a:hover { background:#f2f2f2;}
.mypageNew .tab_box_info .mypage_news.oshirase li a { position:relative; display:flex; width:100%;}
.mypageNew .tab_box_info .mypage_news.oshirase li a .date { color:#999; width:160px; }
.mypageNew .tab_box_info .mypage_news.oshirase li a .read_icon { margin-left:auto;}
.mypageNew .tab_box_info .mypage_news.oshirase li.readed a .read_icon { color:#bbb;}


.bg_section { position:relative; }
.bg_section .section_title { position:absolute; top:-22px; font-size:1.8rem; font-weight:600; }
.bg_section .section_title02 { font-size:1.8rem; font-weight:600; display:flex; justify-content:space-between; margin-bottom:15px;}
.bg_section .section_title02 .btn { margin-left:auto;}
.bg_section .section_title02 .modal_icon { vertical-align:middle; margin-top:-5px; margin-left:10px;}

.tokuten_list { padding-top:10px;}
.tokuten_list .item { padding-bottom:5px;}
.tokuten_list .item .group_title { background:#444; border-left:10px solid #111; color:#fff; padding:5px 150px 5px 10px; font-size:1.2rem; font-weight:600; position:relative;}
.tokuten_list .item .group_title .link_r { position:absolute; right:10px; font-size:1rem; line-height:1; top:0.8rem; cursor:pointer;}
.tokuten_list .item .group_title .link_r:hover { text-decoration:underline;}
.tokuten_list .item .sub_item { padding:15px; background:#fff; margin-bottom:5px;}
.tokuten_list .item .sub_item .image { width:100px; float:left;}
.tokuten_list .item .sub_item .tx_area { width:calc( 100% - 100px - 20px ); float:right;}
.tokuten_list .item .sub_item .title { display:flex; width:100%; font-size:1.3rem; font-weight:600; align-items:center; padding:0 0 15px;}
.tokuten_list .item .sub_item .list_ttl { font-size:0.9rem; font-weight:600; margin-bottom:5px;}
.tokuten_list .item .sub_item .detail_list { border-top:1px dotted #ddd;}
.tokuten_list .item .sub_item .detail_list li a { display:flex; color:#333; padding:8px 10px; border-bottom:1px dotted #ddd; font-size:1.1rem; text-decoration:none; width:100%; align-items:center; justify-content:space-between;}
.tokuten_list .item .sub_item .detail_list li a .btn { width:100px; }
.tokuten_list .item .sub_item .detail_list li a .name { width:calc( 100% - 100px - 20px);}
.tokuten_list .item .sub_item .detail_list li a:hover { background:#f5f5f5;}
.tokuten_list .item .sub_item .detail_list li:last-of-type a { border-bottom:0;}
.tokuten_list .item .more_btn { display:block; width:300px; margin:10px auto 25px; cursor:pointer; font-size:1.1rem; text-align:center; transition:0.2s;}
.tokuten_list .item .more_btn:hover { opacity:0.8;}
.tokuten_list .item .more_list { display:none;}

.tokuten_list2 { padding-top:10px;}
.tokuten_list2 .item { padding-bottom:5px;}
.tokuten_list2 .item .group_title { background:#444; border-left:10px solid #111; color:#fff; padding:5px 150px 5px 10px; font-size:1.2rem; font-weight:600; position:relative;}
.tokuten_list2 .item .sub_item { padding:15px; background:#fff; margin-bottom:5px;}
.tokuten_list2 .item .sub_item .detail_list li a { display:flex; color:#333; padding:8px 10px; border-bottom:1px dotted #ddd; font-size:1.1rem; text-decoration:none; width:100%; align-items:center; justify-content:space-between;}
.tokuten_list2 .item .sub_item .detail_list li a .btn { width:100px; }
.tokuten_list2 .item .sub_item .detail_list li a .date { width:100px; font-size: 0.9rem; color: #888;}
.tokuten_list2 .item .sub_item .detail_list li a .name { width:calc( 100% - 100px - 100px - 30px);}
.tokuten_list2 .item .sub_item .detail_list li a:hover { background:#f5f5f5;}
.tokuten_list2 .item .sub_item .detail_list li:last-of-type a { border-bottom:0;}

.mypageNew {}
.mypageNew header .inner { width:auto;}
.mypageNew header .box02 .inner { }
.mypageNew header .box02 .btn.txt { height:unset; line-height:unset; }
.mypageNew footer { position: absolute; bottom: 0; right: 0; width: calc(100% + 30px);}
.mypageNew .full_cont { display:flex;justify-content:space-between;}
.mypageNew .full_cont .mypage_side { width:250px; background:#0080a0; transition:0.2s;}
.mypageNew .full_cont .mypage_side .box01 { }
.mypageNew .full_cont .mypage_side .box01 .logo,
.mypageNew .full_cont .mypage_side .box01 .logo_infobox,
.mypageNew .full_cont .mypage_side .box01 .subnav  { display:none;}

.mypageNew .full_cont .mypage_side .btn_wrap { display:flex; align-items:center; justify-content:flex-end; padding:0 20px 0 17px; height:60px;}
.mypageNew .full_cont .mypage_side .btn_wrap i { color:#fff; cursor:pointer; transition:0.1s; }
.mypageNew .full_cont .mypage_side .btn_wrap i:hover { opacity:0.7; }
.mypageNew .full_cont .mypage_side .logo { margin-bottom: 20px; display:block;}
.mypageNew .full_cont .mypage_side .logo_mypage { display:block; background:#fff; font-weight:600; padding:5px; margin-bottom:10px; border-radius:4px; text-align:center; }
.mypageNew .full_cont .mypage_side .menu_close { display:none;}
.mypageNew .full_cont .mypage_side .username { display:block; color:#fff; text-align:center; margin-bottom:5px; }
.mypageNew .full_cont .mypage_side .userpost { font-size:0.9rem; color:#fff; text-align:center; }
.mypageNew .full_cont .mypage_side .subnav { margin-top:20px; display:flex; justify-content:center;}
.mypageNew .full_cont .mypage_side .subnav li { display:inline-block; border-right:1px solid #60a2b4; padding:2px 10px; line-height:1;}
.mypageNew .full_cont .mypage_side .subnav li:last-of-type { margin-right:0; border:0;}
.mypageNew .full_cont .mypage_side .subnav li a { font-size:0.9rem; color:#fff; text-decoration:none;}
.mypageNew .full_cont .mypage_side .subnav li a:hover { text-decoration:underline;}
.mypageNew .mypage_side .mainnav { border-top: 1px solid #61a3b4;}
.mypageNew .mypage_side .mainnav li { border-bottom: 1px solid #61a3b4;}
.mypageNew .mypage_side .mainnav li > a,
.mypageNew .mypage_side .mainnav li > .tx0 { display:flex; align-items:center; color:#fff; font-size:1.1rem; text-decoration:none; position:relative; height:60px; padding-left:17px;}
.mypageNew .mypage_side .mainnav li > a i,
.mypageNew .mypage_side .mainnav li > .tx0 i {}
.mypageNew .mypage_side .mainnav li a .tx,
.mypageNew .mypage_side .mainnav li.accordion .tx0 .tx { font-weight:600; position:absolute; left:55px; width:180px; line-height:1.2;}
.mypageNew .mypage_side .mainnav li.accordion .tx0 { cursor:pointer; transition:0.2s;}
.mypageNew .mypage_side .mainnav li.accordion .tx0:after { font-family:'Material Icons'; content:"\e145"; position:absolute; right:10px; top:50%; font-size:20px; line-height:1; margin-top:-11px; font-weight:normal;}
.mypageNew .mypage_side .mainnav li.accordion.active .tx0:after { content:"\e15b";}
.mypageNew .mypage_side .mainnav li a:hover,
.mypageNew .mypage_side .mainnav li.active a,
.mypageNew .mypage_side .mainnav li .tx0:hover { background:#049bc1;}
.mypageNew .mypage_side .mainnav li.nav_swich { display:none;}
.mypageNew .mypage_side .mainnav li a .tx .tx2 { font-size:0.85rem; font-weight:700; margin-top:3px; line-height:1.2; color:#fff;}

.mypageNew .mypage_side .mainnav .accordion_item { display:none; }
.mypageNew .mypage_side .mainnav a .badge { background: #e22d0f; color: #fff; width: 30px; height: 30px; position: absolute; top:50%; margin-top:-15px; right: 10px; line-height: 1; border-radius: 100%; font-weight: bold; display: flex; justify-content: center; align-items: center; font-size:1rem;}
.mypageNew .mypage_side .mainnav a .badge.new { font-size:0.7rem;}

.mypageNew .mypage_side .mainnav .child_menu { margin-top:20px;}
.mypageNew .mypage_side .mainnav .child_menu:last-of-type { margin-bottom:20px; }
.mypageNew .mypage_side .mainnav .child_menu .ttl { margin-left:17px; display:inline-block; padding:4px 10px; width:90px; background:#fff; color:#333; margin-bottom:10px; line-height:1; font-weight:700; border-radius:30px; text-align:center;}
.mypageNew .mypage_side .mainnav .child_menu ul { padding-left:35px;}
.mypageNew .mypage_side .mainnav .child_menu li { list-style-type:disc; color:#fff; padding-right:15px; line-height:1.3; border:0;}
.mypageNew .mypage_side .mainnav .child_menu li + li { margin-top:7px;}
.mypageNew .mypage_side .mainnav .child_menu li a { color:#fff; text-decoration:none; padding:0; border:0; height:auto; font-size:1rem;}
.mypageNew .mypage_side .mainnav .child_menu li a:hover { text-decoration:underline; background:unset!important;}


.el_product_page .mypage_side .common_menu { display:none; }

/*eラーニング用メニュー*/
.mypage_side .el_menu { display:none; }
.el_product_page .mypage_side .el_menu { display:block; }
.el_product_page .mypage_side .el_menu .box01 { padding:0 15px; color:#fff; margin-bottom:50px; transition:0.05s;}
.el_product_page .mypage_side .el_menu .box01 a { color:#fff; text-decoration:none;}
.el_product_page .mypage_side .el_menu .box01 a:hover { text-decoration:underline;}
.el_product_page .mypage_side .el_menu .box01 .product_name { font-size:1.2rem; font-weight:700; line-height:1.3; margin-top:30px; }
.el_product_page .mypage_side .el_menu .box01 .status_bar { height:7px; background:#fff; border-radius:10px; overflow:hidden; margin-top:15px;}
.el_product_page .mypage_side .el_menu .box01 .status_bar .active { background:#00d0c8; height:100%; }
.el_product_page .mypage_side .el_menu .box01 .status_num { margin-top:3px; text-align:right; font-size:0.8rem;}
.el_product_page .mypage_side .el_menu .box01 .status_num .num { display:inline-block; font-size:1.2rem; margin-right:3px; font-weight:700;}

.el_product_page .mypage_side .el_menu .section { margin-bottom:30px;}
.el_product_page .mypage_side .el_menu .section:first-of-type { padding-top:30px;}
.el_product_page .mypage_side .el_menu .section .section_ttl { margin-bottom:20px; padding:0 15px; color:#fff; position:relative;}
.el_product_page .mypage_side .el_menu .section .section_ttl:before { content:""; display:inline-block; width:8px; height:3px; background:#fff; position:absolute; top:27px; left:0;}
.el_product_page .mypage_side .el_menu .section .section_ttl .sub { font-size:0.85rem; display:block; line-height:1;}
.el_product_page .mypage_side .el_menu .section .section_ttl .sub b { font-size:1.0rem; display:inline-block; margin-left:3px;}
.el_product_page .mypage_side .el_menu .section .section_ttl .name { display:block; font-size:1.0rem; font-weight:700; line-height:1.3; margin-top:5px;}


.el_product_page .mypage_side .el_menu .mainnav li a { height:auto; min-height:60px; padding:15px; }
.el_product_page .mypage_side .el_menu .mainnav li.disabled a { pointer-events:none;}
.el_product_page .mypage_side .el_menu .mainnav li a .tx { font-size:1.0rem; font-weight:normal; line-height:1.2; position:relative; width:auto; margin-left:10px; left:auto;}
.el_product_page .mypage_side .el_menu .mainnav li a i { }
.el_product_page .mypage_side .el_menu .mainnav li a .done { color:#00d0c8;}

/* eラーニング以下のマイページでは基本青、余計なナビ非表示 */
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_rireki,
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_seminar,
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_streaming,
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_bookmark,
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_benefit,
body.usertype_el.mypageNew .mypage_side .mainnav li.nav_cart
 { display:none; }
body.usertype_el.mypageNew .full_cont .mypage_side { background:#0d5b9b; }
body.usertype_el.mypageNew .mypage_side .mainnav li a:hover,
body.usertype_el.mypageNew .mypage_side .mainnav li.active a,
body.usertype_el.mypageNew .mypage_side .mainnav li .tx0:hover { background:#2370b0;}
body.usertype_el.mypageNew .mypage_side .mainnav,
body.usertype_el.mypageNew .mypage_side .mainnav li { border-color:#4e88b7; }
body.display_swich.mypageNew .mypage_side .mainnav li.nav_swich { display:block;}
body.usertype_el table.el_profileedit td { position:relative; }
body.usertype_el table.el_profileedit td .btn { position:absolute; right:10px; top:50%;  margin-top:-1.3rem; }
body.usertype_el .edit_cont01 { margin:100px 0; text-align:center;}
body.usertype_el .edit_cont01 .btn { width: 600px;}
body.usertype_el .edit_cont01 .tx01 { margin-top:30px;}
body.usertype_el .edit_cont01 .tx01 a { display:inline-block; font-size:1.2rem;}
body.usertype_el .edit_cont01 .tx01 a i { font-size:1.6rem; vertical-align:middle; margin-top:-5px; margin-left: 3px;}

/* eラーニング専用ユーザの場合は、更にナビ非表示 */
body.usertype_el.mypageNew.el_senyo header .subnav .nav_shopping,
body.usertype_el.mypageNew.el_senyo header .subnav .nav_mypagetop
 { display:none; }
body.usertype_el.mypageNew.el_senyo header .box02 .info .name_wrap .userpost { pointer-events:none; }
body.usertype_el.mypageNew.el_senyo header .box02 .info .name_wrap .userpost:after { display:none; }



.mypageNew .full_cont main { width:calc(100% - 250px - 30px); min-height:100vh; transition:0.2s; position:relative; padding-bottom:100px;}
.mypageNew ul.breadcrumb { width:auto; padding:10px 0 0; margin: 0;}
.mypageNew .pagetitle { border: 0; margin-bottom:20px;}
.mypageNew .pagetitle .inner { width:auto; padding-right:30px; }
.mypageNew .pagetitle .sub_info { margin-top:20px;}
.mypageNew .container { width:auto; padding: 20px 30px 20px 0;}

.mypageNew .pagetitle.type03 {}
.mypageNew .pagetitle.type03 .inner { display:flex;}
.mypageNew .pagetitle.type03 .inner .left { width:60%;}
.mypageNew .pagetitle.type03 .inner .right { margin-left:auto;}
.mypageNew .pagetitle.type03 .inner .right .page_desc { font-size:1.1rem; margin:0;}

.mypageNew .bg_section { margin-left:-30px; }
.mypageNew .bg_section .container { padding-left:30px;}

/************************
 サイド閉じた状態
*************************/
.mypageNew .mypage_side.side_close { width:60px;}
.mypageNew .mypage_side.side_close .logo,
.mypageNew .mypage_side.side_close .logo_infobox,
.mypageNew .mypage_side.side_close .subnav { display:none;}
.mypageNew .mypage_side.side_close .btn_wrap i { transform:rotate(-180deg);}


.mypageNew .mypage_side.side_close .mainnav li > a { width:100%;}
.mypageNew .mypage_side.side_close .mainnav li > a i { position:relative; left:auto;}
.mypageNew .mypage_side.side_close .mainnav li > a .tx { opacity:0; position:absolute; margin:0; background:#049bc1; left:65px; z-index:1000; display:inline-block; width:100px; padding:5px; font-size:0.9rem; line-height:1; z-index:-1;}
.mypageNew .mypage_side.side_close .mainnav li > a:hover .tx { opacity:1; z-index:1000; }
.mypageNew .mypage_side.side_close .mainnav a .badge { right:3px; margin-top:-25px; }
.mypageNew .mypage_side.side_close .mainnav a .badge { width: 24px; height: 24px; font-size:0.8rem;}
.mypageNew .mypage_side.side_close .mainnav a .badge.new { font-size:0.6rem;}

.mypageNew .full_cont .mypage_side.side_close + main { width:calc(100% - 60px - 30px);}
.mypageNew .mypage_side.side_close .mainnav a .badge { margin-top:-28px; right:-5px;}

.mypageNew .mypage_side.side_close .el_menu .box01 { height:0; opacity:0; margin:0; }
.mypageNew .mypage_side.side_close .el_menu .section_ttl { padding:0 10px 0 0; text-align:right;}
.mypageNew .mypage_side.side_close .el_menu .section_ttl:before,
.mypageNew .mypage_side.side_close .el_menu .section_ttl .name { display:none;}
.mypageNew .mypage_side.side_close .mainnav .child_menu { display:none;}


.material-icons.line_adjust01 { margin-top:-3px;}

/* e-leaning */
.el_learning_status { position:relative; height:100%; }
.el_learning_status .item { font-size:1.1rem; margin-bottom:10px;}
.el_learning_status .btn_area { position:absolute; bottom:40px; right:0; display:flex;}
.el_learning_status .btn_area .btn + .btn { margin-left:10px; }


.mypageNew .el_group_info { border:1px solid #ddd; border-radius:3px; padding:30px; position:relative; }
.mypageNew .el_group_info + .el_group_info { margin-top:10px;}
.mypageNew .el_group_info.disabled { background:#d1d1d1;}
.mypageNew .el_group_info .group_name { font-size:1.4rem; font-weight:600; margin-bottom:10px; }
.mypageNew .el_group_info .group_name i { font-size:1.4em; margin-right:15px; vertical-align:middle; margin-top:-2px;}
.mypageNew .el_group_info .group_name a { color:#333; }
.mypageNew .el_group_info .group_name .post { font-size:1.2rem; font-weight:normal; margin-left:5px;}
.mypageNew .el_group_info .group_tag { color:#999;}


.mypageNew .el_group_info .message { position:absolute; right:30px; top:30px;}
.mypageNew .el_group_info .wrap { display:flex; align-items:center; margin-top:15px;}
.mypageNew .el_group_info .wrap .user { font-size:1.1em; margin-right:50px; display:flex; align-items:center;}
.mypageNew .el_group_info .wrap .user .num { font-size:1.5em; margin-left:5px; font-weight:600;}
.mypageNew .el_group_info .wrap .username {  font-size:1.1em; margin-right:30px; font-weight:600; width:250px; display:flex; flex-direction:column;}
.mypageNew .el_group_info .wrap .username .label_area { margin-top:5px;width:100%;}
.mypageNew .el_group_info .wrap .permission { width:80px; margin-right:20px;}
.mypageNew .el_group_info .wrap .desc { font-size:0.9rem; margin:0}
.mypageNew .el_group_info .wrap .product { width:25%; }
.mypageNew .el_group_info .wrap .product .status_bar { height:10px; background:#ddd; border-radius:10px; overflow:hidden; }
.mypageNew .el_group_info .wrap .product .status_bar .active { background:#00d0c8; height:100%;}
.mypageNew .el_group_info .wrap .product .tx { font-size:1rem; margin-bottom:6px;}
.mypageNew .el_group_info .wrap .btn_area { margin-left:auto;}
.mypageNew .el_group_info.checktype { border:0; background:#f4f4f4;}
.mypageNew .el_group_info.checktype + .el_group_info { margin-top:1px;}
.mypageNew .el_group_info.checktype label { font-size:1.1rem; font-weight:600; }

.mypageNew .el_group_info.userlist2 .wrap { margin-top:0; align-items:center;}
.mypageNew .el_group_info.userlist2 .wrap .tag { width:180px; font-size:0.9rem;}
.mypageNew .el_group_info.userlist2 .wrap .status { font-size:0.9rem;}
.mypageNew .el_group_info.userlist2 .wrap .email { font-size:0.9rem; margin-top:5px; word-break:break-word; position:relative; padding-left:18px;}
.mypageNew .el_group_info.userlist2 .wrap .email:before { display:inline-block; font-family:'Material Icons Outlined'; content:"\e158"; position:absolute; top:3px; left:0; font-size:1rem;}
.mypageNew .el_group_info.userlist2 .wrap + p { margin-top:10px;}

.mypageNew .el_user_status_list .item { border:1px solid #ddd; border-radius:3px; padding:30px; position:relative; display:flex; align-items:center; margin-bottom:10px;}
.mypageNew .el_user_status_list .item.stopped { background:#eee;}
.mypageNew .el_user_status_list .item .user_info { width:200px; margin-right:30px; font-size:0.9rem;}
.mypageNew .el_user_status_list .item .user_info .name { font-size:1.2rem; font-weight:700; margin-bottom:15px;}
.mypageNew .el_user_status_list .item .user_info .label_area { margin-bottom:10px;}
.mypageNew .el_user_status_list .item .btn_area { width:140px; margin-left:30px; background: red;}
.mypageNew .el_user_status_list .item .item_info { width:calc( 100% - 120px - 30px - 140px - 30px); font-size:0.9rem;}
.mypageNew .el_user_status_list .item .item_info .item_name { font-size:1.2rem; font-weight:700; margin-bottom:5px; color:#0c3170;}
.mypageNew .el_user_status_list .item .item_info .status p { width:24%; display:inline-block; }
.mypageNew .el_user_status_list .item .item_info .status p .num { display:inline-block; font-size:1.6rem; font-weight:700; margin-right:5px;}


.mypageNew .border_item_list {}
.mypageNew .border_item_list .item { border-bottom:1px solid #ddd; padding:15px 15px; display:flex; justify-content:space-between; align-items:center;}
.mypageNew .border_item_list .item .tx01 { font-size:1rem;}
.mypageNew .border_item_list .item .btn_area { font-size:1rem;}

.el_user_status_table_wrap {}
.el_user_status_table_wrap .sp_tx1 { display:none; }
.mypageNew .el_user_status_table { width:100%; border-left:1px solid #ddd; border-top:1px solid;}
.mypageNew .el_user_status_table th, .mypageNew .el_user_status_table td 
{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 8px; text-align:center; vertical-align:middle;}
.mypageNew .el_user_status_table thead th { background:#333; color:#fff; position:sticky; top:0; left:0; z-index:1;}
.mypageNew .el_user_status_table td { font-size:0.9rem;}
.mypageNew .el_user_status_table tbody tr { transition:0.2s;}
.mypageNew .el_user_status_table tbody tr:hover { background:#f4f4f4;}
.mypageNew .el_user_status_table tr td:nth-of-type(4) {text-align:left; min-width:200px; max-width:400px;}
.mypageNew .el_user_status_table .progress .num { font-size:1.4rem; margin-right:3px; font-weight:700;}

.cardinfo01 { display:flex; align-items:center; justify-content:space-between; }
.cardinfo01 .btn { width:220px;}
.cardinfo01 .tx1 { width:calc( 100% - 220px );}
.cardinfo02 { display:flex; align-items:center; justify-content:space-between; }
.cardinfo02 .tx2 { width:110px;}
.cardinfo02 .tx1 { width:calc( 100% - 110px );}

.group_assign_list { padding-left:50px; }
.group_assign_list .item { border-bottom:1px solid #ddd; padding:20px 0; display:flex; width:100%;}
.group_assign_list .item .number { width:100px; display:flex; align-items:center;}
.group_assign_list .item .num_label { width:25px; height:25px; border-radius:100%; background:#333; color:#fff; display:flex; align-items:center; justify-content:center; }
.group_assign_list .item .name {}
.bottom_wide_desc { font-size:1.2rem; margin:80px 0 50px; text-align:center;}

.mypageNew .userlist { counter-reset:0; }
.mypageNew .userlist .item { position:relative; counter-increment:number 1; margin-bottom:50px;}
.mypageNew .userlist .item:after { content: counter(number) ""; position:relative; position:absolute; top:-15px; left:-15px; background:#111; color:#fff; display:flex; width:30px; height:30px; justify-content:center; align-items:center; border:2px solid #fff; border-radius:50%; font-weight:600;}
.mypageNew .userlist .item .option { margin-top:5px; text-align:right;}
.mypageNew .userlist .item .option .input_clear { text-decoration:underline; color:#0E68CC; cursor:pointer;}
.mypageNew .userlist .item .option .input_clear:hover { text-decoration:none;}

.mypageNew .el_topics { height:150px; overflow-y:scroll;}
.mypageNew .el_topics::-webkit-scrollbar { width:5px;}
.mypageNew .el_topics::-webkit-scrollbar-track { background:;}
.mypageNew .el_topics::-webkit-scrollbar-thumb { background:#ccc; border-radius:4px; }





.el_product_detail { display:flex; justify-content:space-between;}
.el_product_detail .image { width:400px;}
.el_product_detail .txt { width:calc( 100% - 400px - 40px);}
.el_product_detail .txt .sub01 { font-size:1.4em; font-weight:600; margin-bottom:20px;}
.el_product_detail .txt .desc { font-size:1.1em; margin-bottom:20px;}
.el_product_detail .txt .sub02 { font-size:1em; font-weight:600; margin-bottom:20px;}
.el_product_detail .txt .status_area { margin-bottom: 20px; background: #f4f4f4; border:1px solid #ddd; padding:20px; border-radius:4px;}
.el_product_detail .txt .status_area .group { display:flex; justify-content:space-between; align-items:baseline; margin-top:20px; font-size:1.1rem;}
.el_product_detail .txt .status_area .group + .group { margin-top:7px;}
.el_product_detail .txt .status_area .group .name { width:120px;}
.el_product_detail .txt .status_area .group .value { width: calc( 100% - 20px);}
.el_product_detail .txt .status_area .group .value.view_progress { display:flex; align-items:center;}
.el_product_detail .txt .status_area .group .value.view_progress .per { font-size:1.5rem; font-weight:700; margin-right:30px; width:70px}
.el_product_detail .txt .status_area .group .value.view_progress .per span { font-size:1rem; display:inline-block; margin-left:5px;}
.el_product_detail .txt .status_area .group .value.view_progress .status_bar { width:calc( 100% - 70px); height:10px; background:#fff; border-radius:10px; overflow:hidden; }
.el_product_detail .txt .status_area .group .value.view_progress .status_bar .active { background:#00d0c8; height:100%;}
.el_product_detail .txt .status_area .group .report_modal_link { color:#333;}
.el_product_detail .txt .status_area .group .report_modal_link i { font-size:1.4rem; vertical-align:middle; margin:-3px 3px 0 0;}
.el_product_detail .txt .status_area .group2 { display:flex; justify-content:right; margin-top:10px; font-size:0.85rem;}
.el_product_detail .txt .status_area .message { margin-top:20px;}
.el_product_detail .txt .status_area .message + .message { margin-top:10px;}
.el_product_detail .txt .status_area .label_area .icon_name {font-size:0.9rem; margin-left:2px; margin-right:10px;}
.el_product_detail.image_small .image { width:200px;}
.el_product_detail.image_small .txt { width:calc( 100% - 200px - 40px);}




.vertical_btn_list { width:700px; margin:0 auto; }
.vertical_btn_list li + li { margin-top:10px;}

.el_product_list {}
.el_product_list .desc { margin-bottom:40px; }
.el_product_list .section { padding-left:30px; margin-bottom:50px; }
.el_product_list .section .section_ttl { margin-bottom:20px; margin-left:-30px; }
.el_product_list .section .section_ttl .sub { color:#0180A0; font-size:0.8rem; font-weight:700; display:block; line-height:1;}
.el_product_list .section .section_ttl .sub b { font-size:1.2rem; display:inline-block; margin-left:5px;}
.el_product_list .section .section_ttl .name { font-size:1.6rem; font-weight:700;}
.el_product_list .item { border-bottom:1px solid #ddd;}
.el_product_list .item > a, .el_product_list .item .item_inner { display:flex; padding:15px; color:#333; text-decoration:none; align-items:center; flex-wrap:wrap;}
.el_product_list .item > a:hover { background:#f5f5f5;}
.el_product_list .item.disabled > a { pointer-events:none;}

.el_product_list .item .done { opacity:0; font-size:3rem; line-height:1; color:#ccc; margin-right:20px; color:#00d0c8;}
.el_product_list .item .done.completed { opacity:1; }
.el_product_list .item.current > a { pointer-events:none; background:#d3ebf1;}
.el_product_list .item .txt { display:flex; align-content:center; flex-wrap: wrap;}

.el_product_list .item .title { font-size:1.3rem;width:100%;}
.el_product_list .item .date { margin-top:3px; font-size:0.8rem; color:#777;}
.el_product_list .item .date span { display:inline-block; margin-right:10px;}
.el_product_list .item .time { color:#aaa; width:100%; font-size:0.9rem;}
.el_product_list .item .label_wrap { width:100%; margin-top:10px;}
.el_product_list .item .label_wrap .label i { font-size:18px; margin-right:5px; margin-top:-2px;}
.el_product_list .item .btn_area { display:flex; align-items:center; margin-left:auto;}
.el_product_list .item .btn_area .btn { width:120px;}
.el_product_list .item .btn_area.vertical { width:200px; align-content:center; flex-wrap:wrap;}
.el_product_list .item .btn_area.vertical .btn { width:100%;}
.el_product_list .item .btn_area.vertical .btn + .btn { margin-top:10px;}

.el_product_list .item .status_bar_wrap { width:300px; margin-left:auto;}
.el_product_list .item .status_bar_wrap .status_bar { height:10px; background:#ddd; }
.el_product_list .item .status_bar_wrap .status_bar .active { background:#00d0c8; height:100%;}
.el_product_list .item .status_bar_wrap .tx { font-size:1rem; margin-bottom:10px;}

.el_status_list {}
.el_status_list article:not(.item) { background:#f4f4f4; border-radius:4px; overflow:hidden; margin-bottom:20px;}
.el_status_list article .item_header { padding:30px; position:relative; cursor:pointer; display:flex;}
.el_status_list article .item_header .accordion_toggle { font-size:2.2rem; line-height:1; position:absolute; top:15px; right:20px; transition:0.1s}
.el_status_list article .item_header.active .accordion_toggle { transform:rotate(-180deg);}
.el_status_list article .item_header .image { width:150px;}
.el_status_list article .item_header .txt { width:100%;}
.el_status_list article .item_header .image + .txt { width:calc( 100% - 150px - 30px); margin-left:30px;}
.el_status_list article .item_header .txt .title { font-size:1.2rem; font-weight:700; margin-bottom:5px;}
.el_status_list article .item_header .txt .title a { color:#333;}
.el_status_list article .item_header .txt .label_area { margin-bottom:20px;}
.el_status_list article .item_header .txt .label_area i { margin-left:5px; font-size:1.5rem;}
.el_status_list article .item_header .txt .label_area .icon_name { font-size:0.9rem; margin-left:3px; margin-right:8px;}
.el_status_list article .item_header .txt .tag_area { color:#0080a0;}
.el_status_list article .item_header .txt .group { display:flex; justify-content:space-between; align-items:baseline; margin-top:20px; font-size:1.1rem;}
.el_status_list article .item_header .txt .group + .group { margin-top:5px;}
.el_status_list article .item_header .txt .group .name { width:120px; font-size:1rem;}
.el_status_list article .item_header .txt .group .value { width: calc( 100% - 20px);}
.el_status_list article .item_header .txt .group .value.view_progress { display:flex; align-items:center;}
.el_status_list article .item_header .txt .group .value.view_progress .per { font-size:1.5rem; font-weight:700; margin-right:30px; width:70px}
.el_status_list article .item_header .txt .group .value.view_progress .per span { font-size:1rem; display:inline-block; margin-left:5px;}
.el_status_list article .item_header .txt .group .value.view_progress .status_bar { width:50%; height:10px; background:#fff; border-radius:10px; overflow:hidden; }
.el_status_list article .item_header .txt .group .value.view_progress .status_bar .active { background:#00d0c8; height:100%;}
.el_status_list article .item_header .txt .group .report_modal_link { color:#333;}
.el_status_list article .item_header .txt .group .report_modal_link i { font-size:1.4rem; vertical-align:middle; margin:-3px 3px 0 0;}
.el_status_list article .item_header .txt .group2 { display: flex; justify-content: right; margin-top: 10px;font-size: 0.85rem;}

.el_status_list article .item_header .txt .message { margin-top:20px;}
.el_status_list article .item_header .txt .message + .message { margin-top:10px;}
.el_status_list article .item_body { display:none; padding:0 30px 20px 30px;}
.el_status_list article .item_body .el_product_list { background:#fff; padding:30px 0 10px 20px; border-radius:4px; }

.el_status_list.btntype article .item_header { align-items:center; cursor:auto;}
.el_status_list article .btn_area { margin-left:30px; width:200px;}
.el_status_list article .btn_area.vertical { align-content:center; flex-wrap:wrap;}
.el_status_list article .btn_area.vertical .btn { width:100%;}
.el_status_list article .btn_area.vertical .btn + .btn { margin-top:5px;}

.el_status_list.type2 {}
.el_status_list.type2 article .item_header .txt { margin-left:0; }

.el_produt_info {}
.el_produt_info + .el_produt_info { margin-top:10px; }
.el_produt_info { padding:20px; position:relative; display:flex; align-items:center; border:1px solid #ddd; border-radius:4px;}
.el_produt_info .image { width:120px;}
.el_produt_info .btn_area { width:140px;}
.el_produt_info .txt1 { width:calc( 100% - 120px - 120px - 60px); margin-left:30px;}
.el_produt_info .txt1 .title { font-size:1.3rem; font-weight:700; margin-bottom:8px;}
.el_produt_info .txt2 { width:400px;}
.el_produt_info .txt2 p { margin-bottom:5px;}
.el_produt_info .txt2 .view_progress { display:flex; align-items:center;}
.el_produt_info .txt2 .view_progress .per { font-size:1.5rem; font-weight:700; margin-right:30px; width:70px}
.el_produt_info .txt2 .view_progress .per span { font-size:1rem; display:inline-block; margin-left:5px;}
.el_produt_info .txt2 .view_progress .status_bar { width:100%; height:10px; background:#f4f4f4; border-radius:10px; overflow:hidden; }
.el_produt_info .txt2 .view_progress .status_bar .active { background:#00d0c8; height:100%;}
.el_produt_info .txt2 .view_progress .status_bar .active { background:#00d0c8; height:100%;}
.el_produt_info .label_area i { margin-left:5px; font-size:1.5rem;}
.el_produt_info .label_area .icon_name {font-size:0.9rem; margin-left:3px; margin-right:8px;}


.el_product_list.item_assign { border:1px solid #ddd;}

.el_streaming_detail {}
.el_streaming_detail .detail_header { background:#f5f5f5; padding:20px; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; border-radius:4px;}
.el_streaming_detail .detail_header .tx {}
.el_streaming_detail .detail_header .title { font-size:1.4rem; color:#0c3170;}
.el_streaming_detail .detail_header .streaming_nav { display:flex; align-items:center; font-size:1.1rem; }
.el_streaming_detail .detail_header .streaming_nav > li + li { margin-left:30px;}
.el_streaming_detail .detail_header .streaming_nav li.layout_change { position:relative;}
.el_streaming_detail .detail_header .streaming_nav li .drop { position:absolute; right:0; top:100%; background:rgba(0,0,0,0.7); width:200px; opacity:0; z-index:-1;}
.el_streaming_detail .detail_header .streaming_nav li.layout_change:hover .drop { opacity:1; z-index:1000;}
.el_streaming_detail .detail_header .streaming_nav li.layout_change:hover .drop { opacity:1; z-index:1000;}
.el_streaming_detail .detail_header .streaming_nav li .drop li { padding:15px; color:#fff; cursor:pointer; transition:0.2s;}
.el_streaming_detail .detail_header .streaming_nav li .drop li:hover { background:#222;}
.el_streaming_detail .detail_header .streaming_nav i { font-size:1.2rem;}
.el_streaming_detail .detail_header .streaming_nav a { color:#333; text-decoration:none;}
.el_streaming_detail .detail_header .streaming_nav a:hover { opacity:0.6;}
.el_streaming_detail .detail_header .streaming_nav .disabled a { color:#888; pointer-events:none;}

.el_streaming_detail .detail_body { display:flex; justify-content:space-between;}
.el_streaming_detail .detail_body > div { width:calc( ( 100% - 30px ) / 2); transition:0.2s;}
.el_streaming_detail .detail_body > .left { width:65%;}
.el_streaming_detail .detail_body > .right { width:calc( 100% - 65% - 30px); }
.el_streaming_detail .detail_body.layout02 > .left,
.el_streaming_detail .detail_body.layout02 > .right { width:calc( (100% - 30px) / 2 );}
.el_streaming_detail .detail_body.layout03 > .left { width:30%;}
.el_streaming_detail .detail_body.layout03 > .right { width:calc( 100% - 30% - 30px);}

.el_streaming_detail .detail_body .video_area { }
.el_streaming_detail .detail_body .video_area .video-js { width:100%; height:100%; padding-top:56.25%; }
.el_streaming_detail .detail_body .video_area .video-js .vjs-big-play-button { width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; border-radius: 100%;}
.el_streaming_detail .detail_body .video_area .video-js .vjs-big-play-button .vjs-icon-placeholder:before { top:25px; font-size:4rem; }
.el_streaming_detail .detail_body .chapter_list { background:#555; padding-top:20px; border-top:5px solid #333; padding-bottom:10px;}
.el_streaming_detail .detail_body .chapter_list .ttl { font-weight:600; margin-bottom:5px; padding-left:10px; color:#fff;}
.el_streaming_detail .detail_body .chapter_list li { border-top:1px solid #777;}
.el_streaming_detail .detail_body .chapter_list a { color:#ccc; padding:5px 20px; display:flex; text-decoration:none; align-items:center;}
.el_streaming_detail .detail_body .chapter_list a:hover { background:#333; color:#fff;}
.el_streaming_detail .detail_body .chapter_list a .name {}
.el_streaming_detail .detail_body .chapter_list a .time { margin-left:auto; }
.el_streaming_detail .detail_body .chapter_list a i { margin-left:20px; font-size:1.2rem;}
.el_streaming_detail .detail_body .file_area { height:400px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.el_streaming_detail .detail_body .file_area .tx01 { font-size:1.2rem; margin-bottom:30px;}
.el_streaming_detail .detail_body .file_area .btn + .btn { margin-top:10px;}
.el_streaming_detail .detail_body .video_column .streaming_nav2 { margin-top:30px; }
.el_streaming_detail .detail_body .video_area .no_video { height:500px; display:flex; justify-content:center; align-items:center; background:#333; }
.el_streaming_detail .detail_body .video_area .no_video .tx1 { font-size:1.4rem; color:#fff;}


.el_streaming_detail .detail_body .streaming_nav2 { display:flex; justify-content:space-between; margin-bottom:20px;}
.el_streaming_detail .detail_body .streaming_nav2 > * { width:calc( ( 100% - 10px ) / 2 ); }
.el_streaming_detail .detail_body .streaming_nav2 > div > .btn { width:100%; }
.el_streaming_detail .detail_body .el_tab_btn { display:flex; border-bottom:1px solid #ddd; margin-bottom:30px;}
.el_streaming_detail .detail_body .el_tab_btn li { /*border-radius:3px 3px 0 0; overflow:hidden;*/ position:relative; cursor:pointer;}
.el_streaming_detail .detail_body .el_tab_btn li + li { margin-left:0;}
.el_streaming_detail .detail_body .el_tab_btn li span { height:30px; display:flex; align-items:center; padding:20px 15px; background:#f4f4f4; font-size:0.9rem; font-weight:600; text-decoration:none; color:#333; border:1px solid #ddd; border-right:0; border-bottom:0; line-height:1.2;}
.el_streaming_detail .detail_body .el_tab_btn li:last-of-type span { border-right:1px solid #ddd;}
.el_streaming_detail .detail_body .el_tab_btn li.active span { background:#fff; color:#0080a0; position:relative;}
.el_streaming_detail .detail_body .el_tab_btn li.active:before { display:block; content:""; height:3px; width:100%; background:#0080a0; position:absolute; left:0; top:-1px; z-index:1;}
.el_streaming_detail .detail_body .el_tab_btn li.active span:after { display:block; content:""; height:2px; width:100%; background:#fff; position:absolute; left:0; bottom:-1px;}
.el_streaming_detail .detail_body .tab_content { display:none;}
.el_streaming_detail .detail_body .tab_content.show { display:block;}
.el_streaming_detail .detail_body .tab_content .box1 { display:flex; justify-content:right;}
.el_streaming_detail .detail_body .tab_content .box1 .dllink { color:#333; text-decoration:none;}
.el_streaming_detail .detail_body .tab_content .box1 .dllink i { font-size:1.3rem; margin-left:5px;}
.el_streaming_detail .detail_body .tab_content .box1 .dllink:hover { text-decoration:underline; }
.el_streaming_detail .detail_body .tab_content .slick-slider { margin-bottom:50px;}
.el_streaming_detail .detail_body .tab_content .slick-slider .prev { position:absolute; bottom:-40px; left:0; }
.el_streaming_detail .detail_body .tab_content .slick-slider .next { position:absolute; bottom:-40px; right:0; }
.el_streaming_detail .detail_body .tab_content .slick-slider .slick-arrow { border:1px solid #333; padding:0 10px; height:30px; background:#fff; border-radius:4px; color:#333; line-height:1; transition:0.2s; z-index:1; display:flex; align-items:center;}
.el_streaming_detail .detail_body .tab_content .slick-slider .slick-arrow i { font-size:1.2rem;}
.el_streaming_detail .detail_body .tab_content .slick-slider .slick-arrow:hover { opacity:0.6;}
.el_streaming_detail .detail_body .tab_content .slick-slider .slick-num { display:flex; width:100%; justify-content:center; position:absolute; left:0; bottom:-30px;}
.el_streaming_detail .detail_body .file_area { height:280px; padding:0 20px; background:#fff;}


.el_streaming_detail .detail_body .study_area {}
.el_streaming_detail .detail_body .study_area.text_type .group + .group { margin-top:30px; }
.el_streaming_detail .detail_body .study_area.text_type .group .ttl { font-size:1.2rem; font-weight:600; margin-bottom:15px;}

.el_streaming_detail .memo_area {}
.el_streaming_detail .memo_area .memo_input textarea { width:100%; }
.el_streaming_detail .memo_area .btn { width:200px; }


.el_viewd_info { display:flex;}
.el_viewd_info .status_txt { width:250px; }
.el_viewd_info .status_txt .total_item { padding:20px; text-align:center; border:10px solid #eee; margin-bottom:30px; display:flex; align-items:center;}
.el_viewd_info .status_txt .total_item .tx1 { font-size:1.1rem; font-weight:600; color:#0080a0; margin-right:20px;}
.el_viewd_info .status_txt .total_item .tx2 { font-size:2.4rem; font-weight:600; color:#0080a0;}
.el_viewd_info ul li{ border-bottom:1px solid #ddd; padding:10px 10px; display:flex; align-items:center;}
.el_viewd_info ul li + li{ display:flex;}
.el_viewd_info ul li .name { width:140px; display:block; font-weight:600;}
.el_viewd_info ul li .number { display:block;}
.el_viewd_info .graph { width:600px;}

.el_memolist {}
.el_memolist .item { padding:20px; background:#f5f5f5; border-radius:4px; border:1px solid #ddd;}
.el_memolist .item + .item { margin-top:30px;}
.el_memolist .item .item_header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.el_memolist .item .item_header .date { font-weight:600;}
.el_memolist .item .item_header .item_name { text-align:right;}
.el_memolist .item .item_header .tx01 { font-size:1.2rem; font-weight:600; color:#0c3170;}
.el_memolist .item .item_header .tx02 { font-size:0.9rem; margin-top:5px;}
.el_memolist .item .item_header2 { display:flex; justify-content:space-between; margin-bottom:20px;}
.el_memolist .item .item_header2 .date { font-size:1rem;}
.el_memolist .item .item_header2 .username { font-size:1.2rem; font-weight:600;}
.el_memolist .item .item_header2 .tag_area { color:#0080a0; margin-top:8px; font-size:1rem;}
.el_memolist .item .item_header2 .tx02 { text-align:right;}

.el_memolist .item .detail { background:#fff; position:relative; padding:30px 30px 70px 30px; border-radius:4px;}
.el_memolist .item .detail .inner { font-size:1.2rem; line-height:1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height:140px;}
.el_memolist .item .detail .inner.active { overflow:auto; overflow:auto; display:block;-webkit-line-clamp:auto; height:auto; padding-bottom:20px; }
.el_memolist .item .detail .open_btn { position:absolute; bottom:0; left:50%; margin-left:-150px; margin-bottom:20px; width:300px;}
.el_memolist .item .item_footer { display:flex; justify-content:flex-end; padding-top:20px;}

.report_list { }
.report_list .item { display:flex; justify-content:space-between; align-items:center; border-bottom:1px dotted #999; padding:25px 10px;}
.report_list .item .name { font-size:1.2rem;}
.report_list .item .btn_area li { display:inline-block; }


/* テスト */
.el_testlist { margin-top:80px; }
.el_testlist .item { padding-left:90px; position:relative; margin-bottom:80px;}
.el_testlist .item .number_icon { width:65px; height:65px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:4px solid #333; font-weight:700; position:absolute; top:-15px; left:0; line-height:1;}
.el_testlist .item .number_icon b { font-size:1.6rem; display:inline-block;}
.el_testlist .item .q_area .tx1 { font-size:1.8rem; font-weight:700; line-height:1.4; }
.el_testlist .item .a_area { margin-top:30px;}
.el_testlist .item .a_area .pdfdl { width:500px; margin:30px 0; }
.el_testlist .answer_option li { display:inline-block; margin-right:10px;}
.el_testlist .answer_option input { display:none;}
.el_testlist .answer_option label { display:block; border:1px solid #ddd; border-radius:4px; padding:15px 20px; font-size:1.2rem; cursor:pointer; transition:0.3s;}
.el_testlist .answer_option input[type="radio"]:checked + label { border-color:#00d0c8; background:#00d0c8; color:#fff;}
.el_testlist .result_icon { display:flex; align-items:center; font-size:1.8rem; font-weight:700; margin-top:15px; color:#00d0c8;}
.el_testlist .result_icon i { font-size:3.2rem; margin-right:10px;}
.el_testlist .result_icon.incorrect { color:#e22d0f;}
.test_comment .number { font-size:1.8rem; font-weight:700; display:inline-block; margin:0 5px;}
.bottom_test_comment { border-top:1px solid #333; padding-top:80px; font-size:1.4rem; text-align:center; }
.border_infobox { border:1px solid #ddd; padding:30px 50px; border-radius:4px; font-size:1.1rem;}
.border_infobox .ttl { font-size:1.3rem; font-weight:700; position:relative; margin-bottom:20px;}
.border_infobox .ttl i { font-size:2.2rem; position:absolute; left:-35px; top:-3px;}
.border_infobox.mint { border-color:#00ccc4;}
.border_infobox.mint .ttl { color:#00ccc4;}

/* modal */
.remodal-overlay { background:rgba(0,0,0,0.6)!important; }
.remodal { padding:30px!important; text-align:left; border-radius:5px;}
.remodal.wide { max-width:none; width:900px;}
.remodal.wide2 { max-width:none; width:1200px;}
.remodal > .title { font-size:1.3rem; margin-bottom:20px; font-weight:bold; text-align:center;}
.remodal > .title02 { font-size:1.8rem; margin-bottom:30px; font-weight:bold;}
.remodal .desc { font-size:1.1rem; margin-bottom:20px;}
.remodal .item_list li:first-of-type { border-top:1px solid #ddd;}
.remodal .item_list li { padding:30px 0; border-bottom:1px solid #ddd; display:flex;}
.remodal .item_list li .txt { width: calc( 100% - 20px - 100px ); text-align:left; margin-right:20px;}
.remodal .item_list li .txt .sub { display:block; margin-bottom:5px;}
.remodal .item_list li .txt .name { display:block; font-size:1.2rem; font-weight:bold;}
.remodal .item_list li .btn_wrap { display:flex; align-items:center; width:100px;}
.remodal .modal_footer { padding-top:30px; text-align:center;}
.remodal .modal_footer .btn + .btn { margin-left:15px;}
/*.remodal .el_group_info .wrap { justify-content:space-between; }*/
.remodal .bottom_btn_area { margin-top:40px; text-align:center; }
.modal_icon { color:#333; transition:0.2s; }
.modal_icon:hover { opacity:0.6;}

.box.bgtype { background:#f8f8f8;}
.box.narrow { width:900px; margin:0 auto;}
.box .box_inner { padding:0 30px 30px;}

.common_box { border:1px solid #ddd; padding:20px;}
.common_box .boxttl { font-size:1.2em; margin-bottom:20px;}

.column2_wrap { display:flex; flex-wrap:wrap;}
.column2_wrap .box { width:calc( ( 100% - 30px ) / 2 ); margin-right:30px; margin-bottom:30px;}
.column2_wrap.rate4_6 .box:first-of-type { width:calc( ( ( 100% - 30px ) / 10 ) * 4 )}
.column2_wrap.rate4_6 .box:last-of-type { width:calc( ( ( 100% - 30px ) / 10 ) * 6 )}
.column2_wrap.rate6_4 .box:first-of-type { width:calc( ( ( 100% - 30px ) / 10 ) * 6 )}
.column2_wrap.rate6_4 .box:last-of-type { width:calc( ( ( 100% - 30px ) / 10 ) * 4 )}
.column2_wrap .box:nth-of-type(2n) { margin-right:0;}
.column2_wrap.bgtype .box { background:#f8f8f8;}
.column2_wrap.bgtype .box_inner { padding:0 20px 30px; min-height:300px;}
.column2_wrap.type_a .box { border:1px solid #ddd; padding:20px; border-radius:5px;}
.column2_wrap.type_a .boxttl { font-size:1.4em; margin-bottom:20px;}

.column3_wrap { display:flex; flex-wrap:wrap;}
.column3_wrap .box { width:calc( ( 100% - 6% ) / 3 ); margin-right:3%; margin-bottom:30px;}
.column3_wrap .box:nth-of-type(3n) { margin-right:0;}
.column3_wrap.bgtype .box { background:#f8f8f8;}
.column3_wrap.bgtype .box_inner { padding:0 20px 30px; min-height:300px;}

/* カレンダー */
.calendar { background:#f8f8f8; padding:0 15px 15px;}
.calendar .cal_header { position:relative; padding:20px 0; }
.calendar .cal_header .title { text-align:center; font-weight:bold!important;}
.calendar .cal_header .title .large { font-size:1.4rem;}
.calendar .cal_header a { position:absolute; color:#fff; background:#aaa; top:0;font-size:2.8rem; text-decoration:none; width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:0.2s;}
.calendar .cal_header a:hover { opacity:0.7;}
.calendar .cal_header .next { right:-15px;}
.calendar .cal_header .prev { left:-15px;}
.calendar .cal_body {}
.calendar .week_row, .calendar .day_name { display:flex;}
.calendar .week_row > div, .calendar .day_name > div { width:calc( 100% / 7 ); }
.calendar .day_name > div { font-weight:bold; text-align:center; padding-bottom:3px; font-size:0.9rem}
.calendar .week_row > div { border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:55px; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.3;}
.calendar .week_row > div a { color:#fff; text-decoration:none; background:#e26e6e; display:flex; align-items:center; justify-content:center; width:100%; height:100%; transition:0.2s; font-weight:bold;}
.calendar .week_row > div a:hover { opacity:0.7;}
.calendar .week_row > div:first-of-type { border-left:1px solid #ddd;}
.calendar .week_row:first-of-type > div { border-top:1px solid #ddd;}
.calendar .week_row > div.blank { background:#f8f8f8;}
.calendar .week_row > div.sun { background:#FCF5F5;}
.calendar .week_row > div.sat { background:#F4FAFD;}
.spe_cont .calendar .week_row > div a { background:none; color:#0E68CC; }

.common_bnr_list li { margin-bottom:15px; }

.table_bg { background:#f8f8f8;}

/* 注文履歴 */
table.history .hisPrice { font-weight:bold;}
table.history .hisPrice .btn { margin-top:10px;}
table.history .hisPrice .uchiwake { font-size:0.9rem; color:#666; margin-top:5px; }
table .item_wrap { display:flex;}
table .item_wrap .thumbnail { width:60px; margin-right:15px;}
table .item_wrap .thumbnail a { display:block; display:flex; height:60px; align-items:center; justify-content:center;}
table .item_wrap .txt { width:calc( 100% - 60px - 15px ); display:flex; align-items:center;}
table .item_wrap .txt .inner { width:100%;}
table .item_wrap .btn_area { margin-top:7px;}
table .item_wrap .btn_area .btn + .btn { margin-left:5px;}

.receipt_input { margin:15px 0 25px; }
.receipt_input p { margin-top:-1px;}
.result_txt { margin:15px 0; }
.result_txt .output { display:inline-block;}
table .hisDate { position:relative;}
table .hisDate.new_icon {  }
table .hisDate.new_icon:before { content: ''; top: 0; left: 0; border-bottom: 50px solid transparent; border-left: 50px solid #e22d0f; position: absolute; z-index: 100;}
table .hisDate.new_icon:after { content: '新着'; display: block; transform: rotate(-45deg); font-size: 13px; color: #fff; left: 4px; top: 8px; position: absolute; z-index: 101; font-weight:bold;}
.card_image { margin:10px 0; }
.alert_box { padding: 20px; font-size: 1.0rem; background: #f8e8e8; margin-bottom: 30px; margin-left:auto; margin-right:auto; border-left: 5px solid #c70505;}
.alert_box.online { width:90%;}
.alert_box .title { font-size:1.2rem; font-weight:bold; color:#c70505; margin-bottom:10px;}
.alert_box.blue { border-color:#2f85c1; background:#e1edf6;}
.alert_box.blue .title { color:#2f85c1;}
.alert_box.yellow { border-color:#e7e7b4; background:#ffffe7;}
.alert_box.yellow .title { color:#e7e7b4;}
.alert_box.orange { border-color:#ee7800; background:#fff4d2;}
.alert_box.orange .title { color:#ee7800;}
.alert_box .block + .block { margin-top:20px;}
.alert_box .title02 { margin-bottom:5px; font-weight:600;}




.cont_bottom_link { text-align:right; margin-top:15px; }
.cont_bottom_link i { margin-top:-3px; margin-left:3px; font-size:1.4rem;}

.streaming_guide { margin:-10px 0 20px; display:flex; align-items:center; justify-content:space-between;}
.streaming_guide .icon_area {color:#0080a0; display:flex; align-items:center;}
.streaming_guide .icon_area .ttl { font-weight:bold; margin-right:10px; display:inline-block; }
.streaming_guide ul { display:inline-block;}
.streaming_guide ul li { display:inline-block; margin-right:15px;}
.streaming_guide ul li i { margin-right:5px;}
.streaming_guide02 { margin:0 0 30px; }
.streaming_guide02 .item { display:flex; margin-bottom: 5px;}
.streaming_guide02 .item .tx1 { font-weight:700; margin-right:10px;}

.streaming_list { display:flex; flex-wrap:wrap; background:#f8f8f8; padding:20px;}
.streaming_list .item { position:relative; margin-bottom:30px; margin-right:20px; width:calc( ( 100% - 60px ) / 4 );}
.streaming_list .item a { display:block; text-decoration:none; color:#262626; height:calc(100% - 35px); position:relative; box-shadow:1px 1px 1px rgba(0,0,0,0.15);background:#fff; }
.streaming_list .item:nth-of-type(4n) { margin-right:0;}
.streaming_list .item .image { display:flex; align-items:center; justify-content:center; height:160px;}
.streaming_list .item .txt { padding:8px 15px 15px; position:relative;}
.streaming_list .item a:hover .txt .title, .streaming_list .item a:hover .txt .sub02 { opacity:0.5; transition:0.2s;}
.streaming_list .status_box { margin-top: 8px; display:flex; align-items:center; justify-content:space-between;}
.streaming_list .status_box .btn { cursor:pointer; }
.streaming_list .status_box span + span { margin-left:10px;}
.streaming_list .status_box .underline { cursor:pointer; text-decoration:underline; font-size:0.9rem;}
.streaming_list .status_box .underline:hover { text-decoration:none;}

.streaming_list.el { display:flex; flex-wrap:wrap; background:#f8f8f8; padding:20px;}
.streaming_list.el .item a { height:auto; padding-bottom:;}
.streaming_list.el .item > .inner { display:block; height:auto; padding-bottom:25px; position:relative; box-shadow:1px 1px 1px rgba(0,0,0,0.15);background:#fff; }
.streaming_list.el .item .image { display:flex; align-items:center; justify-content:center; height:200px;}
.streaming_list.el .item .txt { padding:8px 15px 15px; position:relative;}
.streaming_list.el .item a:hover .txt .title, .streaming_list .item a:hover .txt .sub02 { opacity:0.5; transition:0.2s;}
.streaming_list.el .status_box { margin-top: 8px; display:flex; align-items:center; justify-content:space-between;}
.streaming_list.el .status_box .btn { cursor:pointer; }
.streaming_list.el .status_box span + span { margin-left:10px;}
.streaming_list.el .status_box .underline { cursor:pointer; text-decoration:underline; font-size:0.9rem;}
.streaming_list.el .status_box .underline:hover { text-decoration:none;}
.streaming_list.el .item .assign_remove { position:absolute; bottom:7px; right:10px; color:#cc0000; transition:0.2s; cursor:pointer;}
.streaming_list.el .item .assign_remove:hover { opacity:0.7;}

.streaming_list.el.small .item { width:calc( ( 100% - 100px ) / 5 );}
.streaming_list.el.small .item .image { height:140px;}
.streaming_list.el.small .item .txt { padding:8px 10px 10px;}
.streaming_list.el.assign_select .item { cursor:pointer;}
.streaming_list.el.assign_select .item:after { font-family:'Material Icons'; content:"\e86c"; position:absolute; display:flex;height:100%; width:100%; top:0; left:0; background:rgba(0, 128, 160,0.4); box-sizing:border-box; border:3px solid #0080a0; transition:0.2s; z-index:-1; opacity:0; color:#fff; font-size:5rem; align-items: center; justify-content:center;}
.streaming_list.el.assign_select .item.selected:after { z-index:1; opacity:1;}

.assigned_item { background:#f4fdff; padding:20px; border:3px solid #bae0e9;}
.assigned_item .streaming_list { background:none!important; padding:0!important; }

.streaming_list.el .item .txt .status { margin-top:10px; background:#f5f5f5; padding:10px;}
.streaming_list.el .item .txt .status .report, .streaming_list .item .txt .status .limit { font-size:0.9rem;}
.streaming_list.el .item .txt .status .editbtn { display:block; background:#333; color:#fff; padding:7px; font-size:0.9rem; border-radius:4px; line-height:1; font-weight: 700; text-align:center; margin-top:10px;}
.streaming_list.el .item .txt .status .editbtn:hover { opacity:0.7;}


.step_ttl { margin-bottom:25px; }
.step_ttl .step_label { color:#0c3170; margin-right:30px; display:inline-block; font-size:1.0rem;}
.step_ttl .step_label span { font-size:2.0rem; display:inline-block; margin-left:3px;}
.step_ttl .tx { font-size:1.6rem; display:inline-block; font-weight:600;}


.streaming_list .item .txt .icon_wrap { margin-bottom:8px; color:#0080a0;}
.streaming_list .item .txt .icon_wrap i { font-size:20px; margin-right:5px;}
.streaming_list .item .txt .icon_wrap i:last-of-type { margin-right:0;}
.streaming_list .item .txt .icon_wrap .icon_name { font-size:0.9rem; display:inline-block; margin-left:3px; margin-right:8px;}
.streaming_list .item .txt .title { font-weight:bold; margin-bottom:10px; line-height:1.2;}
.streaming_list .item .txt .sub02 { font-size:0.9rem;}
.streaming_list .item .fix_label { background:rgba(0,0,0,0.7); padding:5px; color:#fff; position:absolute; top:0; right:0; font-size:0.9rem; font-weight:bold; line-height:1;}
.streaming_list.el .item .fix_label.bottom { background:#0080a0; top:auto; bottom:5px; right:5px;}



.streaming_list .item.tri_icon { position:relative; }
.streaming_list .item.tri_icon a:before { content:''; top:0; left:0; border-bottom: 50px solid transparent; border-left: 50px solid #e22d0f; position: absolute; z-index: 100; display:inline-block;}
.streaming_list .item.tri_icon a:after { content:''; display: block; transform: rotate(-45deg); font-size: 14px; color: #fff; left: 5px; top:8px; position:absolute; z-index:101; font-weight:bold;}
.streaming_list .item.tri_icon.free a:after { content:'無料';}

.streaming_top { display:flex; padding-left:40px;}
.streaming_top .image { width:300px; margin-right:40px; display:flex; align-items:center; justify-content:center;}
.streaming_top .txt { width:calc( 100% - 320px - 40px );}
.streaming_top .txt .title { font-size:2.0rem; font-weight:bold; margin:10px 0 25px; line-height:1.3;}
.streaming_top .txt .sub01 { font-size:1.2rem; color:#0c3170; font-weight:bold;}
.streaming_top .txt .sub02 { font-size:1.2rem; margin-bottom:20px;}
.streaming_top .txt .sub03 { font-size:1.2rem; margin-bottom:15px;}
.streaming_top .txt .label_area { font-size:1.2rem; font-weight:bold; margin-bottom:20px; background: #f4f4f4; padding:10px;}
.streaming_top .txt .label_area span + span { margin-left: 15px;}
.streaming_top .txt .label_area .btn { cursor:pointer; font-weight:600;}
.streaming_top .txt .label_area .underline { text-decoration:underline; font-size:1rem; cursor:pointer;}
.streaming_top .txt .label_area .underline:hover { text-decoration:none;}

.chapter_list {}
.chapter_list > li { display:flex; background:#fff; border-bottom:1px solid #ddd; transition:0.2s; position:relative;}
.chapter_list > li:hover { background:#f5f5f5;}
.chapter_list > li .txt { width:calc( 100% - 300px ); padding:20px 20px 20px 30px; display:flex; align-content:center; font-size:1.2rem; display:flex; align-items:center; color:#0c3170; flex-wrap:wrap;}
.chapter_list.bg_type02 > li { background:#edf5f7;}
.chapter_list.bg_type02 > li:hover { background:#d8edf3;}
.chapter_list li .txt .title { font-size:1.3rem; color:#0c3170; font-weight:bold; width:100%;}
.chapter_list li .txt .desc { font-size:0.9rem; color:#777; width:100%; margin-top:10px; }
.chapter_list li .btn_area { width:300px; padding:12px; display:flex; align-items:center;}
.chapter_list li.tri_icon:before { content:''; top:0; left:0; border-bottom: 45px solid transparent; border-left: 45px solid #e22d0f; position: absolute; z-index: 100; display:inline-block;}
.chapter_list li.tri_icon:after { content:''; display: block; transform: rotate(-45deg); font-size: 13px; color: #fff; left: 4px; top:6px; position:absolute; z-index:101; font-weight:bold;}
.chapter_list li.free:after { content:'無料';}




.chapter_list ul.file_status { color:#262626; margin-top:5px;}
.chapter_list ul.file_status li { display:inline-block; font-size:0.9rem; }
.chapter_list ul.file_status li span { font-size:1.2rem; font-weight:bold; display:inline-block; margin-left:5px;}
.chapter_list ul.file_status li:after { display:inline-block; content:"/"; margin:0 10px;}
.chapter_list ul.file_status li:last-of-type:after { display:none;}

.chapter_list.image_type li { display:flex; background:#fff; border-bottom:1px solid #ddd; opacity:0.2s; position:relative; padding:10px 0;}
.chapter_list.image_type li .image { width:180px; display:flex; align-items:center; position:relative;}
.chapter_list.image_type li .txt { width:calc( 100% - 300px - 180px ); padding:20px 20px 20px 20px; }
.chapter_list.image_type li:hover { background:#f8f8f8;}
.chapter_list.image_type li.playing, .chapter_list.image_type li.bundle { background:#e7f0f5!important;}

.chapter_list.image_type li.playing .image:before { content:''; top:0; left:0; border-bottom: 55px solid transparent; border-left: 55px solid #e22d0f; position: absolute; z-index: 100; display:inline-block;}
.chapter_list.image_type li.playing .image:after { content:'視聴中'; display: block; transform: rotate(-45deg); font-size: 13px; color: #fff; left: 2px; top:10px; position:absolute; z-index:101; font-weight:bold;}




.chapter_list form { width:100%;}

/* 視聴画面 */
.streaming_wrap { display:flex; justify-content:space-between;}
.streaming_wrap.no_info .streaming_area { margin: 0 auto 50px;}
.streaming_area { width:calc( 100% - 30% - 30px ); position:relative; text-align:center;}
.streaming_area > img { margin-bottom:30px;}
.streaming_area .video-js { margin:0 auto; }
.streaming_area .txt { margin-top:30px; text-align:center;}
.streaming_area .txt .title { margin-bottom:20px; font-weight:bold; font-size:1.4rem;}
.streaming_area .txt .label { margin-top:-3px; margin-right: 5px;}
.streaming_area .txt .tx01 { display:inline-block; font-weight:600;}
.streaming_area .txt .sub01 { font-size:1.2rem;}
.streaming_area .streaming_navi { margin-bottom:15px; }
.streaming_area .pagebtn { width:140px; padding: 6px 0; background:#f5f5f5; color:#262626; text-decoration:none; border-radius:4px; transition:0.2s;}
.streaming_area .pagebtn:hover { background:#ddd;}
.streaming_area .pagebtn i { font-size:22px; margin-top: -3px;}
.streaming_area .pagebtn span { font-size:16px; width:100%; text-align:center;}
.streaming_area .next { float:right;}
.streaming_area .prev { float:left;}

.video-js .vjs-big-play-button { width:100px; height:100px; top:50%; left:50%; margin-left:-50px; margin-top:-50px; border-radius:100%; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before { top:25px;font-size:4rem;}
.video-js .vjs-text-track-display { bottom:0; background:rgba(0,0,0,0.3); }

.streeming_info { width:30%;}
.streeming_info .box_inner { padding:0 10px 30px;}
.streeming_info .bar_title { margin-bottom: 15px;}


/* 音声 */
.streaming_area .control_wrap { margin:0 auto;}
@media screen and (min-width: 640px){ /* PCのみ */
	.streaming_area .control_wrap { width:100%;}
	.streaming_area .audio_image .pagebtn { top:50%; margin-top:-50px;}
	.streaming_area .audio_image .prev { left:-120px;}
	.streaming_area .audio_image .next { right:-120px;}
	.streaming_area .audio_image { max-width:830px; margin-bottom:20px; margin:0 auto 15px; position:relative;}
	.streaming_area audio { width:100%; margin-bottom:15px; }
}
.streaming_area .audio_image img { max-height:480px;}
.streaming_area .audio_image .mask { display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); position:absolute; cursor: pointer;}
.streaming_area .audio_image .mask i { font-size:8rem; color:#fff;}
.streaming_area .control_wrap .speed span { background:#f5f5f5; color:#222; padding:8px 15px; border-radius:30px; display:inline-block; cursor:pointer;}
.streaming_area .control_wrap .speed span.active { background:#0080a0; color:#fff; font-weight:bold;}
/* 映像 */
.streaming_area .control_wrap.type02 { display:block; padding:20px 0 0; text-align:center;}


.qa_list { }
.qa_list .item { display:flex; padding:15px; border:1px solid #ddd; border-radius:4px; margin-bottom:20px;}
.qa_list .item.error { background:#f8e8e8;}
.qa_list .item > div { width:calc( 100% / 2 ); position:relative; padding:0 20px 0;}
.qa_list .item > div:last-of-type { border-left:1px dotted #ccc;}
.qa_list .item > div:last-of-type .label_area { left:15px;}
.qa_list .item > div:last-of-type .detail { padding-left:15px;}
.qa_list .item .label_area { position:absolute; top:0; left:0;}
.qa_list .item .detail { font-size:1.1rem; padding:35px 0 0 0;}
.circle_icon { width:50px; height:50px; background:red; border-radius:100%; color:#fff; display:flex; align-items:center; justify-content:center;}


table.cart input.number_input { width:55px; padding-right:2px;}
table.cart .sub_total { text-align:right;}
table.cart thead .btn { margin-left:15px;}
table.cart thead th { text-align:center;}
table.cart tfoot th { background:#f2f2f2; font-weight:bold; text-align:right; color:#262626;}
table.cart tfoot td { background:#fff; font-weight:bold; text-align:right;}
table.cart .delete_link { text-align:right; margin-top:5px;}
table.cart .delete_link a { color:#262626; font-size:0.9rem;}
table.cart .delete_link a i { font-size:1.2rem; margin-right:2px;}
.linkBnr { color:#0c3170; padding:12px 50px 12px 12px; font-size:1.1rem; text-decoration:none; display:block; position:relative; border-radius:4px; border:2px solid #0c3170;}
.linkBnr:after { font-family:'Material Icons'; content:"\e315"; position:absolute; right:10px; top:50%; font-size:22px; line-height:1; margin-top:-11px; font-weight:normal;}
.linkBnr:hover { color:#fff; background:#0c3170; }
.cat_desc .linkBnr { margin-top:10px;}
.linkBnr.blue { color:#fff; background:#3e5d92; border-color:#3e5d92;}
.linkBnr.blue:hover { background:#243f6f; border-color:#243f6f;}
.linkBnr.orange { color:#f46c08; border-color:#f46c08;}
.linkBnr.orange:hover { color:#fff; background:#f46c08;}
.linkBnr.orange2 { color:#fff; background:#f2761b; border-color:#f2761b; position:relative;}
.linkBnr.orange2:hover { background:#ff8f3d; border-color:#ff8f3d;}


/* 画像を枠のサイズにフィットさせてトリミング */
img.obj_fit { width:100%; height:100%; object-fit:cover; }

/* ログイン */
.login_option { display:flex; justify-content:space-between; margin:10px 0; align-items:center;}
.member_merit { margin-bottom:10px;}
.member_merit .catch { font-size: 1.6rem; font-weight:bold; color:#0c3170; margin-bottom:20px;}
.member_merit .title { font-size: 1.1rem; font-weight:bold; margin-bottom:15px;}
.member_merit .merit_list { display:flex; padding:0 10px; justify-content:space-between;}
.member_merit .merit_list li { display:flex; flex-wrap:wrap; align-content:center; text-align:center; color:#fff; font-weight:bold; background:#ddd; width:150px; height:150px; border-radius:100%; padding:5px;}
.member_merit .merit_list li:last-of-type { margin-right:0;}
.member_merit .merit_list li:nth-of-type(1) { background:#97d4e5;}
.member_merit .merit_list li:nth-of-type(2) { background:#5cbeda;}
.member_merit .merit_list li:nth-of-type(3) { background:#009ecb;}
.member_merit .merit_list li span { display:block; width:100%; font-weight:bold;}
.member_merit .merit_list li .number { font-size:30px; font-family:; font-style:italic; font-weight:normal; margin-bottom:10px; margin-top:-15px; line-height:1;}
.member_merit .merit_list li .tx01 { font-size:1.25rem;}

.member_merit02 { margin-top:10px; background:#e7f4f5; padding:20px;}
.box .member_merit02 { margin-left:-20px; margin-right:-20px;}
.member_merit02 .catch { font-size:18px; font-weight:bold; color:#fff; text-align:center; margin-bottom:20px; background:linear-gradient(to right, #e22d0f, #c22107); padding-top:7px; position:relative; height:40px; margin-left:-28px;}
.member_merit02 .catch::after, .member_merit02 .catch::before { content:""; display:inline-block; position:absolute;}
.member_merit02 .catch::after { left:0; bottom:-8px; border-left: 8px solid transparent; border-top: 8px solid #7b1403;}
.member_merit02 .catch::before { right:0; top:0;border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 12px solid #e7f4f5;}
.member_merit02 .merit_list li { display:flex; align-content:center; background:#fff; width:100%; height:90px; padding:10px; margin-bottom:10px;}
.member_merit02 .merit_list li:last-of-type { margin-bottom:0;}
.member_merit02 .merit_list li .circle { width:70px; height:70px; text-align:center; border-radius:100%; margin-right:10px;display:flex; flex-wrap:wrap; background:#2bb6c2; color:#fff; font-weight:bold; align-content: center;}
.member_merit02 .merit_list li .tx { width:100%; font-size:11px; font-weight:bold; margin-bottom:2px;}
.member_merit02 .merit_list li .number { width:100%; font-size:28px; line-height:1; font-weight:bold;}
.member_merit02 .merit_list li .txt_area { width:calc( 100% - 70px - 10px ); display:flex; flex-wrap:wrap; align-content:center; text-align:left;}
.member_merit02 .merit_list li .txt_area .title { width:100%; font-size:18px; font-weight:bold; margin-bottom:5px;}
.member_merit02 .merit_list li .txt_area .title span { font-size:24px; font-weight:bold; color:#2bb6c2;}
.member_merit02 .merit_list li .txt_area .sub { width:100%; font-size:14px;}
.member_merit02 .merit_list li .txt_area .sub span { font-weight:bold; color:#2bb6c2;}
.member_merit02 .more { text-align:center; font-weight:bold; font-size:1.2rem; margin-top:15px; cursor:pointer; transition:0.2s;}
.member_merit02 .more i { display:block;}
.member_merit02 .more:hover { opacity:0.6;}
.member_merit02 .hide { display:none;}
.member_merit02 .merit_list.second { margin:10px 0; }
.member_merit02 .merit_column .merit_list { width:calc( ( 100% - 10px ) / 2 ); }
.member_merit02 .merit_column .merit_list:nth-of-type(1) { float:left;}
.member_merit02 .merit_column .merit_list:nth-of-type(2) { float:right;}

.member_merit02.guide{ margin:10px 60px; padding:15px;}
.member_merit02.guide .merit_list { float:none; width:100%;}
.member_merit02.guide .merit_list li { height:auto;}
.member_merit02.guide .merit_list li .txt_area .title { font-size:24px; margin-top:-5px; margin-bottom:0;}
.member_merit02.guide .merit_list li .txt_area .title span { font-size:28px;}
.member_merit02.guide .merit_list li .txt_area .sub { width:100%; font-size:17px; margin:0;}

.member_regist_alert { width:1000px; margin:0 auto 50px; text-align:center;}
.member_regist_alert > .ttl { background:linear-gradient(110deg, #990000, #dd0000); color:#fff; padding:10px 20px 20px;}
.member_regist_alert > .ttl .tx1 { font-size:2.0rem; font-weight:bold; margin-bottom:5px;}
.member_regist_alert > .ttl .tx1 i { font-size:2.4rem; margin-right:5px; margin-top:-2px;}
.member_regist_alert > .ttl .tx2 { font-size:1.1rem; background:#fff; display:inline-block; padding:5px 20px; color:#cc0000; border-radius:30px; font-weight:bold;}
.member_regist_alert .box_body { padding:20px 15px 25px; border:1px solid #990000; border-top:0;}
.member_regist_alert .box_body .ttl { font-size:1.5rem; margin-bottom:15px;}
.spot_loginbox { width:800px; margin:20px auto 40px; background: #f8f8f8; padding:20px 40px 10px;}

.column2_wrap.buy { display:block; }
.column2_wrap.buy .box { margin-right:0;}
.column2_wrap.buy .box .box_inner { min-height:auto;}
.column2_wrap.buy .box:nth-of-type(1) { float:left;}
.column2_wrap.buy .box:nth-of-type(2) { float:right;}
.column2_wrap.buy .box:nth-of-type(3) { float:left;}
.column2_wrap.buy .box:nth-of-type(3) { float:left; margin-top:30px;}


.participant_input { transition:0.3s; opacity:0; height:0; overflow:hidden;}
.participant_input.disp { opacity:1; height:auto;}


/* DLページ */
.main.dl { width:880px; margin:0 auto 60px;}
.main.dl .page_header { padding:0 0 15px; border-bottom:3px solid #0c3170; margin-bottom:30px; margin-top:-10px;}
.main.dl .dl_cont { font-size:1.2rem; /*padding:0 70px;*/}
.main.dl .bottom_info { border-top:1px solid #ddd; padding:30px 0 0;}
.login_box { width:600px; margin:30px auto; padding:30px; background:#f5f5f5;}
.login_box input[type=text]{ font-size:1.4rem; font-weight:bold;}
.login_box.type02 { width:auto; margin:30px auto; padding:30px 100px;}
.dl_limit { border:8px solid #eee; padding:20px 0; text-align:center; margin:40px 0; }
.dl_limit .tx01 { font-size:1.4rem; font-weight:bold; margin-bottom:10px;}
.dl_limit .tx01 span { display:inline-block; font-weight:bold;}
.dl_limit .tx01 i { margin-top:-5px; margin-right:5px;}
.dl_limit .tx01 .number { margin-left:20px; color:#cc0000; font-size:2.0rem;}
.dl_limit .tx02 { font-size:1.3rem;}

/* 特別コンテンツページ */
.pagetitle.spe .inner { width:880px; margin:0 auto;}
.main.spe { width:880px; margin:0 auto 60px;}
.main.spe .spe_cont { font-size:1.2rem;}
.main.spe .bottom_info { border-top:1px solid #ddd; padding:30px 0 0;}
.main.spe .page_header { margin-bottom:30px;}
.main.spe .page_header img { width:100%;}
.main.spe .chapter_list { border-top:1px solid #ddd; margin:30px 0 40px;}
.main.spe .chapter_list > li .txt { }
.main.spe .chapter_list > li:last-of-type { border:0;}

/* ご利用ガイド */
.main .guide_nav { }
.main .guide_nav .box { margin-bottom:40px;}
.main .guide_nav .ttl { margin-bottom:20px;}
.main .guide_nav .ttl a { display:flex; align-items:center; color:#fff; text-decoration:none; width:100%; padding:10px 10px 10px 15px; background:#0c3170;}
.main .guide_nav .ttl a:hover { opacity:0.7;}
.main .guide_nav .ttl .material-icons { font-size:24px; color: #fff;}
.main .guide_nav .ttl .tx { font-size:1.4rem; margin-left:15px;}
.main .guide_nav .link_list li a { font-size:1.2rem; padding-right:35px;}
.main .guide_nav .link_list li:last-of-type a { border-bottom:1px solid #ddd;}
.main .guide_nav .column2 { display:flex; justify-content:space-between; }
.main .guide_nav .column2 ul { width:calc(( 100% - 30px ) / 2 );}

.guide_detail { padding:0; }
.guide_detail .pagetop { margin:20px 0 0;}
.guide_detail .guide_cont { background:aliceblue; }
.guide_detail .bar_title { margin-bottom:0;}
.guide_detail .cont_block { padding-top:100px; margin-top:-100px; }

.guide_cont { padding:20px; font-size:; line-height:1.5; }
.guide_cont p { margin-bottom:15px;}
.guide_cont .ttl { font-size:1.2rem; font-weight:bold; margin-bottom:; color:#11459F;}
.guide_cont .ttl02 { font-size:1.0rem; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #222;}
.guide_cont .img_right { float:right; margin:0 0 25px 25px;}
.guide_cont .img_center { display:block; margin:0 auto; max-width:640px;}
img.outline { border:5px solid #eee; padding:20px; background:#fff;}

.guide_cont .sub_cont { margin-bottom:30px; padding-left:15px;}
.guide_cont .sub_cont .ttl { margin-left:-15px;}
.guide_cont .inner_box { padding:20px; margin-bottom:20px; background:#fff;}
.guide_cont .inner_box p:last-of-type { margin-bottom:0;}
.guide_cont .current_nav { background:ivory; border:1px solid #ddd; padding:15px; display:flex; justify-content:space-between;}
.guide_cont .current_nav ul { width:calc( 100% / 2 );}
.guide_cont .current_nav ul:nth-of-type(1) { padding-right:20px;}
.guide_cont .current_nav ul:nth-of-type(2) { padding-left:20px; border-left:1px dotted #aaa;}
.guide_cont .current_nav li { margin-bottom:10px;}
.guide_cont .current_nav li:last-of-type { margin-bottom:0;}
.guide_cont .current_nav li a { display:block; position:relative; font-size:1.1rem; text-decoration:none; padding-left:20px;}
.guide_cont .current_nav li a:hover { text-decoration:underline;}
.guide_cont .current_nav li a:after { font-family: 'Material Icons'; content: "\e315"; position: absolute; left:0; top:50%; font-size:18px; line-height: 1; margin-top:-9px; font-weight:normal;}
.guide_merit ol { padding-left:1.5rem;}
.guide_merit li { list-style:decimal; font-weight:bold;margin-bottom:12px; font-size:1.2rem; color:#0c3170;}
.guide_merit li .sub { font-size:0.9rem; color:#262626; margin-top:2px;}

.guide_detail .sectionttl01 { font-size:2.2rem; font-weight:700; margin:80px 0 40px; color:#0c3170; }
.guide_detail .sectionttl01 .label { background:#0c3170; color:#fff; font-size:1.2rem; line-height:1.5; padding:4px 15px 3px; margin:-5px 0 0 15px;}

/* 商品の購入手順 */
.flow_cont { font-size:1.2rem; }
.flow_cont .tx { margin-bottom:30px;}
.flow_cont .img_center { display:block; margin:0 auto; max-width:800px;}


/* よくある質問 */
.faq { padding:0 60px; }
.faq .cont_block {}
.faq .cont_block .cat_name { padding:40px; background:#f5f5f5; font-size:2.0rem; font-weight:bold; margin-bottom:20px; color:#0c3170;}
.faq .cont_block .faq_list .item { border-bottom:1px solid #ddd; }
.faq .cont_block .faq_list .item:last-of-type { border-bottom:0; }
.faq .cont_block .faq_list .item .q_tx { position:relative; padding:15px 40px 15px 60px; font-size:1.3rem; transition:0.3s; cursor:pointer; font-weight:bold;}
.faq .cont_block .faq_list .item .q_tx:before { content:"Q."; display:inline-block; position:absolute; font-size:1.8rem; color:#ccc; top:9px; left:10px; font-weight:bold; }
.faq .cont_block .faq_list .item .q_tx.active:after { content:"\e15b";}
.faq .cont_block .faq_list .item .q_tx:hover, .faq .cont_block .faq_list .item .q_tx.active { background:#f8f8f8;}
.faq .cont_block .faq_list .item .q_tx:after { font-family:'Material Icons'; content:"\e145"; display:inline-block; position:absolute; font-size:1.8rem; top:50%; margin-top:-0.9rem; right:10px; font-weight:normal; }
.faq .cont_block .faq_list .item .a_tx { position:relative; padding:30px 40px 50px 80px; font-size:1.2rem; display:none; }
.faq .cont_block .faq_list .item .a_tx:before { content:"A."; display:inline-block; position:absolute; font-size:1.8rem; color:#2bb6c2; top:20px; left:30px; font-weight:bold;}
.faq .cont_block .faq_list .item .a_tx .sub_cont { padding-left:15px;}
.faq .cont_block .faq_list .item .a_tx .sub_cont + .sub_cont { margin-top:30px;}
.faq .cont_block .faq_list .item .a_tx .title { font-weight:bold; margin-bottom:15px; margin-left:-15px;}

/* 新聞広告 */
#pressList {}
#pressList > article { margin-bottom:40px;}
#pressList > article h2 { font-size:1.5rem; margin:20px 0 5px; color:#0c3170; text-align:center;}
#pressList > article .attention { color:#ee0000; font-size:0.9rem;}
#pressList > article .attention + p { background:#f8f8f8; padding:30px; margin-top:20px;}
#pressList aside ul li { border-bottom:1px dotted #ddd;}
#pressList aside ul li a { display:flex; padding:10px 40px 10px 10px; text-decoration:none; position:relative; width:100%;}
#pressList aside ul li a:after { font-family:'Material Icons'; content:"\e315"; display:inline-block; position:absolute; font-size:18px; top:50%; margin-top:-9px; right:10px; color:#777;}
#pressList aside ul li a:hover { background:#f8f8f8;}
#pressList aside ul li a .date { width:220px; color:#262626;}
#pressList aside ul li a .title { width:100%;}
.panel_item_list { display:flex; flex-wrap:wrap;}
.panel_item_list .item { width:calc((100% - 40px) / 3); margin-right:20px; padding-bottom:30px; padding-bottom:25px; margin-bottom:25px; border-bottom: 1px dotted #ddd;}
.panel_item_list .item a { text-decoration:none;}
.panel_item_list .item:nth-of-type(3n) { margin-right:0;}
.panel_item_list .item .image { display:flex; width:100%; height:180px; align-items:center; justify-content:center; background:#f5f5f5; margin-bottom:10px;}
.panel_item_list .item .tx_area {}
.panel_item_list .title { font-size:1.1rem; line-height:1.3; font-weight:bold;}
.panel_item_list .sub01 { margin-bottom:5px; font-size:0.9rem; text-decoration:none; color:#262626;}
.panel_item_list .item a:hover .title { text-decoration:underline;}

/* メディア掲載 */
.media_list {}
.media_list .item { border-bottom:1px solid #ddd; padding:20px 10px; }
.media_list .item .media_name { color:#0c3170; margin-bottom:10px; font-weight:bold;}
.media_list .item .item_name { font-weight:bold;margin-bottom:15px; font-size:1.2rem;}
.media_list .item .item_name i { margin-top:-3px; margin-right:5px;}
.media_list .item .desc { font-size:0.9rem;}


/* 初めての方へ */
.cont_guide { margin:40px 0 40px;}
.cont_guide .cont_block { margin-bottom:50px; }
.cont_guide .ttl { font-size:2.4rem; padding-bottom:10px; margin-bottom:30px; text-align:center; font-weight:normal;}
.cont_guide .ttl .large { font-size:2.8rem; margin-right:5px; font-weight:bold;}
.cont_guide .ttl .step_number { font-size:50px; display:flex; justify-content:center; align-items:center; font-style:italic; font-family:arial; color:#0c3170; margin-bottom:10px;}
.cont_guide .ttl .step_number:before { display:inline-block; content:"step"; font-size:20px; margin-right:10px; border-bottom:1px solid #0c3170; padding-bottom:3px;}
.cont_guide .btn_list { text-align:center; display:flex; justify-content:center;}
.cont_guide .btn_list .tab_btn { width:190px; height:150px; margin-right:15px; vertical-align:top; display:flex; font-size:1.4rem; justify-content:center; align-items:center; background:#eee; transition:0.2s; cursor:pointer; border-radius:4px; padding:0 20px; text-decoration:none; color:#333; }
.cont_guide .btn_list .tab_btn:last-of-type {margin-right:0;}
.cont_guide .btn_list .tab_btn.active { background:#2bb6c2; color:#fff;}

@keyframes tabAnim{
 0%{opacity:0;}
 100%{opacity:1;}
}
.cont_guide #field, .cont_guide #field .btn_list, #result_wrap, .cont_guide .result_list { display:none;}
.cont_guide #field.active, #result_wrap.active { display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
.cont_guide #field .btn_list.active { display:flex; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
.cont_guide #result .result_list.active { display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}

#result_wrap { background:#f5f5f5; width:auto; position:relative; padding-top:40px;}
#result_wrap:before { content:""; border-right: 60px solid transparent; border-top: 60px solid #fff; border-left: 60px solid transparent; position:absolute; top:0; left:50%; margin-left:-60px;}
#result_wrap .main { width:960px; margin:0 auto;}
#result_wrap .result_list { background:#fff; padding:40px 40px 0;}
#result_wrap .common_item_list .item:last-of-type { border:0;}

.pc_nodisp { display:none; }


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

 1400px以下 

*******************************************************************************************
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
@media screen and (max-width: 1400px){
	.mypageNew .mypage_nav .box { width:calc( (100% - 10px) / 2 ); margin:0 10px 10px 0; padding:25px 10px 10px;}
	.mypageNew .mypage_nav .box:nth-of-type(2n) { margin-right:0;}
	.mypageNew .mypage_nav .box .tx { padding:25px 10px 10px; font-size:0.9rem; line-height:1.3;}
	.mypageNew .mypage_nav .box .btn { width:100%; font-size:0.9rem;}
	.mypageNew .mypage_nav .box .material-icons { font-size:34px; top:9px; margin-left:-17px;}
	.mypageNew .mypage_nav .box .icon { top:13px;transform:scale(0.9);}
	.mypage_nav2 { padding:10px;}
	.mypage_nav2 .box { width:calc( ( 100% - 10px ) / 2 ); margin:0 10px 10px 0;}
	.mypage_nav2 .box:nth-of-type(4n) { margin-right:auto;}
	.mypage_nav2 .box:nth-of-type(2n) { margin-right:0;}
	.mypage_nav2 .box .ttl { font-size:1.2em; font-weight:600; padding:10px 15px; border-bottom:1px solid #ddd;}
	.mypage_nav2 .box .ttl a { color:#333;}
	.mypage_nav2 .box ul { padding: 20px 20px 20px 30px;}
	.mypage_nav2 .box li { list-style-type:disc; margin-bottom:6px; font-size:1.1em;}
	.mypage_nav2 .box li a { color:#0E68CC;}
	.mypageNew .streaming_list.el .item .image { height:180px; }
}

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

 1200px以下 

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

@media screen and (max-width: 1200px){

	.column2_wrap.verticalpoint_1200 { display:block; margin-bottom:30px;}
	.column2_wrap.verticalpoint_1200 .box { width:auto!important; margin-right:0;}

	/* マイページ NEW */
	.mypageNew {}
	.mypageNew header .sp_header { display:block; background:#0080a0;}
	.mypageNew.usertype_el header .sp_header { background:#0d5b9b;}
	.mypageNew header .sp_header > .inner { display:flex; justify-content:space-between; padding:0 0 0 5px;}
	.mypageNew header .sp_header a.logo { display:flex; align-items:center; padding:10px; height:60px;}
	.mypageNew header .sp_header .btn_area { display:flex;}
	.mypageNew header .sp_header .btn_area li > * { display:flex; justify-content:center; flex-wrap:wrap; color:#fff; text-decoration:none; height:60px; align-content: center;}
	.mypageNew header .sp_header .btn_area .tx { font-size:10px; width:100%; text-align:center; display:block;}
	.mypageNew header .sp_header .btn_area .sp_menubtn { width:65px; background:unset;}
	.mypageNew header .sp_header .btn_area .sp_menubtn i { font-size:35px; margin-top:-5px;}
	.mypageNew header .sp_header .btn_area .sp_menubtn .tx { margin-top:-5px;}

	.mypageNew header .sp_header .btn_area li a { position: ; display:flex; justify-content:center; flex-wrap:wrap; color:#fff; text-decoration:none; position:relative; }
	.mypageNew header .sp_header .btn_area li a.top { width:65px;}
	.mypageNew header .sp_header .btn_area li a.cart { width:40px;}
	.mypageNew header .sp_header .btn_area li a .badge { position: absolute; right: -5px; top: 2px; display: flex; background:#e22d0f; width: 22px; height: 22px; border-radius: 50%; justify-content: center; align-items: center; font-size: 0.7rem; font-weight: 600; line-height: 1; }
	.mypageNew header .sp_header .btn_area li a .tx { margin-top:3px;}

	.mypageNew header .sp_menu_toggle2,
	.mypageNew header.fixed .sp_menu_toggle1{ display:none!important;}
	.mypageNew header.fixed .sp_menu_toggle2 { display:flex!important;}
	.mypageNew header.fixed .logo img { display:inline-block;}

	/* sp メニュー*/
	.mypageNew .full_cont .mypage_side { opacity:0; z-index:-1; position:fixed; top:0; left:0; width:auto; transition:0.2s; height:100vh; width:100%; padding-top:20px;}
	.mypageNew .full_cont .mypage_side.active { opacity:1; z-index:1000; overflow-y:scroll; padding-bottom:100px;}
	.mypageNew .full_cont .mypage_side .box01 { padding:40px 20px 20px; position:relative;}
	.mypageNew .full_cont .mypage_side .btn_wrap { display:none;}
	.mypageNew .full_cont .mypage_side .logo { display:none;}
	.mypageNew .full_cont .mypage_side .logo_mypage { font-size:1.3rem;}
	.mypageNew .full_cont .mypage_side .username { font-size:1.1rem; margin: 15px 0 10px;}
	.mypageNew .full_cont .mypage_side .username .bold { font-size:1.3rem; }

	.mypageNew .full_cont .mypage_side .userpost { font-size:1rem; padding:15px 10px; position:relative; display:flex; justify-content:space-between; align-items:center; font-weight:700; border-radius:3px; border:1px solid #fff; text-align:left; background:#049bc1;}
	.mypageNew .full_cont .mypage_side .userpost:after { display:inline-block; font-family:'Material Icons'; content:"\e313"; font-size:16px; line-height:1; margin-left:7px;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select { opacity:0; position:absolute; background:#fff; top:100%; left:0; width:100%; transition:0.2s; visibility:hidden; color:#333; font-size:0.9rem;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select .desc { padding:15px 10px;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li { border-top:1px solid #ddd;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li .current { display:block; padding:15px 10px 15px 40px; background:#f5f5f5; position:relative; font-weight:700;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li .current:before { display:inline-block; font-family:'Material Icons'; content:"\e876"; font-size:20px; line-height:1; position:absolute; left: 10px; color:#0180a0;}
	.mypageNew .full_cont .mypage_side .userpost:hover > .mode_select { opacity:1; z-index:1000; visibility:visible; box-shadow:0px 2px 10px rgba(0,0,0,0.3); border-radius:3px;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li a { display:block; padding:15px 10px 15px 40px; color:#333; font-weight:700; text-decoration:none; position:relative;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li a:hover { background:#f5f5f5;}
	.mypageNew .full_cont .mypage_side .userpost .mode_select ul li .badge { width:22px; height:22px; border-radius:100%; display:flex; justify-content:center; align-items:center; color:#fff; background:#cc0000; font-size:0.9rem; font-weight:700; position:absolute; right:5px; top:50%; margin-top:-11px; }






	.mypageNew .full_cont .mypage_side .menu_close { display:inline-block; position:absolute; right:0; top:0; color:#fff; padding:10px; z-index:10001;}
	.mypageNew .full_cont .mypage_side .menu_close i { font-size:2.2rem; }
	.mypageNew header.mypage .box02,
	.mypageNew .full_cont .mypage_side .box01 .btn_wrap { display:none; }
	.mypageNew .full_cont .mypage_side .box01 { padding-top:25px; }
	.mypageNew .full_cont .mypage_side .box01 .logo_infobox,
	.mypageNew .full_cont .mypage_side .box01 .subnav { display:block; text-align:center;}
	.mypageNew .full_cont .mypage_side .box01 .subnav li a { font-size:1rem; }

	.mypageNew .full_cont { display:block;}
	.mypageNew .full_cont main { width:auto!important; min-height:unset;}
	.mypageNew ul.breadcrumb { width:max-content; padding: 6px 15px 8px; overflow-x:scroll; white-space:nowrap;}
	.mypageNew .pagetitle { border-top:1px solid #ddd;}
	.mypageNew .pagetitle .inner { padding:20px 10px;}
	.mypageNew .container { padding: 0 10px 20px;}
	.mypageNew .bg_section { margin-left:0; }
	.mypageNew .bg_section .container { padding:20px 10px;}
	.mypageNew .mypage_nav { margin-left:-10px; margin-right:-10px;}

	.mypageNew .pagetitle .inner_btnarea .btn + .btn { margin-top:5px; margin-left:0;}

	.mypageNew .common_desc { padding:0;}
	.mypageNew .streaming_list.el .item .image { height:160px; }


	body.usertype_el.mypageNew.el_senyo header .box02 .info .name_wrap .userpost:after { display:none; }

	body.mypageNew.el_senyo .full_cont .mypage_side .box01 .subnav li:nth-of-type(1),
	body.mypageNew.el_senyo .full_cont .mypage_side .box01 .subnav li:nth-of-type(2),
	body.mypageNew.el_senyo .full_cont .mypage_side .userpost:after
	{ display:none;}


}


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

 1000px以下 

*******************************************************************************************
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
@media screen and (max-width: 1000px){
	.mypageNew header .box01
	{ display:none!important; }

    .mainimage { width:1000px;}
	.youtube { position:relative; width:100%; padding-top: 56.25%;}
	.youtube iframe { position:absolute; top:0; right:0; width:100%; height:100%;}
	.streaming_wrap { display:block;}
	.streaming_area { width:calc( 100% - 300px - 30px ); margin:0 auto;}
	.streaming_area .txt .title { margin-bottom:40px; }
	.streeming_info { width:calc( 100% - 300px - 30px ); margin:0 auto;}
	.streaming_area .audio_image .mask { display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); position:absolute; cursor: pointer;}
	.streaming_area .audio_image .mask i { font-size:8rem; color:#fff;}

	/* 視聴画面 */
	.streaming_area { margin-bottom:30px; padding-bottom:10px; width: auto;}
	.streaming_area .txt { margin-top:20px; padding:0 10px;}
	.streaming_area .txt .title { font-size:1.2rem; margin-bottom: 0;}
	.streaming_area .txt .title .tx01 { display:block; margin-top: 5px;}
	.streaming_area .txt .sub01 { font-size:1.0rem;}
	.streaming_area .pagebtn { display:flex; width:40%; height:40px; justify-content:center; align-items:center; line-height:1;}
	.streaming_area .pagebtn i { font-size:24px; margin-top: 0;}
	.streaming_area .pagebtn span { font-size:15px; width:auto;}
	.streaming_area .next i { order:2;}
	.streaming_area .prev { }
	.streeming_info { width:auto;}
	.streeming_info .box_inner { padding:0 10px 30px;}
	.my-video-dimensions { width:100%; height:280px; }
	.streaming_area .audio_image { position: relative;}
	.streaming_area .audio_image .mask i { font-size:5rem;}

	/* 音声 */
	.streaming_area .control_wrap { display:block; padding:0 10px;}
	.streaming_area .control_wrap audio { margin:15px 0 -10px; width:100%;}
	.streaming_area .control_wrap .speed { padding:25px 0 0; text-align:left;}
	.streaming_area .control_wrap .speed span { padding:8px 15px; margin-bottom:7px;}
	.streaming_area .audio_image + .control_wrap { margin-top:0;}
	.streaming_area .audio_image img { max-height:250px;}
	/* 映像 */
	.streaming_area .control_wrap.type02 { padding:0;}

	.el_streaming_detail .memo_area .btn { width:200px; }

	.el_streaming_detail .detail_body .video_area .no_video { height:300px;}
	.el_streaming_detail .detail_body .video_area .no_video .tx1 { font-size:1.2rem;}


}







/******************************************************************************************
*******************************************************************************************
*******************************************************************************************
 SP 
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
@media screen and (max-width: 800px){


	.container, header .inner, header .mainnav, .topics_list .item .title, .topics_list .item .date,  .topics_list .item .desc, ul.breadcrumb, .pagetitle .inner, .page_title .inner, .info_box .left, .info_box .right
	{ width:auto!important; float:none!important;}
	.sp_nodisp, header .box01,  header .username, header .box02 .inner > .btn_area, header .mainnav, footer .fnav, .common_search .link_tx, .common_search .search_btn span,
	.thumb_nav, header.mypage .logo_infobox
	{ display:none!important; }

	.btn { font-size:1.0rem; padding:10px 15px; max-width:100%;}
	.btn.large { font-size:1.1rem; padding:13px 10px;}
	.btn.xlarge { font-size:1.1rem; padding:18px 10px;}
	.btn.small { font-size:0.9rem; padding:7px 10px;}
	.btn.mini { font-size:0.8rem; padding:8px 5px;}
	.btn.mini i { font-size:1.0rem; margin-right:3px;}
	.btn .badge { top:-11px; right:-24px; width:20px; height:20px; font-size:10px;}

	.label .icon { margin-top:0; }
	.icon.xsmall { width:12px; height:12px; background-size:12px auto;}
	.icon.xsmall.seminar { background-position:0 0;}
	.icon.xsmall.book { background-position:0 -12px;}
	.icon.xsmall.headphone { background-position:0 -24px;}
	.icon.xsmall.video { background-position:0 -36px;}
	.icon.xsmall.teacher { background-position:0 -48px;}

	.common_img { display:inline-block; width:auto; margin:0 0 15px;}
	.common_img.xsmall { width:180px; margin-left:auto; margin-right:auto; display:block; }
	.common_img.small { width:160px; margin-left:auto; margin-right:auto; display:block; }
	.common_img.large { width:auto;}
	.common_img.right { float:none; margin:0 auto 15px;}
	.common_img.sp_wide { margin-left:-10px; margin-right:-10px;}

	.common_btn_area { margin-bottom:20px; }
	.common_btn_area .btn + .btn { margin-top:5px; }
	.common_btn_area02 { padding:15px 10px; border-top:1px solid #ddd; margin-top:15px;}
	.common_btn_area02 .btn { margin-right:15px;}
	.common_btn_area02 .btn:last-of-type { margin-right:0;}
	.common_btn_area03 { padding:20px 10px; background:#f8f8f8; display:flex; justify-content:space-between;}
	.common_btn_area03 > div { display:flex; align-items:center; width:calc( (100% - 15px)  / 2);}
	.common_btn_area03.total_price { display:block;}
	.common_btn_area03.total_price div { display:block;}
	.common_btn_area03.total_price .uchiwake { margin-top:10px; color:#666; font-size:0.9rem;}

	.common_btn_area.form_action { display:flex; padding:20px 15px; margin:30px 0;}
	.common_btn_area.form_action .btn { width:calc( ( 100% - 15px ) / 2 ); margin-right:15px;}
	.common_btn_area.form_action .btn:last-of-type { margin-right:0;}
	.common_btn_area.sp_vertical { flex-wrap:wrap;}
	.common_btn_area.sp_vertical .btn { width:100%!important; margin:0 0 10px 0;}
	.common_btn_area.sp_vertical .btn:last-of-type { margin-bottom:0;}
	.common_btn_area.sp_order_reverse { flex-direction:column-reverse;}
	.common_btn_area.sp_order_reverse .btn { margin:10px 0 0;}
	.common_btn_area.sp_order_reverse .btn:last-of-type { margin-top:0;}
	.common_btn_area04 { padding:20px; flex-wrap:wrap;}
	.common_btn_area04 .btn { width:100%; margin-right:0; margin-bottom:15px;}
	.common_btn_area04 .btn:last-of-type { margin-bottom:0;}
	.common_btn_area05 { margin:15px 0;}
	.common_btn_area05 .btn { min-width:180px; margin-right:0; margin-bottom:10px;}
	.common_btn_area05 .btn:last-of-type { margin-bottom:0;}
	.common_btn_area.self_margin { padding:20px 10px 10px;}

	.border_commonbox { margin:0 10px 30px; padding:15px; font-size:1rem; }
	.border_commonbox .ttl { font-size:1rem;}


	.common_pd02 { padding:0 10px; }

	.column2btn { display:flex; }
	.column2btn .btn { width:calc( ( 100% - 10px ) / 2 );}
	.column2btn .btn + .btn { margin-left:10px; }
	.column2btn.sp_vertical { flex-wrap:wrap;}
	.column2btn.sp_vertical .btn { width:100%;}
	.column2btn.sp_vertical .btn + .btn { margin:10px 0 0; }

	.column2_wrap.type_a .box { padding:15px;}
	.column2_wrap.type_a .boxttl { font-size:1.2em;}


	header .sp_mainnav { display:inherit; }
	body { min-width: auto;}

	.label { min-width:auto; line-height: 1; height:auto; padding:3px 10px; font-size:0.7rem;}
	.label.radius { border-radius:30px;}
	.label.border { background:#fff; border:1px solid #262626; color:#262626;}

	.pc_nodisp { display:inherit;}
	table.pc_nodisp { display:table;}
	.sp_display_block { display:block!important; }

	table.form_inner th { padding-bottom:0; }

	header .inner { }
	header .box02 .inner { padding:12px 5px;}
	header .logo { width:180px;}
	header .sp_nav { position:absolute; right:3px; top:9px; display:inline-block;}
	header .sp_nav .menu_btn { display:inline-block; float:right; margin-top:-10px; margin-left:6px; background:none; width:auto; padding-right:0; height:auto;}
	header .sp_nav .menu_btn button { width:auto; border:0; background:none; padding-left:4px; padding-right:4px; line-height:1;}
	header .sp_nav .menu_btn i { font-size: 3.1rem; line-height: 1; color:#333;}
	header .sp_nav .menu_btn .txt { display:block; text-align:center; margin-top:-5px; font-size:0.7rem; color:#333; line-height:1;}
	header .sp_nav .btn_area { display:inline-block; float:right; padding:0;}
	header .sp_nav .btn_area li { margin-left:5px;}
	header .sp_nav .btn_area li:first-of-type { margin-left:0;}
	header .sp_nav .btn_area li a { display:block; text-align:center; text-decoration:none; position: relative;}
	header .sp_nav .btn_area li .tx { display:block; font-size:0.7rem; color:#333; margin-top:3px;}
	header .sp_nav .btn_area li a .badge { background:#e22d0f; color:#fff; width:17px; height:17px; position: absolute; top:-3px; right:-5px; line-height: 17px; border-radius:100%;font-weight: bold; font-size:0.7rem;}
	header .sp_nav .btn_area li:first-of-type a .badge { right:5px;}

	header .sp_mainnav {}
	header .sp_mainnav > ul { display:flex;}
	header .sp_mainnav > ul > li { width:calc( 100% / 5 ); transition: 0.2s; height:54px;}
	header .sp_mainnav > ul > li > a { position:relative; display:block; padding-top:8px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); text-decoration:none; color:#fff; transition:0.3s; height:100%;}
	header .sp_mainnav > ul > li:first-of-type > a { border-left:1px solid rgba(255,255,255,0.2);}
	header .sp_mainnav > ul > li:last-of-type > a { border:0;}
	header .sp_mainnav > ul > li > a > .icon { display:block; margin:0 auto 3px;}
	header .sp_mainnav > ul > li > a > .tx { display:block; font-weight: bold; font-size:0.7rem;}
	header .sp_mainnav li.beginner > a { background:#f2761b;}
	header .sp_mainnav a em { font-weight:bold;}

	/* ドロワメニュー*/
	.sp_slide_nav { visibility:hidden; width:100vw; height:100vh; position:fixed; right:0; top:0; transition:0.2s; z-index:-1; opacity:0; background:rgba(0,0,0,0.8); display:flex;}
	.sp_slide_nav.active { opacity:1; z-index:10000; visibility:visible;}
	.sp_slide_nav .space { color:#fff; width:15%; position:relative;}
	.sp_slide_nav .nav_area { height:100vh; width:85%; overflow-y:scroll;}
	.sp_slide_nav .nav_wrap { position:relative; right:-100vh; min-height:100vh; width:100%; background:blue; transition:0.2s; background:#0c3170; padding-bottom:100px;}
	.sp_slide_nav.active .nav_wrap { right:0;}
	.sp_slide_nav .drop_cont { display:none; }
	header .sp_nav .menu_btn.sp_menubtn2 {display:none;}
	header.fixed .sp_nav .menu_btn.sp_menubtn2 {display: inline-block;}
	header.fixed .sp_menubtn {display: none;}


	.sp_slide_nav .space:before { font-family: 'Material Icons'; content: "\e5cd"; color:#fff; position: absolute; right:10px; top:10px; font-size:30px;}
	.sp_slide_nav .user_info { padding:12px 12px 8px; background:#262626; color:#fff;}
	.sp_slide_nav .user_info .username { }
	.sp_slide_nav a { text-decoration:none;}
	.sp_slide_nav .nav01 ul { display:flex; flex-wrap:wrap; background:#fff;}
	.sp_slide_nav .nav01 ul li { width:calc( 100% / 2 ); border-right:1px solid #0c3170; border-bottom:1px solid #0c3170;}
	.sp_slide_nav .nav01 ul li:nth-of-type(2n) { border-right:0;}
	.sp_slide_nav .nav01 ul li a { display:block; padding:15px 10px 15px 42px; position:relative; color:#0c3170; font-weight:bold;}
	.sp_slide_nav .nav01 ul li a i { position:absolute; left:8px; top:50%; margin-top:-12px;}
	.sp_slide_nav .nav01 ul li.beginner, .sp_slide_nav .nav01 li.cart { border:0;}
	.sp_slide_nav .nav01 ul li.beginner a { background:#f2761b; color:#fff;}
	.sp_slide_nav .nav01 ul li.cart a { background:#36a11d; color:#fff; position:relative;}
	.sp_slide_nav .nav01 ul li.cart a .badge { background:#e22d0f; color:#fff; width:17px; height:17px; position: absolute; top:8px; left:21px; line-height: 17px; border-radius:100%;font-weight: bold; font-size:0.7rem; text-align:center;}
	.sp_slide_nav .nav02 { }
	.sp_slide_nav .nav02 li { border-bottom:1px solid #52688d;}
	.sp_slide_nav .nav02 li a { display:block; padding:15px 10px 15px 42px; position:relative; color:#fff; font-weight:bold; text-decoration:none;}
	.sp_slide_nav .nav02 li a i { position:absolute; left:8px; top:50%; margin-top:-12px;}
	.sp_slide_nav .nav02 .drop_toggle:after { font-family: 'Material Icons'; content: "\e145"; position: absolute; right:10px; top:50%; font-size:1.6rem; height:1.4rem; line-height: 1; margin-top:-0.8rem; color:#fff; font-weight:normal;}
	.sp_slide_nav .nav02 .drop_toggle.open { background:#052252;}
	.sp_slide_nav .nav02 .drop_toggle.open:after { content: "\e15b";}
	.sp_slide_nav .nav02 .drop_cont { padding-left:30px;}
	.sp_slide_nav .nav02 .drop_cont a { display:block; padding:12px 10px 12px 0; position:relative; }
	.sp_slide_nav .nav02 .drop_cont a .material-icons { font-size:18px; vertical-align:middle; margin:-3px 0 0 5px;}
	.sp_slide_nav .nav02 .drop_cont li:last-of-type { border:0;}

	.sp_slide_nav .nav_area.mypage .nav_wrap { background:#0080a0;}
	.sp_slide_nav .nav_area.mypage .nav02 li { border-color:#026b85;}
	.sp_slide_nav .nav_area.mypage .nav02 .drop_toggle.open { background:#026b85;}

	/* アプリ用 */
	.app .sp_nav { display:none;}
	.app .nav_area.mypage { position:relative; left:0; width:auto; touch-action:auto; }
	.app .drawer-menu .nav02 li:last-of-type { border:0; }

	/* 固定 */
	header.fixed { transform:translateY(-160%); }
	header.fixed .box02 .inner { padding:12px 5px;}
	header.fixed .logo { width:180px;}
	header.fixed .logo img { display:block;}
	header.fixed .logo .tx { display:none;}
	header.fixed .box02 .btn_area { padding-top:0;}
	header.fixed .box02 .btn { height:auto; line-height:1; font-size:1.1rem;}
	header.fixed .sp_mainnav .icon { display:none!important;}
	header.fixed .sp_mainnav > ul > li { height:40px; line-height: 40px;}
	header.fixed .sp_mainnav > ul > li a { padding-top:0;}
	header .box_common01 { padding:5px;}
	header .box_common01 .tx01 { font-size:0.85rem;}
	header.mypage.fixed .box02 .inner { padding:12px 5px!important;}


	/* search */
	header .search { padding:10px 7px;}
	header .search .tx { width:80px; margin-right:0; font-size:0.9rem;}
	header .search .search_btn i { margin-top:0; font-size:1.6rem; margin-right:0;}
	.search select, .search input[type=text] { border-radius:0;}
	.common_search { }
	.common_search .control_wrap { display:flex; justify-content:space-between;}
	.common_search select { width:110px; font-size:0.8rem;}
	.common_search .keyword { width:calc( 100% - 110px - 36px - 8px); }
	.common_search .search_btn { margin-right:0; width:36px; padding:0; position:relative;}
	.common_search .custom_search { display: none;}
	.common_search .custom_search.cat_tag_search { margin-top:0;}
	.custom_search .group { display:flex; align-items:center;}
	.custom_search .group + .group { margin:10px 0 0;}
	.custom_search .group .tx + input[type="text"], .custom_search .group .tx + .select_wrap { width:calc(100% - 80px)!important;}
	.custom_search .group .select_wrap select { width:100%!important;}

	.common_search .block { display:block; }
	.common_search .block .name { width:auto; margin-bottom: 5px;}
	.common_search .block .cont { width:auto;}

	.common_search.sp_accordion { padding:0;}
	.common_search.sp_accordion .catch_title { padding:15px; margin:0; position:relative; }
	.common_search.sp_accordion .catch_title:after { font-family:'Material Icons'; content: "\e145"; position: absolute; right:10px; top:50%; font-size:20px; line-height: 1; margin-top:-10px;}
	.common_search.sp_accordion .catch_title.active:after { content: "\e15b";}
	.common_search.sp_accordion .accordion_body { display:none; padding: 0 15px 15px;}


	.custom_search#search_seminar .group:nth-of-type(3) .select_wrap { width:calc((100% - 80px - 30px) / 2)!important;}
	.custom_search#search_seminar .group:nth-of-type(3) .select_wrap:nth-of-type(1) { margin-right:5px;}
	.custom_search#search_seminar .group:nth-of-type(3) .select_wrap:nth-of-type(2) { margin-left:5px;}

	.common_search.streaming .tx { margin-right:0; margin-bottom:5px; display:block;}
	.common_search.streaming .keyword { width:calc( 100% - 36px );}
	.common_search.streaming .group { display:block; }
	.common_search.streaming .group + .group { margin-left:0; margin-top:10px;}
	.common_search.streaming .group_type01 { display:block; margin-top: 10px;}
	.common_search.streaming .group_type01 .block { display:flex; }
	.common_search.streaming .group_type01 .block .name { width:125px;}
	.common_search.streaming .group_type01 .item:nth-of-type(n + 2) { padding-left:0; border-left:none; margin-left:0; margin-top:10px }

	.common_search .sp_modal_btn { display:none;}

	/* 音声・動画 の検索 */
	.common_search.av .keyword { width:calc( 100% - 110px - 36px - 8px); }
	.common_search.av .and_or_type { display:none;}
	.common_search.av .sp_modal_btn { display:flex; justify-content:center; align-items:center; margin-top:7px; font-weight:600; padding:8px; background:#36a11d; color:#fff; border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
	.common_search.av .sp_modal_btn i { font-size:1.9rem; margin-left:10px;}
	.cat_tag_search { }
	.cat_tag_search .pc { display:none; }
	.cat_tag_search .sp { display:block; }
	.cat_tag_search .search_modal { position:fixed; z-index:-1; opacity:0; transition:0.2s; background:#fff; height:0; top:0; left:0; width:100vw; height:100vh; overflow-y:scroll;}
	.cat_tag_search .search_modal.active { z-index:1000; opacity:1;}
	.cat_tag_search .search_modal .modal_title {padding:10px; font-size:1.1rem; font-weight:bold; color:#fff; background:#0c3170;}
	.cat_tag_search .search_modal .close { position:absolute; right:15px; top:15px; font-size:15px; line-height:1; color:#fff;}
	.cat_tag_search .search_modal .close.bottom { position:relative; top:auto; right:auto; display:block; font-size:15px; line-height:1; text-align:center; padding: 15px; background:#f5f5f5; margin: 0 10px 150px; color:#333;}
	.cat_tag_search .search_modal .word_search { padding: 30px 10px 20px;}
	.cat_tag_search .search_modal .cat_search { padding: 0 10px 40px;}
	.cat_tag_search .search_modal .section_title { font-size:1.2rem; font-weight:700; margin-bottom:15px; color:#0c3170; position:relative;}
	.cat_tag_search .search_modal .section_title > i { font-size:1.4rem; margin-right:5px;}
	.cat_tag_search .search_modal .section_title .reload { display:inline-block; position:absolute; right:0; font-size:0.9rem; background:#222; color:#fff; line-height:1; padding:5px; border-radius:3px;}
	.cat_tag_search .search_modal .section_title .reload i { margin-right:5px; font-size:1.2rem; vertical-align:middle; margin-top:-1px; }
	.cat_tag_search .search_modal .section_desc { font-size:0.9rem; margin-bottom:15px; }
	.cat_tag_search .search_modal .form_column { display:flex; margin-bottom: 10px; justify-content:space-between;}
	.cat_tag_search .search_modal .form_column .name { width:90px; display:flex; align-items:center; font-weight:700; font-size:0.9rem;}
	.cat_tag_search .search_modal .form_column .detail { width:calc(100% - 80px - 15px);}
	.cat_tag_search .search_modal .form_column .keyword { border: 1px solid #eee; width:100%; height:42px;}
	.cat_tag_search .search_modal .form_column .teacher_name02 { width:170px;}
	.cat_tag_search .search_modal .btn_box { display:flex; justify-content:space-between; margin:15px 0; }
	.cat_tag_search .search_modal .btn_box button { height:36px; width:calc( (100% - 10px) / 2);}
	.cat_tag_search .search_modal .cat_list {}
/*
	.cat_tag_search .search_modal .cat_list > li > ul,
	.cat_tag_search .search_modal .cat_list > li > ul > li > ul { display:none; }
*/
	.cat_tag_search .search_modal .cat_list > li { border-bottom: 1px solid #ddd;; }
	.cat_tag_search .search_modal .cat_list > li > .cat_parent { padding:15px 30px 15px 10px; font-weight:700; position:relative; display:block; background:#aaa; color:#fff;}
	.cat_tag_search .search_modal .cat_list > li > .cat_parent:after { content:""; font-family: 'Material Icons'; content: "\e5cf"; position: absolute; right:10px; top:50%; font-size:20px;line-height: 1; margin-top:-9px; font-weight:normal;}
	.cat_tag_search .search_modal .cat_list > li > .cat_parent.active { background:#0c3170;}
	.cat_tag_search .search_modal .cat_list > li > .cat_parent.active:after { content:"\e5ce";}

	.cat_tag_search .search_modal .cat_list > li > ul {}
	.cat_tag_search .search_modal .cat_list > li > ul > li > .cat_child { padding:15px 30px 15px 10px; font-weight:700; position:relative; display:block; border-bottom: 1px solid #ddd;}
	.cat_tag_search .search_modal .cat_list > li > ul > li > .cat_child:after { content:""; font-family: 'Material Icons'; content: "\e5cf"; position: absolute; right:10px; top:50%; font-size:20px;line-height: 1; margin-top:-9px; font-weight:normal;}
	.cat_tag_search .search_modal .cat_list > li > ul > li > .cat_child.active:after { content: "\e5ce";}

	.cat_tag_search .search_modal .cat_list > li > ul { padding-left:10px; }
	.cat_tag_search .search_modal .cat_list > li > ul li {}
	.cat_tag_search .search_modal .cat_list > li > ul li a { padding:15px 30px 15px 10px; font-weight:700; position:relative; display:block; border-bottom: 1px solid #ddd; display:block; text-decoration:none;}
	.cat_tag_search .search_modal .cat_list > li > ul li a:after { content:""; font-family: 'Material Icons'; content: "\e409"; position: absolute; right:10px; top:50%; font-size:20px;line-height: 1; margin-top:-9px; font-weight:normal;}
	.cat_tag_search .search_modal .desc {  font-size:0.7rem; margin-top:10px; }
	.cat_tag_search .search_modal .taglist { margin:15px 0 10px; }
	.cat_tag_search .search_modal .taglist li { display:inline-block; margin-right:5px; margin-bottom:10px; vertical-align:top; }
	.cat_tag_search .search_modal .taglist li a { font-size:0.9rem; font-weight:600; text-decoration:none; background:#eee; color:#333; line-height:1; padding:10px 10px!important;}
	.cat_tag_search .search_modal .taglist li a:after { display:none;}

	.common_search.accordion { width:100%; }
	.common_search.accordion .box1 { position:relative; padding:15px; cursor:pointer;}
	.common_search.accordion .box1 .catch_title { margin:0;}
	.common_search.accordion .box1 .accordion_toggle { font-size:2.2rem; position:absolute; top:15px; right:20px; line-height:1; transition:0.1s;}
	.common_search.accordion .box1.active .accordion_toggle { transform:rotate(-180deg);}
	.common_search.accordion .box2 { display:none; padding:15px;}


	.container { display:flex; padding-top:0; flex-wrap:wrap;}
	.main { width:100%!important; order:1; float:none!important;}
	.side { width:auto; order:2; float:none;}
	.info_box { order:2;}
	.thumb_nav { display:none; }
	.sp_common_inner { padding-left:10px!important; padding-right:10px;}


	.icon_largebtn_list.radio_type.vertical label { padding:15px 15px 15px 45px; min-height:none;}
	.icon_largebtn_list.radio_type.vertical .main_icon2 { font-size:2.4rem;}
	.icon_largebtn_list.radio_type.vertical .tx_wrap { width:calc( 100% - 50px );}
	.icon_largebtn_list.radio_type.vertical .tx1 { font-size:1.0rem;}
	.icon_largebtn_list.radio_type.vertical .tx2 { font-size:0.85rem;}
	.icon_largebtn_list.radio_type.vertical label:before { left:10px;}
	.icon_largebtn_list.radio_type.vertical label:after { left:15px;}


	.accordion_btn01 { font-size:1.0rem;padding:15px 15px 15px 50px;}
	.accordion_btn01:after { left:15px; top:50%;}


	table.sp_vertical tr, table.sp_vertical th, table.sp_vertical td { display:block; width:100%;}
	table.sp_vertical th, table.sp_vertical td { padding-left:10px; padding-right:10px;}
	table.type02.sp_vertical th { padding:8px 0 8px 0;}
	table.type02.sp_vertical td { padding:8px 0 25px; border:0!important;}
	table.type04 td { padding-bottom:10px;}
	table.sp_slim th { background:none; padding-bottom:0; border-bottom:0;}
	table.sp_slim td { padding-top:10px;}



	/* side */
	.side { padding:15px 10px 0; background:#f4f4f4; width:100%;}
	.side .cont_box { margin-bottom:20px; padding-left:0; background:#fff;}
	.side .cont_box .more_link { text-align:center; margin-top:10px; padding-bottom:15px;}
	.side .cont_box .more_link a { color:#fff; background:#262626; width:70%; padding:7px 0; text-decoration:none; display:inline-block; font-size:1.1rem; border-radius:3px;}
	.side .cont_box .more_link i { font-size:1.4rem; margin-top:-2px;}
	.side .cont_box .title { border-top:2px solid #0c3170; border-bottom:1px solid #ddd; padding:10px 0 10px 25px; margin-left:0; line-height:1.4; font-size:1.1rem; position:relative;}
	.side .cont_box .title:before { height:50%; border-left:6px solid #0c3170; position:absolute; left:10px; top:25%;content:"";}
	.side .list_nav li a { display:block; padding: 10px 15px 10px 0; color:#262626; text-decoration:none; font-size:1.1rem; border-bottom:1px dotted #ddd; position:relative;}
	.side .list_nav.bold li a { font-weight:bold;}
	.side .list_nav li:last-of-type a { border:0; }
	.side .list_nav li a:hover { background:#f5f5f5;}
	.side .list_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:0; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb;}
	.side .list_nav li a i { margin-right:10px; margin-top:-2px;}
	.side .list_item01 { display:flex; flex-wrap:wrap; padding:0 10px 10px;}
	.side .list_item01 li { width:calc( ( 100% - 10px ) / 2 ); margin-right:10px;}
	.side .list_item01 li:nth-of-type(2n) { margin-right:0;}
	.side .list_item01 li a { display:block; text-decoration:none; padding:10px 0 0;}
	.side .list_item01 li a .tx { margin-top:5px; line-height: 1.4; font-size:0.9rem;}
	/* スマホ時はスライダー*/
	.side .list_item02 { padding:0 10px;}
	.side .list_item02 li { }
	.side .list_item02 li a { border-bottom:0; padding:15px 7px 10px;}
	.side .list_item02 .thumbnail { width:100px; height:100px; float:none; margin:0 auto 10px; display:flex; align-items:center; justify-content:center;}
	.side .list_item02 .tx_area { display:table;}
	.side .list_item02 .sub { font-size:0.8rem;}
	.side .list_item02 .name { font-weight:bold; margin-top:10px; font-size:0.9rem;}
	.side .list_item02.slick-slider { margin-bottom:10px; }
	.side .list_item02 .slick-prev, .side .list_item02 .slick-next { height:40px; bottom:-25px; top:auto;}
	.side .list_item02 .slick-prev { left:0; z-index:10;}
	.side .list_item02 .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color: #262626; font-size:2.4rem; line-height:1; margin-top:-1.5rem;}
	.side .list_item02 .slick-next { right:15px; z-index:10; }
	.side .list_item02 .slick-next:before { font-family:'Material Icons'; content:"\e315"; color: #262626; font-size:2.4rem; line-height:1; margin-top:-1.5rem; text-align:center;}
	.side .list_item02 .slick-dots { position:relative; bottom:auto;}
	.side .list_item02 .slick-dots li { width:15px; margin:0 2px;}
	.side .list_item02 .slick-dots li button { height:0; width:0; padding:0; }
	.side .list_item02 .slick-dots li button:before { height:4px; content:""; background:#000; padding:0; width:15px;}

	.side .bnr_list { margin:0;}
	.side .bnr_list li { margin-bottom:10px; }
	.side .tel_info { background:#fff; border:none; margin-left:0; padding:15px 10px; margin-top:0;}
	.side .tel_info .tx01 { font-weight:bold; font-size:1.0rem; line-height: 1.4;}
	.side .tel_info .tx01 b { color:#f2761b; font-size:1.2rem;}
	.side .tel_info .number { font-weight:bold; font-size:1.8rem; line-height: 1; margin-top:10px; color:#0c3170; border-top:1px solid #0c3170; border-bottom:1px solid #0c3170; padding:8px 5px;}
	.side .tel_info .number i { font-size:1.8rem; margin-top:-2px; margin-right:10px;}
	.side .tel_info .number a { text-decoration:underline; pointer-events:inherit;}
	.side .tel_info .tx02 { margin-top:10px; font-size:1.0rem;}
	.side .cart_box { margin-left:0;}
	.side .cart_box .box_body { border:2px solid #0c3170; border-top:0; padding:10px 12px;}
	.side .cart_box .desc { margin-bottom:10px;}
	.side .cart_item_list {}
	.side .cart_item_list li a { display:block; padding:10px 0; border-top:1px dotted #ddd; text-decoration:none; }
	.side .cart_item_list li .thumbnail { width:50px; height:50px; float:left;}
	.side .cart_item_list li .name { font-weight:bold; line-height:1.4;}
	.side .cart_item_list li a:hover .name { text-decoration:underline;}
	.side .cart_item_list li .price { color:#262626; text-align:right; margin-top:5px;}
	.side .cart_item_list li .price .times { display:inline-block; margin:0 3px;}
	.side .cart_box .btn_area { padding-top:10px;}
	.side .cart_box .total { padding:5px 15px; margin-left:-12px; margin-right:-12px background:#f5f5f5;}
	.side .cart_box .total span { display:inline-block;}
	.side .cart_box .total .tx01 { float:left; font-weight:bold; font-size:1rem; padding-top:5px;}
	.side .cart_box .total .tx02 { float:right; font-weight:bold; font-size:1rem;}
	.side .cart_box .total .tx02 b { font-size:1.2rem; margin-right:3px; color:#e22d0f;}
	.side .bar_title { font-size:1.0rem; padding:8px 10px; background:#0c3170; position: relative; margin-bottom:0;}
	.side .bar_title .tx { font-weight:bold;}

	.side .list_nav li a { padding:10px 30px 10px 10px;}
	.side .list_nav.bold li a { font-weight:bold;}
	.side .list_nav li:last-of-type a { border:0; }
	.side .list_nav li a:hover { background:#f5f5f5;}
	.side .list_nav li a:after { content:""; font-family: 'Material Icons'; content: "\e315"; position: absolute; right:0; top:50%; font-size:1.4rem; height:1.4rem; line-height: 1; margin-top:-0.7rem; color:#bbb;}
	.side .cont_box.line { padding-left:0;}
	.side .cont_box.line .title { font-size:1.1rem; padding:10px 10px; background:#0c3170; position: relative; margin-bottom:0; margin-left:0; border:0; color:#fff;}
	.side .cont_box.line .title:before { display:none;}
	.side .cont_box.line .list_nav { border:2px solid #0c3170; border-top:0; }
	.side .cont_box.line .list_nav li a:after { right:5px;}




	/* info_box 1カラム時の上部パネル */
	.info_box { padding:15px 10px 0; background:#f4f4f4; display:block;}
	.info_box .cont_box { margin-bottom:15px; background:#fff;}
	.info_box .list_nav li a { display:block; padding: 10px 15px 10px 0; color:#262626; text-decoration:none; font-size:1.1rem; border-bottom:1px dotted #ddd; position:relative;}
	.info_box .list_nav.bold li a { font-weight:bold;}
	.info_box .btn_nav { display:flex; flex-wrap:wrap; padding-bottom:15px;}
	.info_box .btn_nav li { width:calc( (100% - 30px) / 3 ); margin-right:10px; margin-top:10px;}
	.info_box .btn_nav li a { height:45px; line-height:45px; font-size:1.0rem;}
	.info_box .btn_nav li:nth-of-type(4n) { margin-right:10px;}
	.info_box .btn_nav li:nth-of-type(3n) { margin-right:0;}
	.info_box .btn_nav li a .large { font-size:1.1rem;}





	/* slider */
	.main_image { margin-bottom:20px; }
	.main_image .slick-dotted.slick-slider { margin-bottom:0px; }
	.main_image .slick-prev { left:5px; top:auto; bottom:0; z-index:1;}
	.main_image .slick-next { right:12px; top:auto; bottom:0; z-index:1;}
	.main_image .slick-prev:before, .main_image .slick-next:before { color:#262626; font-family:'Material Icons'; content: "\e315"; font-size:2rem;}
	.main_image .slick-prev:before { content: "\e314";}
	.main_image .slick-next:before { content: "\e315";}
	.main_image .image_slider .caption { margin-bottom:0; font-size:0.9rem; padding:0 10px; line-height: 1.3}
	.main_image .slick-dots { background:#f8f8f8; padding:0; bottom:auto; position:relative; margin-top:10px;}
	.main_image .slick-dots li { width:15px; margin:0 2px;}
	.main_image .slick-dots li button { height:0; width:0; padding:0; }
	.main_image .slick-dots li button:before { height:4px; content:""; background:#000; padding:0; width:15px;}

	.main_image .image_slider .video { height:auto;}
	.main_image .image_slider .video iframe { height:auto; width:auto;}
	.main_image .image_slider .slick-prev,
	.main_image .image_slider .slick-next { height:0; width:40px; top:23%;}
	.main_image .image_slider .slick-prev:before,
	.main_image .image_slider .slick-next:before { font-size:40px;}
	.main_image .image_slider .slick-prev:before { content: "\e314";}
	.main_image .image_slider .slick-next:before { content: "\e315";}



	ul.breadcrumb { margin:6px auto 8px; padding:0 10px;}
	ul.breadcrumb li { font-size:0.8rem;}
	.pagetitle { border-top:1px solid #ddd;}
	.pagetitle .inner { margin:0 auto; padding:20px 10px; display:flex; justify-content:space-between; flex-wrap:wrap;}
	.pagetitle .tx01 { font-size:1.3rem; display:inline-block; line-height:1.2; margin-right:0;}
	.pagetitle .tx02 { display:block; vertical-align:middle; font-size:1.1rem; margin-top:10px; font-size:0.9rem;}
	.pagetitle .el_link {}
	.pagetitle .icon { margin-right:10px; margin-top:-5px;}
	.pagetitle .material-icons { font-size:1.6rem; margin-top:-1px;}
	.pagetitle .inner_btnarea { padding:25px 0 0; float:none; display:block; width:100%;}
	.pagetitle .inner_btnarea .btn { width:100%;}
	.pagetitle .inner_btnarea.sp_column2 { display:flex; justify-content:space-between;}
	.pagetitle .inner_btnarea.sp_column2 .btn { width:calc( ( 100% - 15px) / 2);}
	.pagetitle .label_area, .pagetitle .sub_info{ width:100%;}

	.pagetitle .contents_nav { margin-top:20px; padding:10px;}
	.pagetitle .contents_nav ul { display:flex; flex-wrap:wrap;}
	.pagetitle .contents_nav ul li { width:calc( ( 100% - 10px ) / 2 ); margin-right:10px;}
	.pagetitle .contents_nav ul li:nth-of-type(2n) { margin-right:0;}
	.pagetitle .contents_nav ul li a{ font-size:0.9rem;}


	.pagetitle.type02 .inner { padding:30px 10px;}
	.pagetitle.type02 .tx01 { display:block;margin-right:0;}
	.pagetitle.type02 .tx02 { display:block; margin-top: 15px;}

	.cont_block { width:100%;}


	.common_image_nav { padding:0;}
	.common_image_nav li { width:100%; margin-right:0; margin-bottom:3px; background:#f5f5f5;}
	.common_image_nav a { display:flex; height:auto; align-items:center; text-decoration:none;}
	.common_image_nav li:nth-of-type(n + 3) { margin-top:0;}
	.common_image_nav li .img { background:none; width:100px; height:80px; overflow:hidden;}
	.common_image_nav li img { opacity:1; max-width:none; position:relative;}
	.common_image_nav li .tx_area { position:relative; left:auto; bottom:auto; padding:0 10px; vertical-align: middle; display:block; float:right; width:calc(100% - 90px); color:#262626;}
	.common_image_nav li .name { font-size:0.9rem; margin-bottom:6px; color: #0c3170;}
	.common_image_nav li .name span { font-size:1.2rem; display:inline-block; margin-right:3px;}
	.common_image_nav li .desc { font-size:0.7rem; line-height:1.4; color:#333;}

	.tab_btn, .tab_btn02 { margin-bottom:10px; padding:0 10px; }
	.tab_btn li, .tab_btn02 li { margin-right:3px;}
	.tab_btn li a, .tab_btn02 li a { padding:10px 2px; font-size:0.8rem; }
	.tab_btn.type2 li a { padding:8px 2px; font-size:1rem; }
	.tab_btn.type2 li b { display:none;}

	/* 初めての方へ */
	.beginner_box { padding:20px 10px;}
	.beginner_box .title { font-size:1.4rem; margin-bottom:15px; padding-bottom:5px;}
	.beginner_box .desc { margin-bottom:15px; line-height:1.4;}
	.beginner_box .btn_nav li { width:calc( (100% - 10px) / 2 ); margin-right:10px; margin-bottom:10px; display:flex; margin-top:15px;}
	.beginner_box .btn_nav li:nth-of-type(2n) { margin-right:0;}
	.beginner_box .btn_nav li:nth-of-type(n + 3) { margin-bottom:0;}
	.beginner_box .btn_nav li a { padding:65px 10px 12px; }
	.beginner_box .icon_wrap { padding:20px; position:absolute; left:50%; margin-left:-35px; top:-15px;}
	.beginner_box .btn_nav li a .name { font-size:1.2rem; font-weight: bold; margin-bottom:10px; line-height:1.2;}
	.beginner_box .btn_nav li a .name i { margin-top:-3px; margin-left:5px;}
	.beginner_box .btn_nav li a .sub { font-size: 0.75rem; line-height: 1.4; border-left:0; padding-left:0; margin-left:0;}
	.beginner_box .btn_nav li a .tx_area { width:auto; float:none;}

	/* 商品一覧 */
	.common_item_list {}
	.common_item_list .item { padding:20px 10px;}
	.common_item_list .item:first-of-type { /*padding-top:5px;*/}
	.common_item_list .item:last-of-type { border-bottom:0;}
	.common_item_list .item .image,
	.common_item_list .item .image a,
	.common_item_list .item .image .img_inner { width:100px; height:100px;}
	.common_item_list.column2 .item .image a, .common_item_list.column2 .item .image .img_inner{ width:100px; height:100px;}
	.common_item_list .item .tx_area { width:calc( 100% - 100px - 15px ); }

	/* サムネ小さい版 */
	.common_item_list.sp_image_small .item .image, .common_item_list.sp_image_small .item .image a { width:70px; height:70px;}
	.common_item_list.sp_image_small .item .tx_area { width:calc( 100% - 70px - 15px ); }

	/* サムネ大きい版 縦*/
	.common_item_list.image_l .item .image, .common_item_list.image_l .item .image a { width:200px; height:200px;}
	.common_item_list.image_l .item .image { margin:0 auto 15px; float:none;}
	.common_item_list.image_l .item .tx_area { float:none; width:auto;}

	.common_item_list .label_box { margin-bottom:10px;}
	.common_item_list .title { font-size:1.1rem; font-weight:bold; margin-bottom:10px;}
	.common_item_list .sub01 { margin-bottom:5px; line-height:1.3; font-size:0.9rem; font-weight:bold;}
	.common_item_list .sub02 { line-height:1.3; font-size:0.9rem;}
	.common_item_list .sub02 a { line-height:1.3; font-size:0.9rem;}
	.common_item_list .sub03 { display:none;}
	.common_item_list .sub03_sp { font-size:0.9rem; clear:both; line-height:1.4; color:#0c3170;}
	.common_item_list .desc { margin-top:15px;}
	.common_item_list.column2 { display:flex; flex-wrap:wrap; }
	.common_item_list.column2 .item { width:100%; margin-right:0;}
	.common_item_list.column2 .item:nth-of-type(1),.common_item_list.column2 .item:nth-of-type(2) { padding-top:20px;}
	.common_item_list.column2 .item:nth-of-type(2n) { margin-right:0;}
	.common_item_list.column2 .item .image, .common_item_list.column2 .item .image a, .common_item_list.column2 .item .image .img_inner { width:100px; height:100px;}
	.common_item_list.column2 .item .tx_area { width:calc( 100% - 100px - 15px );}
	.common_item_list.column2 .label_box { margin-bottom:10px;}
	.common_item_list.column2 .title { font-size:1.1rem; margin-bottom:10px; line-height:1.4;}
	.common_item_list.column2 .sub01 { margin-bottom:5px; font-size:0.9rem;}
	.common_item_list.pickup { padding:0; margin:-20px 0 -20px;}
	.common_item_list.pickup a { text-decoration:none;}
	.common_item_list.pickup .image { float:none; margin:0 auto 15px; }
	.common_item_list.pickup .image a, .common_item_list.pickup .image .img_inner { width:170px; height:170px;}
	.common_item_list.pickup .item .tx_area { width:100%; float:none; padding:0 10px;}
	.common_item_list.pickup .item .tx_area .title { font-size:1.3rem;}
	.common_item_list.pickup .item .tx_area .sub02 a { font-size:1rem;}
	.common_item_list.btn_type .item { display:flex;}
	.common_item_list.btn_type .tx_area { float:none; width:calc( 100% - 60px - 15px ); margin-right:15px;}
	.common_item_list.btn_type .btn_area { width:60px; display:flex; align-items:center;}
	.common_item_list .item .image.new_icon { position:relative;}
	.common_item_list .item .image.new_icon:before { content: ''; top: -20px; left: -10px; border-bottom: 50px solid transparent; border-left: 50px solid #e22d0f; position: absolute; z-index: 100; display:inline-block;}
	.common_item_list .item .image.new_icon:after { content: '新着'; display: block; transform: rotate(-45deg); font-size: 13px; color: #fff; left: -6px; top: -11px; position: absolute; z-index: 101; font-weight:bold;}
	.common_item_list.small .item { padding:20px 10px;}
	.common_item_list.small .item .image, .common_item_list.small .item .image a { width:80px; height:80px;}
	.common_item_list.small .item .tx_area { width:calc( 100% - 80px - 15px );}
	.common_item_list.small .label_box { margin-bottom:10px;}

	/* flex type */
	.common_item_list.flex .item { flex-wrap:wrap; position:relative; min-height:160px;}
	.common_item_list.flex .item .image { margin-right:15px;}
	.common_item_list.flex .item .image, .common_item_list.flex .item .image a { width:100px; height:100px;}
	.common_item_list.flex .item .tx_area { width:calc( 100% - 100px - 15px );}
	.common_item_list.flex.mid .item .image, .common_item_list.flex.mid .item .image a { width:80px; height:80px;}
	.common_item_list.flex.mid .item .tx_area { width:calc( 100% - 80px - 15px );}
	.common_item_list.flex .item .btn_area { width:; display:flex; order:3;}
	.common_item_list.flex .item .btn_area + .tx_area, .common_item_list.flex .item .relation_area + .btn_area + .tx_area { width:calc( 100% - 80px - 15px ); margin-right:0;}
	.common_item_list.flex .item .btn_area.sp_imagebottom { position:absolute; top:100px; width:80px;}
	.common_item_list.flex .item:first-of-type .btn_area.sp_imagebottom { top:80px;}

	/* 全面リンク column2 */
	.common_item_list.all_link .item {}
	.common_item_list.all_link .item > a { display:table; width:100%; transition:0.3s; padding:15px 10px;}
	.common_item_list.all_link .item > a .desc_wide { padding:15px 0 0;}

	/* スマホ時に table 広くするタイプ*/
	.common_item_list.sp_table_wide {}
	.common_item_list.sp_table_wide .tx_area { margin-bottom:15px;}
	.common_item_list.sp_table_wide table.price { width:100%; float:none; clear:both;}
	.common_item_list.sp_table_wide table.price .action, .common_item_list.sp_table_wide table.price thead tr th:last-of-type  { display:table-cell; width:100px; }
	.common_item_list.sp_table_wide table.price .action .btn { font-size:0.8rem; }
	.common_item_list.sp_table_wide table.price .action .btn i { display:none; /*transform:scale( 0.8 );*/}

	.common_item_list02 {}
	.common_item_list02 .item { padding:0 0 20px; display:block;}
	.common_item_list02 .item .image { width:auto; margin-bottom:10px;}
	.common_item_list02 .item .tx_area { width:auto;}
	.common_item_list02 .title { font-size:1.2rem; margin-bottom:10px;}
	.common_item_list02 .desc { font-size:0.9rem;}

	table.price { width:100%; margin-top:15px;}
	table.price th { padding:4px 5px; font-size:0.8rem; width:auto;}
	table.price th.group_title { padding:3px 5px;}
	table.price th.group_title i { margin-right:5px; font-size:1.2rem;}
	table.price td { padding:4px 0; font-size:0.8rem;}
	table.price td.type { font-size:0.8rem; }
	table.price td.price01, table.price td.price02 { font-size:0.8rem; width:70px;}

	table.price .action, table.price thead tr th:last-of-type { display:none;}
	.text_cut { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.text_cut.row3 { -webkit-line-clamp:3;}
	.text_cut.row4 { -webkit-line-clamp:4;}




	/* 講師一覧 */
	.teacher_list.separate {}
	.teacher_list.separate .item .image_wrap { width:100px;}
	.teacher_list.separate .item .image, .teacher_list.separate .item .image a { width:100px; height:100px;}
	.teacher_list.separate .item > .tx_area { width:calc( 100% - 100px - 20px ); margin-left:0; float:right; padding-right:0;}
	.teacher_list.separate .relation_area { display:none;}
	.teacher_list.separate .item .relation_area + .tx_area { border:none;}
	.teacher_list.separate .image_label_area { margin-top:5px;}
	.teacher_list.separate .image_label_area .label + .label { margin:5px 0 0 0;}


	.lateral_item_list {}
	.lateral_item_list .item { padding:5px 7px;}
	.lateral_item_list .item .icon_wrap { top:3px; left:3px; width:20px; height:20px;}
	.lateral_item_list .item .image, .lateral_item_list .item .image a { width:100px; height:100px!important;}
	.lateral_item_list .title { font-size:0.9rem; line-height: 1.5;}
	.lateral_item_list .sub01 a { font-size:0.8rem; line-height:1.2;}
	.lateral_item_list.slick-slider { margin-bottom:80px; }
	.lateral_item_list .slick-prev, .lateral_item_list .slick-next { background:#f5f5f5!important; height:40px; width:100px; bottom:-70px; top:auto;}
	.lateral_item_list .slick-prev { left:10px; }
	.lateral_item_list .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem;}
	.lateral_item_list .slick-next { right:10px; }
	.lateral_item_list .slick-next:before { font-family:'Material Icons'; content:"\e315"; color: #0c3170; font-size:3rem; line-height:1; margin-top:-1.5rem; text-align:center;}
	.lateral_item_list .item .image .img_inner {  width:100px; height:100px; }

	.list_header { margin:15px 0 15px;}
	.list_header .disp_number { font-size:1.1rem; padding:0 10px 10px; margin:0;}
	.list_header .disp_number span { font-size:1.2rem;}
	.list_header .cat_desc { margin-bottom:20px; font-size:1rem; padding:10px;}
	.list_header .common_desc { margin-bottom:20px; font-size:1rem; padding:10px;}
	.list_header .sort { padding:10px 10px 0; }
	.list_header .sort .notice { display:inline-block; font-size:1rem; float:left; margin-top:7px; font-size:0.9rem;}
	.list_header .sort .select_wrap { float:right;}
	/* 講師一覧の場合*/
	.list_header .sort.type_teacher { display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
	.list_header .sort.type_teacher .select_wrap { margin:0;}
	.list_header .sort.type_teacher .cat_select { order:1; margin-bottom:10px;}
	.list_header .sort.type_teacher .kana_select { order:2; margin-right:10px;}
	.list_header .sort.type_teacher .sort_select { order:3;}

	.list_header .search_nav { padding:15px 10px 5px; margin-bottom:15px;}
	.list_header .search_nav .tx { margin-right:0; margin-bottom:10px;}
	.list_header .search_nav ul.input_list { display:flex; flex-wrap:wrap;}
	.list_header .search_nav ul.input_list li { width:calc( 100% / 3); margin-right:0; margin-bottom:10px;}
	.list_header .search_nav ul.input_list li input[type="checkbox"].type01 + label { font-size:0.85rem;}

	/* カテゴリ詳細 */
	.common_nav { margin-bottom:20px;}
	.common_nav ul li a { height:50px; line-height:1.2; font-size:11px; }
	.common_nav ul li .icon { top:-10px; left:-5px;}
	.cat_detail .desc { font-size:1.1rem; margin-bottom:20px; }
	.cat_detail .column2_wrap { display:block; margin-bottom:30px;}
	.cat_detail .post_list { width:100%;}
	.cat_detail .post_list .title { font-size:1.3rem; position: relative;}
	.cat_detail .post_list .title:after { font-family:'Material Icons'; content:"\e145"; color: #262626; font-size:24px; line-height:1; margin-top:-13px; position:absolute; top:50%; right:10px;}
	.cat_detail .post_list .title.active:after { content:"\e15b";}
	.cat_detail .post_list .list_wrap { display:none;}
	.cat_detail .post_list article a { height:auto; padding-right:40px;}
	.cat_detail .post_list article .name { font-size:1.2rem; }
	.cat_detail .post_list article .sub { font-size:1rem; }
	.cat_detail .btn_area .btn.btn01 { font-size:1.3rem; }
	.cat_detail .btn_area .btn small { font-size:0.85rem;}

	/* 1コンテンツ2カラムタイプ */
	.cat_detail .column1_wrap {}
	.cat_detail .column1_wrap .post_list {margin-bottom: 10px;}
	.cat_detail .list_wrap.column2 { display:none;}
	.cat_detail .post_list  article { width:auto; margin-right:0;}


	.bar_wrap { position:relative;}
	.bar_title { font-size:1.1rem; padding:10px; margin-bottom:10px;}
	.bar_title .date, .bar_title .order_number { display:block; line-height:1.2; font-size:1rem; font-weight:bold;}
	.bar_wrap .tx_link { position:absolute; right:10px; top:50%; margin-top:-0.8rem; line-height:1; color:#fff;}
	.border_title { font-size:1.3rem; margin-bottom:10px; line-height:1.3; border-bottom:2px solid #111; padding-bottom:10px; padding-left:10px;}
	.border_title02 { margin-bottom:15px; padding-left:30px;}
	.border_title03 { font-size:1.4rem;}
	.border_title03 .desc { display:block; font-size:0.8rem; margin:5px 0 0 0;}
	.bar_title02 { margin-bottom:20px; padding:40px 20px}
	.bar_title02.narrow { padding:15px; font-size:1.3rem; margin-bottom:10px;}
	.bar_title02.toggle_icon:after { right:10px; font-size:24px; margin-top:-12px;}

	.catch_title { font-size:1.4rem; margin-bottom:15px; font-weight:bold; padding-left:10px;}
	.catch_title.pd0 { padding:0;}
	.common_title01 { font-size:1.4rem; }
	.common_title01 i {  font-size:1.6rem; margin-top:-4px; margin-left:5px; }
	.common_desc { padding:10px 10px 0; font-size:1rem; margin-bottom:30px;}
	.common_desc02 { font-size:1rem; margin-bottom: 15px;}
	.catch_title + .common_desc { padding-top:0;}
	.after_desc { padding:10px;}
	.label_title01 { font-size:1.3rem; min-width:140px; width:auto; }


	.common_bgbox { padding:15px 10px;}

	.indent_cont .item { padding:30px 0; position:relative;}
	.indent_cont .item .cont_body { padding-right:15px;}
	.common_subcont { font-size:1.1rem;padding:0 10px 10px;}
	.common_subcont + .common_subcont { margin-top:20px;}
	.common_subcont.bg_type { padding:20px;}
	.sp_scroll_cont { overflow-x:scroll;}

	.border_page_nav { margin:0 0 30px; padding:0 10px;}
	.border_page_nav li { display:block; float:none; width:auto; margin-right:0; margin-bottom:0;}
	.border_page_nav li a { padding:8px 25px 8px 10px; font-size:1.1rem;}
	.border_page_nav li a:after { right:0; top:50%; font-size:22px; line-height: 1; margin-top:-10px; font-weight:normal;}
	.border_page_nav li a:hover { opacity:0.5;}

	.pagenate { margin:0 0 20px; border-top:1px solid #ddd; padding-top:20px;}
	.pagenate ul li { display:inline-block; float:left; font-size:1.3rem;}
	.pagenate ul li a { width:40px; height:40px; line-height:40px; margin-right:10px; }
	.pagenate ul li span.current { width:40px; height:40px; line-height:40px; }
	.pagenate ul li i { vertical-align:middle; margin-top:-3px; font-size:2.2rem;}

	.blockbtn_list {}
	.blockbtn_list li a { font-size:1.1rem; padding: 15px 5px;}


	.topics_list {}
	.topics_list .item a { padding:12px 35px 12px 12px; font-size: 1rem; text-decoration: none; position:relative;}
	.topics_list .item a { padding:12px 35px 12px 12px; font-size: 1rem; text-decoration: none; position:relative;}
	.topics_list .item a:before { font-family:'Material Icons'; content:"\e315"; color: #999; font-size:1.6rem; line-height:1; margin-top:-1.5rem; text-align:center; position:absolute; top:50%; margin-top:-0.8rem; right:5px;}
	.topics_list .item .date { display:block; margin-top:0; margin-bottom:5px; font-size:0.8rem;}
	.topics_list .item .title { font-size:1rem;}
	.topics_list.mypage_info .item a:before { display:none;}
	.topics_list .item.out_link .title:after { font-size:1.2rem; margin-top: -2px; margin-left: 3px;}

	.topics_list2 {}
	.topics_list2 .item { display:block; padding:15px; font-size: 1.0rem;}
	.topics_list2 .item .date { width:auto; font-size:0.9rem;}
	.topics_list2 .item .title { width:auto; margin-top:10px;}

	.topics_detail { padding:0 10px; min-height:auto;}
	.topics_header { padding:20px 0; margin-bottom:20px;}
	.topics_header .date { margin-top:15px;}
	.topics_header .title { font-size:1.4rem;}
	.topics_body { font-size:1.1rem; line-height:1.8;}
	.topics_bottom_nav { margin:50px 0;}
	.topics_bottom_nav ul { display:block; padding:0; border-top:1px solid #ddd;}
	.topics_bottom_nav li { width:100%; }
	.topics_bottom_nav li a { border-bottom:1px solid #ddd; padding:15px 10px;}
	.topics_bottom_nav li a i { font-size:1.8rem;}
	.topics_bottom_nav li .txt { }
	.topics_bottom_nav li .txt .name { display:none;}
	.topics_bottom_nav li .txt .tx01 { font-size:1rem;}
	.topics_bottom_nav li.prev .txt { padding-left:15px;}
	.topics_bottom_nav li.next .txt { padding-right:15px; text-align:left;}


	/* 最近閲覧した商品 */
	.recently_viewed { padding:20px 10px;}
	.recently_viewed .container { display:block; padding:0;}
	.recently_viewed .ttl_box .title { font-size:1.2rem; display:inline-block;}
	.recently_viewed .ttl_box .title .sub { display:block; margin:10px 0 0; font-size:0.9rem;}
	.ttl_box .disp_btn { padding-top:3px;}
	.ttl_box .disp_btn:hover { opacity:0.5;}
	.ttl_box .disp_btn:before { content:"表示する"; display:inline-block;}
	.ttl_box .disp_btn:after { font-family:'Material Icons'; content:"\e313"; color: #262626; font-size:1.5rem; line-height:1; margin-top:-0.4rem; vertical-align:middle; display: inline-block;}
	.ttl_box .disp_btn.active:before { content:"表示しない";}
	.ttl_box .disp_btn.active:after { content:"\e316";}
	.viewed_list { padding:0; margin-top:20px; margin-bottom:10px!important;}
	.viewed_list .item { width:auto; height:auto; padding:5px 7px; border:0; position: relative; margin-right:0; }
	.viewed_list .item .icon_wrap { width:20px; height:20px;}
	.viewed_list .item .image { margin:0 auto 10px; width:100px; height:100px;}
	.viewed_list .item .image a { width:100px; height:100px;}
	.viewed_list .item .image img { display:inline!important;}
	.viewed_list .item .title { font-weight:bold; line-height:1.4; margin-bottom:10px;}
	.viewed_list .item .sub01 { line-height:1.4; font-size:0.9rem;}
	.viewed_list .slick-active + .slick-active { border:none;}
	.viewed_list .slick-active:after { display:none;}
	.viewed_list .slick-prev, .viewed_list .slick-next { height:40px; bottom:-25px; top:auto; background:none!important; width:auto;}
	.viewed_list .slick-prev:hover, .viewed_list .slick-next:hover { background:none!important; }
	.viewed_list .slick-prev { left:0; z-index:10;}
	.viewed_list .slick-prev:before { font-family:'Material Icons'; content:"\e314"; color: #262626; font-size:2.4rem; line-height:1; margin-top:-1.5rem;}
	.viewed_list .slick-next { right:0; z-index:10; }
	.viewed_list .slick-next:before { font-family:'Material Icons'; content:"\e315"; color: #262626; font-size:2.4rem; line-height:1; margin-top:-1.5rem; text-align:center;}
	.viewed_list .slick-dots { position:relative; bottom:auto; margin-top:10px;}
	.viewed_list .slick-dots li { width:15px; margin:0 2px;}
	.viewed_list .slick-dots li button { height:0; width:0; padding:0; }
	.viewed_list .slick-dots li button:before { height:4px; content:""; background:#000; padding:0; width:15px;}
	.recently_viewed .btn_wrap { text-align:center;}
	.recently_viewed .btn { float:none; margin-top:15px; margin:0 auto; }

	/* 詳細画面 */
	.product_detail {}
	.product_detail .top_info { display:block;}
	.product_detail .top_info .image { width:100%!important; }
	.product_detail .top_info .image .img_wrap { }
	.product_detail .top_info .image .sample { padding:0 10px; text-align:center;}
	.product_detail .top_info .info { width:100%!important; padding:10px; margin-top:10px;}

	/* 画像小さい版 */
	.product_detail .top_info.img_s .image { }
	.product_detail .top_info.img_s .image .img_wrap { width:200px; height:200px; margin:20px auto;}

	.product_detail .top_info .info .label_box { margin-bottom:20px;}
	.product_detail .top_info .info .name { font-size:1.7rem; line-height: 1.4; margin-bottom:20px;}
	.product_detail .top_info .info .sub01 { font-size:1.1rem; line-height:1.3; margin-bottom:10px;}
	.product_detail .top_info .info .sub02 { font-size:1.1rem; line-height:1.3; margin-bottom:10px;}
	.product_detail .top_info .info .desc { font-size:1.1rem; line-height:1.7;}
	.product_detail .sns_btn_area { background:#f5f5f5; margin-top:20px; padding:15px 15px 5px;}
	.product_detail .sns_btn_area ul { flex-wrap:wrap; justify-content: space-between;}
	.product_detail .sns_btn_area ul li { width:calc( ( 100% - 10px ) / 2 ); margin-right:0; margin-bottom:10px;}
	.product_detail .sns_btn_area ul li .btn { display:block;}

	.product_detail .product_slider { margin-bottom:20px!important; margin-top:10px;}
	.product_detail .product_slider .slick-list li { height:250px; justify-content:center;}
	.product_detail .product_slider .slick-list li img { max-height:100%;}
	.product_detail .product_thumb_nav { display:none;}
	.product_detail .video_sample { margin-top:20px; padding:15px; background:#f5f5f5;}
	.product_detail .video_sample .title { font-weight:bold; margin-bottom:5px;}

	.product_slider .slick-dotted.slick-slider { margin-bottom:0px; }
	.product_slider .slick-prev { left:5px; top:auto; bottom:0; z-index:1;}
	.product_slider .slick-next { right:12px; top:auto; bottom:0; z-index:1;}
	.product_slider .slick-prev:before, .product_slider .slick-next:before { color:#262626; font-family:'Material Icons'; content: "\e315"; font-size:2rem;}
	.product_slider .slick-prev:before { content: "\e314";}
	.product_slider .slick-next:before { content: "\e315";}
	.product_slider .image_slider .caption { margin-bottom:0; font-size:0.9rem; padding:0 10px; line-height: 1.3}
	.product_slider .slick-dots { background:#f8f8f8; padding:10px 0 0 0; bottom:auto; position:relative; margin-top:10px;}
	.product_slider .slick-dots li { width:15px; margin:0 2px;}
	.maiproduct_slidern_image .slick-dots li button { height:0; width:0; padding:0; }
	.product_slider .slick-dots li button:before { height:4px; content:""; background:#000; padding:0; width:15px;}

	.detail_inner { padding:0; }

	/* セミナー */
	.product_detail .semi_header .image { display:block; margin-bottom:20px;}
	.product_detail .semi_header .info { padding:0 10px 20px; border-bottom:1px solid #ddd;}
	.product_detail .semi_header .title { font-size:1.4rem; margin-bottom:10px;}
	.product_detail .semi_header .sub01 { font-size:1.1rem; line-height:1.4;}
	.product_detail .semi_header .sub01 a { color:#777; text-decoration:none;}
	.product_detail .semi_header .btn_area { margin:15px 0 0;}
	.product_detail .sns_btn_area.semi { display:block; margin:20px 0 0; background:none;}
	.product_detail .sns_btn_area.semi .btn_list { background:#f5f5f5; padding:15px 15px 5px;}
	.product_detail .sns_btn_area.semi .btn_list li { margin-bottom:8px;}
	.product_detail .sns_btn_area.semi .single { width:auto; display:block; padding:20px 15px;}


	.wide_buybox_wrap { padding:20px 10px 10px; margin:-30px 0 20px; position:relative;}
	.wide_buybox_wrap .container { padding:0;}
	.wide_buybox_wrap .buy_box { padding-left:0; padding-right:0; }
	.wide_buybox_wrap #cart_in { padding-top:200px; margin-top:-200px;}
	.wide_buybox_wrap .txt { text-align:center; padding:0 10px;}
	.wide_buybox_wrap .txt .title { font-size:1.4rem; margin-bottom:0; line-height:1.4;}
	.wide_buybox_wrap .txt .desc { font-size:1.2rem; margin-bottom:10px;}
	.wide_buybox_wrap :not(.semi) table td { padding:15px 6px;}

	/* 音声再生バー */
	.audiojs .scrubber { width:180px; }

	/* タグ */
	.tag_list { margin:20px 0 0; }
	.tag_list .ttl { font-weight:600; margin-bottom:10px; font-size:1rem;}
	.tag_list ul li { display:inline-block; margin-right:20px; margin-bottom:10px;}
	.tag_list ul li a { font-size:1rem;}

	/* 商品詳細の購入テーブル */
	.buy_box { margin:-80px -10px 0; padding-top:100px;}
	.buy_box table {}
	.buy_box table thead th { line-height:1.2; font-size:0.9rem; padding:8px 0;}
	.buy_box table td { padding:15px 6px; font-size:0.85rem; line-height:1.2; background:#fff;}
	.buy_box table th.title { font-size:1.0rem;}
	.buy_box table .price02 { font-size:1.0rem;}
	.buy_box table .teika { color:#777; font-size:0.8rem;}
	.buy_box table tr:last-of-type td { border-bottom:1px solid #ddd; }
	.buy_box table .btn { font-size:0.85rem; }
	.buy_box .after_desc { display:block; margin-top:0;}
	.buy_box .after_desc p { margin-bottom:10px; text-align:right;}

	/* グループタイプ */
	.buy_box .group_list {}
	.buy_box .group_list .list_header { display:none;}
	.buy_box .group_list .item { padding:10px; flex-wrap: wrap; position: relative;}
	.buy_box .group_list .item .image { width:60px; height: 60px}
	.buy_box .group_list .item .info { width:100%;}
	.buy_box .group_list .item .name { height:60px; width:calc( 100% - 60px - 15px); position:absolute; top:10px; right:0; display: flex; align-items: center; font-size:1.1rem; margin:0; padding-right: 10px;}
	.buy_box .group_list .item .sub_list { margin-top:10px;}
	.buy_box .group_list .item .sub_list li { padding:5px;}
	.buy_box .group_list .item .sub_list li .type_name { width:calc( 100% - 180px - 80px); font-size: 0.9rem; padding-left: 0;}
	.buy_box .group_list .item .sub_list li .number { width:180px; font-size: 0.9rem;}
	.buy_box .group_list .item .sub_list li .price { width:80px; text-align:center; font-size: 0.9rem;}

	.balloon { width:320px; right:15px;}

	.semi_buylist { padding:0 10px; }
	.semi_buylist .item { padding:0 10px; background:#fff;}
	.semi_buylist .item + .item { margin-top:20px;}
	.semi_buylist .item .date { padding:10px; font-weight:bold; color:#fff; margin:0 -10px 10px -10px; background:#262626;}
	.semi_buylist .item .place { margin-bottom:10px; font-weight:bold;}
	.semi_buylist .item table td,.semi_buylist .item table th { padding:5px 10px; text-align:center;}
	.semi_buylist .item table th { font-size:0.85rem;}
	.semi_buylist .item .btn_area { padding:10px 0 15px;}


	.product_detail .common_text_area { font-size:1.0rem; padding:10px;}
	.product_detail .common_text_area dl {margin-bottom:10px;}
	.product_detail .common_text_area dl dt { float:none; width:auto; margin-bottom:5px;}
	.product_detail .common_text_area dl dd { overflow:hidden; margin-bottom:30px;}



	 /* 固定ナビ */
	.fixNav { position:fixed; bottom:0; right:0; left:0; top:auto; width:100%; background:rgba(255,255,255,0.9);}
	.fixNav .info_area { display:flex; flex-wrap:wrap; padding:10px 10px 5px;}
	.fixNav .thumbnail { width:50px; height:50px; margin-right:10px;}
	.fixNav .wrap { width:calc( 100% - 10px - 50px); display:flex; flex-wrap:wrap; align-items:center;}
	.fixNav .title { line-height:1.2; margin:0; font-weight:bold; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.fixNav .price { font-size:1.2rem; margin:0; width:100%;}
	.fixNav .btn_area { padding:0 10px 10px;}
	.fixNav .btn { padding:6px; font-size:1.1rem;}
	.fixNav .sns { display:none;}
	.fixNav .column2_btn { display:flex; justify-content:space-between; padding:6px;}
	.fixNav .column2_btn .btn { width:calc( ( 100% - 10px ) / 2); font-size:0.85rem;}
	.fixNav .column2_btn .btn i { margin-top:-1px;}


	/* 旧デザインからのスタイル */
	.pagetitle.sale .inner { padding:10px;}
	.pagetitle.sale .inner .tx01 { font-size:0.8rem; margin:0;}

	#aboutInfo { padding:0 10px 10px; box-shadow:none;}
	#aboutInfo .main_image { margin:0 -10px 10px;}

	#aboutInfo .cont { margin-bottom:30px; padding:; }
	#aboutInfo .cont:after { content:''; display:block; clear:both; }
	#sale #aboutInfo { padding:0 10px 10px; box-shadow:none;}
	#sale #aboutInfo .cont h3 { padding:9px 10px 8px; margin:0 -10px 20px; font-size:130%; line-height:1.4;} 
	#sale #aboutInfo .cont:first-of-type h3 { margin-left:-10px; margin-right:-10px; padding:12px 15px; font-size:150%; line-height:1.3;}  /* 最初のブロックのh3 */
	#sale #aboutInfo .cont.bg02 h3,
	#sale #aboutInfo .cont.bg03 h3 { font-size:110%;} 
	#sale .bottom_tel { margin-top: 30px; padding-top: 30px;} 
	#sale .bottom_tel .tx1 { font-size: 1.0rem;} 
	#sale .bottom_tel .tx01 { font-size: 1.0rem;} 
	#sale .bottom_tel .number { font-size: 2.4rem; margin:5px 0;}
	#sale .bottom_tel .number i { font-size: 2.3rem; margin-top: -5px; margin-right: 10px;} 
	#sale .bottom_tel .tx2 { font-size: 1.0rem;}



	#aboutInfo .cont h3:not(.border_title) { background:#eee none 0 0 no-repeat; padding:3px 5px 2px; margin:0 0 10px; }
	#aboutInfo .cont .border_title { font-size:1.4rem; line-height:1.4; padding-left:0; padding-bottom:15px; margin-bottom:20px;}
	#aboutInfo .cont .fr, #aboutInfo .cont .fl { float:none!important; text-align:center; }
	#aboutInfo .cont img { margin:0 0 20px; padding:0!important;}
	#aboutInfo .catch { margin:0 0 15px; font-size:1.3rem;}
	#aboutInfo .sub_catch { margin-bottom:15px; font-weight:bold; display:block;}
	#aboutInfo .bg01 { margin:0 -10px 30px; padding:20px 15px; }
	#aboutInfo .bg02 { margin:0 -10px 30px; padding:20px 15px; }
	#aboutInfo .bg03 { margin:0 -10px 30px; padding:20px 15px; }
	#aboutInfo p { font-size:1.05rem; line-height:1.7;}
	#aboutInfo .txt > table { width: 100%; box-sizing: border-box; margin: 0 0 30px; border-spacing: 0; border-collapse: collapse; }
	#aboutInfo .txt > table th { padding: 10px 5px; line-height: 1.25; white-space: nowrap; vertical-align: middle; color:#555; font-weight: bold; }
	#aboutInfo .txt > table td { padding: 10px; line-height: 1.25; position: relative; vertical-align: middle; }
	#aboutInfo .txt > table td::after { content: ""; display: block; border-left:1px solid rgba(0,0,0,0.2);  width: 0; height: 16px; position: absolute; left: 0; top: calc(50% - 8px); }
	#aboutInfo .txt > table tr.odd th,
	#aboutInfo .txt > table tr.odd td { background: #fafafa; }
	#aboutInfo .txt table tr td span.credit_card { justify-content:center; align-items:center; width:auto; height:20px; padding:5px 10px; font-size:12px; background:#ff0000; color:#fff; border-radius:3px; }
	#sale .buy_box .number_input { width:50px; }
	#aboutInfo iframe { max-width:100%;}

	/* 購入フロー */
	.flow_list { padding:10px 15px 10px!important; margin-bottom:20px;}
	.flow_list ul li { width:calc( ( 100% - 80px) / 5 ); font-size:0!important; padding:0; height:10px}
	.flow_list ul li:after{ right:-10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #f1f1f1;}
	.tab_radio_content { transition:0.2s;}
	.tab_radio_content.disp_none { height:0; opacity:0; overflow:hidden;}
	.riyo_kiyaku { height:300px; padding:20px; position:relative; z-index:10; border:10px solid #f5f5f5; font-size:1.1rem; line-height: 1.6; margin-bottom:20px;}
	.flow_list.step3 ul li { width:calc( ( 100% - 60px) / 3 );}
	.flow_list.step4 ul li { width:calc( ( 100% - 70px) / 4 );}
	.flow_list.step10 ul li { width:calc( ( 100% - 70px) / 10 );}

	.flow_list2 { padding:0 20px; margin:10px 0 15px;}
	.flow_list2 ul { flex-wrap:wrap; justify-content:flex-start;}
	.flow_list2 ul li { width:calc( ( 100% - 50px ) / 3 ); background:#eee; margin-bottom:15px; margin-right:25px; height:30px; align-items:center; padding-left:25px;}
	.flow_list2 ul li:nth-of-type(3n) { margin-right:0;}
	.flow_list2 ul li:after { display:inline-block; width:auto; border:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #eee; top:0; left:100%;}
	.flow_list2 ul li .number { width:15px; height:15px; background:#fff; font-size:10px; position:absolute; left:5px; top:8px;}
	.flow_list2 ul li .tx { text-align:left; margin-top:0; font-size:10px;}
	.flow_list2 ul li.icon_item i { font-size:25px; padding-top:0; margin-left:-15px;}
	.flow_list2 ul li.current { background:#2bb6c2;}
	.flow_list2 ul li.current:after { border-top-color:transparent; border-bottom-color:transparent; border-left-color:#2bb6c2;}
	.flow_list2 ul li.current .number { background:#fff; color:#2bb6c2;}
	.flow_list2 ul li.current .tx { color:#fff;}


	/* 支払い選択 */
	.payment_select { padding:0 10px; }
	.payment_select > ul > li { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
	.payment_select > ul > li:first-of-type { border-radius:5px 5px 0 0;}
	.payment_select > ul > li:last-of-type { border-radius:0 0 5px 5px; border-bottom:1px solid #ddd;}
	.payment_select input[type="radio"] { display:none; }
	.payment_select label { font-size:1.0rem; display:block;}
	.payment_select label .name { width:auto; display:block; padding:20px 10px;}
	.payment_select label .name .tx:after { top:-2px;}
	.payment_select label .desc { padding:15px 15px 25px; width:auto;}

	/* コンビニ選択 */
	.img_select > ul > li { width:calc( ( 100% - 10px ) / 2 ); margin-right:10px; margin-bottom:10px;}
	.img_select > ul > li:nth-of-type(2n) { margin-right:0;}
	.img_select label { font-size:1.0rem; cursor:pointer; border:1px solid #ddd; border-radius:4px; display:block; height:100%;}
	.img_select label .image { height:80px; padding:15px;}
	.img_select label .name { padding:15px 5px 15px;}
	.img_select label .name .tx {font-size:1rem;}
	.img_select label .name .tx:before { width:20px; height:20px; margin-right:5px; margin-top:-3px;}
	.img_select label .name .tx:after { left:7px; top:2px; width:5px; height:10px; }

	.complete { padding:30px 10px; text-align:center;}
	.complete .catch01 { font-weight:bold; font-size:1.3rem; margin-bottom:15px; color:#f2761b;}
	.complete .catch02 { font-size:1.2rem; margin-bottom:40px;}
	.complete .desc { font-size:1.1rem; line-height:1.8;}
	.complete .tx01 { font-size:1.2rem; font-weight:bold; margin-bottom:10px;}
	.contact_box { margin:40px auto 0;}
	.contact_box .title { margin-bottom:20px;}
	.contect_item .tx01 { font-size:1.5rem;}
	.contect_item .tx01 i { font-size:1.8rem;}

	.guide_box { padding:15px; width:auto!important; margin:0 auto;}
	.guide_box .tx01 { font-size:1.3rem; margin-bottom:15px; line-height:1.3;}
	.guide_box .common_btn_area { margin:20px 0 5px;}
	.guide_box .inner_box { width:auto; padding:15px;}

	.border_infobox { padding:20px 15px; font-size:1rem; }
	.border_infobox .ttl { font-size:1.2rem; padding-left:24px; margin-bottom:10px; }
	.border_infobox .ttl i { font-size: 1.8rem; left: -5px; top: 0px;}

	.icon_largebtn { min-height:unset; padding:20px; width:85%;}
	.icon_largebtn_list { display:block; }
	.icon_largebtn_list li { width:100%; margin-bottom:10px; }
	.icon_largebtn .tx1 { font-size:1.3rem; }
	.icon_largebtn .tx2 { font-size:0.9rem; }


	.contact2 { margin:0 10px;}
	.contact2 .ttl { font-size:1rem; line-height:1.2; padding:15px 10px;}
	.contact2 .column { display:block; padding:20px 10px;}
	.contact2 .column .box { width:auto;}
	.contact2 .column .box:first-of-type { padding-right:0; padding-bottom:20px; border-right:0; border-bottom:1px solid #ddd;}
	.contact2 .column .box:last-of-type { padding-left:0; padding-top:20px; }
	.contact2 .column .box .ttl2 { font-weight:bold; margin-bottom:15px;}
	.contact2 .column .number { font-weight:bold; color:#0c3170; font-size:1.8rem; line-height:1; margin-bottom:10px;}
	.contact2 .column .number i { font-weight:normal; font-size:1.6rem; margin-right:10px; margin-top:-2px;}
	.contact2 .column .number .fax { font-size:0.85rem; margin-right:10px; display:inline-block; font-weight:bold; vertical-align:middle;}
	.contact2 .column .desc { color:#0c3170;}
	.contact2 .column .desc2 { text-align:left; font-size:0.8rem; margin-top:15px;}

	.thumb_back_link { padding:10px 10px 10px 30px; border-right:0; border-left:0; width:auto; margin-bottom:30px; border-radius:0;}
	.thumb_back_link .image { height:40px; width:40px;}
	.thumb_back_link .image:before { font-size:1.3rem; left:-20px; }
	.thumb_back_link .tx { padding-left:10px; font-size:0.9rem;}

	footer { }
	footer .container { padding:20px 12px 10px;}
	footer .panel_nav { }
	footer .panel_nav li { width:50%; display:table;}
	footer .panel_nav li a { display:table-cell; padding:0 7px 0 40px; height:60px; position:relative; box-sizing: border-box; vertical-align:middle;}
	footer .panel_nav li a .icon { transform: scale(0.7); position: absolute; left:3px; top:50%; margin-top:-15px;}
	footer .panel_nav li a .tx { display:block; margin-top:0; font-size:0.9rem; text-align:left; line-height:1.3;}
	footer .panel_nav li a .tx i { font-size:0.9rem;}
	footer .bnr_list { display:block; margin-top:20px;}
	footer .bnr_list li { width:auto; margin-right:0;}
	footer .bnr_list li + li { margin-top:10px;}
	footer .sns { text-align:center; margin-top:20px; width:100%;}
	footer .sns .title { display:block; font-weight:bold; font-size:1.0rem; margin:0 0 15px; text-align:center;}
	footer .sns_btn01 { display:inline-block; margin-right:20px;}
	footer .sns_btn01 li { display:inline-block; margin-right:7px;}
	footer .sns_btn02 { display:inline-block;}
	footer .sns_btn02 li { display:inline-block; margin-right:7px;}
	footer .sns_btn01 li:last-of-type, footer .sns_btn02 li:last-of-type { margin-right:0;}
	/* 仮 */
	footer .sns_btn02 .fb { color:#fff; border-radius:4px; background:#4167b2; display:inline-block; padding:5px; width:70px; line-height:1; text-decoration:none; font-size:0.9rem;}
	footer .sns_btn02 .tw { color:#fff; border-radius:4px; background:#1b95e0; display:inline-block; padding:5px; width:70px; line-height:1; text-decoration:none; font-size:0.9rem;}

	footer .tx_nav { padding-top:20px; margin-top:20px; display:flex; flex-wrap:wrap;}
	footer .tx_nav li { width:50%; display:inline-block; margin-right:0; margin-bottom:10px; text-align: left;}
	footer .tx_nav li:last-of-type { margin-right:0;}
	footer .tx_nav li a { font-size:0.95rem;}
	footer .tx_nav li a:hover { opacity:0.6;}
	footer .relation_nav { margin-top:30px; width:100%;}
	footer .relation_nav .title { font-size:1rem; margin:0 0 20px;}
	footer .relation_nav ul { display:block;}
	footer .relation_nav li { display:block; margin:0 0 15px;}
	footer .relation_nav li:last-of-type { margin:0;}
	footer .relation_nav li a { position:relative; color:#fff; font-size:1rem; padding-right:20px; text-decoration:none;}
	footer .relation_nav li a:after { font-size:1rem; line-height: 1; margin-top:-0.5rem;}

	footer .copyright { padding:15px 0; font-size:0.9rem;}

	/* mypage */
	header.mypage .box03 { background:/*#236008*/#0080a0;}
	header.mypage .sp_mainnav > ul > li { width:calc( 100% / 4 );}
	header.mypage.fixed .logo_mypage { display:inline-block;}
	header.mypage.fixed .username { margin-top:5px; margin-left:10px;}
	.mypage_nav { display:flex; flex-wrap:wrap; justify-content:space-between;}
	.mypage_nav .box { width:calc( 100% / 2 ); margin:0; padding:25px 10px 10px; border-right:1px solid #fff;}
	.mypage_nav .box:nth-of-type(2n) { border-right:0;}
	.mypage_nav .box:nth-of-type(n+3) { border-top:1px solid #fff;}
	.mypage_nav .box .tx { padding:25px 10px 10px; font-size:0.9rem; line-height:1.3;}
	.mypage_nav .box .btn { width:100%; font-size:0.9rem;}
	.mypage_nav .box .material-icons { font-size:34px; top:9px; margin-left:-17px;}
	.mypage_nav .box .icon { top:13px;transform:scale(0.9);}
	.drawer-nav.mypage { background:#0080a0;}


	.mypage_nav2 { display:block; }
	.mypage_nav2 .box { width:auto; margin:0 0 10px 0; }
	.bg_section .section_title { top: -15px; font-size: 1.4rem; }

	.mypageNew .container { display:block; }
	.mypageNew .tab_box_info .tab_ttl li a { font-size:0.85rem; height:30px;}
	.mypageNew .tab_box_info  .tab_ttl li a .badge { width:20px; height:20px; font-size:0.8rem; margin-left:3px;}
	.mypageNew .tab_box_info { margin-bottom:30px; }
	.mypageNew .tab_box_info .box_body .tab_content { padding:15px; }
	.mypageNew .tab_box_info .mypage_news li { font-size:0.9rem; }
	.mypageNew .tab_box_info .mypage_news li a { padding:10px 0;}
	.mypageNew .tab_box_info .mypage_news.oshirase li a { display:block; padding-right:40px;}
	.mypageNew .tab_box_info .mypage_news.oshirase li a .date { width:auto; margin-bottom:3px; font-size:0.8rem; display:block;}
	.mypageNew .tab_box_info .mypage_news.oshirase li a .read_icon { position:absolute; right:0; top:50%; margin-top:-0.8rem; margin-left:auto;}
	.mypageNew .tab_box_info .mypage_news.oshirase li a .read_icon i { font-size:1.5rem;}

	.mypageNew .pagetitle { margin-bottom:10px;}
	.mypageNew .pagetitle .label_area .label { font-size:0.85rem; padding:6px 10px; }
	.mypageNew .pagetitle .sub_info .label { font-size:0.85rem; padding:6px 10px; }
	.mypageNew .pagetitle.type03 .inner { display:block; padding-bottom:20px; }
	.mypageNew .pagetitle.type03 .inner .right { margin-top:10px; font-size:1rem; }
	.list_header02 .disp_number { font-size:1.1rem;}
	.list_header02 .disp_number span { font-size:1.4rem;}
	.list_header02 .sort .btn { display:block; margin-bottom:10px; }

	.tokuten_list { padding-top:10px;}
	.tokuten_list .item .group_title { font-size:1.1rem; padding:8px 10px;}
	.tokuten_list .item .sub_item { padding:10px; position:relative;}
	.tokuten_list .item .sub_item .image { width:80px; height:80px; display:flex; align-items:center; float:none;}
	.tokuten_list .item .sub_item .tx_area { width:100%; float:none; position:unset; padding-top:10px;}
	.tokuten_list .item .sub_item .title { width:calc( 100% - 80px - 15px ); height:80px; font-size:0.9rem; padding:0 10px; position:absolute; top:10px; right:0;}
	.tokuten_list .item .sub_item .detail_list li a { padding:10px 0; font-size:0.9rem; flex-wrap: wrap;}
	.tokuten_list .item .sub_item .detail_list li a .btn { width:85px; padding:5px 0;}
	.tokuten_list .item .sub_item .detail_list li a .name { width:calc( 100% - 85px - 15px);}
	.tokuten_list .item .more_btn { width:300px; margin:0 auto 20px;}

	.tokuten_list2 { padding-top:10px;}
	.tokuten_list2 .item .group_title { font-size:1.1rem; padding:8px 10px;}
	.tokuten_list2 .item .sub_item { padding:10px;}
	.tokuten_list2 .item .sub_item .detail_list li a { padding:10px 0; font-size:0.9rem; flex-wrap: wrap;}
	.tokuten_list2 .item .sub_item .detail_list li a .date { width:100%; margin-bottom:5px; font-size: 0.8rem;}
	.tokuten_list2 .item .sub_item .detail_list li a .btn { width:85px; padding:5px 0;}
	.tokuten_list2 .item .sub_item .detail_list li a .name { width:calc( 100% - 85px - 15px);}

	.mypageNew .edit_complete_box { padding:20px 0;}
	.mypageNew .edit_complete_box .tx1 { font-size:1.5rem; margin-bottom:30px;}
	.mypageNew .edit_complete_box .tx1 .material-icons { font-size:2.8rem; display:block;}
	.mypageNew .edit_complete_box .tx2 { font-size:1.1rem; text-align:left;}

	.mypageNew .border_item_list .item { padding:15px 0;}
	.mypageNew .border_item_list .item .tx01 { font-size:1rem; width:calc( 100% - 120px );}
	.mypageNew .border_item_list .item .btn_area { font-size:0.9rem;}






/* e-leaning */
	body.usertype_el table.el_profileedit td .btn { width:100px;}

	.mypageNew .el_topics { height:auto; max-height:150px; }
	.mypageNew .topics_list.el_topics .item a,
	.mypageNew .topics_list.el_topics .item .wrap { padding:15px 0; background:none; border-bottom:1px solid #eee;}
	.mypageNew.el_product_page .btn.pdfdl { width:100%;}


	.el_learning_status { justify-content:space-between;}
	.el_learning_status .btn_area { margin:0; position:relative; width:auto; bottom:auto; right:auto; margin-top:10px;}
	.el_learning_status .learning_number { margin-left:0;}
	.el_learning_status .learning_number .number_wrap { width:150px; height:90px;}
	.el_learning_status .learning_number .viewed, .el_learning_status .learning_number .total { font-size:35px; }
	.el_learning_status .learning_number .viewed { right:60px; top:0px; }
	.el_learning_status .learning_number .total { left:60px; bottom:-3px; }
	.el_learning_status .learning_number .number_wrap:after { width:120px; top:45px; left:15px; }
	.el_user_status_table_wrap.scroll { overflow-x:scroll;}
	.el_user_status_table_wrap.scroll .sp_tx1 { display:block; color:#cc0000; margin-bottom:5px; font-size:0.9rem;}
	.mypageNew .el_user_status_table { width:max-content;}
	.mypageNew .el_user_status_table thead th { position:unset; }
	.mypageNew .el_user_status_table tr td:nth-of-type(4) { max-width:200px; }

	.group_assign_list { padding-left:20px; }
	.group_assign_list .item .number { width:40px;}
	.group_assign_list .item .name { width:calc( 100% - 40px); }
	.bottom_wide_desc { font-size:1.2rem; margin:80px 0 50px; text-align:center;}


	.mypageNew .el_group_info { padding:20px 15px; }
	.mypageNew .el_group_info .wrap { display:block;}
	.mypageNew .el_group_info .wrap .user { font-size:1.0rem; margin-right:0; margin-bottom:10px;}
	.mypageNew .el_group_info .wrap .user .num { font-size:1.4rem; margin-left:5px;}
	.mypageNew .el_group_info .wrap .username { margin-bottom:15px; }
	.mypageNew .el_group_info .group_name { font-size:1.2rem; }
	.mypageNew .el_group_info .group_name .post { font-size:0.9rem; }
	.mypageNew .el_group_info .wrap .tag { margin-bottom:15px; }
	.mypageNew .el_group_info .wrap .product { width:auto; margin-bottom:30px;}
	.mypageNew .el_group_info .wrap .product .tx { font-size:0.9rem; }
	.mypageNew .el_group_info .wrap .btn_area { margin-left:auto; display:flex; justify-content:space-between; flex-wrap:wrap; margin:10px 0 -10px;}
	.mypageNew .el_group_info .wrap .btn_area .btn { width:calc( (100% - 10px) / 2 ); margin-bottom:10px;}
	.mypageNew .el_group_info .message { position:relative; right:auto; top:auto; margin:10px 0; font-size:0.9rem;}
	.mypageNew .streaming_list.el .item .image { height:110px; }
	.mypageNew .el_group_info.userlist2 .username { width:auto;}
	.mypageNew .el_group_info.userlist2 .username .label { font-size:0.85rem; padding:6px 10px;}
	.mypageNew .el_group_info.userlist2 .wrap .email { }
	.mypageNew .userlist .item:after { width:25px; height:25px; font-size:0.9rem; top:-15px; left:-5px; }
	.mypageNew .userlist ~ .btn { display:block; margin:0 auto;}


	.el_status_list article .item_header { padding:15px 15px 40px; display:block; }
	.el_status_list article .item_header .image { width:100px; float:left; margin-right:15px;}
	.el_status_list article .item_header .image + .txt { margin:0; width:100%; }
	.el_status_list article .item_header .txt .title { font-size:1.2rem; }
	.el_status_list article .item_header .accordion_toggle { top:auto; right:50%; bottom:10px; margin-right:-1.1rem;}
	.el_status_list article .item_body { padding: 0 10px 20px; }
	.el_status_list article .item_body .el_product_list { padding:20px 10px;  }
	.el_status_list article .btn_area { width:auto; }
	.el_status_list article .btn_area.vertical { display:flex; justify-content:space-between; margin:10px 0 0;}
	.el_status_list article .btn_area.vertical .btn { width:48%;}

	.el_produt_info { padding:15px; flex-wrap:wrap; align-items:flex-start; }
	.el_produt_info .image { width:80px; }
	.el_produt_info .txt1 { width:calc( 100% - 80px - 15px); margin-left:15px;}
	.el_produt_info .txt1 .title { font-size:1.1rem; margin-bottom:5px; }
	.el_produt_info .txt2 { margin-top:10px; font-size:0.9rem;}
	.el_produt_info .btn_area { width:100%; margin-top:15px;}
	.el_produt_info .btn_area .btn { width:100%;}
	.el_produt_info .label_area .icon_name {font-size:0.8rem;}


	.el_product_detail { display:block;}
	.el_product_detail .image { width:auto; margin-bottom:20px;}
	.el_product_detail.image_small .image { width:40vw; margin:0 auto 20px;}
	.el_product_detail .txt { width:auto!important;}
	.el_product_detail .txt .status_area { padding:15px;}
	.el_product_detail .txt .status_area .group { font-size:1rem; }
	.el_product_detail .txt .sub01 { font-size:1.2em; line-height:1.3;}
	.el_product_detail .txt .desc { font-size:1.0em;}
	.vertical_btn_list { width:auto;}
	.vertical_btn_list li + li { margin-top:10px;}

	.el_product_list .desc { margin-bottom:30px; }
	.el_product_list .section { padding:0; }
	.el_product_list .section .section_ttl { margin-left:0; }
	.el_product_list .section .section_ttl .name { font-size:1.2rem; margin-top:10px; display:block; }
	.el_product_list .item > a, .el_product_list .item .item_inner { padding:20px 0;}
	.el_product_list .item .done { font-size:2.2rem; width:40px; margin:0;}
	.el_product_list .item .txt { display:block; width:calc( 100% - 80px - 40px - 15px);}
	.el_product_list .item .date span { display:block; }
	.el_product_list .item .title { font-size:1rem;}
	.el_product_list .item .label_wrap .label i { font-size:1em;}
	.el_product_list .item .btn_area .btn { width:80px;}


	.el_product_list.status_list .item .title { font-size:1.1rem; line-height:1.2;}
	.el_product_list.status_list .item .label { margin-bottom:3px;}
	.el_product_list.status_list .item .label + .label { margin-left:0;}
	.el_product_list.status_list .item .check { margin-right:5px; width:40px;}
	.el_product_list.status_list .item.item_header .image { width:150px; margin-right:15px;}
	.el_product_list.status_list .item.item_header .tx_wrap { display:block; width: calc(100% - 135px);}
	.el_product_list.status_list .item.item_header .tx_wrap .btn_area { margin-top:15px;}
	.el_product_list.status_list .item:nth-of-type(n+2) { margin-left:10px; }
	.el_product_list.status_list.checktype .item:nth-of-type(n+2) { margin-left:55px; }
	.el_product_list.status_list.checktype .item.item_header .tx_wrap { display:block; width: calc(100% - 45px - 135px);}

	.el_product_list.status_list .item .title { font-size:1.1rem; line-height:1.2;}
	.el_product_list.status_list .item .label { margin-bottom:3px;}
	.el_product_list.status_list .item .label + .label { margin-left:0;}
	.el_product_list.status_list .item .check { margin-right:5px; width:40px;}
	.el_product_list.status_list .item.item_header .image { width:150px; margin-right:15px;}
	.el_product_list.status_list .item.item_header .tx_wrap { display:block; width: calc(100% - 135px);}
	.el_product_list.status_list .item.item_header .tx_wrap .btn_area { margin-top:15px;}

	.el_product_list.item_assign .item .image { width:130px; margin-right:15px;}
	.el_product_list.item_assign .item .txt { width:calc(100% - 15px - 130px);}
	.el_product_list.item_assign .item .status_bar_wrap { width:100%; margin-top:15px;}
	.el_product_list.item_assign .item .btn_area.vertical { display:flex; justify-content:space-between; width:100%;}
	.el_product_list.item_assign .item .btn_area.vertical .btn { width:calc(( 100% - 15px ) / 2 )!important; margin:15px 0 0;}

	/* テスト */
	.el_testlist { margin-top:40px;}
	.el_testlist .item { padding-left:60px; margin-bottom:40px; }
	.el_testlist .item .number_icon { width:50px; height:50px; font-size:0.9rem; }
	.el_testlist .item .number_icon b { font-size:1.4rem;}
	.el_testlist .item .q_area .tx1 { font-size:1.1rem; }
	.el_testlist .item .a_area { margin-top:20px; }
	.el_testlist .item .a_area textarea { font-size:1rem; padding:15px;}
	.el_testlist .answer_option li { margin-bottom:10px; }
	.el_testlist .answer_option label { padding:10px; font-size:1rem; }
	.el_testlist .result_icon { font-size:1.4rem; }
	.el_testlist .result_icon i { font-size:2.2rem; }
	.bottom_test_comment { padding-top:40px;}
	.bottom_test_comment .tx1{ font-size:1.2rem; }

	.el_streaming_detail {}
	.el_streaming_detail .detail_header { padding:15px; display:block; margin-left:-10px; margin-right:-10px; text-align:center;}
	.el_streaming_detail .detail_header .tx { margin-bottom:10px; text-align:left;}
	.el_streaming_detail .detail_header .title { font-size:1.2rem; margin-bottom:10px;}
	.el_streaming_detail .detail_header .sub { font-size:0.8em; margin-top:5px; margin-bottom:15px;}
	.el_streaming_detail .detail_header .streaming_nav { display:flex; justify-content:space-between;}
	.el_streaming_detail .detail_header .streaming_nav li.layout_change { display:none;}
	.el_streaming_detail .detail_header .streaming_nav a { font-size:1rem; }
	.el_streaming_detail .detail_body { display:block;}
	.el_streaming_detail .detail_body > div { width:auto!important;}
	.el_streaming_detail .detail_body > .left { margin-left:-10px; margin-right:-10px;}
	.el_streaming_detail .detail_body > .right { padding:20px 0;}

	.el_streaming_detail .detail_body .video_column .video_area { position:sticky; top:0; z-index:1000;}
.el_streaming_detail .detail_body .video_area .video-js { width:100%; height:100%; padding-top:56.25%; }
.el_streaming_detail .detail_body .video_area .video-js .vjs-big-play-button { width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;
border-radius: 100%;}
.el_streaming_detail .detail_body .video_area .video-js .vjs-big-play-button .vjs-icon-placeholder:before { top:25px; font-size:4rem; }
.el_streaming_detail .detail_body .chapter_list { padding:0;}
.el_streaming_detail .detail_body .chapter_list .ttl { margin-bottom:0; position:relative; padding:10px;}
.el_streaming_detail .detail_body .chapter_list .ttl:after { font-family:'Material Icons'; content:"\e145"; color: #fff; font-size:1.6rem; line-height:1; margin-top:-1.5rem; text-align:center; position:absolute; top:50%; margin-top:-0.8rem; right:5px;}
.el_streaming_detail .detail_body .chapter_list .ttl.active:after { content:"\e15b";}
.el_streaming_detail .detail_body .chapter_list ul { display:none;}
.el_streaming_detail .detail_body .study_area {}
.el_streaming_detail .detail_body .study_area.text_type .group + .group { margin-top:30px; }
.el_streaming_detail .detail_body .study_area.text_type .group .ttl { font-size:1.2rem; font-weight:600; margin-bottom:15px;}



.el_viewd_info { display:block;}
.el_viewd_info .status_txt { width:auto; margin-bottom:20px; }
.el_viewd_info .graph { width:auto;}

	.el_memolist .item { padding:20px 15px 15px;}
	.el_memolist .item .item_header { display:block; margin-bottom:15px;}
	.el_memolist .item .item_header .date { font-size:0.9rem; margin-bottom:15px;}
	.el_memolist .item .item_header .item_name { text-align:left;}
	.el_memolist .item .item_header .tx01 { font-size:1.0rem;}
	.el_memolist .item .item_header .tx02 { font-size:0.8rem;}
	.el_memolist .item .detail { padding:15px 15px 60px 15px;}
	.el_memolist .item .detail .inner { font-size:1.0rem;  height:115px;}
	.el_memolist .item .detail .open_btn { margin-left:-80px; margin-bottom:20px; width:160px;}
.el_memolist .item .item_footer { display:flex; justify-content:flex-end; padding-top:20px;}

	.report_list { }
	.report_list .item { display:block; padding:20px 10px;}
	.report_list .item .name { font-size:1.0rem; margin-bottom:10px;}



	ul.item_detail {}
	ul.item_detail li { display:flex; align-items: center;}
	ul.item_detail li.action01 { justify-content:space-between;}
	ul.item_detail li .tx01 { /* width:80px; */ font-weight:bold;}
	ul.item_detail li .tx02 { /* width:calc( 100% - 80px ); */}
	ul.item_detail li .delete_link { font-size:0.9rem;}
	ul.item_detail li .delete_link i { font-size:1.1rem;}
	ul.item_detail ~ .btn_area, ul.item_detail .btn_area { margin-top:10px; }

	/* cart */
	.cart input.number_input { width:60px; }
	.cart .btn.delete { padding:8px 15px; margin-left:15px;}

	table.cart_price { width:100%;}
	table.cart_price th, table.cart_price td { border-bottom:1px solid #fff; padding:15px; text-align:right;}
	table.cart_price th { font-weight:bold; background:#eee; width:180px;}
	table.cart_price td { background:#f8f8f8; }

	/* modal */
	.remodal { padding:20px 15px!important; text-align:left;}
	.remodal.wide { max-width:100%; width:100%;}
	.remodal img { width:100%!important; margin-left:0!important; margin-right:0!important;}
	.remodal > .title { font-size:1.1rem; margin-bottom:20px; font-weight:bold; text-align:center;}
	.remodal > .title02 { font-size:1.2rem; margin-bottom:20px;}
	.remodal .desc { font-size:0.9rem; margin-bottom:20px;}
	.remodal .item_list li:first-of-type { border-top:1px solid #ddd;}
	.remodal .item_list li { padding:30px 0; border-bottom:1px solid #ddd; display:block;}
	.remodal .item_list li .txt { width: 100%; text-align:left; margin-right:0;}
	.remodal .item_list li .txt .sub { display:block; margin-bottom:5px;}
	.remodal .item_list li .txt .name { display:block; font-size:1.2rem; font-weight:bold;}
	.remodal .item_list li .btn_wrap { display:block; width:100%; margin-top:10px;}
	.remodal .modal_footer { padding-top:30px 0 20px; text-align:center;}
	.remodal .modal_footer .btn { width:40%;}
	.remodal .modal_footer .btn + .btn { margin-left:15px;}
	#add_cart_detail { padding:20px 15px;}
	.remodal.cartin_modal .modal_close { top:-35px; left:0; display:flex; align-items:center; width:auto; text-align:left;}
	.remodal.cartin_modal .modal_close i { margin-right:5px;}

	.guide_box.el_message .title { font-size:1.3rem; }
	.icon_catch_tx { margin-bottom:30px; text-align:center;}
	.icon_catch_tx i { font-size:2.8rem;}
	.icon_catch_tx .tx1 { font-size:1.2rem;}

	.recommend_list { justify-content:space-between;}
	.recommend_list .item { margin-bottom:15px; width:calc(( 100% - 15px ) / 2 ); margin-right:0;}
	.recommend_list .item .icon_wrap { width:20px; height:20px;}
	.recommend_list .item .title { font-size:0.9rem;}
	.recommend_list .item .sub01 { font-size:0.8rem; margin-top:8px;}

	.column2_wrap { display:flex; flex-wrap:wrap;}
	.column2_wrap .box { width:100%!important; margin-right:0; margin-bottom:10px;}
	.column2_wrap .box:last-of-type { margin-bottom:0;}
	.column2_wrap .box .box_inner { padding:10px 10px 20px;}

	.column3_wrap.sp_vertical { display:block;}
	.column3_wrap.sp_vertical .box { width:auto; margin:0;}
	.column3_wrap.sp_vertical .box + .box { margin-top:30px;}

	.calendar .cal_header { position:relative; padding:20px 0; }
	.calendar .week_row > div { height:40px;}
	.alert_box { margin-bottom:20px; width:100%!important; padding: 15px;}
	.alert_box .title { font-size:1.1rem;}
	.box.narrow { width:auto;}
	.box .box_inner { min-height:auto; padding:0 10px 20px;}

	.common_box { padding:15px;}


	.streaming_guide { margin:-15px 0 20px; padding:0 10px; display:block;}
	.streaming_guide .icon_area { font-size:0.9rem; margin-bottom:12px; display:block;}
	.streaming_guide .icon_area .ttl { margin-right:0; display:block;}
	.streaming_guide ul { display:block; margin-top: 5px}
	.streaming_guide ul li { display:inline-block; margin-right:10px;}
	.streaming_guide ul li i { margin-right:3px; font-size:20px;}
	.streaming_guide .btn { width:100%;}
	.streaming_guide02 { margin:0 10px 20px; }
	.streaming_guide02 .item { display:block; }
	.streaming_guide02 .item + .item { margin-top: 15px;}
	.streaming_guide02 .item .tx1 { font-size:0.85rem; width: auto;}
	.streaming_guide02 .item .tx2 { font-size:0.85rem; margin-top: 5px;}

	.streaming_list { padding:20px 15px;}
	.streaming_list .item { margin-bottom:20px; margin-right:15px; width:calc( ( 100% - 15px ) / 2 );}
	.streaming_list .item:nth-of-type(2n) { margin-right:0;}
	.streaming_list .item .image { height:120px;}
	.streaming_list .item .txt { padding:10px;}
	.streaming_list .item .txt .title { font-size:0.9rem; line-height:1.2;}
	.streaming_list .item .txt .sub02 { font-size:0.8rem;}
	.streaming_list .item .txt .icon_wrap .icon_name { font-size:0.75rem; }
	.streaming_list .status_box { margin-top: 5px; }
	.streaming_list .status_box .btn { font-size:0.7rem; padding:3px 5px; }
	.streaming_list .status_box .underline { font-size:0.7rem;}


	.streaming_list.el { padding:10px;}
	.streaming_list.el .item .image { height:120px;}
	.streaming_list.el .item .txt { padding:8px 10px 10px;}
	.streaming_list.el .item .fix_label.bottom { font-size:0.8rem;}
	.streaming_list.el .item .assign_remove { font-size:0.8rem;}
	.streaming_list.el.small .item { width:calc( ( 100% - 15px ) / 2 );}
	.streaming_list.el.small .item .image { height:110px;}
	.streaming_list.el.small .item .txt { padding:8px 10px 10px;}
	.streaming_list.el.assign_select .item { cursor:pointer;}
	.streaming_list.el.assign_select .item:after { font-family:'Material Icons'; content:"\e86c"; position:absolute; display:flex;height:100%; width:100%; top:0; left:0; background:rgba(0, 128, 160,0.4); box-sizing:border-box; border:5px solid #0080a0; transition:0.2s; z-index:-1; opacity:0; color:#fff; font-size:5rem; align-items: center; justify-content:center;}
	.streaming_list.el.assign_select .item.selected:after { z-index:1; opacity:1;}
	.assigned_item { padding:10px; }
	.step_ttl { margin-bottom:20px; }
	.step_ttl .step_label { margin-right:15px; font-size:1.0rem;}
	.step_ttl .step_label span { font-size:1.4rem;}
	.step_ttl .tx { font-size:1.2rem;}


	.streaming_top { display:block; padding:0;}
	.streaming_top .image { width:auto; margin-right:0; }
	.streaming_top .image img { max-height:180px;}
	.streaming_top .txt { width:auto; padding:20px 10px;}
	.streaming_top .txt .title { font-size:1.4rem; margin:7px 0 20px; line-height:1.3;}
	.streaming_top .txt .sub01 { font-size:1.1rem; }
	.streaming_top .txt .sub02 { font-size:1.1rem; margin-bottom:20px;}
	.streaming_top .txt .sub03 { font-size:1.0rem; margin-bottom:15px;}
	.streaming_top .txt .label_area { font-size:1.2rem; font-weight:bold; margin-bottom:20px;}
	.streaming_top .txt .label_area span + span { margin-left: 10px;}
	.streaming_top .txt .label_area .btn { padding: 3px 5px;}
	.streaming_top .txt .label_area .underline { font-size:0.8rem;}

	.chapter_list {}
	.chapter_list.image_type li .txt .title { font-size:1.1rem;}
	.chapter_list.image_type li .txt .desc { font-size:0.7rem; }
	.chapter_list.image_type li .btn_area { width:100%; padding:15px 0 0 10px;}
	.chapter_list.image_type li .btn_area .btn {}
	.chapter_list.image_type li { flex-wrap:wrap; padding:20px 10px 20px 0;}
	.chapter_list.image_type li .image { width:120px; height:90px; display:block;}
	.chapter_list.image_type li .txt { width:calc( 100% - 120px ); padding:0 0 0 15px; }
	.chapter_list.dl { margin-top:-20px; }
	.chapter_list.dl > li { flex-wrap:wrap; padding:20px 15px;}
	.chapter_list.dl > li .txt { width:100%; padding:0;}
	.chapter_list.dl > li .txt .title { font-size:1.2rem;}
	.chapter_list.dl > li .btn_area { width:100%; padding:15px 0 0;}



	.qa_list { padding:0 10px;}
	.qa_list .item { display:block; padding:15px 10px; margin-bottom:15px;}
	.qa_list .item > div { width:100%; padding:0 0 0 15px;}
	.qa_list .item > div:last-of-type { border-left:0; margin-top:15px;}
	.qa_list .item > div:last-of-type .label_area { left:0;}
	.qa_list .item > div:last-of-type .detail { padding-left:0;}
	.qa_list .item .detail { font-size:1.0rem; padding:30px 0 0 0;}

	/* ログイン */
	.login_option { display:block;}
	.login_option > p { text-align:right; margin-bottom:15px;}
	.member_merit { }
	.member_merit .catch { font-size: 1.2rem;}
	.member_merit .title { font-size: 1.0rem;}
	.member_merit .merit_list {padding:0;}
	.member_merit .merit_list li { width:115px; height:115px;}
	.member_merit .merit_list li .number { font-size:24px; margin-bottom:5px; margin-top:-15px;}
	.member_merit .merit_list li .tx01, .member_merit .merit_list li .tx02 { font-size:0.95rem;}
	.member_merit + .common_btn_area02 { border:0;}

	.member_merit02 { padding:10px; margin-left:-10px!important; margin-right:-10px!important;}
	.member_merit02 .merit_list li { display:block; width:auto!important; height:auto; padding:10px; padding-left:20px; position:relative; float:none!important;}
	.member_merit02 .merit_list li .circle { width:25px; height:25px; margin-right:0; position:absolute; left:-5px; top:-5px; align-items:center;}
	.member_merit02 .merit_list li .tx { display:none;}
	.member_merit02 .merit_list li .number { font-size:15px;}
	.member_merit02 .merit_list li .txt_area { width:100%; display:block;}
	.member_merit02 .merit_list li .txt_area .title { font-size:15px;}
	.member_merit02 .merit_list li .txt_area .title span { font-size:21px;}
	.member_merit02 .merit_list li .txt_area .sub { font-size:12px;}
	.member_merit02 .merit_column .merit_list { width:100%; float:none; margin-bottom:10px;}

	.member_regist_alert { width:auto; margin:0 10px 30px;}
	.member_regist_alert > .ttl { padding:10px 15px 15px;}
	.member_regist_alert > .ttl .tx1 { font-size:1.3rem; margin-bottom:8px;}
	.member_regist_alert > .ttl .tx1 i { font-size:1.7rem; margin-right:3px;}
	.member_regist_alert > .ttl .tx2 { font-size:1.0rem;}
	.member_regist_alert .box_body { padding:20px 15px 25px;}
	.member_regist_alert .box_body .ttl { font-size:1.1rem;}
	.spot_loginbox { width:auto; margin:20px auto 30px; padding:20px 10px 10px;}


	.column2_wrap.buy .box:nth-of-type(3) { margin-top:0;}

	/* DLページ */
	.main.dl { width:auto; margin:0 auto 30px;}
	.main.dl .page_header { padding:10px; margin-bottom:20px; margin-top:0;}
	.main.dl .dl_cont { font-size:1.1rem; padding:0 10px;}
	.main.dl .bottom_info { border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
	.login_box { width:auto; margin:20px -10px; padding:10px;}
	.login_box input[type=text]{ font-size:1.4rem; font-weight:bold;}
	.login_box .common_btn_area02 { border:0; margin:0;}
	.login_box.type02 { padding:20px 15px; margin:20px 0;}

	/* 特別コンテンツページ */
	.main.spe { width:880px; margin:0 auto 30px;}
	.main.spe .spe_cont { font-size:1.1rem;}
	.main.spe .bottom_info { border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
	.main.spe .page_header { margin-bottom:30px; margin-left:-10px; margin-right:-10px;}
	.main.spe .page_header img { width:100%;}
	.main.spe .chapter_list { margin:20px -10px 30px;}
	.main.spe .calendar .week_row > div { height:50px;}
	.main.spe .calendar .week_row > div a { line-height:1.1; }

	/* 商品の購入手順 */
	.flow_cont { font-size:1rem; padding:0 15px;}
	.flow_cont .tx { margin-bottom:20px;}
	.flow_cont .img_center { display:block; margin:0 auto; max-width:100%;}

	/* よくある質問 */
	.faq { padding:0; }
	.faq .cont_block .cat_name { padding:30px 10px; font-size:1.5rem; margin-bottom:0;}
	.faq .cont_block .faq_list .item .q_tx { padding:15px 40px 15px 40px; font-size:1.1rem;}
	.faq .cont_block .faq_list .item .q_tx:before { font-size:1.3rem; top:13px;}
	.faq .cont_block .faq_list .item .q_tx.active:after { content:"\e15b";}
	.faq .cont_block .faq_list .item .q_tx:after { font-size:1.3rem; margin-top:-0.65rem;}
	.faq .cont_block .faq_list .item .a_tx { padding:15px 15px 30px 40px; font-size:1rem;}
	.faq .cont_block .faq_list .item .a_tx:before { font-size:1.3rem; top:13px; left:10px}
	.faq .cont_block .faq_list .item .a_tx .sub_cont { padding-left:10px;}
	.faq .cont_block .faq_list .item .a_tx .sub_cont + .sub_cont { margin-top:20px;}
	.faq .cont_block .faq_list .item .a_tx .title { margin-left:-10px;margin-bottom:10px;}


	/* 新聞広告 */
	#pressList {}
	#pressList article { margin-bottom:20px; }
	#pressList article h2 { font-size:1.5rem; text-align:left; line-height:1.3;}
	#pressList article .attention { text-align:left!important;}
	#pressList article .attention + p { padding:30px 20px; margin-left:-10px; margin-right:-10px;}
	#pressList aside { margin-left:-10px; margin-right:-10px;}
	#pressList aside ul li a { display:block; }
	#pressList aside ul li a .date { display:block; width:auto; font-size:0.9rem;}
	#pressList aside ul li a .title { display:block; width:auto; font-size:1.2rem;}
	.panel_item_list { justify-content:space-between;}
	.panel_item_list .item { width:calc((100% - 10px) / 2); margin-right:0; padding-bottom:25px; margin-bottom:25px;}
	.panel_item_list .item a { text-decoration:none;}
	.panel_item_list .item .image { height:100px; }
	.panel_item_list .title { font-size:1.0rem;}


	/* ご利用ガイド */
	.ttl_after_btnarea { padding:0 20px; text-align:center; margin:0 0 20px;}
	.ttl_after_btnarea.ttl_baseline { margin:0 0 20px;}
	.ttl_after_btnarea .btn { display:block; width:100%;}

	.guide_detail .pagetop { margin:20px 0 0;}
	.guide_cont { padding:15px 15px;}
	.guide_cont p { margin-bottom:15px;}
	.guide_cont .ttl { font-size:1.2rem; color:#11459F;}
	.guide_cont .img_right { float:none; margin:10px auto 20px; display:block;}
	.guide_cont .img_center { max-width:100%;}
	.guide_cont .sub_cont { margin-bottom:20px; padding-left:1rem;}
	.guide_cont .sub_cont .ttl { margin-left:-1rem;}
	.guide_cont .inner_box { padding:15px; margin-bottom:20px;}
	.guide_cont .catch_title { padding:0;}

	.guide_cont .current_nav { background:ivory; border:1px solid #ddd; padding:15px; display:block;}
	.guide_cont .current_nav ul { width:auto; padding:0!important; border:0!important;}
	.guide_cont .current_nav ul:nth-of-type(2) { margin-top:10px;}
	.guide_cont .current_nav li { margin-bottom:10px;}
	.guide_cont .current_nav li:last-of-type { margin-bottom:0;}
	.guide_cont .current_nav li a { display:block; position:relative; font-size:1.1rem; text-decoration:none; padding-left:20px;}
	.guide_cont .current_nav li a:hover { text-decoration:underline;}
	.guide_cont .current_nav li a:after { font-family: 'Material Icons'; content: "\e315"; position: absolute; left:0; top:50%; font-size:18px; line-height: 1; margin-top:-9px; font-weight:normal;}


	.guide_wrap .side { order:1; padding:0;}
	.side .guide_nav .group .group_ttl { margin:0; padding:12px 40px 12px 10px; }
	.side .guide_nav .group .group_ttl:after { right:5px;}
	.side .guide_nav .list_nav li a { padding-left:20px;}
	.side .guide_nav .list_nav li a:after { right:5px;}
	.guide_wrap .side .btn_box { padding:0 20px; background:#f4f4f4; }
	.guide_top .side .btn_box { display:block; }
	.guide_detail .side { display:none;}
	.guide_detail .pagetitle .inner_btnarea.pc_nodisp { display:block; }

	/* 初めての方へ */
	.cont_guide { margin:0 0 40px;}
	.cont_guide .cont_block { margin-bottom:30px; }
	.cont_guide .ttl { font-size:1.8rem; padding:0 10px 10px; margin-bottom:10px;}
	.cont_guide .ttl .large { font-size:2.2rem;}
	.cont_guide .ttl .step_number { font-size:40px;}
	.cont_guide .btn_list { padding:0 10px; display:block;}
	.cont_guide .btn_list .tab_btn { width:auto; height:auto; margin-right:0; margin-bottom:5px; display:block; font-size:1.3rem; padding:15px;}
	.cont_guide .btn_list .tab_btn:last-of-type {margin-bottom:0;}
	.cont_guide #field .btn_list.active { display:block;}

	#result_wrap { background:#f5f5f5; width:auto; position:relative; padding-top:40px;}
	#result_wrap:before { border-right: 30px solid transparent; border-top: 30px solid #fff; border-left: 30px solid transparent;  margin-left:-30px;}
	#result_wrap .main { width:auto;}
	#result_wrap .result_list { background:#fff; padding:20px 10px;}
	#result_wrap .common_item_list .item:last-of-type { border:0;}

	#result_wrap .common_item_list .item .image { float:none; width:100%; height:auto; margin-bottom:15px;}
	#result_wrap .common_item_list .item .image a { width:100%; height:auto;}
	#result_wrap .common_item_list .item .image a img { max-height:180px;}
	#result_wrap .common_item_list .item .tx_area { float:none; width:100%;}


} /* sp */


/* Print */
#print_space{ display:none; }
#productsTitleNear { width:440px; float:right; padding:0 0 10px; margin:0 20px 0 0; display:inline; }
#productsTitleNear h4 { padding:10px 0 0; font-weight:bold; color:#f60; border-bottom:1px dotted #ccc; }
#productsTitleNear li { font-size:90%; padding:2px 0 2px 16px; background:url(/img/prod/ico_near.gif) 3px 8px no-repeat; border-bottom:1px dotted #ccc; }

@media print{
	header, footer, .breadcrumb, .fixNav { display:none!important; }
	body { padding:20px; }
	.container {width:100%;}
}
@page {
    size: A4 portrait;
    margin: 0mm;
}

/*********************************************
 SP (small display) iphone SE
**********************************************/
@media screen and (max-width: 350px){

header .sp_nav .menu_btn { margin-left:0;}
header .sp_nav .btn_area li { margin-left:2px; }
header .sp_mainnav a em { display:none;}

/* ドロワメニュー*/
.drawer-overlay:before { right:285px; font-size:2.0rem; }
.drawer-nav { width:280px;}
.drawer-right .drawer-nav { right:-280px;}
.drawer-menu .nav01 ul li a { padding:15px 5px 15px 42px; font-size:0.9rem;}
.sp_slide_nav .nav01 ul li a { font-size:0.9rem;}


}













/* おしらせページににタイムスケジュールへのボタン追加 */
.TimeScheduleLink { margin-bottom:40px; text-align:center; }
.TimeScheduleLink > a {  margin:auto; font-size:16px; font-weight:bold; background:#262626; text-align:left; color:#fff; display:flex; width:100%; width:400px; padding:8px 8px 8px 16px; box-sizing:border-box; align-items:center; justify-content:center; text-decoration:none; border-radius:4px; }
.TimeScheduleLink > a i { margin-left:auto; }
.TimeScheduleLink2 { margin:10px 0 40px;}
.TimeScheduleLink2 > a { font-size:16px; font-weight:600; background:#262626; text-align:center; color:#fff; display:block; width:100%; padding:15px 10px; box-sizing:border-box; text-decoration:none; border-radius:4px; position:relative;}
.TimeScheduleLink2 > a .label { margin-right:10px;}
.TimeScheduleLink2 > a i { position:absolute; right:15px; top:50%; margin-top:-1rem;}

@media screen and (max-width: 640px){
	.TimeScheduleLink { margin-bottom:0; padding:8px; }
	.TimeScheduleLink > a { font-size:12px; width:80%; }
	.TimeScheduleLink2 { margin:10px 10px 30px;}
	.TimeScheduleLink2 > a { font-size:14px; width:100%; }
	.TimeScheduleLink2 > a i { right:10px;}
}

/* セミナータイムスケジュール */
:root {
	--baseColor:#0c3170;
	--day1Color:#7D95BF;
	--day2Color:#70BBD0;
	--day3Color:#47A7CE;
}
.TimeSchedule {}
.TimeSchedule span { font-weight:inherit; }
.TimeSchedule div { font-weight:inherit; }
.TimeSchedule .Mark { display:inline-block; padding-left:1em; }
.TimeSchedule .Mark__icon { display:inline-block; width:1em; margin-left:-1em; text-align:center; }
.TimeSchedule > .ttl { margin-bottom:1px; background:var(--baseColor); color:#fff; text-align:center; padding:16px 0; }
.TimeSchedule > .ttl > .txt1 { font-size:40px; }
.TimeSchedule > .ttl > .txt2 { font-size:24px; }
.TimeSchedule > .ttl > .txt2 .large { font-size:64px; }
.TimeSchedule > .ttl > .txt2 .large.-normal { font-weight:normal; }
.TimeSchedule > .tabArea { display:flex; width:100%; margin-bottom:40px; }
.TimeSchedule > .tabArea > .item { width:100%; padding-right:1px; box-sizing:border-box; }
.TimeSchedule > .tabArea > .item:last-child { padding-right:0; }
.TimeSchedule > .tabArea > .item > a { display:block; padding:16px 8px 8px 8px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; position:relative; }
.TimeSchedule > .tabArea > .item > a > .txt1 { font-size:16px; display:flex; align-items:center; justify-content:center; margin:auto; height:32px; width:80px; margin-bottom:4px; box-sizing:border-box; background:#fff; border-radius:32px; }
.TimeSchedule > .tabArea > .item > a > .txt2 { font-size:24px; }
.TimeSchedule > .tabArea > .item > a > .txt2 span { font-size:32px; }
.TimeSchedule > .tabArea > .item.-day1 > a { background:var(--day1Color); }
.TimeSchedule > .tabArea > .item.-day2 > a { background:var(--day2Color); }
.TimeSchedule > .tabArea > .item.-day3 > a { background:var(--day3Color); }
.TimeSchedule > .tabArea > .item.-active > a::after { content:""; display:block; position:absolute; bottom:-16px; left:0; right:0; margin:auto; width:0; height:0; border-style:solid; border-right:12px solid transparent; border-left:12px solid transparent; border-top:16px solid #555555; }
.TimeSchedule > .tabArea > .item.-day1.-active > a::after { border-top-color:var(--day1Color); }
.TimeSchedule > .tabArea > .item.-day2.-active > a::after { border-top-color:var(--day2Color); }
.TimeSchedule > .tabArea > .item.-day3.-active > a::after { border-top-color:var(--day3Color); }
.TimeSchedule > .tabArea > .item > a:hover::after { content:""; display:block; position:absolute; bottom:-16px; left:0; right:0; margin:auto; width:0; height:0; border-style:solid; border-right:12px solid transparent; border-left:12px solid transparent; border-top:16px solid #555555; }
.TimeSchedule > .tabArea > .item.-day1 > a:hover::after { border-top-color:var(--day1Color); }
.TimeSchedule > .tabArea > .item.-day2 > a:hover::after { border-top-color:var(--day2Color); }
.TimeSchedule > .tabArea > .item.-day3 > a:hover::after { border-top-color:var(--day3Color); }
.TimeSchedule > .tabArea > .item.-day1 > a > .txt1 { color:var(--day1Color); }
.TimeSchedule > .tabArea > .item.-day2 > a > .txt1 { color:var(--day2Color); }
.TimeSchedule > .tabArea > .item.-day3 > a > .txt1 { color:var(--day3Color); }
.TimeSchedule > .tabBody { margin-bottom:40px; }
.TimeSchedule > .tabBody > .ttl2 { padding:0 0 16px 0; border-bottom:1px solid #ddd; }
.TimeSchedule > .tabBody > .ttl2.-day1 { color:var(--day1Color); }
.TimeSchedule > .tabBody > .ttl2.-day2 { color:var(--day2Color); }
.TimeSchedule > .tabBody > .ttl2.-day3 { color:var(--day3Color); }
.TimeSchedule > .tabBody > .ttl2 > .txt1 { font-size:16px; }
.TimeSchedule > .tabBody > .ttl2 > .txt2 { font-size:24px; }
.TimeSchedule > .tabBody > .ttl2 > .txt2 span { font-size:32px; }
.TimeSchedule > .tabBody > .timeArea { margin-bottom:40px; }
.TimeSchedule > .tabBody > .timeArea > .item { border-bottom:1px solid #ddd; padding:20px 0 14px; line-height:1.65; }
.TimeSchedule > .tabBody > .timeArea > .item:last-child { border-bottom:none; padding-bottom:0; }
.TimeSchedule > .tabBody > .timeArea > .item > .txt1 { font-size:14px; padding:4px 8px; display:inline-block; font-weight:bold; margin-bottom:8px; background:var(--day1Color); color:#fff; }
.TimeSchedule > .tabBody > .timeArea.-day1 > .item > .txt1 { background:var(--day1Color); }
.TimeSchedule > .tabBody > .timeArea.-day2 > .item > .txt1 { background:var(--day2Color); }
.TimeSchedule > .tabBody > .timeArea.-day3 > .item > .txt1 { background:var(--day3Color); }
.TimeSchedule > .tabBody > .timeArea > .item > .txt2 { font-size:16px; font-weight:bold; margin-bottom:5px; }
.TimeSchedule > .tabBody > .timeArea > .item > .txt2:last-child { margin-bottom:0; }
.TimeSchedule > .tabBody > .timeArea > .item > .txt2 > .name { font-size:24px; }
.TimeSchedule > .tabBody > .bottom_txt {}
.TimeSchedule > .map { background:#f5f5f5; text-align:center; padding:40px; box-sizing:border-box; }
.TimeSchedule > .map > .ttl3 { font-size:24px; margin-bottom:16px; }
.TimeSchedule > .map img { width:100%; }
@media screen and (max-width: 640px){
	.TimeSchedule > .ttl { padding:16px 0 14px; }
	.TimeSchedule > .ttl > .txt1 { font-size:16px; }
	.TimeSchedule > .ttl > .txt2 { font-size:12px; }
	.TimeSchedule > .ttl > .txt2 .large { font-size:24px; }
	.TimeSchedule > .tabArea { margin-bottom:24px; }
	.TimeSchedule > .tabArea > .item > a { padding:16px 0 8px 0; }
	.TimeSchedule > .tabArea > .item > a > .txt1 { font-size:10px; height:24px; width:64px; margin-bottom:4px; border-radius:24px; }
	.TimeSchedule > .tabArea > .item > a > .txt2 { font-size:14px; }
	.TimeSchedule > .tabArea > .item > a > .txt2 span { font-size:16px; }
	.TimeSchedule > .tabArea > .item.-active > a::after { bottom:-12px; border-right:8px solid transparent; border-left:8px solid transparent; border-top:12px solid #555555; }
	.TimeSchedule > .tabArea > .item > a:hover::after { bottom:-12px; border-right:8px solid transparent; border-left:8px solid transparent; border-top:12px solid #555555; }
	.TimeSchedule > .tabBody { padding:0 8px; margin-bottom:40px; }
	.TimeSchedule > .tabBody > .ttl2 { padding:0 0 16px 0; }
	.TimeSchedule > .tabBody > .ttl2 > .txt1 { font-size:12px; }
	.TimeSchedule > .tabBody > .ttl2 > .txt2 { font-size:16px; }
	.TimeSchedule > .tabBody > .ttl2 > .txt2 span { font-size:24px; }
	.TimeSchedule > .tabBody > .timeArea { margin-bottom:24px; }
	.TimeSchedule > .tabBody > .timeArea > .item { padding:16px 0 12px; line-height:1.65; }
	.TimeSchedule > .tabBody > .timeArea > .item > .txt1 { font-size:10px; padding:4px 8px; margin-bottom:8px; }
	.TimeSchedule > .tabBody > .timeArea > .item > .txt2 { font-size:11px; margin-bottom:5px; }
	.TimeSchedule > .tabBody > .timeArea > .item > .txt2:last-child { margin-bottom:0; }
	.TimeSchedule > .tabBody > .timeArea > .item > .txt2 > .name { font-size:13px; }

	.TimeSchedule > .tabBody > .bottom_txt { font-size:12px; }
	.TimeSchedule > .map { padding:16px; }
	.TimeSchedule > .map > .ttl3 { font-size:16px; margin-bottom:16px; }
	.TimeSchedule > .map img {}
}