@charset "utf-8";

/* --------------------------------------------------------------
#contents(共通)
-------------------------------------------------------------- */

/* float ==== */
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}

/* align ==== */
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.vt {vertical-align : top;}


/* particular case ==== */
.mt-15{ margin-top: -15px !important; }
.mt-30 { margin-top: -30px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr50 { margin-right: 50px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml40 { margin-left: 40px !important; }
.ml-20 { margin-left: -20px !important; }
.pr40 { padding-right: 40px !important; }
.pt0 { padding-top: 0 !important; }
.pt15 { padding-top: 15px !important; }
.pl0 { padding-left: 0 !important; }
.pl30 { padding-left: 30px !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pb15 { padding-bottom: 15px !important; }

/* others ==== */
@media screen and (max-width:640px){
.spWidth{
	width:100%;
	}
.spWidth2{
	width:96%;
	}
}

/* --------------------------------------------------------------
#contents(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){

#main {
	width:1000px;
	/*margin:0 auto 35px auto;*/
	margin:0 auto;
	text-align:left;
	}

#main section{
	margin:0 0 50px 0;
	}

#main section:last-child {
	margin: 0;
}

#main section.type2{
	margin:0 0 20px 0;
	}

#main p{
	margin:0 0 30px 0;
	padding:0 20px;
	}

#main p.btm0 {
	margin: 0;
}

#main .imgArea {
	width:960px;
	margin:0 auto;
	}

#main .imgArea .imgBlock {
	float:left;
	margin:0 30px 0 0;
	}

#main .imgArea .last {
	margin:0;
	}

#main .imgArea .imgBlock img {
	margin:0 0 10px 0;
	}

#main .imgArea .imgBlock p {
	padding:0;
	}

#main h3 {
	background:#eaeaea;
	font-size: 20px;
  font-size: 2.0rem;
	font-weight:normal;
	padding:20px;
	margin:0 0 30px 0;
  text-align: center;
	}

.titleArea {
	width:1000px;
	margin:0 auto;
	/*text-align:left;*/
  position: relative;
	}

.titleArea h2 {
	margin:0 0 30px 0;
	font-weight:bold;
	/*float:left;*/
	font-family:'Oswald';
	font-size: 50px;font-size: 3.0rem;
	line-height:1;
  text-align: center;
  padding: 15px 0 0;
	}

.titleArea h2.type2 {
	font-size: 34px;font-size: 3.4rem;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	}

.titleArea h2 span {
	font-size: 22px;font-size: 2.2rem;
	padding:0 0 0 18px;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	}


.titleArea h2 img {
	display:inline;
	margin:0 18px 0 0;
	}

.titleArea a {
	float:right;
	background:#00a1cd;
	color:#fff;
	font-size: 16px;font-size: 1.6rem;
	padding:10px 20px;
  position: absolute;
  top: 5px;
  right: 0;
	}
.titleAreaNote{
	margin: -10px 0 25px;
}
.titleAreaNote a{
	float: none;
	position: static;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	text-decoration: underline;
	background: transparent;
}
.index .titleAreaNote br.pcnone {
	display: none;
}
#inline-wrap {
  position: relative;
  margin: 10px auto;
  max-width: 700px;
  background: #fff;
  padding: 20px;
}
#inline-wrap .head{
	margin-bottom: 1em;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#inline-wrap .head br.pcnone {
	display: none;
}
#inline-wrap >p{
  font-size: 14px;
}
#inline-wrap >p.pc-center{
  text-align: center;
}
#inline-wrap >p br.spnone{
  display: initial;
}

.btn_more {
	width:1000px;
	margin:0 auto;
  padding: 0 0 20px;
}
.btn_more a {
  background:#00a1cd;
  color:#fff;
  padding:10px 20px;
  text-align: center;
  display: inline-block;
  font-size: 1.3rem;
}

.titleArea02 {
	width:1000px;
	margin:0 auto 25px auto;
  text-align: center;
	}

.titleArea02 h2 {
	margin: 0;
	font-weight:bold;
	font-family:'Oswald';
  font-size: 6.8rem;
	}

.titleArea02 h2 span {
	display:block;
	font-size: 1.8rem;
	padding:20px 0 0 0;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	}

/*.tokusyu .titleArea02 {
	margin:0 auto;
	}

.tokusyu .titleArea02 h2 {
	margin:0;
	}*/

