@charset "utf-8";

/* topSlWrap
----------------------------------------------------------- */

#topSlWrap {
	width: 100%;
	min-width: 1060px;
	height: 560px;
	position: relative;
	z-index: 0;
}

#topSl {
	width: 100%;
	height: 560px;
}

#topSl .slides li {
	width: 100%;
    height: 560px;
    display: none;
    -webkit-backface-visibility: hidden;
}

#topSl .slides li#sl01 {
	background: url("../img/top/pic_mainSl01.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}
#topSl .slides li#sl02 {
	background: url("../img/top/pic_mainSl02.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl05 {
	background: url("../img/top/pic_mainSl05.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}



#topSl .slides li#sl09 {
	background: url("../img/top/pic_mainSl09.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}





#topSl .slides li#sl37 {
	background: url("../img/top/pic_mainSl20250616.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}




#topSl .slides li#sl40 {
	background: url("../img/top/pic_mainSl20250925.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}



#topSl .slides li#sl41 {
	background: url("../img/top/pic_mainSl20250712_.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl42 {
	background: url("../img/top/pic_mainSl20251104.jpg") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl43 {
	background: url("../img/top/pic_mainSl20251118.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl44 {
	background: url("../img/top/pic_mainSl20251213.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl45 {
	background: url("../img/top/pic_mainSl20260126.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl46 {
	background: url("../img/top/pic_mainSl20260319.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}



#topSl .slides li#sl47 {
	background: url("../img/top/pic_mainSl20260401.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}

#topSl .slides li#sl48{
	background: url("../img/top/pic_mainSl20260419.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}

#topSl .slides li#sl49{
	background: url("../img/top/pic_mainSl20260516.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl50{
	background: url("../img/top/pic_mainSl20260529.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}

#topSl .slides li#sl51{
	background: url("../img/top/pic_mainSl20260718.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl52{
	background: url("../img/top/pic_mainSl20260706.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


#topSl .slides li#sl53{
	background: url("../img/top/pic_mainSl20261106.webp") no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}


/* thumb */



/* Control Nav */

#topSl .flex-control-nav {
	position: absolute;
    bottom: 20px;
    width: 1000px;
    text-align: center;
    left: 50%;
    margin-left: -500px;
    z-index: 3;
}

#topSl .flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	cursor: pointer;
}

#topSl .flex-control-nav li img {
	width: 100px;
	height: auto;
	border: 1px solid #fff;
}


/* Direction Nav */
#topSl .flex-direction-nav {
	width: 100%;
	height: 66px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	left: 0;
	z-index: 3;
}

#topSl .flex-direction-nav a {
	width: 30px;
	height: 66px;
	display: block;
	position: absolute;
	top: 0;
	cursor: pointer;
	text-indent: -9999px;
}

#topSl .flex-direction-nav a.flex-next {
	background: url(../img/common/ico_sl_arrow01_next.png) no-repeat 0 0;
	right: 100px;
}

#topSl .flex-direction-nav .flex-prev {
	background: url(../img/common/ico_sl_arrow01_prev.png) no-repeat 0 0;
	left: 100px;
}

#slTxtBox {
	width: 596px;
	height: auto;
	position: absolute;
	top: 64px;
	left: 50%;
	margin-left: -298px;
	z-index: 2;
}

#slTxtBox img {
	width: 100%;
	height: auto;
}

/*
#slTxtBox .slTtl {
	font-size: 380%;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.4;
}

#slTxtBox .slTxt {
	font-size: 250%;
	color: #fff;
	line-height: 1.4;
}

#slTxtBox .slTxt2 {
	font-size: 210%;
	color: #fff;
	line-height: 1.4;
	margin-top: 30px;
}
*/




/* attention
----------------------------------------------------------- */
.attention{
	text-align: center;
	padding: 20px auto;	
}



/* topicsSlider
----------------------------------------------------------- */

#topics01 {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}

.caroufredsel_wrapper {
    margin: 0 auto !important;
}

#topics01 .topicsSlider01 li {
	width: 347px;
	float: left;
	border: 2px solid transparent;
	box-sizing: border-box;
}
#topics01 .topicsSlider01 li:hover {
	border: 2px solid #00ace7;
	background: url(../img/common/bg_topics.png) no-repeat 100% 100%;
	background-size: 30px 30px;
}
#topics01 .topicsSlider01 li a {
	display: block;
	box-sizing: border-box;
	width: 343px;
	padding: 30px;
}
#topics01 .topicsSlider01 li a:hover {
	text-decoration: none;
	background: none;
}

#topics01 .topicsSlider01 li .imgWrap {
	width: 283px;
	height: 189px;
	overflow: hidden;
}
#topics01 .topicsSlider01 li .imgWrap img {
	width: 100%;
	height: auto;
}

#topics01 .topicsSlider01 li .planTxt {
	margin-bottom: 10px;
	font-weight: bold;
}

#topics01 .topicsSlider01 li p.planBtn {
	padding: 5px 0 5px 30px;
	font-size: 130%;
	background: url(../img/common/listhead02.png) no-repeat 0 50%;
	background-size: 24px auto;
}

