body { width: 100%; min-height: 100vh; position: relative; margin: 0!important; background-size: contain; background-image: url(../img/cover.png);}

#header_sp { background-image: url(../img/main_bg-s0.jpg); z-index: 1000;}
#head_set { z-index: 1100;}
h1#logo { position: absolute;}

#footer { z-index: 1200; margin-bottom: -50px;}
#footer #kirari4 { margin-bottom: 0;}

@-webkit-keyframes main_kira0 { 0 { opacity: 0.3;} 100% { opacity: 0.3;}}
@keyframes main_kira0 { 0 { opacity: 0.3;} 100% { opacity: 0.3;}}

#main_kira1_1 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 1000ms; z-index: 1000;}
#main_kira1_2 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 2000ms; z-index: 1000;}
#main_kira2_1 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 500ms; z-index: 1000;}
#main_kira2_2 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 1500ms; z-index: 1000;}
#main_kira2_3 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 2500ms; z-index: 1000;}

/*news*/
#news { margin-top: -90vh; z-index: 1100;}
#news h2 {  margin: 0 auto;}

/*_back to ...*/
#bt_sp { width: 40%; max-width: 186px; margin: 1em auto; position: relative; z-index: 1200;}
#bt_sp a { display: block; width: 100%; height: 0; padding-top: 13.513513513513514%; padding-top: -webkit-calc(100 / 740 * 100%); padding-top: calc(100 / 740 * 100%); position: relative;}
#bt_sp a:hover { opacity: .8;}
#bt_sp .bt_lnk { width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
#bt_sp #bt_top { background-image: url(../img/bt_top.png);}
#bt_sp #bt_list { background-image: url(../img/bt_list.png);}

/*_detail*/
h3.date_t { font-weight: 300; padding-bottom: 1em;}
h4.title_t { font-size: 140%; line-height: 160%; padding-bottom: 1.5em; border-bottom: .5px solid rgba(255, 255, 255, 1);}
h5.stitle_t { font-size: 120%; line-height: 150%; padding: 1.5em 0 0 0;}
.cntxt { font-size: 110%; letter-spacing: .05em; line-height: 180%; padding: 2em 0 0 0;}
.ns_lnk { width: auto; height: 72px; margin: 4em auto; position: relative; z-index: 1000; display: inline-block;}
.ns_lnk a { display: block; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 1); border-radius: 50px; position: relative;}
.ns_lnk a:hover { opacity: .8;}
.ns_lnk a .btn_lnk-txt { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 110%; font-weight: 600; text-align: center; letter-spacing: .05em; position: relative;}
.ns_lnk a .btn_lnk-txt .btn_lnks { width: 100%; white-space: wrap; padding: 0 5em; line-height: 120%; text-align: center;}
.ns_lnk a .btn_lnk-txt::after { content: ''; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/ya_white.png); position: absolute; right: 1em; top: 50%; margin-top: -10px;}
.ns_lnk.blank_sp a .btn_lnk-txt .gib_t { font-weight: 300; color: rgba(255, 255, 255, .5); font-size: 70%; padding-top: .75em; letter-spacing: 0;}
.ns_lnk.blank_sp a .btn_lnk-txt::after { content: ''; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/blank.png); position: absolute; right: 1em; top: 50%; margin-top: -10px;}
.ns_img-y { width: 100%;}

/*for_W768-*/
@media all and (min-width: 768px) {
h4.title_t { font-size: 150%;}
.con_txt { width: 96%; margin: 0 auto;}
.cntxt { font-size: 110%; padding: 2.5em 0 0 0;}
ns_lnk { width: auto; max-width: auto; }
}
/*for_W960-*/
@media all and (min-width: 960px) {
#header_sp { background-image: url(../img/main_bg0.jpg);}
#main_pc-kira1_1 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 1000ms; z-index: 1000;}
#main_pc-kira1_2 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 2000ms; z-index: 1000;}
#main_pc-kira1_3 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 2000ms; z-index: 1000;}
#main_pc-kira2_1 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 500ms; z-index: 1000;}
#main_pc-kira2_2 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 1500ms; z-index: 1000;}
#main_pc-kira2_3 { opacity: 0.3; -webkit-animation: main_kira0 500ms linear forwards; animation: main_kira0 500ms linear forwards; animation-delay: 2500ms; z-index: 1000;}
#bt_sp { margin: 2em auto 5em auto;}
h4.title_t { font-size: 160%;}
.con_txt { width: 90%;}
.cntxt { font-size: 120%; padding: 3em 0 0 0;}

.ns_lnk { height: 84px;}
.ns_lnk a .btn_lnk-txt { width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
.ns_lnk a .btn_lnk-txt .btn_lnks { padding: 0 4em 0 2em; font-size: 120%;}
.ns_lnk.blank_sp a .btn_lnk-txt .btn_lnks { box-sizing: border-box; flex-basis: 48%; padding: 0 1em 0 2em; text-align: right; display: inline-block; white-space: nowrap;}
.ns_lnk.blank_sp a .btn_lnk-txt .gib_t { box-sizing: border-box; flex-basis: 48%; box-sizing: border-box; padding: 0 5em 0 0; text-align: right; padding-top: 0; font-size: 80%; white-space: nowrap; display: inline-block;}
.ns_lnk a .btn_lnk-txt::after { right: 2em;}
}
/*for_W1100-*/
@media all and (min-width: 1100px) {
.con_txt { width: 80%;}
.cntxt { line-height: 190%; font-size: 130%;}
h4.title_t { font-size: 180%;}
h5.stitle_t { font-size: 140%;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) {
.con_txt { width: 75%;}
.cntxt { line-height: 190%; font-size: 140%;}
h4.title_t { font-size: 200%;}
h5.stitle_t { font-size: 160%;}
#header #gl_nav #mn_products, #header #gl_nav #mn_business { flex-basis: 17.04%; margin-left: 14%;}
}

/* 	photo
============================== */
.photo { width: 100%; margin: 1.5em auto 0 auto; text-align: center; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none;}
.prgimg10100, .prgimg100100 { max-width: 100%;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
.photo img { width: 100%; max-width: 100%;}
.caption { width: 100%; text-align: center; font-size: 95%; color: rgba(255, 255, 255, .8); padding: .75em 0;}
.daigae { margin: 0 auto;}
/*for_W960-*/
@media all and (min-width: 960px) {
.photo { padding: 1em 0;}
.caption { font-size: 110%;}
}
/*for_W1100-*/
@media all and (min-width: 1100px) {
.photo { padding: 1.5em 0;}
.caption { font-size: 120%;}
}