.titleArea03 {
	width:960px;
	margin:0 auto 10px auto;
	padding:20px;
	color:#fff;
	background:#000;
	text-align:left;
	}

.titleArea03 h2 {
	float:left;
	width:830px;
	font-weight:normal;
	}

.titleArea03 a {
	padding:5px 20px 5px 20px;
	color:#fff;
	background:#00a1cd;
	float:right;
	}

.slider02 {
	width:100%;
	background:#ebebeb;
	padding:10px 0;
	margin:0 0 28px 0;
	}

.slider02 .inner {
	width:1000px;
	margin:0 auto;
	}

.slider02  .bx-wrapper .bx-prev {
	left: -60px;
	background:url(/images/common/bt_prev.gif) no-repeat 0 0;
}

.slider02 .bx-wrapper .bx-next {
	right: -60px;
	background: url(/images/common/bt_next.gif) no-repeat 0 0;
}

.slider02  .bx-wrapper .bx-prev:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.slider02 .bx-wrapper .bx-next:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.slider02 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	outline: 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 9999;
}

.sns {
	padding:0 0 20px;
	background-color: #fff;
	}

.foot-sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	width:1000px;
	margin:0 auto;
	text-align:left;
}

.sns .foot-sns-btn {
	width: 188px;
}
  .sns .foot-sns-btn img {
    width: 100%;
  }

.sns.cf:after {
	display: none;
}

.sns .foot-sns-btn .img-pc {
	display: block;
}

.sns .foot-sns-btn .img-sp {
	display: none;
}

/*
.sns dl{
	width:200px;
	float:left;
	margin:0 20px 0 0;
	}

.sns dl.last{
	margin:0;
	}

.sns dl dt{
	width:200px;
	float:left;
	margin: 0;
	}
*/

.banner {
	background:#ebebeb;
	padding:20px 0;
	}

.banner .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	width:1000px;
	margin:0 auto;
	}

.banner .inner a {
	display: block;
	width: 240px;
}

.banner .inner.cf:after {
	display: none;
}

/*
.banner .inner img {
	float:left;
	margin:0 10px 0 0;
	}
*/

.pageTop {
	background:url(/images/common/bg01.gif) 0 0 repeat;
	padding:10px;
	}

.pageTop p {
	width:1000px;
	margin:0 auto;
	text-align:right;
	}

.pageTop a {
	color:#fff;
	background:url(/images/common/icon_pageop.gif) right center no-repeat;
	padding:0 25px 0 0;
	}

.linkBtSp{
	display:none;
	}

/*.box4 .titleArea h2 {
	float:left;
	}*/

.box4 .mainArea {
	width:100%;
	background:#ebebeb;
	/*margin:0 0 59px 0;*/
	margin:0 0 45px 0;
	}

.box4 .mainArea .inner {
	width:1000px;
	margin:0 auto;
	/*padding:10px 0 15px 15px;*/
	padding:20px 0 5px 15px;
	}

.box4 .mainArea dl {
	float:left;
	width:236px;
	margin:0 12px 0 0;
	text-align:left;
	}

.box4 .mainArea dl:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

.box4 .mainArea dl.commingsoon:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.box4 .mainArea dl dt img {
  width: 100%;
  backface-visibility: hidden;
}

.box4 .mainArea dd {
	background:#fff;
	padding:15px;
	}

.box4 .mainArea dd span {
	font-size: 13px;
	color:#666;
	display:inline-block;
	padding:0 0 10px 0;
	}

.box4 .mainArea dd em {
	font-style:normal;
	background:#9b0101;
	color:#fff;
	font-size: 10px;font-size: 1.0rem;
	padding:0 5px;
	margin:0 0 0 10px;
	position:relative;
	top:-2px;
	}
/*.box4 .mainArea dl dd a[target="_blank"] + span{

	background: url(/images/common/icon_blank.png) no-repeat 0px 0px;

}*/



.box4 .mainArea dl.last {
	margin:0;
	}

.box3 .titleArea h2 {
	float:left;
	}

.box3 .mainArea {
	width:100%;
	/*margin:0 0 50px 0;*/
	margin: 0;
	}

.box3 .mainArea .inner {
	width:960px;
	margin:0 auto;
	/*padding:10px 0 15px 50px;*/
	padding:10px 0 0 50px;
	}

