@charset "utf-8";
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Droid Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-color: #075699;
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 14px;
}
body.info{
	background: #fff !important;
	font-size: 14px !important;
	color: #000;
	letter-spacing: 0;
}
ul.info li{
	padding: 6px 0;
	border-bottom: 1px dotted #ccc;
}
ul.info li:nth-of-type(odd){
	background-color: #fffbe3;
}
ul.info li:last-of-type{
	border: none;
	margin-bottom:1rem;
}
ul.info2{height:120px;overflow-y:scroll;overflow-x:hidden;letter-spacing: 0;padding-right: 4px;}
ul.info2 li{
	padding-left: 10px;
}
ul.info2 li time{
	padding-right: 10px;
}
ul, li , p{
	padding:0;
	margin: 0;
}
ul{
	list-style: none;
}
ul.list-disc{
	list-style: disc;
}
ul.list-disc li{
	margin-left:1.25rem;
}
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin: 0;
	line-height: 1;
}
img{border: none;}

/*
common
----------------------------------------------------*/
header{
	padding-bottom: 20px;
	height: 102px;
	background: url(../images/fcrogo01_top.png) no-repeat left 10px;
	position: relative;
}
header h1{
	font-size: 35px;
	letter-spacing: 0.05em;
	position:absolute;
	bottom: 15px;
	right: 0;
}
header ul {
	position: fixed;
	top: -5px;
	width: 960px;
	z-index: 10;
}
header ul li{
	background-color: #77B2E3; /* #87C2F3 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 150px;
	float: right;
	box-shadow: 0 0 2px 2px #B8DBF8;
}
header ul a{
	color: #FFF;
	display: block;
	padding: 13px 0 8px;
	text-align: center;
	text-decoration: none;
}
nav{margin: 10px 0 30px;text-align: center;}
nav li{
	display: inline;
	padding-right: 10px;
}
nav li:last-child{
	padding-right: 0;
}
nav li a{ 
	padding: 10px 20px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-decoration: none;
	background-color: #77B2E3;
	min-width: 120px;
	font-size: 14px;
	display: inline-block;
	box-shadow:0 0 2px 2px #B8DBF8;
}
#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
section{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 30px;
	background: #fff;
	border-radius: 5px;
	padding: 20px;
	overflow: hidden;
	color: #000;
	box-shadow: 0 0 2px 2px #87C2F3;
}
section.se-w100{
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	margin: 0 0 30px;
}
.copyright{
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.comixbox2 {
	line-height: 1.5em;
	text-align: center;
	font-weight: normal;
	background-color: #FFF;
	width: 33.3%;
	float: left;
}
h2{
	font-size: 14px;
	margin-bottom: 10px;
}
h3{
	border-radius: 5px;
	margin:0 0 10px 0;
	padding: 12px 10px!important;
	padding-bottom:1.25rem;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%);
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%);
	background: linear-gradient(to right, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%);
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 0 2px 2px #25679B;
	position:relative;
	font-size: 20px;
	font-weight: bold;
}
h4{
	border-left: 5px solid #f26d0c;
	padding-left: 10px;
	margin:1.75rem 0 0.5rem;
	font-size: 1.75rem;
	font-weight: bold;
}
h4 a{
	text-decoration: underline;
}
a {color: #f26d0c;text-decoration: underline;}
a:hover{ 
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"; 
	-moz-opacity:0.7; 
}
a.dlbtn{display: inline-block;}
footer{ font-size: 14px;}
.tothetopfixed {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 1500;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: alpha(opacity= 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-size: 180%;
	background: #ccc;
}
.tothetopfixed a {
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 10px;
	line-height: 1;
	color: #666;
}

/*
index.html
----------------------------------------------------*/
.inner{
	background-color: #F1F1F1;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0;
}
.inner a{ color: #f26d0c; }
.loginBtn{
	margin: 0 auto 10px;
	padding: 15px 0;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 300px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background: -moz-linear-gradient(top, #f2850c,#f26d0c);
	background: -webkit-linear-gradient(top, #f2850c,#f26d0c);
	background: linear-gradient(to bottom, #f2850c,#f26d0c);
	border-color: #f60;
	background-color: #F2850C;
	font-size: 110%;
}
iframe{
	border: none;
	height: 100px;
	width: 100%;
}
/*
store / index.html
----------------------------------------------------*/
article{
	width : 48% ;
	width: calc(100% / 2 - 10px);
	background: #f3f3f3;
	border-radius: 5px;
	margin: 0 0 14px;
	padding: 10px 5px;
	text-align: center;
	color: #000;
	box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
}
.newIcon{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin-right: 2px;
	background: #F93947;
	color: #FFF;
	padding: 2px 6px 3px 8px;
	border-radius: 5px;
	line-height: 1;
	/*text-shadow: 1px 1px 8px #fff;*/
	display: inline-block;
	font-size: 13px;
}
.newIcon2{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin-right: 2px;
	background: #F93947;
	color: #FFF;
	padding: 2px 6px 3px 8px;
	border-radius: 0 5px 5px 0;
	line-height: 1;
	display: inline-block;
	font-size: 13px;
}
.attentionTxt{
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 1.2;
color: #fff;
padding: 6px 10px 6px 6px;
background-color: #F93947;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
section dl{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6px;
}
section dt{
	width: 7%;
	font-size: 2rem;
	letter-spacing: 2px;
	font-weight: 700;
}
section dd{
	width: 93%;
	font-size: 2rem;
	letter-spacing: 2px;
	font-weight: 700;
}
.adobeLine{
	margin: 0 0 10px 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

/*
urlChange / index.html
----------------------------------------------------*/
#urlChange{
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	color: #000;
	opacity: 0.9;
	width: 100%;
	padding: 5px 10px 5px 180px;
	font-size: 12px;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}
#urlChange .link{
	color: red;
}
#urlChange .link span{
	background: #FFD5D5;
	padding: 2px 10px;
	display: inline-block;
	margin-right: 10px;
}
#div_close{
	background-image: -moz-linear-gradient(top, #f2850c,#f26d0c);
	background-image: -webkit-linear-gradient(top, #f2850c,#f26d0c);
	background: linear-gradient(to bottom, #f2850c,#f26d0c);
	border-color: #f60;
	background-color: #F2850C;
	display: inline-block;
	padding: 10px;
	border-radius: 50px;
	color: #FFF;
	position: absolute;
	top: -15px;
	right: 200px;
}
ul.row{
	text-align: center;
}
ul.row li{
	padding:1rem;
}
ul.row li div{
	border-radius: 5px;
	background-color: #f3f3f3;
	padding:1.5rem 1rem 1rem;
}
img.thum, article > img{height: 200px; margin-bottom: 1rem; margin-top: 0.25rem;}
h5{text-align: left; font-size:1.5rem;border-left: 5px solid #f26d0c;padding-left: 0.5rem; margin-top: 1.25rem;}
.getadobe{margin-left:0.5rem; margin-right:0.5rem; margin-bottom: 1rem;}
.getadobe img{height: 30px; vertical-align: bottom;}
.liner{
	background: -moz-linear-gradient(transparent 50%, #ffff66 0%);
	background: -webkit-linear-gradient(transparent 50%, #ffff66 0%);
	background: linear-gradient(transparent 50%, #ffff66 0%);}
div.notice{border:2px #F93947 solid; padding:0 0 1rem; letter-spacing: 0.1rem; border-radius: 0 5px; margin-bottom: 1rem;}
.notice h4.none{
	border:none;
	font-size: 1.5rem;
	font-weight: bold;
	margin:0 0 0.5rem;
	padding: 0.75rem 0 0.75rem 1rem;
	color: #fff;
	background-color:#F93947; 
}
.notice p{padding: 0 1rem 0 2rem;}
.notice hr{height:1px; background-color: #999; border: none; margin: 0.25rem 1rem;}
ul.notice li{border-bottom: dashed 1px silver; line-height: 1.5; padding: 1rem 0 1rem 0;}
ul.notice li:last-of-type{border-bottom: none;}
ul.notice li:before {content: "●"; position: absolute; color: #000;}
.enkittl{background: whitesmoke; padding: 1rem; border:none;}
.notice2{border:2px #26a69a solid; letter-spacing: 0.2rem;text-align: center; border-radius: 0 5px;}
.notice2 h4{
	border: none;
	margin: 0;
	padding: 1rem 0;
	background-color: #26a69a;
	color: #fff;
}
.notice2 h4:before,.notice2 h4:after{
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 0 10px;
    transform: translateY(-6px);
}
.txt02{margin: .5rem 0; font-size: 15px;}
.kakko span:not(.newIcon2):before{content: "「"; margin-left:-5px;}
.kakko span:not(.newIcon2):after{content: "」"; margin-right:-5px;}
.tf{transform: scaleX(.8);}