@charset "Shift_JIS";

strong{color:red!important;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
} 
.clearfix {min-height: 1%;} 
.clear {clear: both;}
li {list-style: none;}
a img:hover{opacity:0.8;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 10px;}
h2{
	font-weight: bold;
	text-align: center;
	font-size:20px;
	margin: 10px 0;
}

/*section*/
#app_download_title #download_box{
    background: url(/mobile/img/app/bk_appdouwload_sp_1per.jpg) right top no-repeat;
	/*background: url(/mobile/img/app/bk_appdouwload_sp_3per.jpg) right top no-repeat;*/
    background-size: auto 100%;
    color: #1919a9;
    padding: 1px;
}
#app_download_title h1{
    margin: 0 0 3% 2%;
    font-size: 16px;
	font-weight: bold;
}
#app_download_title p.title_p{
	margin: 0 auto 5%;
    font-size: 20px;
    font-weight: bold;
    width: 96%;
}
p.download{
	display: block;
    text-align: center;
    width: 46%;
    float: left;
    margin: 0 2%;
    padding-top: 10px;
	position:relative;
}
#download_box p.download span.icon_new{
	position: absolute;
    top: -15%;
    left: 0;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    background: #dc0435;
    border-radius: 5px;
    padding: 1px 10px;
}
p.download a img{width:100%;}
p.download span{font-size:10px;}
#box{margin-bottom:10%;}
.app_det2 h3 {
    font-size: 16px;
    color: #FFF;
    background-color: #111184;
    padding: 2%;
    text-align: center;
	font-weight: bold;
}
.biz_det_txt > p:nth-of-type(1) {
    font-size: 14px;
    line-height: 1.5;
    padding: 3%;
}

/*アコーディオン割引に関する注意*/
.opener {
	width: 85%;
    background: url(/sp/app/img/im_arrow_close.png) no-repeat #EAEAEA 3% 50%;
    background-size: 14px auto;
    padding: 10px 5px 10px 40px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid #CCC;
    margin: 2% auto;
    cursor: pointer;
}
.active {
	width: 85%;
    background: url(/sp/app/img/im_arrow_over.png) no-repeat #EAEAEA 3% 50%;
    background-size: 14px auto;
    padding: 10px 5px 10px 40px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid #CCC;
    margin: 2% auto;
    cursor: pointer;
}
.contentsBox{
	line-height:1.3;
	margin:0 2%;
}
span.c_title{
	width: 100%;
	font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    display: inline-block;
}
#app_image{margin-bottom:5%;}
#app_image img {
	width: 100%;
	height: auto;
}
	
/*左画像*/
.ss{display:none;}

#end_apri{
    display: block;
	margin: 8% 2% 3%;
}
#end_apri img{
	max-width:50px;
	width:10%;
	float:left;
	display:block;
	padding-top:20px;
}
#end_apri p:nth-of-type(1){
	width:83%;
	float:left;
	display:block;
	font-size: 14px;
}
#end_apri_ico p.fc_red{
	width:50%;
	float:left;
	display:block;
	font-size:14px;
	text-align:center;
	line-height:1.2;
}
#end_apri_ico p.fc_red img{margin-bottom:2%;}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.pcnone{display:none;}
#back_image {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 10px;}

/*app_download_title*/
#app_download_title{
	width: 100%;
    height: 358px;
	margin: auto;
    background: url(/mobile/img/app/bk_appdouwload_1per.jpg) center top no-repeat;
	/*background: url(/mobile/img/app/bk_appdouwload_3per.jpg) center top no-repeat;*/
    position: relative;
}

@media screen and (max-width: 969.9px) {
#app_download_title{
	background: url(/mobile/img/app/bk_appdouwload_1per.jpg) -600px top no-repeat;
	/*background: url(/mobile/img/app/bk_appdouwload_3per.jpg) -600px top no-repeat;*/
}
}

#download_box{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
    color: #1919a9;
}
#download_box p.download{position:relative;}
#download_box p.download span.icon_new{
	position: absolute;
    top: -45%;
    left: 5%;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    background: #dc0435;
    border-radius: 5px;
    padding: 3px 12px;
}
#download_box h1{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
    padding: 30px 0 0 0;
    font-size: 20px;
	font-weight: bold;
}
#download_box p{font-size:18px;}
#download_box p.title_p{
	font-size: 37px;
    font-weight: bold;
    margin: 5px 0 60px;
    padding: 0;
    text-shadow: 2px 2px 5px #FFF;
}
#download_box p.download{
    margin: 0 1%;
    width: 218px;
    float: left;
    text-align: center;
}
#download_box p.download a img{margin-bottom:15px;}
p.download span{
    font-size: 13px;
    margin-top: 1%;
    display: block;
    text-align: center;
}

/*contents*/
#box {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
} 
#box h2{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
	font-size:38px;
	font-weight: bold;
}
.title {
    margin: 20px 0;
    font-size: 26px;
    text-align: center;
} 
.atte {
	font-size:11px;
	text-align:right;
}

/**/
.ss {
	width:280px;
	float:left;
	margin-top: 3%;
}
.sns {text-align:left;}
.twitter-share-button {padding-top:10px;}
.ss img {margin-bottom:15px;}

@media screen and (max-width: 969.9px) {
.ss {display:none;}
}
.app_det2 {
	width: 650px;
    margin: 0 0px 7% 40px;
    float: right;
}
.app_det2 h3{
    font-size: 28px;
    line-height: 1.4;
    color: #FFF;
    background-color: #111184;
    padding: 2%;
    border-radius: 10px 10px 0 0;
	text-align:center;
	font-weight: bold;
}

#app_image{margin-bottom:7%;}

@media screen and (max-width: 969.9px) {
.app_det2 {
	width: 96%;
	margin:auto;
	float: none;
}
}

/* biz css start */
.biz_det_txt p {
	font-size: 20px;
    padding: 2% 3%;
    line-height: 1.5;
} 
.biz_det_txt p.download {
	margin: 2% 1%;
    width: 42%;
    float: left;
    text-align: center;
} 
.biz_det_txt p.download a img{margin-bottom:15px;}

/*アコーディオン割引に関する注意*/
.biz_det_txt .opener {
    background: url(img/im_arrow_close.png) no-repeat #EAEAEA 3% 50%;
    background-size: 25px auto;
    padding: 10px 5px 10px 60px;
    font-size: 22px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid #CCC;
    margin: 0 0 15px 0;
    cursor: pointer;
}
.biz_det_txt .active {
    background: url(img/im_arrow_over.png) no-repeat #EAEAEA 3% 50%;
    background-size: 25px auto;
    padding: 10px 5px 10px 60px;
    font-size: 22px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid #CCC;
    margin: 0 0 15px 0;
    cursor: pointer;
}
.biz_det_txt .contentsBox{
	line-height:1.5;
	font-size: 16px;
}
.biz_det_txt  span.c_title{
	width: 100%;
	font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    display: inline-block;
}
#end_apri{display: block;}
#end_apri img{
	width:8%;
	float:left;
	display:block;
}
#end_apri p:nth-of-type(1){
	width: 83%;
    float: left;
    display: block;
    font-size: 14px;
    padding: 1% 3%;
}
#end_apri_ico{
    margin: 0 auto;
    display: block;
    width: 60%;
}
#end_apri_ico p.fc_red{
	width:44%;
	float:left;
	display:block;
	font-size:14px;
	text-align:center;
	line-height:1.2;
}
#end_apri_ico p.fc_red img{margin-bottom:2%;}
}