.box3 .mainArea dl {
	float:left;
	width:294px;
	margin:0 12px 0 0;
	text-align:left;
	}

.box3 .mainArea dl:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

.box3 .mainArea dd {
	background:#000;
	margin-bottom: 0;
	padding:5px 10px;
	font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
	}

.box3 .mainArea dd a {
	color:#fff;
	}

.box3 .mainArea dl.last {
	margin:0;
	}

.box2 .mainArea {
	width:100%;
	background:#ebebeb;
	/*margin:0 0 55px 0;*/
	margin:0 0 45px 0;
	}

.tokusyu .box2 .mainArea {
	background: #fff;
	margin: 0;
	}

.tokusyu .pcnone {
	display: none;
	}

.box2 .mainArea .inner {
	width:1000px;
	margin:0 auto;
	/*padding:10px 0 15px 15px;*/
	padding:20px 0 20px 15px;
	overflow: hidden;
	}

#inside .box2 .mainArea .inner {
	padding:30px 0 0 15px;
}

.box2 .mainArea .inner dl {
	float:left;
	width:480px;
	text-align:left;
	margin:0 20px 20px 0;
	}

.box2 .mainArea .inner dl:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

.box2 .mainArea .inner dl.bg-light {
	position: relative;
}

.box2 .mainArea .inner dl.bg-light:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

.box2 .mainArea .inner dl.bg-light:hover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}

.box2 .mainArea .inner dl.rt {
	margin:0 0 20px 0;
	}

.box2 .mainArea .inner dl:last-child,
.box2 .mainArea .inner dl:nth-last-of-type(2) {
	margin:0 20px 0 0;
}

.box2 .mainArea .inner dl:last-child.rt {
	margin: 0;
}

.box2 .mainArea .inner dl:nth-last-of-type(2).rt {
	margin:0 20px 20px 0;
}

.box2 .mainArea .inner dl dt {
  height: 178px;
}
.box2 .mainArea .inner dl dt img {
  width: 100%;
  backface-visibility: hidden;
}

.box2 .mainArea .inner dl dd.title {
	display:block;
	background:url(/images/common/bg01.gif) 0 0 repeat;
	padding:15px 15px;
	font-size: 16px;font-size: 1.6rem;
	color:#fff;
	}

.box2 .mainArea .inner dl dd.title.bg-y {
	background:url(/images/common/bg01_y.gif) 0 0 repeat;
	}

.box2 .mainArea .inner dl dd a{
	color:#fff;
	}

.box2 .mainArea .inner dl dd.txt {
	background:#fff;
	padding:15px;
	line-height:1.5;
	}

#titleArea {
	width:1000px;
	margin:0 auto 30px auto;
	background:#efefef;
	padding:0 0 20px 0;
	text-align:left;
	}

#titleArea .mainImg {
	margin:0 0 55px 0;
	}

#titleArea h2 {
	margin:0 0 0 30px;
	font-size: 16px;font-size: 1.6rem;
	}

#titleArea h2 img {
	display:inline;
	margin:0 20px 0 0;
	}

.sns_bt{
  display: flex;
  justify-content: flex-end;
	width:1000px;
	margin:0 auto;
	padding: 35px 0;
	text-align: right;
	}

.sns_bt.mt30 {
	padding-top: 0;
}

/*
.sns_bt p{
	float:right;
	margin:0 30px 0 0;
	font-weight:bold;
	}
*/
.sns_bt p.share-copy {
	font-size: 12px;
	/*font-weight: bold;*/
	vertical-align: middle;
	margin: 1px 0 0;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
}

.sns_bt ul{
	display: flex;
  align-items: flex-start;
	height: 21px;
	vertical-align: middle;
	}

.sns_bt ul li{
	margin-left: 15px;
	vertical-align: middle;
	}
.sns_bt ul li.fb span {
  display: flex;
  justify-content: flex-start;
  width: 85px !important;
  overflow: hidden;
}
.sns_bt ul li.fb span iframe {
  width: 85px !important;
}

.sns_bt ul .twitter{
	/*width:110px;*/
	overflow:hidden;
	}

#main .btArea {
	width:1000px;
	margin:0 auto;
	}

#main .btArea a {
	padding:5px;
	color:#fff;
	background:#00a1cd;
	float:right;
	padding:10px 30px;
	font-size: 12px;font-size: 1.2rem;
	}
	.box3 .mainArea dt img{
	max-width:294px;
	}
