@charset "utf-8";

/*--------------------------------------

--------------------------------------*/
body{
	color:#231815;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	font-size: 14px;
	line-height:1.9;
	background:#ededed;
}
html,body{ width:100%;}
article,aside,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
body,div,article,aside,details,figcaption,figure,header,footer,main,menu,nav,section,summary,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
ul{ list-style:none;}
img { margin:0; padding:0; border:0; vertical-align:bottom;max-width: 100%;}
em { font-style:normal; }
sup {vertical-align: super;font-size: 50%;font-weight: normal;}
* {box-sizing: border-box;}

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.ml5 { margin-left:5px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt-25{ margin-top:-25px !important; }

.tac{ text-align:center; }
.tar{ text-align:right; }
.fwb{ font-weight:bold; }
.fs09 {font-size: 62%}
.fs10 {font-size: 69%}
.fs11 {font-size: 77%}
.fs12 {font-size: 85%}
.fs13 {font-size: 93%}
.fs14 {font-size: 100%}
.fs15 {font-size: 108%}
.fs16 {font-size: 116%}
.fs17 {font-size: 123.1%}
.fs18 {font-size: 131%}
.fs19 {font-size: 138.5%}
.fs20 {font-size: 146.5%}
.fs21 {font-size: 153.9%}
.fs22 {font-size: 161.6%}
.fs23 {font-size: 167%}
.fs24 {font-size: 174%}
.fs25 {font-size: 182%}
.fs26 {font-size: 189%}

.fcRed { color:#d73a03; }
.fcOre { color:#ff9600; }

a { color:#ffb400; text-decoration:underline; }
a:hover { color:#ffd368; text-decoration:none; }

ul.note { margin:0; padding:0; width:100%; }
ul.note li { margin:0; padding:0 0 5px 15px; position:relative; list-style:none; zoom:1; }
ul.note li span { margin:0; padding:0; top:0; left:0; position:absolute;}

.cf:after { clear: both; content: ""; display: block; overflow: hidden; }
.cf { clear: both; }

.alpha { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.alpha a { cursor:default; }
.dib { display:inline-block; }




/*--------------------------------------
　注意点
--------------------------------------*/
.coutionBox {
	background:#282828;
	margin:0 0 15px;
	padding:15px 15px;
	border-radius: 1px!important;
	-webkit-border-radius: 1px!important;
	-moz-border-radius: 1px!important;
	font-size:85%;
	line-height:1.5;
}
.coutionBox .midashi {
	background:#ca1925;
	color:#fff;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 10px;
	padding:3px 8px 1px;
	border-radius: 1px!important;
	-webkit-border-radius: 1px!important;
	-moz-border-radius: 1px!important;
	display:inline-block;
}
.coutionBox ul {
	margin:0;
	padding:0;
}
.coutionBox ul li{
	margin:0;
	padding:0 0 0 15px;
	position:relative;
}
.coutionBox ul li span{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
ul.coutionList {
	margin:0;
	padding:0;
}
ul.coutionList > li {
	position:relative;
	padding:0 0 3px 1.3em;
	font-size:85%;
	line-height:1.6;
	display:block;
}
ul.coutionList > li > span{
	position:absolute;
	top:0;
	left:0;
}
ul.coutionList-in {
	margin:5px 0 0;
	padding:0;
}
ul.coutionList-in li {
	position:relative;
	padding:0 0 3px 5em;
	font-size:100%;
	line-height:1.6;
	display:block;
}
ul.coutionList-in li span{
	position:absolute;
	top:0;
	left:0;
}
ul.coutionList-in li em{
	display:inline-block;
}


/*--------------------------------------
　リンク
--------------------------------------*/
a { color:#ffb400; text-decoration:underline; }
a:hover { color:#ffd368; text-decoration:none;ilter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.ov { -webkit-transition: all 0.5s ease; transition:all 0.5s ease;  }
.ov:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;  }

a.linkTxt {
	background:url("../img/icon_link.svg") no-repeat 0% 50%;
	background-size:13px 13px;
	padding-left:17px;
	color:#000;

}
.coutionList2 { padding:0; margin:0; color:#333333; }
.coutionList2 li { overflow:hidden; zoom:1; position:relative; padding:0 0 0 2em; margin:5px 0 0; }
.coutionList2 li span { position:absolute; top:0; left:0; padding:0; margin:0; }
.campdetail { display:none; }
.campTable a { color:#962235!important; }

#cardetail .linkBox .comingsoon{
	width:200px;
	margin:0 auto;
	padding:3px 0;
	color:#ffffff;
	background:#ab0000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Sans Japanese Medium';
	letter-spacing:0.1em;
	font-style:italic;
	display:block;
	text-align:center;
}


/*--------------------------------------
　汎用class
--------------------------------------*/
.ttlBox {
	margin:0 auto 50px;
	padding: 18px 0;
	background: #962235;
}
h2.ttl1 {
	width:960px;
	margin:0 auto;
	font-family:'Noto Sans Japanese Medium';
	/*font-size:174%;*/
	font-size: 28px;
	color:#fff;
	font-weight:bold;
	line-height:35px;
}
.pc { display:block; }
.sp { display:none; }
.br_pc { display: block; }
.br_sp { display: none; }

.inner {
	width:960px; 
	margin:0 auto;
	position:relative;

}

.flex {
	display: flex;
	
	flex-wrap: wrap;
}
.flex-block {
	display: flex;
}
#wrap {
	min-width: 1100px;
	overflow: hidden;
    /*max-width: 1300px;
    margin: auto;*/
}

@media screen and (max-width:540px){
	.ttlBox {
		margin:0 auto 30px;
		padding: 12px 0;
	}
	h2.ttl1 {
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	.pc { display:none; }
	.sp { display:block; }
	.br_pc { display: none; }
	.br_sp { display: block; }
	.inner {
		width: 100%;
		padding: 0 15px;
	}
	.flex {
		display: flex;
	}
	.flex-block {
		display: block;
	}
	#wrap {
		min-width: 320px;
	}
	
}

.station-btn {
	padding: 0 15px;
	text-align: center;
}
.station-btn a {
	display: inline-block;
	padding: 20px 70px;
    font-size: 24px;
	font-weight: 600;
	color: #962235;
	text-decoration: none;
	border: 2px solid #962235;
	position: relative;
	line-height: 1.5;
}
.station-btn a:after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #962235;
	border-right: 2px solid #962235;
}
.station-btn a:before {
	transition: .3s;
	content: '';
	width: 0;
	position: absolute;
	left: -20%;
	bottom: 0;
	background: #ddd;
	height: 100%;
	transform: skewX(-15deg);
	z-index: -1;
}
.station-btn span {
	display: inline-block;
}
.more-btn {
	margin-top: 30px;
	margin-bottom: 30px;
}
.more-btn a {
	display: block;
	width: 250px;
	padding: 4px 10px;
	text-align: center;
	font-size: 12px;
	color: #808080;
	text-decoration: none;
	border: 1px solid #808080;
	position: relative;
}
.more-btn a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 15px;
    background: url(../img/icon-more.svg)no-repeat;
    background-size: contain;
}
@media screen and (max-width:540px){
	.station-btn a {
		display: block;
		padding: 15px;
		font-size: 16px;
	}
	.station-btn a:after {
		width: 7px;
		height: 7px;
		right: 10px;
		border-top: 1px solid #962235;
		border-right: 1px solid #962235;
	}
	.more-btn a {
		margin: auto;
	}
	
}
/*--------------------------------------
　#head
--------------------------------------*/
#head {
    padding: 30px 0;
    background: #fff;
    text-align: center;
}
#head img {
	width: 580px;
	vertical-align: middle;
}

@media screen and (max-width:540px){
	#head {
		padding: 15px 30px;
	}
}
/*--------------------------------------
　#main
--------------------------------------*/
#main {
	background: #fff;
	position: relative;
	max-width: 1300px;
	margin: auto;
    overflow: hidden;
}
#main img {
	width: 100%;
}
#main .ttl {
	width: 100%;
	/*max-width: 624px;*/
	position: absolute;
	top: 6%;
    left: 40%;
	margin: auto;
	font-size: 39px;
	line-height: 1.4;
}
#main .ttl .icon {
	width: 27px;
	vertical-align: baseline;
	margin: 0 12px;
}
#main .ttl span.large {
	display: block;
	font-size: 80px;
}
#main .ttl span.red {
	color: #962235;
}
#main .ttl span.date {
	display: block;
	font-size: 30px;
}
#main .inner { 
	position: absolute;
	bottom: 7%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