#topics01 .topicsSlider01 li p.planBtn,
#topics01 .topicsSlider01 li p.planBtn a {
	color: #00ace7;
}

#topics01 .prevBtn,
#topics01 .nextBtn {
	width: 42px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	cursor: pointer;
}

#topics01 .prevBtn {
	left: 30px;
}

#topics01 .nextBtn {
	right: 30px;
}

/* featureWrap
----------------------------------------------------------- */

#featureWrap {
	padding: 65px 0;
}

#ftSlWrap {
	width: 100%;
	height: 508px;
	position: relative;
}

#topBox {
	position: relative;
	height: 508px;
}

#ftSlThumb {
	width: 676px;
/* 	width: 504px; */
	height: 140px;
	float: right;
	position: relative;
	z-index: 1;
	margin-top: -90px;
}

#ftSlThumb li {
	width: 160px;
	height: 140px;
	float: left;
	margin-right: 12px;
	box-sizing: border-box;
}

#ftSlThumb li:last-child {
	margin-right: 0;
}

#ftSlThumb li a:hover {
	text-decoration: none;
}

#ftSlThumb li img {
	border: 6px solid #00ade8;
}

#ftSlThumb li a:hover img {
	opacity: 1;
}

#ftSlThumb li p {
	background: #00ade8;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 140%;
	box-sizing: border-box;
}

#ftSlBox {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 508px;
}

#ftSlBox li .wrapper.spWrapper {
	position: relative;
	height: 508px;
}

.ftCircle {
	width: 380px;
	height: 380px;
	position: absolute;
	bottom: -140px;
	right: 30px;
	z-index: 1;
	background: url(../img/top/bg_featureTabTxt.png) no-repeat 0 0;
}

.ftCircle p.ftTxt {
	width: 290px;
	margin: 0 auto;
	padding-top: 153px;
	font-size: 120%;
}

.ftCircle .ftBtn {
	width: 112px;
	margin: 0 auto;
	font-weight: bold;
	/*padding-top: 125px;*/
	padding-bottom: 30px;
	background: url(../img/common/listhead03.png) no-repeat 50% 100%;
}

#ftSl01 .ftCircle .ftBtn {
	padding-top: 25px;
}
#ftSl02 .ftCircle .ftBtn{
	padding-top:83px;
}

#ftSl03 .ftCircle .ftBtn,#ftSl04 .ftCircle .ftBtn{
	padding-top: 65px;
}
.ftCircle .ftBtn a {
	color: #fff;
}

#ftSlBox li {
	width: 100%;
	height: 508px;
}

#ftSlTxt {
	width: 100%;
	position: absolute;
	top: 120px;
	left: 0;
}

#ftSlTxt p {
	font-size: 300%;
	color: #fff;
	font-weight: bold;
}

#ftSlBox li#ftSl01 {
	background: url(../img/top/pic_featureSl01.jpg) no-repeat 50% 0;
	background-size: cover;
}
#ftSlBox li#ftSl02 {
	background: url(../img/top/pic_featureSl02.jpg) no-repeat 50% 0;
	background-size: cover;
}
#ftSlBox li#ftSl03 {
	background: url(../img/top/pic_featureSl03.jpg) no-repeat 50% 0;
	background-size: cover;
}
#ftSlBox li#ftSl04 {
	background: url(../img/top/pic_featureSl04.jpg) no-repeat 50% 0;
	background-size: cover;
}

/* bottomBox --------- */

#bottomBox {
	padding-top: 50px;
}

#bottomBox .inner_top {
	margin-bottom: 50px;
}

#bottomBox h3 {
	border: 1px solid #00ade8;
	padding: 20px 0;
	color: #00ade8;
	text-align: center;
	margin-bottom: 25px;
	font-size: 180%;
	font-weight: bold;
}

#bottomBox .left {
	width: 516px;
	float: left;
}

#bottomBox .right {
	width: 444px;
	float: right;
}

#bottomBox .right h4 {
	font-size: 160%;
	color: #00ade8;
	font-weight: bold;
}