/* 2015-2016 banner ==== */
.contentsBanner{
	width:1000px;
	margin:0 auto 0 auto;
	/*padding:20px 0 60px 0;*/
	padding:20px 0 0 0;
	border-top:1px solid #E3E3E3;
	}
.contentsBanner .inr{
	width:1000px;
	height:300px;
	}
.contentsBanner p{
	font-size: 36px;font-size: 3.6rem;
	color:#005ea6;
	/*margin:0 auto 20px auto;*/
	margin:0 auto;
	font-family:'Oswald';
	}
.contentsBanner p.headline-jp{
	margin-bottom: 40px;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size: 15px;font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color:#333;
	text-align: center;
	}
.contentsBanner p span{
	color:#000000;
	}
.contentsBanner a{
	float:left;
	}
.contentsBanner a img{
	width: 250px;
  backface-visibility: hidden;
	}
.contentsBanner2{
	text-align:center;
}
.contentsBanner2 img{
	display:inline-block;
}



	}

/* --------------------------------------------------------------
#contents(SP)
-------------------------------------------------------------- */

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

#main {
	text-align:left;
	/*margin:0 0 30px 0;*/
	margin: 0;
	}

#main p{
	padding:0 10px;
	margin:0 0 20px 0;
	}

#main .imgArea {
	margin:0 0 0 0;
	}

#main .imgArea .imgBlock {
	margin:0 0 20px 0;
	padding:0 10px;
	}

#main .imgArea .last {
	}

#main .imgArea .imgBlock img {
	margin:0 auto 10px auto;
	width:100%;
	}

#main .imgArea .imgBlock p {
	padding:0;
	}

#main h3 {
	background:#eaeaea;
	font-size: 20px;
  font-size: 2.0rem;
  font-weight: normal;
	padding:15px;
	margin:0 0 30px 0;
  text-align: center;
	}

#main .imgL, #main .imgR{
	margin:0 0 30px 0;
	padding:0 20px;
	font-size: 0;
	}

	#main .imgR .txtBlock p{
		font-size: 1.3rem;
		}

#main .imgCaption{
	padding:20px;
	background:#255396;
	color:#fff;
	font-size:10px;
	}

#main .imgCaption > span{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	display: inline-block;
	}
#main .title{
	font-size:16px;
	}

#main .productswrap{
	padding:5px;
	margin-bottom: 30px;

	}
#main .products{
  display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
	}
#main .products li{
	font-size:0;
	margin:5px;
	flex: 1;
	}

#main .products img{
	width:100%;
	}

	#main .profile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 30px;
		}

	#main .profile .profile-content {
		background-color: #e7ebf8;
		padding: 15px 25px;
		}

		#main .profile .profile-image {
			/* width: 123px; */
			background-color: #e7ebf8;
			padding: 20px 0 0 20px;
			flex-grow: 1;
		}

		#main .profile .profile-image img {
			width: 105px;
		}

	#main .profile .profile-image .profile-content-title-sp {
		display: block;
		font-size:13px;
		line-height: 1.6;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px;
	}

	#main .profile .profile-content .profile-content-title-pc {
		display: none;
	}

	#main .profile .profile-content .profile-content-text {
		font-size:11px;
		margin: 0;
		padding: 0;
	}

.btn_more {
  display: none;
}


.index .titleAreaNote br.pcnone {
	display: initial;
}
#inline-wrap .head{
	margin-bottom: 1em;
}
#inline-wrap .head br.pcnone {
	display: initial;
}
#inline-wrap >p.pc-center{
	text-align: left;
}
#inline-wrap >p br.spnone{
	display: none;
}

.titleArea h2 {
	font-family:'Oswald';
	font-size: 50px;
	/*font-size: 5.0rem;*/
	font-size: 3.0rem;;
	font-weight:bold;
	}

.titleArea h2.type2 {
	font-size: 34px;font-size: 3.4rem;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	}

.titleArea h2 span {
	font-size: 22px;font-size: 2.2rem;
	padding:0 0 0 18px;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	}

.titleArea02 h2 {
	margin:20px 0;
	font-weight:bold;
	font-family:'Oswald';
  font-size: 9.0vw;
	text-align:center;
	width:100%;
	}

