@charset "utf-8";

.sliderDiv {
	padding-bottom: 2px;
}

/* スライダー */
.slider {
	width: 100%;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.slider img {
	height: auto;
	max-width: 100%;
}

.slider img {
	padding-right: 8px;
	padding-left: 8px;
}

/* メインコメント */
.main_comment {
	background-color: #EFDABA;
	background-image: url(../n_top_img/main_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 3vw;
	margin-top: 20px;
	padding-top: 1.2%;
	padding-right: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 1.5%;
}

.mainTitle {
	font-size: 2vw;
	line-height: 120%;
	font-weight: bold;
	color: #754F00;
	padding-bottom: 0.4em;
	text-align: center;
}

.mainTitle br {
	display: none;
}

.mainTxt {
	font-size: 1.1vw;
	line-height: 175%;
}

.mainTxt br.main {
	display: block;
}

.mainTxtLarge {
	font-size: 160%;
	font-weight: bold;
	color: #754F00;
}

.note {
	font-size: 0.8vw;
	padding-top: 8px;
	padding-left: 1em;
}

/* メディア実績 */
.media {
	background-color: #EFDB9C;/*#FEC712*/
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 4vw;
	padding-top: 0.5%;
	padding-right: 4.5%;
	padding-bottom: 1%;
	padding-left: 4.5%;
	margin-top: 4vh;
}

.mediaTtl {
	font-size: 2.5vw;
	font-weight: bold;
	color: #F00;
	margin-bottom: 0.6em;
	padding-bottom: 0.3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	text-align: center;
}

.mediaSubArea {
	margin-bottom: 2vw;
}

.mediaSubTtl {
	font-size: 1.6vw;
	font-weight: bold;
	color: #F00;
	padding-bottom: 0.4em;
}

.mediaSubTxtInd {
	font-size: 1.5vw;
	line-height: 130%;
	padding-bottom: 0.4em;
	padding-left: 7em;
	text-indent: -6em;
}

.mediaSubTxt {
	font-size: 1.5vw;
	line-height: 130%;
	padding-left: 1em;
	padding-bottom: 0.4em;
}

/* ニュースエリア */
.newsArea {
	background-color: #E3EEF9;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 4vw;
	padding-top: 0.5%;
	padding-right: 4%;
	padding-bottom: 1%;
	padding-left: 4%;
}

.newsTtl {
	font-size: 2.5vw;
	font-weight: bold;
	color: #3D7DDE;
	margin-bottom: 0.1em;
	padding-bottom: 0.3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3D7DDE;
	text-align: center;
}

/* 最新情報 */
.news {
	border-radius: 6px;
	width: 88%;
	overflow-y: scroll;
	height: 23vw;
	margin-right: auto;
	margin-left: auto;
	padding: 1vw;
	margin-bottom: 1vw;
}

.unit {
	margin-bottom: 0.8vw;
	padding-bottom: 0.8vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100%;
}

.unit a,
.unit a:visited {
	color: #00F;
	text-decoration: none;
}

.unit a:hover {
	color: #F00;
	text-decoration: underline;
}

.newsTitle {
	font-size: 1.16vw;
	line-height: 150%;
	padding-bottom: 0.3em;
}

.mark {
	padding-left: 10px;
}

.newsTxt {
	font-size: 0.95vw;
	line-height: 140%;
}

/* マンガ */
.mangaArea {
	width: 52%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7vw;
}

.forPc {
	display: block;
}

.forSp {
	display: none;
}


.mangaLong {
}

.mangaLong img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

/* 疑似ボタン */
.similarBtnArea {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8vw;
}

.similarBtn a,
.similarBtn a:visited {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100%;
	display: block;
	font-size: 26px;
	text-decoration: none;
	color: #0052A4;
	line-height: 1.4;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image: url(../n_top_img/similarBtnArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.similarBtn a:hover {
}


/* 段落 */
.acdset,
.acdset_w {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}

.acdSubTitle {
	font-size: 1.7vw;
	line-height: 120%;
	padding-bottom: 10px;
	font-weight: bold;
	padding-top: 20px;
}

.acdtxt {
	font-size: 1.15vw;
	line-height: 160%;
}

.acdtxtLine {
	font-size: 1.15vw;
	line-height: 160%;
	padding-bottom: 2.4vw;
	margin-bottom: 1vw;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.acdtxtRed {
	font-size: 1.15vw;
	line-height: 160%;
	padding-bottom: 15px;
	color: #C00;
}

.fullImg {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
}

.fullImg img {
	height: auto;
	width: 100%;
}

.fullImgMdl {
	width: 78%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: center;
}

.fullImgMdl img {
	height: auto;
	width: 100%;
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
}

.fullImgSml {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: center;
}

.fullImgSml img {
	height: auto;
	width: 100%;
	border-radius: 20px;  
}

.btm20 {
	padding-bottom: 20px;
}

.sayumi {
	height: auto;
	width: 30px;
	margin-right: 10px;
}

.ThreeWord {
	color: #FFF;
	display: none;
}

/* 開発 */
.supportUnit {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom: 40px;
	padding-top: 20px;
}

.leftTxtArea {
	width: 75%;
	padding-right: 5%;
}

.baseTxt20 {
	font-size: 1.15vw;
	line-height: 160%;
	padding-bottom: 20px;
}

.rightPhoto {
	width: 25%;
}

.support img {
	height: auto;
	width: 100%;
}

.endSpace {
	height: 100px;
}

/* 臨時バナー */
.specialBanner {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}

.specialBanner p.spBaner {
	padding-bottom: 10px;
}

.specialBanner img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

/* アンケートバナー */
.questionnaire {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}

.btnBr {
	display: none;
}

.questioBtn a,
.questioBtn a:visited {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 1.6vw;
	line-height: 140%;
	color: #FFF;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	display: block;
	margin-top: 2%;
	margin-bottom: 2%;
	font-weight: bold;
	background-color: #60A814;
	text-align: center;
}

.questioBtn a:hover {
	opacity: 0.6;
}


/* ページトップ */
.pageTop {
	position: fixed;
	right: 1.2%;
	bottom: 60px;
	height: 36px;
	width: 36px;
	cursor:pointer;
	opacity: 0.6;
}

.pageTop:hover {
	opacity: 1;
}


@media screen and (max-width: 767px){ /*768-992*/

/* スライダー */
.slider {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.slider img {
	padding-right: 3vw;
	padding-left: 3vw;
}

/* メインコメント */
.main_comment {
	background-color: #EFDABA;
	background-image: url(../n_top_img/main_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 30%;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	margin-bottom: 6vh;
	margin-top: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 18px;
	padding-left: 12px;
}

.mainTitle {
	font-size: 20px;
	line-height: 120%;
	font-weight: bold;
	color: #754F00;
	padding-bottom: 0.6em;
	text-align: center;
}

.mainTitle br {
	display: block;
}

.mainTxt {
	font-size: 13px;
	line-height: 165%;
}

.mainTxt br.main {
	display: none;
}

.mainTxtLarge {
	font-size: 160%;
	font-weight: bold;
	color: #754F00;
}

.note {
	font-size: 11px;
	padding-top: 8px;
	padding-left: 1em;
}

/* メディア実績 */
.media {
	background-color: #EFDB9C;/*#FEC712*/
	width: 94%;/*70*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	margin-bottom: 6vh;
	padding-top: 1%;
	padding-right: 4.5%;
	padding-bottom: 2%;
	padding-left: 3.5%;
}

.mediaTtl {
	font-size: 6vw;
	font-weight: bold;
	color: #F00;
	margin-bottom: 0.6em;
	padding-bottom: 0.3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	text-align: center;
}

.mediaSubArea {
	margin-bottom: 2vh;
}

.mediaSubTtl {
	font-size: 4.2vw;
	font-weight: bold;
	color: #F00;
	padding-bottom: 0.6em;
}

.mediaSubTxtInd {
	font-size: 3.2vw;
	line-height: 130%;
	padding-bottom: 0.4em;
	padding-left: 7em;
	text-indent: -6em;
}

.mediaSubTxt {
	font-size: 3.2vw;
	line-height: 130%;
	padding-left: 1em;
	padding-bottom: 0.4em;
}

/* ニュースエリア */
.newsArea {
	background-color: #E3EEF9;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	margin-bottom: 6vh;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}

.newsTtl {
	font-size: 6vw;
	font-weight: bold;
	color: #3D7DDE;
	margin-bottom: 0.6em;
	padding-bottom: 0.3em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3D7DDE;
	text-align: center;
	text-align: center;
}

/* 最新情報 */
.news {
	border-radius: 6px;
	width: 100%;
	overflow-y: scroll;
	height: 40vh;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2vw;
	padding-right: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
}

.unit {
	margin-bottom: 1.6vh;
	padding-bottom: 1.6vh;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100%;
}

.unit a,
.unit a:visited {
	color: #00F;
	text-decoration: none;
}

.unit a:hover {
	color: #F00;
	text-decoration: underline;
}

.newsTitle {
	font-size: 3.6vw;
	line-height: 150%;
	padding-bottom: 0.4em;
}

.mark {
	padding-left: 10px;
}

.newsTxt {
	font-size: 2.8vw;
	line-height: 140%;
}

/* マンガ */
.mangaArea {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6vh;
}

.mangaLong {
}

.mangaLong img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

/* 疑似ボタン */
.similarBtnArea {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20vh;
}

.similarBtn a,
.similarBtn a:visited {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 100%;
	display: block;
	font-size: 18px;
	text-decoration: none;
	color: #0052A4;
	line-height: 1.4;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image: url(../n_top_img/similarBtnArrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.similarBtn a:hover {
}

.forPc {
	display: none;
}

.forSp {
	display: block;
}


/* 段落 */
.acdset {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}

.acdset_w {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}

.acdSubTitle {
	font-size: 18px;
	line-height: 120%;
	padding-bottom: 10px;
	font-weight: bold;
	padding-top: 20px;
}

.acdtxt {
	font-size: 13px;
	line-height: 160%;
	padding-bottom: 10px;
}

.acdtxtLine {
	font-size: 13px;
	line-height: 160%;
	padding-bottom: 10px;
	margin-bottom: 1vw;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.acdtxtRed {
	font-size: 13px;
	line-height: 160%;
	padding-bottom: 10px
	color: #C00;
}

.fullImg {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

.fullImg img {
	height: auto;
	width: 100%;
}

.fullImgMdl {
	width: 78%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: center;
}

.fullImgMdl img {
	height: auto;
	width: 100%;
	border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
}

.sayumi {
	height: auto;
	width: 16%;
	margin-right: 0px;
	display: none;
	vertical-align: bottom;
}

.ThreeWord {
	color: #FFF;
	display: inline;
}

/* 開発 */
.supportUnit {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding-top: 0px;
}

.leftTxtArea {
	width: 100%;
	padding-right: 0%;
}

.baseTxt20 {
	font-size: 13px;
	line-height: 160%;
	padding-bottom: 20px;
}

.rightPhoto {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.support img {
	height: auto;
	width: 100%;
}

/* 臨時バナー */
.specialBanner {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

.specialBanner p.spBaner {
	padding-bottom: 10px;
}

.specialBanner img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

/* アンケートバナー */
.questionnaire {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}

.btnBr {
	display: block;
}

.questioBtn a,
.questioBtn a:visited {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 14px;
	line-height: 120%;
	color: #FFF;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	display: block;
	margin-top: 1%;
	margin-bottom: 3%;
	font-weight: bold;
	background-color: #60A814;
	text-align: center;
}

.questioBtn a:hover {
	opacity: 0.6;
}

/* ページトップ */
.pageTop {
	position: fixed;
	right: 10px;
	bottom: 60px;
	height: 36px;
	width: 36px;
	cursor:pointer;
	opacity: 0.6;
}

.pageTop:hover {
	opacity: 1;
}


}