#bottomBox .right #fcAnch01,
#bottomBox .right #fcAnch02 {
	display: inline-block;
	font-size: 120%;	
	padding-left: 20px;
	background: url(../img/common/listhead04.png) no-repeat 0 0.2em;
}

#bottomBox .right #fcAnch01 a,
#bottomBox .right #fcAnch02 a {
	color: #00ade8;
}

#bottomBox .right #fcAnch01 {
	margin-right: 124px;
}

.inner_bt {
	height: 260px;
}

.inner_bt li {
	width: 330px;
	float: left;
	margin-right: 5px;
}

.inner_bt li:last-child {
	margin-right: 0;
}

.inner_bt li p {
	font-size: 140%;
	font-weight: bold;
	padding-left: 30px;
	line-height: 2;
	background: url(../img/common/listhead02.png) no-repeat 0 0;
}

.inner_bt li p span {
	font-size: 12px;
}

.inner_bt li p a {
	color: #00ade8;
}

/* recoWrap
----------------------------------------------------------- */

#recoWrap {
	padding: 60px 0;
	background: #efefed;
}

#tabWrap {
	overflow: hidden;
}

#tabWrap .tabCon {
	position: relative;
}

.caroufredsel_wrapper {
    margin: 0 auto !important;
}

#tabWrap .tabConList li {
	width: 347px;
	float: left;
	border: 2px solid transparent;
	box-sizing: border-box;
}
#tabWrap .tabConList li.active {
	border: 2px solid #00ace7;
	background: url(../img/common/bg_point_plan.png) no-repeat 100% 100%;
	background-size: 30px 30px;
}
#tabWrap .tabConList li a {
	display: block;
	box-sizing: border-box;
	width: 343px;
	padding: 30px;
}
#tabWrap .tabConList li a:hover {
	text-decoration: none;
}

#tabWrap .tabConList li .imgWrap {
	width: 283px;
	height: 189px;
	overflow: hidden;
}
#tabWrap .tabConList li .imgWrap img {
	width: 100%;
	height: auto;
}

#tabWrap .tabConList li .planTxt {
	margin-bottom: 10px;
	font-weight: bold;
}

#tabWrap .tabConList li p.planBtn {
	padding: 5px 0 5px 60px;
	font-size: 130%;
	background: url(../img/common/listhead_resev.png) no-repeat 0 50%;
	background-size: 50px auto;
}

#tabWrap .tabConList li p.planBtn,
#tabWrap .tabConList li p.planBtn a {
	color: #00ace7;
}

#tabWrap .tabCon .prevBtn,
#tabWrap .tabCon .nextBtn {
	width: 42px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	cursor: pointer;
}

#tabWrap .tabCon .prevBtn {
	left: 30px;
}

#tabWrap .tabCon .nextBtn {
	right: 30px;
}

/* newsWrap
----------------------------------------------------------- */

#newsWrap {
	padding: 60px 0;
}

#newsListWrap {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
	margin: -45px 0 35px 0;
}

#newsList {
	float: right;
	letter-spacing: -.4em;
}

#newsList li {
	letter-spacing: normal;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	display: inline-block;
	border-right: 1px solid #d3d3d3;
}

#newsList li.ui-tabs-selected a {
	color: #00ace7;
}

#newsList li:first-child {
	border-left: 1px solid #d3d3d3;
}

#newsList li a {
	display: block;
	padding: 0 25px;
}

#tabWrap_news ul li {
	width: 480px;
	height: 130px;
	float: left;
	margin-top: 30px;
	padding-bottom: 30px;
}

#tabWrap_news ul li:nth-child(2n) {
	width: 480px;
	float: right;
}

#tabWrap_news ul li:first-child,
#tabWrap_news ul li:nth-child(2) {
	margin-top: 0;
}

#tabWrap_news ul li .left {
	width: 174px;
	height: 116px;
	float: left;
	overflow: hidden;
}
#tabWrap_news ul li .left img {
	width: 100%;
	height: auto;
}

#tabWrap_news ul li .right {
	width: 276px;
	float: right;
}
#tabWrap_news ul li.noImg .right {
	width: 100%;
	float: none;
}

#tabWrap_news ul li .right .newsTxt {
	margin-bottom: 10px;
    font-weight: bold;
}



/*　バナースライダー
--------------------------------------------------------------- */
#topTopics {
	padding: 60px 0;
	margin-top: -80px;
}

#topTopics h2 {
	text-align: center;
	margin-bottom: 50px;
}

#topicsTab {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 30px;
}