.titleArea02 h2 span {
	display:block;
	font-size: 14px;font-size: 1.4rem;
	padding:0 10px 0 10px;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	text-align:center;
	}

.titleArea02 img {
	width:100%;
	}

.slider02 {
	width:100%;
	background:#ebebeb;
	margin:0 0 40px 0;
	padding:20px 0;
	}

.slider02 .bx-wrapper {
	padding:0 20px;
}

.slider02 .bx-wrapper .bx-viewport {
	background:#ebebeb;
	}

.slider02 .inner {
	}

.slider02 img {
	width:100%;
	}

.slider02  .bx-wrapper .bx-prev {
	left: 0;
	/*background:url(/images/common/bt_prev.gif) no-repeat 0 0*/
	background:url(/images/common/sp/bt_prev.gif) no-repeat 0 0;;
}

.slider02 .bx-wrapper .bx-next {
	right: 0;
	/*background: url(/images/common/bt_next.gif) no-repeat 0 0;*/
	background: url(/images/common/sp/bt_next.gif) no-repeat 0 0;
}

.slider02  .bx-wrapper .bx-prev:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.slider02 .bx-wrapper .bx-next:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.slider02 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	/*
	margin-top: -25px;
	width: 50px;
	height: 50px;
	*/
	margin-top: -12px;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	z-index: 9999;
}

.slider02 .bx-wrapper .bx-controls-direction a {
	margin-top: -12px;
	width: 25px;
	height: 25px;
}


.sns {
	padding: 0 0 12px;
	background-color: #fff;
	}

.sns:after {
	display: none;
}

.foot-sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	width: 95%;
	margin:0 auto;
}

.sns .foot-sns-btn {
	/*width: calc((100% - 10px) / 2);*/
	width: 50%;
	margin: 0;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-top: 10px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sns .foot-sns-btn:nth-child(1),
.sns .foot-sns-btn:nth-child(2),
.sns .foot-sns-btn:nth-child(3) {
  width: 33.333%;
	border-top: none;
}

.sns .foot-sns-btn a {
	display: block;
	line-height: 0;
}

.sns .foot-sns-btn img {
	width: 100%;
	height: auto;
}

.sns .foot-sns-btn .img-pc {
	display: none;
}

.sns .foot-sns-btn .img-sp {
	display: block;
}

/*
.sns dl{
	width:48%;
	float:left;
	margin:0 10px 10px 0;
	text-align:left;
	}

.sns dl {
	float:left;
	width: 50%;
	margin: 0;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sns dl a {
	display: block;
	line-height: 0;
}

.sns dl.center{
	margin:0;
	}

.sns dl.last{
	float:right;
	margin:0;
	}
.sns dl.lef{
	float:left;
	margin:0 0 10px 0;
	}

.sns dl img{
	width:100%;
	}
*/

.banner {
	background:#ebebeb;
	/*padding:10px 0;*/
	padding: 12px 0;
	}

.banner .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.banner .inner a {
	display: block;
	width: 50%;
	line-height: 10px;
}

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

/*
.banner img {
	float:left;
	margin:0;
	width:50%;
	}

.banner img.rt {
	float:right;
	}
*/

.pageTop {
	background:url(/images/common/bg01.gif) 0 0 repeat;
	padding:10px;
	}

.pageTop p {
	width:100%;
	text-align:right;
	}

.pageTop a {
	color:#fff;
	text-decoration:none;
	background:url(/images/common/icon_pageop.gif) right center no-repeat;
	padding:0 25px 0 0;
	}

.linkBtSp{
	display:block;
	background:url(/images/common/bg01.gif) 0 0 repeat;
	color:#fff;
	padding:5px 10px;
	font-size: 18px;font-size: 1.8rem;
	text-align:center;
	text-decoration:none;
	}

#news .linkBtSp {
	margin-top: -10px;
}

.linkBtSp span{
	background:url(/images/common/sp/arrow.png) right center no-repeat;
	display:block;
	}.linkBtSp{
	display:block;
	background:url(/images/common/bg01.gif) 0 0 repeat;
	color:#fff;
	padding:5px 10px;
	font-size: 18px;font-size: 1.8rem;
	text-align:center;
	text-decoration:none;
	}

.linkBtSp span{
	background:url(/images/common/sp/arrow.png) right center no-repeat;
	display:block;
	}

