@charset "utf-8";

.premium-guide-202204 .pc-none {
  display: none !important;
}



.premium-guide-202204 .MV {
  	margin: 0 0 20px;
	text-align: center;	
}


.premium-guide-202204 .h2 {
  	margin-top: 0;
	font-size: 32px;
}


.premium-guide-202204 .nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;	
}

.premium-guide-202204 .nav .nav-btn {
  width: calc((100% - 6px) / 2);
  list-style: none;		
}

.premium-guide-202204 .nav .nav-btn:not(:nth-child(2n)) {
  margin-right: 6px;
}

.premium-guide-202204 .nav .nav-btn:nth-last-child(n + 3) {
  margin-bottom: 6px;
}

.premium-guide-202204 .nav .nav-btn a {
  align-items: center;
  background-color: #a99723;
  color: #fff;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  font-weight: bold;	
  height: 66px;
  justify-content: center;
  padding: 0 10px;
  border-radius: 5px;	
}

.premium-guide-202204 .nav .nav-btn a:hover {
	opacity: 0.7;
}

.premium-guide-202204 .nav-btn-all .nav-btn-all-inner a {
  border: 2px solid #a99723;
  border-radius: 5px;
  margin: 6px auto 20px; 	
}

.premium-guide-202204 .nav-btn-all .nav-btn-all-inner a {
  align-items: center;
  background-color: #fff;
  color: #a99723;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  font-weight: bold;	
  height: 66px;
  justify-content: center;
  padding: 0 10px;		
}

.premium-guide-202204 .nav-btn-all .nav-btn-all-inner a:hover {
	opacity: 0.7;
}



.premium-guide-202204 .section {
	margin-bottom: 20px;
}


.premium-guide-202204 .wrap-shadow {
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
	border-radius: 5px;
	padding: 40px;
}


.premium-guide-202204 .bg--blue {
	background-color: #e2fefe;
}


.premium-guide-202204 .bg--yellow {
	background-color: #fffbe4;
}


.premium-guide-202204 .title {
	margin: 0 auto 40px;
	font-size: 2.25em;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: center;
}


 .premium-guide-202204 .btn-gold a {
  align-items: center;
  background-color: #a99723;
  color: #fff;
  font-size: 2.75rem;	 
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  font-weight: bold;	
  height: 100px;
  justify-content: center;
  padding: 0 10px;
  border-radius: 5px;	
}

.premium-guide-202204 .btn-gold a:hover {
	opacity: 0.7;
}


.premium-guide-202204 .btn-gold {
    position: relative;
	width: 80%;
	margin: 40px auto 0;
}


.premium-guide-202204 .btn-gold a::after {
    content: "";
    width: .5em;
    height: .5em;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 0.75em;
}



/*TAMAMONOぐるっとプレミアムガイドとは…*/

.premium-guide-202204 .color--blue {
color: #004ea2;
}

.premium-guide-202204 .title .blue--line {
    background-color: #004ea2;
    height: 2px;
    margin: 10px auto 0;
    width: 50px;
}

.premium-guide-202204 .howto {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
justify-content:space-between;
margin-top: 40px;	
}

.premium-guide-202204 .howto .howto-img {
  width: calc(25% - 10px);
  list-style: none;		
}

.premium-guide-202204 .howto .howto-img:not(:nth-child(4n)) {
  margin-right: 10px;
}





/*TAMAMONOぐるっとプレミアムガイドこんなにオトク!?*/


.premium-guide-202204 .color--orange {
color: #f08200;
}

.premium-guide-202204 .title .orange--line {
    background-color: #f08200;
    height: 2px;
    margin: 10px auto 0;
    width: 50px;
}

.premium-guide-202204 .example-img {
	margin: 0 auto 40px;
	text-align: center;
}
	


.premium-guide-202204 .contents {
	margin: 0 auto 60px;
}


