@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/
 html .contents, body .contents, .contents div, .contents span, .contents applet, .contents object, .contents iframe, .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents p, .contents blockquote, .contents pre, .contents a, .contents abbr, .contents acronym, .contents address, .contents big, .contents cite, .contents code, .contents del, .contents dfn, .contents em, .contents font, .contents img, .contents ins, .contents kbd, .contents q, .contents s, .contents samp, .contents small, .contents strike, .contents strong, .contents sub, .contents sup, .contents tt, .contents var, .contents b, .contents u, .contents i, .contents center, .contents dl, .contents dt, .contents dd, .contents ol, .contents ul, .contents li, .contents img, .contents fieldset, .contents form, .contents label, .contents legend, .contents caption, .contents tbody, .contents tfoot, .contents thead, .contents article, .contents aside, .contents canvas, .contents details, .contents embed, .contents figure, .contents figcaption, .contents footer, .contents header, .contents hgroup, .contents menu, .contents nav, .contents output, .contents ruby, .contents section, .contents summary, .contents time, .contents mark, .contents audio, .contents video{
    box-sizing:content-box;
 }

/* ガワ */
.containner { background-image:url("/attending/kokunai/castle/images/bg_gara.jpg");}
.wapper { background-image:url("/attending/kokunai/castle/images/bg_beige.gif"); padding:20px;}

/* 共通 */
.PB30 { padding-bottom:30px;}
.MR7 { margin-right:7px;}
.MR10 { margin-right:10px;}
.MB30 { margin-bottom:30px;}
.MB50 { margin-bottom:50px;}
.MB0 { margin-bottom: 0px !important;}