.box4 .mainArea {
	/*margin:0 0 50px 0;*/
	margin: 0;
	}

.index .box4 .mainArea {
	margin:0 0 30px 0;
	}

.box4 .mainArea {
	background:#ebebeb;
	padding:20px 10px 10px 10px;
	}

.box4 .mainArea dl {
	text-align:left;
	float:left;
	width:48%;
	margin:0 0 20px 0;
	}

.box4 .mainArea dl.rt {
	float:right;
	}

.box4 .mainArea dl dt {
	position: relative;
	padding:0;
	z-index: 1;
	}

.box4 .mainArea dl dt img {
	width:100%;
	display:block;
  backface-visibility: hidden;
	}

.box4 .mainArea dd {
	background:#fff;
	padding:10px;
	}

.box4 .mainArea dd span {
	font-size: 13px;font-size: 1.3rem;
	color:#666;
	display:inline-block;
	padding:0 0 10px 0;
	}

.box4 .mainArea dd em {
	font-style:normal;
	background:#9b0101;
	color:#fff;
	font-size: 10px;font-size: 1.0rem;
	padding:0 5px;
	margin:0 0 0 10px;
	position:relative;
	top:-2px;
	}

.box3 .titleArea h2 {
	}

.box3 .mainArea {
	/*margin:0 0 30px 0;*/
	margin: 0;
	}

.box3 .mainArea .inner {
	padding:10px;
	background:#ebebeb;
	}

.box3 .mainArea dl {
	width:100%;
	margin:0 0 10px 0;
	}

.box3 .mainArea dl:last-child {
	margin: 0;
}

/*
.box3 .mainArea dl:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}
*/

.box3 .mainArea dl img {
	width:100%;
	display:block;
	}

.box3 .mainArea dd {
	background:#000;
	padding:5px 10px;
	font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
	}

.box3 .mainArea dt {
	padding:0;
	margin:0;

	}

.box3 .mainArea dd a {
	color:#fff;
	}

.box3 .mainArea dl.last {
	margin:0;
	}

.box2 .mainArea {
	/*margin:0 0 50px 0;*/
	margin:0;
	}

.index .box2 .mainArea {
	margin:0 0 30px 0;
	}


.box2 .mainArea {
	text-align:left;
	/*padding:10px 10px 20px 10px;*/
	padding:10px 10px 0 10px;
	background:#ebebeb;
	}

.box2 .mainArea.pd10 {
	padding:10px;
	}

.tokusyu .box2 .mainArea {
	background: #fff;
	}

.tokusyu .pcnone {
	display: initial;
	}

.tokusyu .spnone {
	display: none;
	}

.box2 .mainArea .inner dl {
	width:100%;
	text-align:left;
	/*margin:0 10px 20px 0;*/
	margin: 0 0 20px 0;
	}

.box2 .mainArea .inner dl:last-child {
	margin: 0;
}

.box2 .mainArea .inner dt img {
	width:100%;
	display:block;
  backface-visibility: hidden;
	}

.box2 .mainArea .inner dl dd.title{
	display:block;
	background:url(/images/common/bg01.gif) 0 0 repeat;
	padding:15px 15px;
	font-size: 14px;font-size: 1.4rem;
	color:#fff;
	}

.box2 .mainArea .inner dl dd.title.bg-y {
	background:url(/images/common/bg01_y.gif) 0 0 repeat;
	}

.box2 .mainArea .inner dl dd a{
	color:#fff;
	}

.box2 .mainArea .inner dl dd.txt {
	background:#fff;
	padding:15px;
	line-height:1.5;
	}

#titleArea {
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	}

#titleArea .mainImg {
	margin:0 0 10px 0;
	width:100%;
	}

#titleArea h2 {
	margin:0 0 0 30px;
	font-size: 16px;font-size: 1.6rem;
	}

#titleArea h2 img {
	display:block;
	width:50%;
	margin:0 auto 10px auto;
	}

.titleArea03 {
	margin:28px 0 50px 0;
	padding:10px;
	color:#fff;
	background:#000;
	text-align:left;
	}

.titleArea03 h2 {
	font-weight:normal;
	float:left;
	}

.titleArea03 a {
	padding:5px 15px 5px 15px;
	color:#fff;
	background:#00a1cd;
	float:right;
	position:relative;
	/* top:50px; */
	}