#main .inner .text {
    display: inline-block;
    padding: 15px;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
#main .cotyj_logo {
	position: absolute;
    top: 5px;
    left: 5px;
    width: 220px;
}

@media screen and (max-width:1200px){
	#main .cotyj_logo {
		width: 180px;
	}
	#main .ttl {
		top: 3%;
	}
	#main .ttl {
		font-size: 30px;
	}
	#main .ttl .icon {
		width: 21px;
	}
	#main .ttl span.large {
		font-size: 72px;
	}
	#main .ttl span.date {
		font-size: 25px;
	}
	#main .inner .text {
		font-size: 26px;
	}
}
@media screen and (max-width:540px){
	#main {
	}
	#main .ttl {
		width: 255px;
		top: 4%;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 14px;
	}
	#main .ttl .icon {
		width: 9px;
		margin: 0 5px;
	}
	#main .ttl span.large {
		font-size: 28px;
	}
	#main .ttl span.date {
		font-size: 12px;
	}
	#main .inner {
		bottom: 10%;
	}
	#main .inner .text {
		padding: 15px 0;
		font-size: 12px;
	}
	#main .inner .text span {
		display: block;
	}
}

/*--------------------------------------
　#data
--------------------------------------*/
#data {
	padding: 40px 0 50px;
}
#data .inner {
}
#data .img {
	width: 50%;
}
#data .area {
	width: 50%;
	padding: 35px 30px 0;
	background: #fff;
}
#data .ttl {
    margin-bottom: 25px;
	font-size: 30px;
	line-height: 1.3;
}
#data .ttl span {
	display: block;
	font-size: 16px;
	font-weight: normal
}
#data .item {
	position: relative;
}
#data .power {
	margin-bottom: 10px;
    justify-content: space-between;
}
#data .power dt {
	font-size: 12px;
}
#data .power .item:after {
	content: "";
    width: 1px;
    height: 43px;
    position: absolute;
    right: -21px;
    bottom: 3px;
	background: #040000;

}
#data .power .item:last-of-type:after {
	content: none;
}
#data .power dd {
	font-size: 26px;
	line-height: 1.2;
}
#data .power dd.small {
	font-size: 12px;
}
#data .power dd span {
	font-size: 19px;
}
#data .size {
	margin-bottom: 30px;
    justify-content: space-between;
}
#data .size dt {
	font-size: 12px;
}
#data .size dd {
	font-size: 18px;
	line-height: 1.2;
}
#data .size .item:after {
	content: "";
	width: 1px;
    height: 25px;
    position: absolute;
    right: -18px;
	bottom: 0;
	background: #040000;

}
#data .size .item:last-of-type:after {
	content: none;
}
#data .size dd span {
	font-size: 14px;
}
#data .price {
	line-height: 1.4;
}
#data .price dt {
	font-size: 12px;
}
#data .price dd {
	font-size: 26px;
}
#data .price dd .yen {
	font-size: 20px;
}
#data .price dd .tax {
	font-size: 12px;
}
#data  .more-btn {
	margin-top: 20px;
}
@media screen and (max-width:540px){
	#data {
		padding: 20px 0 40px;
	}
	#data .img {
		width: 100%;
	}
	#data .inner {
	}
	#data .area {
		width: 100%;
		padding:5%;
		text-align: center;
	}
	#data .ttl {
		display: inline-block;
		margin-bottom: 20px;
		font-size: 22px;
    	text-align: left;
	}
	#data .ttl span {
		font-size: 12px;
	}
	#data .power {
	}
	#data .power .item {
		display: block;
		width: 215px;
		margin: auto;
		margin-bottom: 15px;
		text-align: left;
	}
	#data .power .item:after {
		content: none;
	}
	#data .size {
		justify-content: center;
		width: 250px;
		margin: auto;
		margin-bottom: 30px;
		text-align: left;
	}
	#data .size .item {
		width: 125px;
		padding: 0 20px;
	}
	#data .price {
		display: inline-block;
    	text-align: left;
	}
	#data .price dd .tax {
		display: inline-block;
	}
	#data .size .item:after {
		right: 5%;
	}
	#data .size .item:nth-of-type(2):after {
		content: none;
	}
}
@media screen and (max-width:370px){
	#data .size .item {
	}
	#data .price dt {
		font-size: 10px;
	}
	#data .price dd {
		font-size: 24px;
	}
	#data .price dd .yen {
		font-size: 14px;
	}
	#data .price dd .tax {
		font-size: 10px;
	}
}
/*--------------------------------------
　#outline
--------------------------------------*/
#outline { padding:0 0 80px; }
#outline .inner { 
	padding-top: 20px;
	position:relative;
}
#outline .inner .text { 
    margin-bottom: 50px;
    font-size: 18px;
}
#outline .inner dl {
	margin-bottom: 30px;
	align-items: flex-start;
}
#outline .inner dt { 
	width: 260px;
	padding: 5px 0;
    margin-right: 35px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
    border: 1px solid;
}
#outline .inner dd { 
	width: 665px;
    font-size: 24px;
}
#outline .inner dl ol {
	margin-bottom: 40px;
	list-style:none;
}
#outline .inner dl p {
	line-height: 1.5;
}