/* -----------タイトル画像----------- */
.ttlBox{ height:470px; position:relative; overflow:hidden; margin:auto;}
/*.ttlBox h1 { position:absolute; top:20px; left:81px;}*/
.ttlBox .kyoten { position:absolute; top:20px; right:20px; padding:10px; font-size:15px; color:#fff; border:solid 2px #fff; background-color:rgba(0,0,0,0.6);}
.ttlMain { position:relative; width:1024px; height:470px; margin:0 auto; z-index:4;}
.ttlMain h1 { position:absolute; top:20px;}

/* -----------seo SNS----------- */
.seoBox { display:flex; justify-content: space-between; overflow: hidden; background-color:#fff; padding: 0 20px;}
div.seo { box-sizing: border-box; color: #303030; font-size: 13px; font-size: 1.4rem; height: auto; line-height: 18px; line-height: 1.8rem; width: 980px; padding: 10px 0; }
.contents .snsBoxtour{ width:230px;}
.sns_list{ display:flex;justify-content: space-between;}

.ttl_i p.seo, .ttl_d p.seo { width: 610px;}
	/* .contents .snsBox ul li { margin-right: 7px;} */
	/* .contents .snsBox ul li:nth-child(2) { margin: 10px 7px 0 0;} */
	.contents .snsBox ul li.fb img,
	.contents .snsBox ul li.tw img { border-radius: 3px;}
	.contents .snsBox ul li.google { margin-bottom: 0; margin-left: 3px;}
	.contents .snsBox ul li.pocket { margin-top: 0;}
	.ozWidgetRioButtonContents_ { margin-right: 10px;}
	.contents .snsBox ul li img{
		width: 100%;
	}

.snsBox ul li { width:38px; margin: 10px 0;}
/* .snsBox ul li:nth-child(2) { margin-left: 7px; margin-right: 7px;} */

.trans {
  opacity: 1;
  -webkit-transition: opacity 0.26s ease;
  transition: opacity 0.26s ease;
}
.trans:hover {
  opacity: 0.6;
}


/* -----------アンカー----------- */
.anchor { overflow:hidden;}
.anchor li { float:left;}


/* -----------名城を地図から探す----------- */
.boxWhite { background-image:url("/attending/kokunai/castle/images/bg_white.gif");}
.mapBox { background-image:url("/attending/kokunai/castle/images/map_main.png"); background-repeat:no-repeat; background-position:top 69px left 76px; height:540px; position:relative; overflow:hidden;}

.mapPhoto01 { position:absolute; top:23px; left:20px;}
.mapPhoto02 { position:absolute; top:383px; left:400px;}

.btnArea ul li { margin:5px 5px 5px 10px; border-bottom:1px dotted #bfbfbf;}
.btnArea ul li:last-child { border-bottom:none;}
.btnArea ul { border:solid 1px #b5b5b5; border-radius:5px; box-shadow:0px 1px 0px 0px #999999; background-color:rgba(255,255,255,0.8); z-index:1;}
.mBtnTxt a { display:block; font-size:13px; position:relative; padding-right:10px;}
.mBtnTxt a:after { content: "▶"; color:#e60012; font-size:11px; position:absolute; top:50%; right:0%; margin-top:-11px;}

.mBtn01 { position:absolute; top:47px; right:489px; cursor:pointer;}
.mBtn02 { position:absolute; top:314px; right:387px; cursor:pointer;}
.mBtn03 { position:absolute; top:175px; right:533px; cursor:pointer;}
.mBtn04 { position:absolute; top:226px; right:634px; cursor:pointer;}
.mBtn05 { position:absolute; top:281px; left:50px; cursor:pointer;}
.mBtn06 { position:absolute; top:426px; right:592px; cursor:pointer;}
.mBtn07 { position:absolute; top:475px; left:24px; cursor:pointer;}

.mBtn01txt { position:absolute; top:88px; right:489px;}
.mBtn02txt { position:absolute; top:355px; right:387px;}
.mBtn03txt { position:absolute; top:216px; right:533px;}
.mBtn04txt { position:absolute; top:267px; right:634px;}
.mBtn05txt { position:absolute; top:322px; left:50px;}
.mBtn06txt { position:absolute; bottom:113px; right:594px;}
.mBtn07txt { position:absolute; bottom:64px; right:785px}

/* お城情報枠 */
.mapInfo_pos { float:right; margin:30px 30px 0 0;}
.mapInfo li { padding:13px; display:table; margin-bottom:5px;}
.mapInfo li dl dt { width:270px; text-align:center; font-size:20px; line-height:25px; color:#fff; margin:10px 0 5px 0; font-weight:bold;}
.mapInfo li dl dd { width:270px; font-size:14px; line-height:20px; color:#fff;}
.infoBtn { clear:both; width:270px; box-sizing:border-box; border:solid 1px #fff; text-align:center; position:relative; box-shadow:0px 1px 1px 0px #999999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,ececec+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.infoBtn:hover { opacity:0.8;}
.containner .infoBtn a { font-size:15px; color:#330808; text-decoration:none; display:block; padding:5px 0;}
.infoBtn a:after { content: "▶"; color:#e60012; font-size:12px; position:absolute; top:55%; margin-top:-12px; margin-left:10px;}
.containner .infoBtn a:hover{ color:#330808; text-decoration:none;}
.containner .infoBtn a:visited{ color:#330808; text-decoration:none;}
.infoModal a:hover{cursor: pointer;color: #f00 !important;}
.tourIcon { margin:5px 0; overflow:hidden;}
.tourIcon li { float:left; width:64px; padding:0; margin:0 4px 4px 0;}
.tourIcon li:nth-child(4n) { margin-right:0;}
.tourIcon li img { float:left; width:64px;}
.infoModal { text-align:right; font-size:12px; margin-bottom:10px; text-decoration:underline;color: #1d3994;}
.linkTxt { text-align:right; font-size:12px; margin:5px 30px; }
.linkTxtKanko { text-align:right; font-size:12px; text-decoration:underline; width: 730px; float: left; border-top: 1px dashed #bfbfbf; padding-top: 5px;}
.kome{ text-align:right; font-size:12px; margin:3px 0px;}
.linkTxt a{color: #1d3994;text-decoration:underline;}
.linkTxt a:hover{color: #ff9933;text-decoration:underline;}
.linkTxt a :visited{color: #9900CC;text-decoration:underline;}
.linkTxtKanko a{color: #1d3994;text-decoration:underline;}
.linkTxtKanko a:hover{color: #ff9933;text-decoration:underline;}
.linkTxtKanko a :visited{color: #9900CC;text-decoration:underline;}

.area01 { background-color:#c7d30b; border:solid 1px #fff; outline:solid 3px #c7d30b; width:270px;}
.area02 { background-color:#61d8f4; border:solid 1px #fff; outline:solid 3px #61d8f4; width:270px;}
.area03 { background-color:#9f9dc6; border:solid 1px #fff; outline:solid 3px #9f9dc6; width:270px;}
.area04 { background-color:#6ca4ef; border:solid 1px #fff; outline:solid 3px #6ca4ef; width:270px;}
.area05 { background-color:#eb9ee5; border:solid 1px #fff; outline:solid 3px #eb9ee5; width:270px;}
.area06 { background-color:#d4680b; border:solid 1px #fff; outline:solid 3px #d4680b; width:270px;}
.area07 { background-color:#f8a82a; border:solid 1px #fff; outline:solid 3px #f8a82a; width:270px;}

/*PG関係*/
.map_btn01_box{
	display:none;
}
.map_btn02_box{
	display:none;
}
.map_btn03_box{
	display:none;
}
.map_btn04_box{
	display:none;
}
.map_btn05_box{
	display:none;
}
.map_btn06_box{
	display:none;
}
.map_btn07_box{
	display:none;
}


/* -----------城名から探す----------- */
.nameBox { overflow:hidden;}
.btn_box { width:742px; margin:auto; overflow:hidden;}
.btn_box li { float:left; margin:23px 23px 0 0; width:130px; height:84px; background-image:url("/attending/kokunai/castle/images/name_btn.gif");}
.btn_box .select { background-image:url("/attending/kokunai/castle/images/name_btn_on.gif");}
.btn_box .btn_g { background-image:url("/attending/kokunai/castle/images/name_btn_g.gif"); opacity:1.0!important;}
.btn_box li:nth-child(5n) { margin-right:0px;}
.btn_box li a { width:130px; height:84px; font-size:14px; color:#fff; text-decoration:none; display:table-cell; text-align:center; vertical-align:middle;}
.btn_box li a span { font-size:20px; color:#fff;}
.btn_box li a:hover{ color:#fff;text-decoration: none;}
.select a { color:#fff100 !important;}
.select a span { color:#fff100 !important; font-weight:bold;}

.list50on { clear:both; overflow:hidden; width:796px; height:80px; border:2px solid #00a0e9; border-radius:10px; margin:23px auto 10px auto; background-color:#fff; display:table;}
.list50on p { width:160px; height:100%; display:table-cell; vertical-align:middle; text-align:center; background-color:#00a0e9; color:#fff; border-radius:5px 0 0 5px; font-size:19px;}
.list50on ul { float:right; width:616px; padding:5px 10px;}
.list50on ul li { float:left;}
.list50on ul li:after { content:"｜"; margin:5px; font-size:16px;}
.list50on ul li:last-child:after { content:"";}
.list50on ul li a { font-size:16px; line-height:20px; color: #1d3994;}
.list50on ul li a:hover{color: #ff9933;text-decoration: underline;}
.list50on ul li a:visited{color: #9900CC;}

.list_default { width:800px; height:36px; margin:auto;}


/* -----------テーマから探す----------- */
.themaBox { width:920px; margin:30px 20px 30px 30px; overflow:hidden;}
.themaBox p { width:920px; margin-bottom:20px; text-align: center;}
.themaBox ul li { float:left; width:160px; margin-right:30px;}
.themaBox ul li:last-child { margin-right:0;}

.themaSeason dt { width:160px; display:table; background-color:#ed4c59; text-align:center; position:relative;}
.themaSeason dt span { display:table-cell; vertical-align:middle; padding:8px 0; color:#fff; font-size:15px;}
.themaSeason dt:after { content:"▶"; color:#fff; font-size:11px; position:absolute; top:55%; right:0; margin:-11px 5px 0 5px;}
.themaSeason .txt { border:2px solid #ed4c59; border-radius:0 0 5px 5px; padding:5px; font-size:12px; line-height:16px;}

.themaHuman dt { width:160px; display:table; background-color:#57734a; text-align:center; position:relative; border-radius:0 0 5px 5px;}
.themaHuman dt span { display:table-cell; vertical-align:middle; padding:8px 0; color:#fff; font-size:15px;}
.themaHuman dt:after { content:"▶"; color:#fff; font-size:11px; position:absolute; top:55%; right:0; margin:-11px 5px 0 5px;}

.psRelative { position:relative;}
.linkarea a {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background/***/: #ffffff;
	filter:alpha(opacity=0);
	opacity:0;
}
.linkarea a:hover {
	opacity:0.5;
}
.mask_thema01 { position:absolute; width:160px; height:270px; background-image:url("/attending/kokunai/castle/images/HalfTone.png"); z-index:1; text-align:center; font-size:16px; line-height:270px;}
.mask_thema02 { position:absolute; width:160px; height:173px; background-image:url("/attending/kokunai/castle/images/HalfTone.png"); z-index:1; text-align:center; font-size:16px; line-height:173px;}


/* -----------城関連の旅ブログ----------- */
.tabiBlog { overflow:hidden; margin:5px 30px 0 30px;}
.tabiBlog li { float:left; margin:0 20px 3px 0; width:448px; box-shadow:3px 3px 0px 0px #a6a6a6; border:solid 1px #a6a6a6; background-color:#fff;}
.tabiBlog li:last-child {margin-right:0;}

.tabiBlogTmp { overflow:hidden;}
.tabiBlogTmp .photo { float:left; width:160px; height:120px; }
.tabiBlogTmp .photo a img { width:160px;}
.tabiBlogTmp .ttl { float:right; width:260px; margin:0px 10px 0 0;}
.tabiBlogTmp .ttl { font-size:15px; line-height:19px;}
.tabiBlogTmp .pref { float:right; width:260px; margin:5px 10px 0 0; font-size:15px; color:#ffbf00;}
.tabiBlogTmp .tag { float:right; width:260px; margin:0 10px 0 0; font-size:11px;}
.tabiBlogTmp .tag p { float:left;}
.tabiBlogTmp .tag p:before { content:"#"; font-size:11px; color:#999;}
.tabiBlogTmp .tag p:after { content:"/"; font-size:11px; padding-left:5px; margin-right:5px;}
.tabiBlogTmp .tag p:last-child:after { content:"";}
.tabiBlogTmp .day { float:right; width:247px; margin:0 10px 0 0; font-size:11px; text-align:right;}
.ttl a{ font-size:1.2rem; font-weight: normal; line-height: 1.5;color: #1d3994;}
.blog_box_parrent.ttl a :visited{color: #9900CC;}
.blog_box_parrent { position:relative;}

/* -----------関連特集一覧----------- */
.bunnerBox { overflow:hidden; margin:20px 20px 0 20px;}
.bunnerBox li { float:left; width:264px; padding-right:21px; margin-right:22px; border-right:1px dashed #a0a0a0;}
.bunnerBox li:last-child { padding-right:0px; margin-right:0px; border-right:0;}
.bunnerBox li dl dd a img { width:264px; height:198px;}
.bunnerBox li dl dt { margin-top:5px; font-size:15px; line-height:20px; text-align: center;}

.bunnerSpace { width:264px; height:240px; background-image:url("/attending/kokunai/castle/images/smp/parts03.png"); background-repeat:no-repeat; background-position:right bottom; background-size:80%;}


/* -----------城からツアーを探す----------- */
.castleBox { background-image:url("/attending/kokunai/castle/images/bg_castle.jpg"); width:914px; min-height:170px; overflow:hidden; padding:35px 35px 50px 35px; overflow:hidden; position:relative;}
.detail { float:left; width:600px; margin-bottom:30px;}

.castleBox .ttl { float:left; width:486px;}
.detail_icon { width:486px; margin:5px 0; overflow:hidden;}
.detail_icon ul li { float:left; margin-right:5px;}
.detail_icon ul li img { width:64px; height:39px;}

.detail_line1 { width:550px; border-bottom:1px dotted #313131; padding-bottom:10px; margin-top:10px;}
.detail_line2 { width:600px; border-bottom:1px dotted #313131; padding-bottom:10px; margin-top:10px; overflow:hidden;}
.detail_line2 dl dd { float:right; width:485px;}
.detail_line3 { width:600px; border-bottom:1px dotted #313131; padding-bottom:10px; margin-top:10px; overflow:hidden;}
.detail_line3:last-child { border-bottom:none;}
.detail_line3 dl .txt { float:right; width:325px; margin-right:10px;}
.detail_line3 dl .photo { float:right; width:150px;}

.detailTxt { }
.detailTxt dt { float:left; width:115px; color:#c13a40; font-size:16px; line-height:22px;}
.detailTxt dd { font-size:13px; line-height:22px;}

.btnSakura { width: 420px; text-align: center; background-color:#ff3785; float: right; margin-top: 10px; border-radius: 3px;}
.btnSakura a { color: #fff; display: block; padding: 10px 0; font-size: 15px;}

.castle_mainPic { width:335px; height:215px; position:absolute; top:35px; right:35px;}
.castle_mainBn { width:335px; height:168px; float:right;}
.castle_mainBn a img { width:335px; height:168px;}
.txtBn { float:left; width:486px; margin-top:10px; font-size:13px; line-height:16px;}
.castle_btnBn { float:left; width:330px; height:56px; margin:15px 0 0 156px;}

/* 基本情報 */
.infomation { float:right; width:285px; margin-top:230px;}
.infoTtl { width:285px; padding-bottom:5px; text-align:center; color:#c13a40; font-size:16px; border-bottom:1px solid #313131;}
.info_line { margin-top:5px; padding-bottom:5px; border-bottom:1px dotted #313131;}

.infoTxt1 dt { font-size:13px; line-height:20px;}
.infoTxt1 dt:before { content:"◆"; color:#c13a40;}
.infoTxt1 dd { font-size:13px; line-height:20px;}
.infoTxt2 { overflow:hidden;}
.infoTxt2 dt { float:left; width:95px; font-size:13px; line-height:20px;}
.infoTxt2 dt:before { content:"◆"; color:#c13a40;}
.infoTxt2 dd { float:right; width:190px; font-size:13px; line-height:20px;}

.googleMap { width:285px; height:200px; background-color:#000000; margin:10px 0 30px 0;}

/* 観光・グルメ */
.kankoBox { clear:both; width:735px; padding: 30px 60px; overflow:hidden;margin: 0 auto;}
.kankoBox ul { float:left; width:200px; margin:0 65px 20px 0;}
.kankoBox ul:nth-child(4) { margin-right:0;}
.kankoBox ul li dl dd { font-size:13px; line-height:20px; margin-top:5px;}

/* 攻略ボタンサーチ枠 */
.searchBox { width:964px; padding:25px 10px 5px 10px; margin-bottom:50px; background-color:#57734a; position:relative;}
.searchBox:after { border:20px solid transparent; border-bottom-color:#57734a; border-top-width:0; top:-20px; content:""; display:block; left:450px; position:absolute; width:0;}
.searchBox p { font-size:22px; text-align:center; color:#fff;}
.searchBox .kome { font-size:12px; text-align:right; margin-bottom:20px;}
.FreeHotel { overflow:hidden; margin:10px 0 20px;}
.FreeHotel li { float:left;}

/* 桜バナー枠 */
.sakuraBn { margin-bottom: 50px; width: 900px; background-color: #fff; padding: 10px;}
.sakuraBn img {width: 900px;}
.sakuraBn .txt { text-align: center;}
.sakuraBn .txt a { font-size: 13px;}

/* -----------エリアから探す----------- */
.areaBtn { overflow:hidden; margin:20px 20px 10px 20px;}
.areaBtn li { float:left; margin:0 14px 10px 0;}
.areaBtn li:nth-child(4n) { margin-right:0px;}
.areaTop { margin:0 20px; padding-bottom:20px;}


/*----------------------------------
	slideshow
----------------------------------*/
#header {
	position: relative;
	overflow: hidden;
	height:470px;
}
#slideshow,.slideshow {
	position: absolute;
	top: 0px;
	left:50%;
	margin-left:-570px;
	width: 1140px;
	height: 470px;
}
#slideshow img,.slideshow img{
	position:absolute;
	height:520px;
}
#slideshow img#fstImg{
	/*z-index:3;*/
}
/*----------------------------------
	TOPへ戻るボタン
----------------------------------*/
#page-top {
    position: fixed;
    bottom: 30px;
    margin-left: 1024px;
	transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
	width:75px;
	height:75px;
	z-index:2;
}
#page-top a {
    display:inline-block;
}
#page-top a img {
	width:75px;
	height:75px;
}
/*
#page-top:hover{
	bottom: 80px;
	transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
}
*/
.fade {
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.fade:hover {
	opacity: .7;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.noTour{
	cursor: default;
}

/*=================
おすすめ特集
=================*/
.Group {
    text-align: center;
    width: 100%;
    padding: 25px 14px 0px;
    box-sizing: border-box !important;
}

.recommend {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recommend li {
    width: calc(98% / 2);
    margin-bottom: 2%;
}

.recommend li img {
    width: 100%;
}

a.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}
/*おすすめ特集*/
/*
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 20px;
}

#SlideBanner {
	width: 880px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 219px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word;
}

.bannerCassette_content p.bannerImg {
	width: 219px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 920px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}
*/

/* 次ページボタンのスタイル */
/*
.swiper-button-next {
	background-image: url(/attending/kokunai/castle/images/arrow.png) !important;
}
*/
/* 前ページボタンのスタイル */
/*
.swiper-button-prev {
	background-image: url(/attending/kokunai/castle/images/arrow.png) !important;
	transform: scale(-1, 1);  左右反転 
}
.bannerCassette_content {
	width: 219px;
}
.swiper-slide{
    width: 219px!important;
    margin-right: 10px!important;
}*/
/*-----------------おすすめ特集-----------------*/
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
/*	margin-top: 50px;*/
	padding-bottom: 10px;
}

#SlideBanner {
	width: 880px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
/*	width: 100%;*/
    width: 194px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
}

.bannerCassette_content p.bannerImg {
/*	width: 219px;*/
    width: 194px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 920px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/attending/kokunai/castle/images/arrow.png) !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/attending/kokunai/castle/images/arrow.png) !important;
	transform: scale(-1, 1); /* 左右反転 */
}

/*start_リニューアル2021対応*/
:where(.containner) *,
:where(.containner)::after,
:where(.containner)::before {
  box-sizing: content-box;
}

:where(.containner) img {
  width: auto;
}
/*end_リニューアル2021対応*/

/* 202202追加 */
#btnToTop{
	display: none;
}

.contents{
	width: 1024px;
	height: auto;
	margin: 0 auto;
}

.containner a {
	color: #1d3994;
}
.containner a:hover{
	color: #ff9933;
	text-decoration: underline;
}
.containner a:visited{
	color: #9900CC; 
}



/* スワイパーページネーション */
.swiper-pagination-bullet {
	width: 11px !important;
    height: 11px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity: 1 !important;
	margin:0 8px !important;
}
.swiper-pagination-bullet-active {
	width: 11px !important;
    height: 11px !important;
    display: inline-block;
    border-radius: 100%;
	opacity: 1 !important;
	background: #FFFF66 !important;
	margin:0 8px !important;
	}
.swiper-pagination{
	margin-bottom: 20px;
}