.sns_bt{
  display: flex;
  justify-content: center;
  align-items: center;
	/*padding:0 0 10px 0;*/
	padding: 35px 0;
	line-height: 1.0;
	background-color: #fff;
	}

.sns_bt .date{
	float:left;
	padding:5px;
	}

.sns_bt .top .twitter,
.sns_bt .top .fb,
.sns_bt.mt30{
	display:none;
	}

.sns_bt .date{
	float:left;
	}

.sns_bt a{
	float:right;
	color:#fff;
	background:#00a1cd;
	padding:5px;
	font-size: 12px;font-size: 1.2rem;
	margin:0 5px 0 0;
	}

.sns_bt p.share-copy {
	font-size: 12px;
	/*font-weight: bold;*/
	/*margin: 2px 0 0;*/
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
  line-height: 1.0;
  margin: 0;
}
.sns_bt ul{
	display: flex;
  align-items: flex-start;
	height: 21px;
	vertical-align: middle;
	}
.sns_bt ul li{
	margin-left: 10px;
	vertical-align: middle;
	}
.sns_bt ul li.fb span {
  display: flex;
  justify-content: flex-start;
  width: 85px !important;
  overflow: hidden;
}
.sns_bt ul li.fb span iframe {
  width: 85px !important;
}
.sns_bt ul li.twitter{
	/*padding:0 20px 0 0;*/
  height: 20px;
	}

#main .btArea {
	margin-right:15px;
	}

#main .btArea a {
	padding:5px;
	color:#fff;
	background:#00a1cd;
	float:right;
	padding:5px 20px;
	font-size: 12px;font-size: 1.2rem;
	}
.outerBox{
	padding:10px;
	background-color: #ebebeb;
	}
/* 2015-2016 banner ==== */
.contentsBanner{
	margin:0 auto 0 auto;
	/*padding:20px 0 60px 0;*/
	padding:20px 0 0 0;
	border-top:1px solid #E3E3E3;
	}
.contentsBanner .inr{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
	text-align: center;
	}
.contentsBanner .inr a{
  display: block;
	width:48%;
	}
.contentsBanner img{
	vertical-align:bottom;
	width:100%;
	}
.contentsBanner p{
	font-size: 18px;font-size: 1.8rem;
	color:#005ea6;
	/*margin:0 auto 20px auto;*/
	margin: 0 auto;
	font-family:'Oswald';
	}
.contentsBanner p.headline-jp{
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size: 12px;font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	color:#333;
	text-align: center;
	}
.contentsBanner p span{
	color:#000000;
	}

	.about #main .btMember.btm0 {
		margin: 0;
	}
	.about #main .btMember a {
		display: block;
		line-height: 0;
	}

	}

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

.sns dl{
	/*margin:0 10px 0 0;*/
	margin: 0;
	}

.slider02  .bx-wrapper .bx-prev {
	background:url(/images/common/sp/bt_prev.gif) no-repeat 0 0;
}

.slider02 .bx-wrapper .bx-next {
	background: url(/images/common/sp/bt_next.gif) no-repeat 0 0;
}

.slider02 .bx-wrapper .bx-controls-direction a {
	margin-top: -12px;
	width: 25px;
	height: 25px;
}

}

.box4 .mainArea dl .newIcon{
	position:absolute;
	background-color:red;
	font-family:'Oswald';
	color:white;
	padding:1px 10px;
	z-index: 2;
}

@media screen and (max-width:640px){
  .box4 .mainArea dl .newIcon{
    padding: 5px;
    line-height: 1.0;
    font-size: 12px;
  }
}

_:-ms-lang(x)::-ms-backdrop, .sns_bt ul .twitter {
  padding: 0;
  vertical-align: top;
}
_:-ms-lang(x)::-ms-backdrop, .sns_bt ul .twitter a {
  display: inline-block;
  height: 20px;
  box-sizing: border-box;
  padding: 1px 8px 1px 22px;
  background: #1b95e0 url("../../images/common/ico_twitter.svg") no-repeat 6px center;
  background-size: 12px auto;
  color: #fff;
  border-radius: 3px;
  font-weight: 500;
  font-size: 10.5px;
  line-height: 2.0;
}
_:-ms-lang(x)::-ms-backdrop, .sns_bt ul .twitter a:hover {
  background-color: #0c7abf;
  text-decoration: none;
}