@charset "utf-8";

/*conf*/
/*.js-numberDays{display:none;}
#snm-referenceDateAndTimeSetting{display: none;}*/
#container #mainContent{padding:0;}
#snm-header{margin-bottom:0;}
#container #mainContent{margin-bottom:0;}
/*conf*/

/*simplebar_start*/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

.scroll__inner {
  background-color: #ffffff;
  height: 550px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.simplebar-scrollbar::before {
  background: #ffffff;
  border-radius: 0;
  width: 18px;
  margin-left: 0px;
  margin-top: 0px;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.simplebar-track {
  background: #F1F1F1;
  width: 23px !important;
}
/*simplebar_end*/

/********* basic_setup *********/
.disp_PC{display:block;}
.disp_SP{display:none;}

.ns_switch2_container{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:20px;}
.ns_switch2_container2{background:#242527; overflow:hidden;}

.ns_switch2_container a img:hover { opacity:1; }
.ns_switch2_container h1{z-index:50; position: relative}
.ns_switch2_container h2{border:none; padding:0; margin:0 auto 20px;}
.ns_switch2_container h3{background:none; padding:0; margin:0;}
.ns_switch2_container dt{display: block}

.ns_txt{padding:0 1em; text-align: left}
.ns_note{text-align: left; margin-bottom:1.4em;}
.ns_note li{text-indent:-1em; margin-left:1em; line-height:1.2em}
.ns_attention{color:#e70014;}
.ns_hedding{margin-bottom:1em;}
.ns_table{border-collapse: collapse; width: 100%;}
.ns_table, .ns_table th, .ns_table td{border: 0; padding: 0; margin: 0;}
.ns_subttl{font-size:0.7em; font-weight:normal; display: block; line-height:1.3em}

/********* teaser *********/
.ns_switch2_container{background:#e70014; background-image: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/250424switch2/kv2.jpg); padding-bottom:0; background-repeat: no-repeat; background-position: right top; background-size:100%; overflow: hidden; margin-top:-20px;}
.ns_switch2_container h1{width:100%; height:auto; padding:0 0 0; margin:0 auto; border:none;}
/*.ns_switch2_container h1 span{display: block; text-align: center; width:352px;}*/
.ns_switch2_container h1 img{width:100%; margin:0 auto 0; display: block;}
/********* teaser *********/

/*hover_start*/
.ns_switch2_container a, .ns_switch2_container a img{
 transition: 0.3s; color:#e70014;
}
.ns_switch2_container a:hover, .ns_switch2_container a img:hover{
 transform: translate(7px, 0);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
/*エフェクトの無効化*/
.ns_switch2_container .ns_button.ns_closed a:hover{
 transform: translate(0, 0);
}
.ns_switch2_container .ns_button2.ns_closed a:hover{
 transform: translate(0, 0);
}
.ns_switch2_container .ns_tabs a:hover{
 transform: translate(0, 0);
 text-decoration:none;
}
/*エフェクトの無効化*/
/*hover_end*/

/********* basic_setup *********/

.ns_switch2_container h2{border-top:4px solid #e70014; border-bottom:4px solid #e70014; color:#e70014; text-align: center; font-weight:bold; font-size:38px; padding:0.5em 0; letter-spacing:0.05em}
.ns_switch2_container2 h2{border-top:4px solid #242527; border-bottom:4px solid #242527; color:#242527; text-align: center; font-weight:bold; font-size:38px; padding:0.5em 0; letter-spacing:0.05em; margin-bottom:30px;}

.ns_button{width:500px; margin:0 auto;}
.ns_button a{display:block; width:auto; padding:0.8em; border:4px solid #fff; color:#fff; text-align:center; font-weight:bold; font-size:28px; margin-bottom:0.8em; text-decoration:none; position: relative;  z-index:51;}
.ns_button a:hover{color:#fff; text-decoration:none;}
.ns_button a::after{content:">"; display: inline-block; float:right;}
.ns_button a.is-tap{color:#fff; text-decoration:none !important}

.ns_button.ns_closed{width:600px;}
.ns_button.ns_closed a{color:#505050; border:4px solid #505050; font-size:35px; padding:0.6em}
.ns_button.ns_closed a::after{content:"";}

.ns_button2{width:500px; margin:0 auto;}
.ns_button2 a{display:block; width:auto; padding:0.8em; border:4px solid #000000; background:#000000; color:#ffffff; text-align:center; font-weight:bold; font-size:28px; margin-bottom:0.8em; text-decoration:none; position: relative;  z-index:51;}
.ns_button2 a:hover{color:#ffffff; text-decoration:none;}
.ns_button2 a::after{content:">"; display: inline-block; float:right;}
.ns_button2 a.is-tap{color:#ffffff; text-decoration:none !important}

.ns_button2.ns_closed{width:600px;}
.ns_button2.ns_closed a{color:#707070; border:4px solid #000000; font-size:35px; padding:0.6em}
.ns_button2.ns_closed a::after{content:"";}


.ns_read{text-align: center; font-weight:bold; line-height:1.9em; letter-spacing:0.01em; color:#141517; margin-bottom:70px;}
.ns_read p{color:#fff;}
.ns_read .ns_note{text-align: center; color:#242527;}
.ns_read .ns_note li{margin-bottom:0.3em;}

.ns_read2{text-align: left; font-weight:normal; line-height:1.5em; letter-spacing:0.01em; color:#141517; margin-bottom:0;}
.ns_read2 .ns_note{margin-top:0.5em;}

.ns_read3{text-align: center; font-weight:bold; font-size:22px;color:#e70014;}
.ns_read3 span{font-size:2em;}
.ns_read3 span:last-child{font-size:1.5em;}

.ns_entry{width:980px; background:#fff; border-radius:24px; margin:0 auto 70px; overflow:hidden}
.ns_entry_wrap{width:80%; margin:70px auto 0;}
.ns_entry_wrap li{margin-bottom:0.5em;}
.ns_entry_wrap > dl{margin-bottom:40px;}
.ns_entry_wrap dl > dd{overflow: hidden}

.ns_products{width:50%; float:left;}
.ns_products dd{text-align:left; margin-bottom:1.4em;}
.ns_products img{width:96%;}
.ns_products:nth-child(2) dd{padding-left:1em;}

.ns_entry_steps{}
.ns_entry_steps_ttl{text-align:center; font-weight:bold; font-size:24px; margin-bottom:0.8em;}
.ns_entry_steps_ttl span{background:#e70014; color:#fff; padding:0 0.3em; margin-left:-0.3em;}
.ns_entry_steps h3{background-color:#e70014; text-align: center; color:#fff; border-radius:2em; font-size:24px; max-height:none;}

/*ns_tabs_start*/
.ns_tab-container {width: 100%;}
.ns_tabs {display: flex;}
.ns_tab-link {flex: 1;font-size:24px;text-align: center;padding: 1em 0;background: #e9e5e6;text-decoration: none;color: #e70014;font-weight: bold;transition: background 0.3s, color 0.3s;cursor: pointer;border: none;border-bottom: 4px solid #e70014;box-sizing: border-box;}
.ns_tab-link.ns_active,
.ns_tab-link:focus {background: #ffffff;color: #e70014;outline: none;border: 4px solid #e70014;border-bottom: none;position: relative;z-index: 2;}
.ns_tab-content {padding:1.5em;width: 100%;opacity: 0;pointer-events: none;transition: opacity 0.5s;box-sizing: border-box;height: 0;display:none;border: 4px solid #e70014;border-top:none;}
.ns_tab-content:nth-child(1){height:860px;}
.ns_tab-content:nth-child(2){height:445px;}
.ns_tab-content.ns_active {opacity: 1;pointer-events: auto;z-index: 1;display:block;}
.ns_tab-contents {position: relative;background: #ffffff;border-top: none;box-sizing: border-box; font-weight:bold;text-align: center}
/*ns_tabs_end*/
.ns_tab_read{color:#e70014; margin-bottom:0.3em; font-size:24px;}
.ns_tab_read span{font-size:2em;}
.ns_tab_read span:last-child{font-size:1.5em;}

#ns_content1 ul,#ns_content2 ul{width:100%;}
#ns_content1 li{display:inline-block;}

#ns_content1 li img{margin:0 4px 6px 0;}
#ns_content2 li img{width:100%;}

#ns_content1 li img.qr{top:230px; left:90px; position:absolute;}

.ns_copy{font-size:0.9em; margin:90px 0.2em 0 0.5em; text-align: center; position:relative; bottom:0.5em; right:0.3em;}

.ns_reccomend{width:980px; background:#fff; border-radius:24px; margin:70px auto; overflow:hidden; text-align:center;}
.ns_reccomend_wrap{width:80%; margin:70px auto 0;}
.ns_reccomend_wrap li{margin-bottom:0.5em;}
.ns_reccomend_wrap > dl{margin-bottom:40px;}
.ns_reccomend_wrap dl > dd{overflow: hidden; margin-bottom:30px;}
.ns_reccomend_wrap dl > dd:last-child{ margin-bottom:70px;}


@media screen and (min-width: 641px) {
.disp_SP{display:none}
.breadcrumbs { margin:0 auto 0; padding: 12px 1em; line-height: 1.2em; font-size: 14px; width: 100%; box-sizing: border-box; }
.breadcrumbs li { display:inline-block;}
.breadcrumbs li::after {content: ">";}
.breadcrumbs li:last-child::after {content:none;}
.breadcrumbs a { color:#000; transition: .3s; }
.breadcrumbs a:hover { opacity: .7; }
.breadcrumbs span { margin-right:0.3em; }

}

@media screen and (max-width: 640px) {
.disp_PC{display:none}
.disp_SP{display:block}

.breadcrumbs { margin:0 auto 0; padding: 6px 0 7px 0.5em; line-height: 1.3em; font-size: 12px; box-sizing: border-box; color:#626262; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.breadcrumbs::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera用 */}
.breadcrumbs li { display:inline-block;}
.breadcrumbs li::after {content: ">";}
.breadcrumbs li:last-child::after {content:none;}
.breadcrumbs a { color:#626262; transition: .3s; }
.breadcrumbs a:hover { opacity: .7; }
.breadcrumbs span { margin-right:0.3em; }

.ns_switch2_container{font-size:15px; margin-top:-25px;}
.ns_switch2_container h1{margin-bottom:-5%;}
.ns_switch2_container h2{border-top:4px solid #e70014; border-bottom:4px solid #e70014; color:#e70014; text-align: center; font-weight:bold; font-size:25px; padding:0.2em 0 0.1em; letter-spacing:0.05em; line-height:1.1em;}
.ns_switch2_container2 h2{border-top:4px solid #242527; border-bottom:4px solid #242527; color:#242527; text-align: center; font-weight:bold; font-size:25px; padding:0.2em 0 0.1em; letter-spacing:0.05em; line-height:1.1em; margin:0 auto 20px;}

.ns_button{width:80%; margin:0 auto;}
.ns_button a{display:block; width:auto; padding:0.7em; border:3px solid #fff; font-size:20px; margin-bottom:0.8em; text-decoration:none;}
.ns_button a::after{content:">"; display: inline-block; float:right;}

.ns_button.ns_closed{width:80%; position:relative; z-index:9;}
.ns_button.ns_closed a{font-size:20px;}
.ns_button.ns_closed a::after{}

.ns_button2{width:80%; margin:0 auto;}
.ns_button2 a{display:block; width:auto; padding:0.7em; border:3px solid #fff; font-size:3.3vw; margin-bottom:0.8em; text-decoration:none;}
.ns_button2 a::after{content:">"; display: inline-block; float:right;}

.ns_button2.ns_closed{width:80%; position:relative; z-index:9;}
.ns_button2.ns_closed a{font-size:20px;}
.ns_button2.ns_closed a::after{}

.ns_read{line-height:1.2em; margin-bottom:30px; width:calc(100% - 3em); margin:0 auto 0 2em;}
.ns_read .ns_note li{text-align:left; text-indent:-1em; margin-left:1em; margin:0.3em 0 0;}

.ns_read2 p{font-weight:bold; font-size:3.3vw; line-height:1.2em;}
.ns_read2 .ns_note li{font-size:3.3vw;}

.ns_read3{font-size:18px; line-height:25px; margin-top:0.5em;}
.ns_read3 span{font-size:1.5em;}
.ns_read3 span:last-child{font-size:1.25em;}

.ns_entry{width:90%; border-radius:24px; margin:0 auto 30px;}
.ns_entry_wrap{width:90%; margin:30px auto 0;}
.ns_entry_wrap li{margin-bottom:0.5em;}
.ns_entry_wrap > dl{margin-bottom:40px;}

.ns_products{width:50%; float:left;}
.ns_products dd{margin-bottom:1.4em;}
.ns_products img{width:96%;}

.ns_entry_steps_ttl{font-size:18px; margin-bottom:0.8em;}
.ns_entry_steps_ttl span{background:#e70014; color:#fff; padding:0 0.3em; margin-left:-0.3em;}
.ns_entry_steps h3{font-size:16px; padding:0.2em 0;}

/*ns_tabs_start*/
.ns_tab-link {font-size:18px;text-align: center;padding: 1em 0;background: #e9e5e6;text-decoration: none;color: #e70014;font-weight: bold;transition: background 0.3s, color 0.3s;cursor: pointer;border: none;border-bottom: 4px solid #e70014;box-sizing: border-box;}
.ns_tab-link.ns_active,
.ns_tab-link:focus {background: #ffffff;color: #e70014;outline: none;border: 4px solid #e70014;border-bottom: none;position: relative;z-index: 2;}
.ns_tab-content {padding:3.6vw 3.3vw;width: 100%;opacity: 0;pointer-events: none;transition: opacity 0.5s;box-sizing: border-box;height: 0;display:none;border: 4px solid #e70014;border-top:none;}
.ns_tab-content:nth-child(1){height:1570px;}
.ns_tab-content:nth-child(2){height:80vw;}
.ns_tab-content.ns_active {opacity: 1;pointer-events: auto;z-index: 1;display:block;}
.ns_tab-contents {position: relative;background: #ffffff;border-top: none;box-sizing: border-box; font-weight:bold;text-align: center}
/*ns_tabs_end*/
.ns_tab_read{font-size:16px;}

#ns_content1 ul,#ns_content2 ul{width:100%;}
#ns_content1 li{display:inline-block;}
#ns_content1 li img{margin:0; width:194px;}
#ns_content2 li img{width:100%;}

#ns_content1 li img.appstore,#ns_content1 li img.googleplay{width:140px; display: block; margin:0 auto; position:absolute;}
#ns_content1 li img.appstore{top:170px; left:calc(50% - 63px);}
#ns_content1 li img.googleplay{top:230px; left:calc(50% - 63px);}

.ns_copy{font-size:0.9em; margin:30px 0 0; position:relative; bottom:0.3em;}

.ns_reccomend{width:90%; border-radius:24px; margin:30px auto 30px;}
.ns_reccomend_wrap{width:90%; margin:30px auto 0;}
.ns_reccomend_wrap dd{margin-bottom:0.5em;}
.ns_reccomend_wrap > dl{margin-bottom:40px;}
.ns_reccomend_wrap dl > dd{overflow: hidden; margin-bottom:10px;}
.ns_reccomend_wrap dl > dd:last-child{ margin-bottom:0;}
.ns_reccomend_wrap dl > dd img{width:100%;}

}