#outline .coutionList {
	padding-top: 60px;
}


@media screen and (max-width:540px){
	#outline {
		padding: 0 0 30px;
	}
	#outline .inner { 
		max-width: 370px;
		margin:0 auto;
		padding-top: 0;
		position:relative;
	}

	#outline .inner .text { 
		margin-bottom: 20px;
		font-size: 14px;
	}
	#outline .inner dl {
		margin-bottom: 20px;
		display: block;
	}
	#outline .inner dt { 
		width: 140px;
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 12px;
	}
	#outline .inner dd { 
		width: 100%;
		font-size: 12px;
	}
	#outline .inner dl ol {
		margin-bottom: 20px;
	}
	
	#outline .coutionList {
		padding-top: 0;
	}
	ul.coutionList > li {
		font-size: 10px;
	}
}
/*--------------------------------------
　.entry
--------------------------------------*/
.entry { padding:0 10px; }
.entry .inner { 
	position:relative;
}
.entry .btnBox {
	margin:0;
	padding:15px 70px 22px;
	overflow:hidden;
}
.entry .btnBox .ttl{ 
	width:464px;
	margin:8px auto;
}
.entry .btnBox ul{ 
	margin:0;
	padding:0;
}
.entry .btnBox li{ 
	width:50%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.entry .btnBox li p{ 
	font-size:116%;
	font-weight:bold;
	color: #962235;
	font-size: 18px;
}
.entry .btnBox li div{
	margin:0 15px;
	text-align:center;
}
.entry .btnBox li div a{
	padding:17px 0;
	display:block;
	text-align:center;
	background:#962235;
	cursor:pointer;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	position: relative;
}
.entry .btnBox li div a:after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.entry .btnBox li div a:before {
	transition: .3s;
	content: '';
	width: 0;
	position: absolute;
	left: -20%;
	bottom: 0;
	background: #ddd;
	height: 100%;
	transform: skewX(-15deg);
	z-index: -1;
}
.entry .btnBox li a img{
	height:23px;
}
.entry .btnBox li a:hover{
	 filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}

a.btnL{
	width:540px;
	margin:30px auto 0;
	padding:17px 0;
	display:block;
	text-align:center;
	background:#962235;
	cursor:pointer;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	position: relative;
}
a.btnL:after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
a.btnL:before {
	transition: .3s;
	content: '';
	width: 0;
	position: absolute;
	left: -20%;
	bottom: 0;
	background: #ddd;
	height: 100%;
	transform: skewX(-15deg);
	z-index: -1;
}
a.btnL:hover{
	 filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}




	@media screen and (max-width:540px){
	.entry { padding-bottom:0;}
	.entry .inner { 
	}
	.entry .ttl{ 
	}
	.entry .btnBox { 
		padding: 0;
	}
	.entry .btnBox ul{ 
	}
	.entry .btnBox li{ 
		width: 100%;
		margin-bottom: 20px;
	}
	.entry .btnBox li p{ 
		margin-bottom: 5px;
		font-size: 16px;
	}
	.entry .btnBox li div{
	}
	.entry .btnBox li div a{
		padding: 20px 0;
		font-size: 20px;
	}
	.entry .btnBox li div a:after {
		width: 7px;
		height: 7px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	a.btnL{
		width:80%;
		min-width:280px;
		margin:30px auto 0;
		padding:10px 0;
		font-size: 20px;
		line-height:1.5em;
	}
}



/*--------------------------------------
　#step
--------------------------------------*/
#step { padding:0 0 20px; }
#step .inner { 
	position:relative;
}
#step .inner .txt{ 
    margin-bottom: 30px;
	font-size: 16px;
}
#step .stepList { 
	justify-content: space-between;
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
}
#step .stepList li { 
	padding:0;
	position: relative;
}
#step .stepList li:after { 
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 0 24px 24px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 46%;
}
#step .stepList li:first-child { 
	margin:0;
	padding:0;
}
#step .stepList li:last-child:after  { 
	content: none;
}
#step .stepList li img { 
	margin:0;
	padding:0;
	width:220px;
}

