@charset "utf-8";

.fs11 { font-size: 1.1rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs15 { font-size: 1.5rem !important; }

.fsS ul li { font-size: 1.2rem; }

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }

@media all and (max-width: 739px){
	.ctm_contentsFull { padding: 30px 0; }
}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit,
.contentsInr .module { padding: 0 10px; margin: 0 auto; }

@media all and (min-width: 740px){
	.contentsInr .contentsUnit,
	.contentsInr .module { width: 950px !important; padding: 0px; margin: 0 auto; }
	.contentsInr .module { float: none !important; }
}

/* icon */
.material-symbols-outlined { font-variation-settings: 'wght' 200; }

/* font */
.alivila_anniversary .ctm_pageTtl .heading,
#Lead p { font-family: "Shippori Mincho", serif; font-style: normal; letter-spacing: 0.1em; }
.alivila_anniversary .ctm_pageTtl h3.heading,
.alivila_anniversary .ctm_pageTtl h4.heading,
#Lead p { letter-spacing: 0.05em; }

/* ctm_pageTtl */
.alivila_anniversary .ctm_pageTtl .heading { font-weight: 700; }

.alivila_anniversary .ctm_pageTtl .ttlLv1 { margin-top: 20px; }
.alivila_anniversary .ctm_pageTtl .ttlLv1 h2.heading { color: #9a7f2d; }
.alivila_anniversary .ctm_pageTtl .ttlLv1 h2.heading span { font-size: 80%; color: #b69d54; }
.alivila_anniversary .ctm_pageTtl .ttlLv3 h4.heading { font-size: 2.0rem; }
@media all and (min-width: 740px){
	.alivila_anniversary .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
}

/* box */
.attentionBox { padding: 10px; background: #fff5b2; }
.bdrBox_RD { padding: 10px 20px; border: 1px solid #c00; }

/* table */
.alivila_anniversary .table_typeA table tr th { background: #b69d54; }
@media all and (max-width: 739px){
	.alivila_anniversary .table_typeA table tr th { font-size: 1.5rem; }
}


/* caption */
@media all and (max-width: 739px){
	.alivila_anniversary .imgParts figcaption { font-size: 1.4rem; }
}

/* hero_img */
.hero_img { background: #ff8864; }



/* Lead */
#Lead.ctm_contentsFull { color: #fff; background: #ff8864; }

#Lead .ctm_pageTtl .ttlLv1 { margin-top: 0; transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); }
#Lead .ctm_pageTtl .ttlLv1 h2 { position: relative; display: inline-block; padding: 10px 20px; background-color: #fff !important; background-image:  url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/oka/alivila_anniversary/img_sites/lead_bg01.png); background-repeat: no-repeat; background-position: bottom -30px right 10px; background-size: 70%; }
#Lead .ctm_pageTtl .ttlLv1 h2:before,
#Lead .ctm_pageTtl .ttlLv1 h2:after { position: absolute; content: ''; border: none; }
#Lead .ctm_pageTtl .ttlLv1 h2:before { bottom: 100%; left: 0; border-top: 15px solid transparent; border-right: 20px solid #dcd08d; }
#Lead .ctm_pageTtl .ttlLv1 h2:after  { top: 100%; right: 0; border-bottom: 15px solid transparent; border-left: 20px solid #dcd08d; }
#Lead .ctm_pageTtl .ttlLv1 h2 strong { color: #ea5433; }
@media all and (min-width: 740px){
	#Lead .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; background-size: 40%; }
}

#Lead p { font-weight: 600; }
#Lead .fs2L { font-size: 1.8rem !important; }



/* Navi */
#Navi {}

@media all and (max-width: 739px){
	#Navi .table_typeA td .fsL { font-size: 1.6rem !important; }
}

#Navi .bdrBox_RD { padding: 10px 30px; }
@media all and (min-width: 740px){
	#Navi .bdrBox_RD { padding: 10px 50px; }
}



/* Point */
#Point.ctm_contentsFull { background: #f3efdb; }

#Point .contentsUnit { position: relative; }
#Point .contentsUnit:before { position: absolute; content: ''; display: inline-block; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/oka/alivila_anniversary/img_sites/point_bg01.png); 
background-size: contain; background-repeat: no-repeat; width: 470px; height: 470px; top: -50px; left: 20px; }
@media all and (max-width: 739px){
	#Point .contentsUnit:before { top: -30px; }
	.alivila_anniversary_02 #Point .contentsUnit:before { }
}

@media all and (max-width: 739px){
	.alivila_anniversary_02 #Point .ctm_pageTtl .ttlLv1 h2 { font-size: 3.0rem; }
}
@media all and (min-width: 740px){
	.alivila_anniversary_01 #Point .ctm_pageTtl .ttlLv1 h2 { font-size: 3.0rem; }
}

#Point .ctm_pageTtl .ttlLv2 { margin-top: 0; }
#Point .ctm_pageTtl .ttlLv2 h3 strong { font-size: 4.2rem; padding-left: 0.1em; }

#Point .naviBlock .col { padding: 0 20px 20px; border: 1px solid #b69d54; background: #fff; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); }

#Point .naviBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; border-bottom: 3px double #cfc06f; }
#Point .naviBlock .ctm_pageTtl .ttlLv2 h3 strong { color: #b69d54; }

#Point .naviBlock .pointIcon { text-align: center;  color: #cfc06f; }
#Point .naviBlock .pointIcon .material-symbols-outlined { font-size: 5.0rem; }

#Point .naviBlock .btnBK .btn { background: #9a7f2d; }
#Point .naviBlock .col .btnBK .btn { background: #b69d54; }

@media all and (max-width: 739px){
	#Point .naviBlock .btnSrg .btn { font-size: 1.8rem; }
}

#Point .pointListBlock { padding: 20px 25px; background: #fff; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); }
@media all and (min-width: 740px){
	#Point .pointListBlock { padding: 20px 30px; }
}

#Point .pointListBlock .ctm_pageTtl { text-align: left; }
#Point .pointListBlock .ctm_pageTtl h3 { display: inline-block; position: relative; height: 2.4em; line-height: 2.0em; padding: 0 40px 0 30px; margin-left: -25px; background: #ff7b53 !important; color: #fff; box-sizing: border-box; }
#Point .pointListBlock .ctm_pageTtl h3:after { content: ''; position: absolute; width: 0px; height: 0px; 
z-index: 1; top: 0; right: 0; border-width: 1.2em 0.6em 1.2em 0; border-color: transparent #fff transparent transparent; border-style: solid; }
#Point .pointListBlock .ctm_pageTtl h3 strong { color: #fff; }
@media all and (min-width: 740px){
	#Point .pointListBlock .ctm_pageTtl h3 { line-height: 2.2em; margin-left: -30px; }
}

#Point   .pointListBlock .ctm_pageTtl .ttlLv3 { margin-top: 0; padding: 0; }
#Point_04.pointListBlock .ctm_pageTtl .ttlLv3 { margin-bottom: 0; }
@media all and (min-width: 740px){
	#Point .pointListBlock .ctm_pageTtl .ttlLv3 {}
}
#Point .pointListBlock .ctm_pageTtl h4 { padding: 0; }
#Point .pointListBlock .ctm_pageTtl h4 strong { color: #ff7b53; }

.alivila_anniversary_02 .pointListBlock .ttlLv4 { padding-top: 0; }
.alivila_anniversary_02 .pointListBlock h5 { padding: 10px 0 0; border-left: none; border-top: 3px double #ffa286; }
.alivila_anniversary_02 .pointListBlock h5 strong { color: #ea5433; font-size: 1.6rem; }

#Point [class^="ctm_iconTxt"] { display: inline-block; padding: 3px 6px 1px; }
#Point .ctm_iconTxt_br { color: #fff; border-radius: 4px; }
#Point .ctm_iconTxt_bd_RD { color: #c00; border: 1px solid #c00; background: #fff; }
#Point_02 .ctm_iconTxt_br { background: #ea5433; font-size: 1.2rem; }
#Point_03 .ctm_iconTxt_br { background: #0ca3d0; }

#Point_03 .recommendBox { position: relative; }
#Point_03 .recommendBox .ctm_iconTxt_PY { position: absolute; top: -1.0em; left: 18.0em; background: #ea5433; font-size: 1.4rem; font-weight: bold; transform: rotate(-10deg); }
@media all and (min-width: 740px){
	#Point_03 .recommendBox .ctm_iconTxt_PY { left: 15.0em; font-size: 1.5rem; }
}

#Point .pointListBlock .imgParts { padding: 0 5px; }

#Point .pointListBlock .slidControl { bottom: 42px; }

#Point_03 .noLink .btn:after { background-image: none; }

#Point .linkbtn.btnBox.btnRD.btnSrg .btn { border: 1px solid #cfc06f; }
#Point .linkbtn.btnBox.btnRD.btnSrg .btn:before { content: ''; position: absolute; top: 0; left: 0;
width: 45px; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #cfc06f; }



/* Event */
#Event.ctm_contentsFull { background: #fff; }

#Event .contentsUnit { position: relative; }
#Event .contentsUnit:before { position: absolute; content: ''; display: inline-block; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/oka/alivila_anniversary/img_sites/event_bg01.png); 
background-size: contain; background-repeat: no-repeat; width: 470px; height: 470px; top: -50px; right: 20px; }
@media all and (max-width: 739px){
	#Event .contentsUnit:before { top: -30px; }
}

@media all and (max-width: 739px){
	#Event .ctm_pageTtl .ttlLv1 h2 { font-size: 3.0rem; }
	#Event .ctm_pageTtl .ttlLv1 h2 span { font-size: 75%; }
}

#Event .txtDate { position: relative; z-index: 100; }
#Event .txtDate strong { color: #ea5433;; }

#Event .eventListBlock .col { padding: 0 30px 30px; border: 1px solid #b69d54; background: #fff; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); }
@media all and (max-width: 739px){
	#Event .eventListBlock .clm_1_2col .col:nth-of-type(n+2) { margin-top: 35px; }
}

#Event .eventListBlock .ctm_pageTtl .ttlLv2 { margin-top: -20px; transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); }
#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3 { position: relative; display: inline-block; padding: 10px 20px; 
color: #fff; background: #ff7b53 !important; }
#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3:before,
#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3:after { position: absolute; content: ''; border: none; }
#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3:before { bottom: 100%; left: 0; border-top: 15px solid transparent; border-right: 20px solid #dcd08d; }
#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3:after  { top: 100%; right: 0; border-bottom: 15px solid transparent; border-left: 20px solid #dcd08d; }
@media all and (max-width: 739px){
	#Event .eventListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }
}



@media all and (max-width:739px){
	.alivila_anniversary .js-eqHeightCols .js-eqHeightCols-item,
	.alivila_anniversary .js-eqHeightCols .js-eqHeightCols-item-2,
	.alivila_anniversary .js-eqHeightCols .js-eqHeightCols-item-3,
	.alivila_anniversary .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width:739px){
}
@media all and (min-width:740px){
}