.premium-guide-202204 .contents .cont-ttl {
    color: #fff;
	font-size: 1.5em;
    text-align: center;
	background-color: #2aa738;
	border-radius: 100px;
	height: 72px;
	width: 80%;
	margin: 0 auto 40px;
	align-items: center;
	flex-wrap: wrap;
    display: flex;
	justify-content: center;
	padding: 0.25em;
	line-height: 1.5;
}



.premium-guide-202204 .contents-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
justify-content:space-around;
align-items: center;	
}

.premium-guide-202204 .contents-inner00 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
justify-content:center;
align-items: center;	
}


.premium-guide-202204 .contents-inner .cont-img {
  width: 60%;	
}






.premium-guide-202204 .contents-inner .cont-img01 {
  width: 285px;	
}

.premium-guide-202204 .contents-inner .cont-img01 img{
  width: 285px;	
}



.premium-guide-202204 .contents .cont-inner2 {
    text-align: center;
	width: 38%;
}


.premium-guide-202204 .contents .cont-txt {
    color: #20782a;
    text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
}

.premium-guide-202204 .contents .cont-txt01 {
    color: #20782a;
    text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
}





.premium-guide-202204 .comment {
	background: #fff;
	border: dashed 5px #a99723;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
}


.premium-guide-202204 .comment .comment-bold {
	color: #2aa738;
	font-weight: bold;
}


.premium-guide-202204 .comment .comment-txt {
	margin-right: 10px;
	font-size:1.2em; 
	width: 58%;
}

.premium-guide-202204 .comment .comment-img {
	text-align: center;
	width: 40%;
}


/*特典対象の「一日乗車券」*/


.premium-guide-202204 .tokuten-example {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
justify-content:space-around;
}


.premium-guide-202204 .tokuten-example .toku-img {
  width: calc((100% - 20px) / 2);	
}



.premium-guide-202204 .tokuten-example .toku-img:not(:nth-child(2n)) {
  margin-right: 20px;
}

.premium-guide-202204 .tokuten-example .toku-img:nth-last-child(n + 3) {
  margin-bottom: 40px;
}



/*TAMAMONOぐるっとプレミアムガイドパンフレット*/


.premium-guide-202204 .color--gold {
color: #a99723;
}

.premium-guide-202204 .title .gold--line {
    background-color: #a99723;
    height: 2px;
    margin: 10px auto 0;
    width: 50px;
}


.premium-guide-202204 .sub-ttl {
	font-size: 1.25em;
	border: 1px solid #a99723;
    text-align: center;
	background-color: #fff;
	border-radius: 100px;
	height: 50px;
	width: 75%;
	margin: 0 auto 40px;
	align-items: center;
	flex-wrap: wrap;
    display: flex;
	justify-content: center;
	padding: 0.25em;
	line-height: 1.5;
}

.premium-guide-202204 .pamphlet-list {
	padding: 0 90px;
}







/*ご利用の前に*/


.premium-guide-202204 .color--red {
color: #ec6d65;
}

.premium-guide-202204 .title .red--line {
    background-color: #ec6d65;
    height: 2px;
    margin: 10px auto 0;
    width: 50px;
}

.premium-guide-202204 #attention .title {
    margin-top: 80px;
}	


.premium-guide-202204 .attention-ul .att-li {
    list-style-type: none; 
    position: relative;
    padding-left: 2em;
}


.premium-guide-202204 .attention-ul .att-li::before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 0.5em;
    content: "";
    background: #ec6d65;
}