#step .more-btn a {
	margin: auto;
}
#step .more-btn a:before {
	transition: .3s;
    content: '';
    width: 0;
    position: absolute;
    left: -20%;
    bottom: 0;
    background: #ddd;
    height: 100%;
    transform: skewX(-15deg);
    z-index: -1;
}
#step .more-btn a:after {
	content: '';
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	background: none;
}
#step .entry {
	padding: 25px 0px 0;
}
#step .entry .btnBox li {
	margin: auto;
}
#step .entry .btnBox li p {
	margin-bottom: 15px;
	font-size: 24px;
	color: #231815;
	font-weight: normal;

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

	#step { padding-bottom:0px;}
	#step .inner { 
		margin:0 auto;
		position:relative;
	}
	#step .inner .txt {
		font-size: 14px;
	}
	#step .stepList { 
		margin:0;
		padding:0;
		overflow:hidden;
		zoom:1;
	}
	#step .stepList li { 
		margin: 0 auto 26px;
		padding: 0;
		width: 80%;
		float: none;
		text-align: center;
	}
	#step .stepList li:after { 
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 24px 24px 0 24px;
		border-color: #fff transparent transparent transparent ;
		position: absolute;
		top: inherit;
		bottom: -20px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#step .stepList li:first-child {margin: 0 auto 26px;}
	#step .stepList li img { 
		margin:0;
		padding:0;
		width:96%;
		max-width: 200px;
	}
	#step .stepList li:last-child img {width: 100%;}
	#step .entry {
		padding: 0px 20px 30px;
	}
	#step .entry .btnBox li p {
		margin-bottom: 10px;
		font-size: 16px;
	}
}

