@charset "utf-8";
/* ==================================================================
CSS information
style info :RESET
================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

h1 , h2 , h3 , h4 { line-height:1; }
ul { list-style:none; }
p { line-height:1; }
img { vertical-align:bottom; border:none; }
table { font-size:inherit; font:100%;}




/* ==================================================================
CSS information
style info :共通
================================================================== */
html,body { -webkit-text-size-adjust: none; }
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; background: #000; overflow: hidden; }
div, h1, h2, h3, h4, h5, p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents table, #contents table *, #contents ul, #contents li, #contents ol, #contents dl, #contents dt, #contents dd, #contents a, #contents span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents header, #contents section, #contents aside, #contents article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents *::before, #contents *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#contents { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo", "Helvetica Neue", Arial, sans-serif; }
#contents img { max-width: 100%; height: auto; }
#sqexHeader-white , #sqexFooter { z-index: 9000; position: relative; }



/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents::before ,
#contents::after { content: ""; display: block; clear: both; }
#contents { zoom:1; overflow: hidden; position: relative; }
@media screen and (min-width: 641px) {
}
@media screen and (min-width: 1361px) {
}



/* --------------------------------------------------------
#nowloading
-------------------------------------------------------- */
#nowloading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index: 9998; }
#nowloading_icon { width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



/* --------------------------------------------------------
#allwrap
-------------------------------------------------------- */
#allwrap { position: relative; }
@media screen and (min-width: 641px) {
}
@media screen and (min-width: 1361px) {
}




/* --------------------------------------------------------
.secBlock
-------------------------------------------------------- */
.secBlock { position: relative; width: 100%; margin: auto; padding-top: 0.01%; }



/* --------------------------------------------------------
.main
-------------------------------------------------------- */
.main { position: relative; }