#topicsTab li {
	padding: 4px 0 2px 20px;
	background: url(../img/common/listhead03.png) no-repeat 0 0;
	line-height: 1;
	font-size: 140%;
	display: inline-block;
	text-align: left;
	margin-right: 50px;
}
#topicsTab li.ui-tabs-selected a {
	color: #da5278;
}

.topicsSlider {
	padding: 0 70px;
	max-width: 1433px;
	position: relative;
	margin: 0 auto;
}

.topicsSlider .caroufredsel_wrapper {
	width: 100% !important;
	max-width: 1433px;
	overflow: hidden;
	margin: 0 auto;
}

.topicsSlider ul {
	position: relative;
}

.topicsSlider li {
	width: 360px;
	float: left;
	/*
	height: 465px;
	position: relative;
	overflow: hidden;
	*/
}

.topicsSlider li > a {
	display: block;
	padding: 35px;
	box-sizing: border-box;
	/*
	position: absolute;
	top: 465px;
	left: 0;
	*/
}
.topicsSlider li > a:hover {
	background: #f0f0f0;
	text-decoration: none;
}

.topicsSlider li .imgWrap {
	width: 288px;
	height: 194px;
	margin-bottom: 10px;
	overflow: hidden;
}
.topicsSlider li .imgWrap img {
	width: 100%;
	height: auto;
}

.topicsSlider li p.ttl {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
	height: 44px;
}

.topicsSlider li p.txt {
	font-size: 120%;
	margin-bottom: 10px;
	height: 65px;
	overflow: hidden;
}

.topicsSliderPrev {
	position: absolute;
	top: 50%;
	left: 55px;
	margin-top: -60px;
}
.topicsSliderNext {
	position: absolute;
	top: 50%;
	right: 55px;
	margin-top: -60px;
}

.topicsSlider .toList {
	width: 220px;
	margin: 20px auto 0;
}





.anniversary_bt {
	height: 343px;
	width: 1000px;
}




.box_left {
	float: left;
}

.box_right {
	float: right;
}




/*　ラグナシアについて
--------------------------------------------------------------- */

.lag_text{
	padding: 30px;
	text-align: center;
}

.lag_text p{
	font-size: 17px;
}


.lag_text p a{
	color: #00ace7;
}




/*--------------------------------------
ボタン設定
---------------------------------------*/
button {
    border: 0 none;
    appearance: none;/*デフォルトスタイルを無効にする*/
}

button.button,
a.button {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 80%;
    background-color: #D50003;
    margin: 1em auto;
    padding: 1.5em;
    border-radius: 1.1em;/*角丸*/
    position: relative;
    transition: all 0.5s;/*なめらかに色変える*/
}

button.button > .icon,
a.button > .icon {
    display: inline-block;
    position: absolute;
    right: 1em;
}

button.button:hover,
a.button:hover {
    color: #0c1949;
}

button.button.red,
a.button.red {
    background-color: #D93B38;
    color: #FFF;
}

button.button.red:hover,
a.button.red:hover {
    background-color: #D93B38;
}



button_.button_,
a.button_ {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 125%;
    font-weight: bold;
	color: #FFFFFF;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 400px;
	background: #E41418;
    margin: 1em auto;
    padding: 0.6em 1em;
    border-radius: 1.1em;/*角丸*/
    position: relative;
    transition: all 0.5s;/*なめらかに色変える*/
}




/*--------------------------------------
追いかけてくる フッター
---------------------------------------*/

.fix_menu_smartphone {
    position: fixed;/*画面のきまった位置に固定する*/
    bottom: -3px;
    left: 0;
	width: 100%;
	height: 120px;
    z-index: 1000;/*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
}

.fix_menu_smartphone{
    position: fixed;/*画面のきまった位置に固定する*/

    left: 0;
    z-index: 1000;/*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
}




.fix_menu_smartphone02 img{
  width:100px;
	padding-left: 10px;
	float: left;
}


@media screen and (max-width:768px) {
	
	
.fix_menu_smartphone {
    position: fixed;/*画面のきまった位置に固定する*/
    bottom: -3px;
    left: 20px;
	width: 100%;
	height: 90px;
	background-color: rgba(255,255,255,0.8);
    z-index: 1000;/*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
	display:flex;
	justify-content: center;
}

.fix_menu_smartphone{
    position: fixed;/*画面のきまった位置に固定する*/

    left: 0;
    z-index: 1000;/*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
}




.fix_menu_smartphone02 img{
  width:70px;
	padding: 10px 10px 0 0;
	float: center;
}
	
}