@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Light_v2.0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GUJPCorporate';
	src: local('NotoSansJP-Regular.otf'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff2') format('woff2'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff') format('woff'),
	url('/jp/ja/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

.includeBunnerFeature {
    width: 960px;
    margin: 40px auto;
}
.includeBunnerFeature li {
    float: left;
    width: 230px;
    margin: 0 13px 13px 0;
    margin-bottom: 10px;
}
.includeBunnerFeature li.last {
    margin: 0 0 13px 0;
    margin-bottom: 10px;
}

.fe-common-recommend-bnrs {
    width: 1160px;
    margin: 40px auto 20px!important;
}
.wrapper1160-960 .fe-common-recommend-bnrs {
	margin-left: -100px!important;
}
.wrapper1160-1040 .fe-common-recommend-bnrs {
	margin-left: -60px!important;
}
.fe-common-recommend-bnrs li {
    float: left;
    width: 275px;
    margin: 0 20px 20px 0;
}
.fe-common-recommend-bnrs li:nth-child(4n) {
    margin: 0 0 20px 0;
}
.fe-common-recommend-bnrs li img {
	width: 100%;
}
.fe-common-recommend-bnrs li.pcNo {
	display: none;
}
.fe-common-recommend-bnrs li.spNo {
	width: 1160px;
    margin: 0 0 20px 0;
}

.navi150727 {
    width: 960px;
    margin: 0 auto 30px;
}


.clearfix:after {
	display: block;
	clear: both;
	content:"";
}



#content-header{
    font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
}


/* ------------------------------- */
body.pc #container {
    padding: 1px 0 0 0;
}
/* パンくず */
.topic-path-pc {
    width: 1160px;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 20px auto;
    font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'Lato', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Helvetica, Tahoma, Arial, sans-serif !important;
}
.topic-path-pc:last-child{
    display: none;
}





/* SNS
------------------------------*/
.sns {
	padding: 20px 0;
}
.sns li {
	float: right;
	margin: 0 0 0 15px;
}
.fb_iframe_widget > span {
	vertical-align: baseline!important;
}



/* ページトップボタン
------------------------------*/
#pagetop {
	/*display: none;*/
	position: fixed;
	bottom: 15px;
	right: 2%;
	width: auto;
	text-align: right;
	margin: 0 auto;
}
#pagetop a {
    display: block;
    background: #fff;
    border-radius: 23px;
    line-height: 0;
}
#pagetop a img {
	width: 100%;
}



/* バナー
------------------------------*/
.bannerArea div{
	margin: 0 0 20px 0;
}
.bannerArea .bnr{
	margin: 0 0 40px 0;
}



/* フラッシュホバー
------------------------------*/
.flashOver{
    display: block;
    background: #fff;
    line-height: 0;
}
.flashOver:hover .overChild,
.flashOver:hover img{
	-webkit-animation: flash .9s;
	animation: flash .9s;
}
.transOver:hover{
	-webkit-animation: flash .9s;
	animation: flash .9s;
}
@-webkit-keyframes flash{
    0% {opacity: .7;}
    100% {opacity: 1;}
}
@keyframes flash{
    0% {opacity: .7;}
    100% {opacity: 1;}
}


/*******************************/
/* 共通ボタンスタイル */
/*******************************/

/* primary high priority（青） */
.btstyle_primary {
  display: block!important;
  background-color: #12288B!important;
  border: 1px solid #12288B!important;
  font-size: 16px!important;
  color: #fff!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  box-shadow: 0 5px 15px rgba(18, 40, 139, 0.25)!important;
}

/* primary（黒） */
.btstyle_primary02 {
  display: block!important;
  background-color: #1b1b1b!important;
  border: 1px solid #1b1b1b!important;
  font-size: 16px!important;
  color: #fff!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  box-shadow: 0 5px 15px rgba(27, 27, 27, 0.25)!important;
}

.btstyle_primary:hover,
.btstyle_primary02:hover {
  opacity: 0.85!important;
}

/* secondary01（黒） */
.btstyle_secondary {
  display: block!important;
  background-color: #fff!important;
  border: 1px solid #1b1b1b!important;
  font-size: 16px!important;
  color: #1b1b1b!important;
  height: 100%!important;
  line-height: 58px!important;
  font-weight: 600!important;
  border-radius: 15px!important;
}

/* secondary02（青） */
.btstyle_secondary02 {
  display: block!important;
  background-color: #fff!important;
  border: 1px solid #12288B!important;
  font-size: 16px!important;
  color: #12288B!important;
  height: 100%!important;
  line-height: 58px!important;
  font-weight: 600!important;
  border-radius: 15px!important;
}

.btstyle_secondary:hover,
.btstyle_secondary02:hover {
  opacity: 0.75!important;
}

/* disable */
.btstyle_disable {
  display: block!important;
  background-color: #DADADA!important;
  border: 1px solid #DADADA!important;
  font-size: 16px!important;
  color: #ABABAB!important;
  height: 100%!important;
  line-height: 58px!important;
  border-radius: 15px!important;
  cursor: text!important;
  pointer-events: none!important;
}

.btstyle_disable:hover {
	text-decoration: none!important;
}



/* font
------------------------------*/
.gFont{
    font-family: 'Montserrat', sans-serif !important;
}
#container{
    font-family: 'GUJPCorporate', 'Montserrat',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, sans-serif !important;
}
#container .alias-view{
	font-family: 'GUJPCorporate', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif !important;
}