/* --------------------------------------------------------
.secHeader
-------------------------------------------------------- */
.secHeader { background: #df839f; border-radius: 6px; width: calc(730/750*100%); position: absolute; top: 0; left: calc(10/750*100%); margin-top: calc(10/750*100%); padding: calc(10/750*100%) 0; z-index: 2; 
	display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.secHd__logotext { width: calc(476/730*100%); height: 0; margin-left: calc(20/730*100%); padding-top: calc(91/730*100%); background: url(../img/logotext.png) center center no-repeat; background-size: contain; 
	text-indent: 101%; white-space: nowrap; overflow: hidden; }
.secHd__tactlogo { width: calc(155/730*100%); margin-right: calc(16/730*100%); }
.secHd__tactlogo a { display: block; height: 0; padding-top: calc(81/155*100%); background: url(../img/tactlogo.png) center center no-repeat; background-size: contain; 
	text-indent: 101%; white-space: nowrap; overflow: hidden; }
@media screen and (min-width: 641px) {
	.secHeader { width: calc(1900/1920*100%); left: calc(10/1920*100%); margin-top: calc(10/1920*100%); padding: calc(10/1920*100%) 0; }
	.secHd__logotext { width: calc(476/1900*100%); padding-top: calc(91/1900*100%); margin-left: calc(20/1900*100%); }
	.secHd__tactlogo { width: calc(187/1900*100%); margin-right: calc(23/1900*100%); }
	.secHd__tactlogo a { padding-top: calc(97/187*100%); }
}
@media screen and (min-width: 1921px) {
	.secHeader { padding: 10px 0; }
	.secHd__logotext { width: 476px; margin-left: 20px; }
	.secHd__tactlogo { width: 187px; margin-right: 23px; }
}


/* --------------------------------------------------------
.appInformation
-------------------------------------------------------- */
.appInformation { background: url("../../_img/spec/bg-footer-sp.jpg") center center no-repeat; background-size: cover; padding-top: calc(37/750*100%); padding-bottom: calc(50/750*100%); }

.appInfo__block { width: calc(690/750*100%); margin: 0 auto; }
.appInfo__logo { width: calc(620/690*100%); height: 0; padding-top: calc(325/690*100%); margin: 0 auto; background: url(../img/tactlogo.png) center center no-repeat; background-size: contain; 
	text-indent: 101%; white-space: nowrap; overflow: hidden; }
.appInfo__overview { color: #3a1606; font-weight: bold; vertical-align: top; table-layout: fixed; width: 100%; margin-top: calc(50/690*100%); }
.appInfo__overview dt { display: inline-block; width: calc(200/690*100%); font-size: calc(26/750*100vw); vertical-align: top; margin-bottom: 1.5rem; margin-right: calc(20/690*100%); }
.appInfo__overview dt span { display: block; text-align: center; padding: 0.5em; border: 1px solid #3a1606; }
.appInfo__overview dd { display: inline-block; width: calc(460/690*100%); font-size: calc(28/750*100vw); vertical-align: top; padding: 0.5em 0; margin-bottom: 1.5rem; }

.appInfo__overview .appInfo__ov__storeList { display: block; width: 100%; padding: 0; margin:  2rem auto 0; }
.appInfo__ov__storeList ul { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.appInfo__ov__storeList li { }
.appInfo__ov__storeList a { display: block; height: 0; text-indent: 101%; white-space: nowrap; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: contain; }
.appInfo__ov__storeList .appsotre { width: calc(290/690*100%); }
.appInfo__ov__storeList .appsotre a { padding-top: calc(107/290*100%); background-image: url(../img/button-appstore_sp.png); }
.appInfo__ov__storeList .googleplay { width: calc(360/690*100%); }
.appInfo__ov__storeList .googleplay a { padding-top: calc(107/360*100%); background-image: url(../img/button-googleplay_sp.png); }

.appInfo__notes { width: calc(690/750*100%); margin: calc(90/750*100%) auto 0; color: #3a1300; }
.appInfo__notes li { text-indent: -1em; padding-left: 1em; line-height: 1.41; font-size: calc(18/750*100vw); text-align: center; }

@media screen and (min-width: 641px) {
	.appInformation { background: url("../../_img/spec/bg-footer.jpg") center center no-repeat; background-size: cover; padding-top: calc(50/1360*100%); padding-bottom: calc(50/1360*100%); }
	
	.appInfo__block { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
	.appInfo__logo { width: calc(366/1360*100%); padding-top: calc(192/1360*100%); margin: 0 calc(20/1360*100%); background-position: center top; }

	.appInfo__overview { width: calc(400/1360*100%); margin: 0 calc(20/1360*100%); }
	.appInfo__overview dt { width: calc(90/400*100%); font-size: calc(14/1360*100vw); margin-bottom: 1.0rem; margin-right: calc(10/400*100%); }
	.appInfo__overview dt span { padding: 0.4em 0.5em; }
	.appInfo__overview dd { width: calc(280/400*100%); font-size: calc(18/1360*100vw); padding: 0.4em 0; margin-bottom: 1.0rem; }
	
	.appInfo__overview .appInfo__ov__storeList { margin:  1rem auto 0; }
	.appInfo__ov__storeList ul { -webkit-justify-content: start; justify-content: flex-start; }
	.appInfo__ov__storeList .appsotre { width: calc(136/400*100%); margin-right: calc(10/400*100%); }
	.appInfo__ov__storeList .appsotre a { padding-top: calc(50/136*100%); background-image: url(../img/button-appstore_pc.png); }
	.appInfo__ov__storeList .googleplay { width: calc(167/400*100%); }
	.appInfo__ov__storeList .googleplay a { padding-top: calc(50/167*100%); background-image: url(../img/button-googleplay_pc.png); }
	
	.appInfo__ov__storeList li:hover { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
	.appInfo__ov__storeList li:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }


	.appInfo__notes { width: 100%; margin: calc(40/1360*100%) auto 0; }
	.appInfo__notes li { line-height: 1.41; font-size: calc(14/1360*100vw); }
}

@media screen and (min-width: 1361px) {
	.appInformation { padding-top: 50px; padding-bottom: 50px; }
	
	.appInfo__logo { width: 366px; margin: 0 20px; }
	.appInfo__overview { width: 400px; margin: 0 20px; }
	.appInfo__overview dt { font-size: 1.4rem; }
	.appInfo__overview dd { font-size: 1.8rem; }
	
	.appInfo__notes { margin-top: 40px; }
	.appInfo__notes li { font-size: 1.4rem; }
}



/* --------------------------------------------------------
.nosp　.nopc
-------------------------------------------------------- */
.nosp { display: none; }
@media screen and (min-width: 641px) {
	.nosp { display: inline-block; }
	.nopc { display: none; }
}



/* ----------------------------------------------------------------------------------------------------------------
magnific
---------------------------------------------------------------------------------------------------------------- */
.modal_mfpYt.mfp-bg ,
.modal_mfpImg.mfp-bg ,
.modal_mfpIframe.mfp-bg ,
.modal_mfpImgGallery.mfp-bg ,
.modal_mfpInline.mfp-bg { z-index: 9998; opacity: 0.9;}
.modal_mfpYt.mfp-wrap ,
.modal_mfpImg.mfp-wrap ,
.modal_mfpIframe.mfp-wrap ,
.modal_mfpImgGallery.mfp-wrap ,
.modal_mfpInline.mfp-wrap { z-index: 9999;}
.modal_mfpYt .mfp-iframe-holder .mfp-content { max-width: 1080px; }
.modal_mfpImg .mfp-iframe-holder .mfp-content ,
.modal_mfpImgGallery .mfp-iframe-holder .mfp-content { max-width: 1280px; }
.modal_mfpIframe .mfp-iframe-holder .mfp-content { max-width: 1280px; }

.modal_mfpYt .mfp-iframe-holder .mfp-close ,
.modal_mfpImg .mfp-image-holder .mfp-close ,
.modal_mfpIframe .mfp-iframe-holder .mfp-close ,
.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
.modal_mfpInline .mfp-inline-holder .mfp-close { position: fixed; top: 0; right: 0; 
	background: url(../img/btn_close.png) top right no-repeat; background-size: auto 80%; background-position: left calc(100% - 10px) bottom;}
.modal_mfpImg img,
.modal_mfpIframe img,
.modal_mfpImgGallery img {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}

/* .modal_mfpImgGallery ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 20%; height: 80%; top:10%; margin-top: 0;}
.modal_mfpImgGallery .mfp-arrow:active { margin-top: 0; }
.modal_mfpImgGallery .mfp-arrow:before,
.modal_mfpImgGallery .mfp-arrow:after { display: none; }
.modal_mfpImgGallery .mfp-arrow-left { background: url(../img/btn_prev.png) center center no-repeat; background-size: calc(20/750*100vw); }
.modal_mfpImgGallery .mfp-arrow-right { background: url(../img/btn_next.png) center center no-repeat; background-size: calc(20/750*100vw); }
@media screen and (min-width: 641px) {
	.modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 100px;}
	.modal_mfpImgGallery .mfp-arrow:hover { opacity: 1; }
	.modal_mfpImgGallery .mfp-arrow-left { background-size: calc(20/1360*100vw); }
	.modal_mfpImgGallery .mfp-arrow-right { background-size: calc(20/1360*100vw); }
}
@media screen and (min-width: 1361px) {
	.modal_mfpImgGallery .mfp-arrow-left { background-size: 20px; }
	.modal_mfpImgGallery .mfp-arrow-right { background-size: 20px; }
}

/* .modal_mfpIframe ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpIframe .mfp-container { padding: 30px 0;}
.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(640/640*100%);}
.modal_mfpIframe .mfp-iframe-scaler .mfp-iframe { background: transparent!important; box-shadow: none;}
@media screen and (min-width: 641px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(500/1060*100%);}
}
@media screen and (min-width: 1361px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: 500px;}
}

/* .modal_mfpInline ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpInline .mfp-container { font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.modal_mfpInline .mfp-container img { max-width: 100%; height: auto;}
.modal_mfpInline .mfp-container { padding: 0;}
.modal_mfpInline .mfp-inline-holder .mfp-close { width: 100%; }
.modal_mfpInline .mfp-arrow { opacity: 0.5; width: 20%; height: 80%; top:10%; margin-top: 0;}
.modal_mfpInline .mfp-arrow:active { margin-top: 0; }
.modal_mfpInline .mfp-arrow:before,
.modal_mfpInline .mfp-arrow:after { display: none; }
.modal_mfpInline .mfp-arrow-left { background: url(../img/btn_prev.png) 20% center no-repeat; }
.modal_mfpInline .mfp-arrow-right { background: url(../img/btn_next.png) 80% center no-repeat; }
@media screen and (min-width: 641px) {
	.modal_mfpInline .mfp-arrow { opacity: 0.5; width: 100px;}
}
@media screen and (min-width: 1361px) {
}