@media screen and (max-width: 767px) {
	
.premium-guide-202204 .h2 {
	font-size: 2rem;
}	
	
.premium-guide-202204 .wrap-shadow {
	padding: 20px;
}
	
  .premium-guide-202204 .nav .nav-btn {
    width: calc((100% - 10px) / 2);
  }
  .premium-guide-202204 .nav .nav-btn:not(:nth-child(2n)) {
    margin-right: 6px;
  }
  .premium-guide-202204 .nav .nav-btn:nth-last-child(n + 3) {
    margin-bottom: 6px;
  }
	
	
.premium-guide-202204 .nav .nav-btn a {
  height: 90px;	
}	
	
	
.premium-guide-202204 .nav-btn-all .nav-btn-all-inner a {
  height: 48px;
}
	

.premium-guide-202204 .title {
	margin-top: 0px;
	margin-bottom: 20px;
}		
	
	
.premium-guide-202204 .howto {
	margin-top: 20px;
	padding: 0 40px;
}	
	
	
	
.premium-guide-202204 .howto,
.premium-guide-202204 .contents-inner,
.premium-guide-202204 .tokuten-example	{
  display: block;
}
	
.premium-guide-202204 .howto .howto-img{
  width: 100%;
  margin: 0 auto 20px;
 text-align: center;	
}
	
.premium-guide-202204 .howto .howto-img:last-child{
  margin-bottom: 0;	
}	
	
	
.premium-guide-202204 .contents{
margin-bottom: 30px;	
}
	
	
.premium-guide-202204 .contents .cont-ttl{
width: 100%;
height: 60px;	
font-size: 1.5rem;
margin-bottom: 20px;
padding: 0.5em 0;	
}
	
.premium-guide-202204 .contents  .cont-txt{
margin-bottom: 20px;
font-size: 1em;	
}
	

.premium-guide-202204 .contents .cont-txt01 {
	margin-bottom: 0;
}
	
	

.premium-guide-202204 .contents-inner .cont-img img,
.premium-guide-202204 .contents-inner .cont-time img {
  width: 100%;	
}
	
	
.premium-guide-202204 .contents-inner00 .cont-img01{
  width: 60%;	
}
	




	
	

.premium-guide-202204 .contents-inner .cont-img,
.premium-guide-202204 .contents .cont-inner2,
.premium-guide-202204 .comment .comment-txt,	
.premium-guide-202204 .tokuten-example .toku-img,
.premium-guide-202204 .contents-inner .cont-time {
  width: 100%;	
}
	
.premium-guide-202204 .example-img {
	margin: 0 auto 20px;
}	
	
	
	
.premium-guide-202204 .comment {
	border: dashed 3px #a99723;
	padding: 0 20px;
}	
	
	
.premium-guide-202204 .comment .comment-img {
  margin: 20px auto;
  padding: 0 20px;
  text-align: center;
 width: 80%;
}
	
.premium-guide-202204 .tokuten-example .toku-img:not(:nth-child(2n)) {
  margin-bottom: 20px;
}	
	
.premium-guide-202204 .sub-ttl	{
  width: 90%;
 height: 33px;
 margin-bottom: 20px;	
}
	
.premium-guide-202204 .pamphlet-list{
 padding: 0;
}	
	
	
	
.premium-guide-202204 .btn-gold a {
  font-size: 2rem;	 
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  font-weight: bold;	
  height: 90px;
  justify-content: center;
  padding: 0 10px;
  border-radius: 5px;	
}

.premium-guide-202204 .btn-gold a:hover {
	opacity: 0.7;
}


.premium-guide-202204 .btn-gold {
    position: relative;
	width: 100%;
	margin: 20px auto 0;
}


.premium-guide-202204 .btn-gold a::after {
    content: "";
    width: .5em;
    height: .5em;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 42%;
    right: 1.2rem;
}
	

	
.premium-guide-202204 #attention .title {
    margin-top: 40px;
}	
	
.premium-guide-202204 .attention-ul {
    padding: 0 10px;
}	
	
.premium-guide-202204 .attention-ul .att-li {
    padding-left: 1.5em;
}	
	
	
	
  .premium-guide-202204 .pc-none {
    display: block !important;
  }
  .premium-guide-202204 .sp-none {
    display: none !important;
  }	
	
	
	
}