/*--------------------------------------
　#info
--------------------------------------*/
#info {
    padding: 40px 0 30px;
    background: #fff;
}
#info .inner { 
	padding:0 20px;
	position:relative;
	text-align:center;
	color:#ffffff;
}
#info .inner h2{
	font-family:'Noto Sans Japanese Medium';
	font-size:189%;
	color:#d73a03;
	margin:0 0 5px;
	padding:0;
}
#info .inner .txt{
	margin:0 0 15px;
	padding:0;
}
#info .inner .appBanner {
	margin:0 auto 20px;
	width:732px;
}
#info .inner .appBanner a:hover img{
	filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
}
#info .inner .appBanner img {
	box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);	
}

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

	#info {
		padding:30px 0 50px;
	}
	#info .inner { 
		margin:0;
		position:relative;
		text-align:center;
		color:#ffffff;
	}
	#info .inner h2{
		font-family:'Noto Sans Japanese Medium';
		font-size:138.5%;
		line-height:1.4;
		color:#d73a03;
		margin:0 0 8px;
		padding:0;
	}
	#info .inner .txt{
		margin:0 0 15px;
		padding:0;
		line-height:1.6;
	}
	#info .inner .appBanner {
		margin:0 0 20px;
	}
	#info .inner .appBanner a:hover{
		filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
	}
	#info .inner .appBanner img {
		border:1px solid #d5d5d5;
		box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);
		-webkit-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);
		-moz-box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);	
	}

}

/*--------------------------------------
　#footer
--------------------------------------*/
#footer {    
	padding-bottom: 35px;
    background: #040000;
	color: #fff;
}
#footer .line {
	padding:15px 0; 
	background:#ffffff; 
	/*border-top:1px solid #f0f0f0;*/
	min-width:1000px;	
	margin-bottom: 40px;
}
#footer .inner { 
	width:960px; 
	margin:0 auto;
	padding:0 20px;
	position:relative;
	color:#333333;
	overflow:hidden;
}
#footer .inner li {
	margin-right:25px;
}
#footer .inner li:last-child {
	margin-right:0;
}
#footer .inner a{
	font-size:10px;
	line-height:25px;
	color:#333333;
	cursor:pointer;
	display:inline-block;
}
.copyright { font-size:85%; text-align:center; margin-top:15px; }

@media screen and (max-width:540px){
	#footer {padding-bottom:25px;}
	#footer a.linkTxt {font-size: 12px!important;}
	#footer .line {  margin-bottom: 30px;padding:10px 0; background:#fff; border-top:1px solid #f0f0f0; min-width: inherit;}
	#footer .inner { 
		margin:0 auto;
		width: 100%;
		padding:0 10px;
		position:relative;
	}

	#footer .inner li {
		margin-right:0;
		width:50%;
		float:left;
	}
	#footer .inner li:last-child {
		width:100%;
	}

	.copyright { font-size:10px; text-align:center; margin-top:0; }
	
}