@charset "utf-8";

/*PCSP共通設定*/
/*section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}*/
html {scroll-behavior: smooth;}/*smooth scroll*/

.righttxt{
	text-align: right;
}

.bnL{
	max-width: 1080px;
	width: 95%;
	margin: 0 auto ;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}
.smpnone{
	display:none
}
/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}
h1 {
	font-size: 12px;
	margin: 0 1% 1%;
}

.inner h2{
	font-weight:normal;
    font-weight: bold;
     padding: 10px 10px 7px;
	text-align:center;
	color: #00469c;
	clear:both;
    margin-bottom: 2.5rem;
}

.inner h2 span{
	    display: block;
    font-size: 70%;
}
	
.movietit{
		font-size: 23px;
    font-weight: bold;
		color: #000000 !important;
		font-family: "Zen Old Mincho", serif !important;
		position: relative;
		margin: 0 0 30px 0 !important;
	}
	
	.movietit::after,
	.movietit::before{
		content: "";
		background-image:url("../images/ic01.png");
		background-repeat: no-repeat;
		background-size: cover;
		max-width: 47px;
		max-height: 47px;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 8%;
	}
	
	.movietit::after{
		
		right: 5%;
	}
	
	.movietit::before{
		
		left: 5%;
	}
	
	.moviearea1{
		background-color:#9d2a27; 
		font-family: "Zen Old Mincho", serif !important;
	}
	
	.movieareain{
		padding: 10px 10px;
		background-color: #FFFFFF;
	}
	
	.moviebox{
		/*display: flex;
		justify-content: space-between;*/
		
	}
	
	.movieimg{
		width: 100%;
		max-width: 640px;
		margin: 0 auto 20px;
	}
	
	.movieimg img{
		width: 100%;
	}
	
	.moviedetail{
		width: 100%;
	}
	
	.moviedetail dl{
		margin: 0 0 20px 0;
		font-size: 14px;
	}
	
	.moviedetail dl dt{
		font-weight: bold;
		padding: 10px;
		background-color: #9d2a27;
		color: #ffffff;
		margin: 0 0 20px 0;
		text-align: center;
	}
	
	.moviedetail dl dd p{
		margin: 0 0 20px 0;
	}
	
	.moviedetail dl dd p:last-of-type{
		margin: 0 0 0 0;
	}
	
	.moviebtn{
		margin: 0 0 20px 0;
	}
	
	.moviebtn a{
		display: block;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		font-size: 14px;
		background-color: #9d2a27;
		transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	}
	
	.moviebtn a span{
		display: block;
		padding: 10px;
		border: 2px solid; 
  border-image: linear-gradient(135deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 100%) 1;
		
	}
	
	.moviebtn a:hover{
		opacity: 0.8;
	}
	
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}

/*title*/
img#mainphoto {
	width: 100%;
	margin-bottom: 5%;
}
	

a.btn{
	display:block;
	background-size:10px auto;
	font-size:16px;
	padding:13px 15px 13px 15px;
    margin-top:10px;
	color:#ffffff;
	text-align:center;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background: #e84464;
}
a.btn:hover{
	text-decoration:none!important
}

a.btn span:before {
    content:url(../images/arrow.png);
    margin: 5px;
    position: relative;
    top:3px;
}

a.btnAll{
	display:block;
	background-size:10px auto;
	font-size:16px;
	padding:13px 15px 13px 15px;
    margin-top:10px;
	color:#724d35;
	text-align:center;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background: #ffe33e;
}
a.btnAll:hover{
	text-decoration:none!important
}

a.btnAll span:before {
    content:url(../images/arrow2.png);
    margin: 5px;
    position: relative;
    top:3px;
}

a.btnL{
	display:block;
	background-size:10px auto;
	font-size:16px;
	padding:13px 15px 13px 15px;
    margin-top:10px;
	color:#ffffff;
	text-align:center;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background: #e84464;
}
a.btnL:hover{
	text-decoration:none!important
}

a.btnL span:before {
    content:url(../images/arrow.png);
    margin: 5px;
    position: relative;
    top:4px;
}

.mrl50{
	margin:0;
	clear:both;
}

.single{
	margin:0 200px;
}

/*specialPlanBox*/

p.description {
    text-align: center;
    margin: 5px auto 20px;
    font-size: 16px;
}

.txtmini{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:0px 0 0px 0;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.commonPlanBox{
	display: flex;
	margin: 0 auto 5%;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.read3.commonPlanBox li{
	margin-right: 3%;
    flex: 0 0 80%;
	text-align: center;
	max-width: 400px;
	background:#FFF;
	padding:15px;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    border:1px solid #00469c;
}

.commonPlanBox li dl dt{
	background:#fff;
	padding:10px 0 0;
	font-size:15px;
	font-weight: bold;
	color:#000000;
	margin-bottom:0px;
	text-align:center;
}

.commonPlanBox li dl dd{
	font-size:13px;
	/*margin-bottom:10px;*/
	line-height:140%;
	padding-top:7px;
}

.commonPlanBox li > a{
	font-size:14px;
	padding:12px;
	display:block;
	margin: 1% 0;
}
.commonPlanBox_2{
	display:block;
    margin-top:10px;
}
ul.read3.commonPlanBox_2{
	width: 100%;
    margin:0 0 1.5rem 0;
	float:left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.read3.commonPlanBox_2 li{
	width: 100%;
	float:left;
	margin:0 0 0 0;
	padding:15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    border:2px solid #00469c;
    background: #ddf4fe;
}
ul.read3.commonPlanBox_2:first-of-type{
    margin:0 0 1.5rem 0!important;
}

.commonBox_2:nth-of-type(2n) li{
	background:#FFFFFF;
}
.read3.commonPlanBox_2 li p {
    margin:0;
    padding: 0;
    line-height: 0;
}
.read3.commonPlanBox_2 li p:nth-child(2),
.read3.commonPlanBox_2 li p:nth-child(3){
    width:50%;
    float:left;
    height:100px !important;
    overflow: hidden;
    margin-bottom:0.5rem
}
.commonPlanBox_2 li dl dt{
	padding:10px 0 0;
	font-size:15px;
	color:#000000;
	text-align:center;
	vertical-align:middle;
}

.commonPlanBox_2 li dl dd{
	font-size:13px;
	margin-top:10px;
    margin-bottom:5px;
	line-height:150%;
	padding-top:0px;
}
.commonPlanBox_2 li dl dd.btn {
    margin: 0px;
    padding: 0;
}

.commonPlanBox_2 li > a{
	font-size:16px;
	padding:12px;
	display:block;
	margin: 1% 0;
}
.commonPlanBox_2 p.tit {
    padding:0.5rem 0 10px 0;
    font-size: 16px;
}
.commonPlanBox_3{
	display:block;
    margin-top:25px;
}
.read3.commonPlanBox_3 li{
	width: 31.3334%;
	float:left;
	margin:0 0 0 3%;
	background:#fff;
	padding:15px 0 0;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
}

.read3.commonPlanBox_3 li:nth-child(1){
    margin:0 0 5px 0;
}

.attention{
	font-size:10px;
	color:#F00;
	margin-bottom:20px;
}

/*bnr950*/
a.bnr950{display:block;margin-bottom:5%;}

/*graybtn*/
p.graybtn{
	background: #999;
    padding: 14px 0;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
}

/*------------------*/
p.midashi {
    display: inline-block;
    margin:0.5rem 0 1rem;
    text-align: center;
    width:100%;
    font-size: 1rem;
    font-weight: bold;
}
p.lead {
    display: inline-block;
    margin:0 0 1rem;
    text-align: center;
    width:100%;
    font-size: 0.8rem;
    line-height: 1.5;
}
h3 {
    padding: 15px;
    width:80%;
    display: inline-block;
    margin: 1rem 10%;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 5px;
    text-align: center;
}
h3.green {
    margin-top: 1.3rem;
    background: #67be12;
}
h3.pink {
    background: #f66a8e;
}
h3.blue {
    background: #20ade5;
}
h3.orange {
    background: #f38f00;
}
.planBtn6 a {
    display: block;
    width: 100%;
    margin: 0px auto 0;
    padding: 20px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #f37e00;
    background: #f99200;
    font-size: 1.1rem;
    text-decoration: none !important;
	    transition: opacity 0.3s ease;
}


.btnother a{
	border: 1px solid firebrick !important;
    background: firebrick !important;
}

.mb30{
	margin-bottom:30px;
}

.planBtn6 a:hover{
	opacity: 0.8;
}
.planBtn6 a {
    position: relative;
    
}
.planBtn6 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn6 a{
	position:relative;
}
.planBtn6 a i{
	position:absolute;
	right:0;
	top:30%;
}
.planBtn5 {
    margin:0;
    padding: 0;
}
.planBtn5 a {
    display: block;
    width: 100%;
    margin: 0px auto 0;
    padding: 15px 0;
    color: #000 !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #cabc02;
    background: #fff23f;
    font-size: 16px;
    text-decoration: none !important;
}
.planBtn5 a:hover{
	opacity: 0.8;
}
.planBtn5 a {
    position: relative;
    margin-bottom:0px;
}
.planBtn5 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn5 a{
	position:relative;
}
.planBtn5 a i{
	position:absolute;
	right:0;
	top:30%;
}
.fas {
    margin-right: 15px;
}
.map {
    position: relative;
    padding-bottom:30px;
}
a span.area01_smp {
    position: absolute;
    top:12%;
    right:2%;
    background: #67be12;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 5px;
    padding:0.5rem;
    text-align: center;
}
a span.area02_smp {
    position: absolute;
    top:48%;
    right:25%;
    background: #f66a8e;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 5px;
    padding:0.5rem;
    text-align: center;
}
a span.area03_smp {
    position: absolute;
    top:7%;
    left:25%;
    background: #20ade5;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 5px;
    padding:0.5rem;
    text-align: center;
}
a span.area04_smp {
    position: absolute;
    top:25%;
    left:2%;
    background: #f38f00;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 5px;
    padding:0.5rem;
    text-align: center;
}
p.copy-right {
    display: inline-block;
    margin-right:10px;
    margin-bottom: 15px;
    float:right;
    font-size: 0.7rem;
}



/*鳥取で遊ぼう！*/
.note {
    border:2px solid red;
    padding:15px;
    width:100%;
    margin:0.5rem auto 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
}
.ribbon8 {
    width: 94%;
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  font-size: 23px;/*フォントサイズ*/
  color: #00469c;/*フォントカラー*/
  background: #fff23f;/*背景色*/
}

.ribbon8:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}

.ribbon8:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
.model_course {
    margin:0.5rem 0 1.5rem;
    text-align: left;
    
}
p.web_btn_tit {
    display: inline-block;
    margin:0.7rem 0 0.5rem;
    text-align: center;
    width:100%;
    font-size: 1rem;
    line-height: 1.8;
}

p.web_btn_tit2 {
    display: inline-block;
    margin:0.5rem 0 1rem;
    text-align: center;
    width:100%;
    font-size: 0.8rem;
    line-height: 1.8;
}

p.web_btn_tit3 {
    display: inline-block;
    margin:0.7rem 0 0.5rem;
    text-align: center;
    width:100%;
    font-size: 0.85rem;
    line-height: 1.8;
}

p.copyright {
    width:100%;
    text-align: right;
    font-size: 12px;
    padding-top:5px;
}



.koikoimaparea{
	padding: 10px;
	margin: 0 0 0 0;
}

.koikoimaparea .koikoimap_logo{
	max-width: 500px;
	margin: 20px auto;
}


.koikoimaparea .koikoimap_logo img{
	width: 100%;
}

.koikoimaparea .koikoimap_txt{
	padding: 20px;
	border: 2px solid #f08724;
	margin: 0 0 20px 0;
	box-shadow: 10px 10px #f08724;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}


.wakuwakuarea{
	padding: 10px;
	margin: 0 0 0 0;
}


.wakuwaku_tit{
	width: 100%;
	max-width: 950px;
	margin: 20px auto 20px;
}

.wakuwaku_tit img{
	width: 100%;
}

.wakuwaku_txt{
	padding: 20px;
	border: 2px solid #023e86;
	margin: 0 0 40px 0;
	box-shadow: 10px 10px #023e86;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}

.wakuwaku_detailarea{
	padding: 20px;
	border: 2px solid #023e86;
	box-shadow: 10px 10px #023e86;
	margin: 0 0 40px 0;
}

.wakuwaku_detail{
	overflow: hidden;
}




.wakuwaku_detail dl{
	width: 98%;
    overflow: hidden;
    font-size: 16px;
    border: 1px solid #023e86;
    margin: 0 auto 20px;
}



.wakuwaku_detail dl dt{
	padding: 10px;
	color: #FFFFFF;
	margin: 0 10px 0 0;
	width: 100%;
	background-color: #023e86;
	text-align: center;
}

.wakuwaku_detail dl dd{
	padding: 10px;
	text-align: center;
}


.wakuwaku_detail dl.centerbox dd.detail1{
	width: 100%;
	padding: 10px 0 0 0;
}

.wakuwaku_detail dl.centerbox2 dd.detail1{
	    width: 96%;
    padding: 0px 0 0 0;
    margin: 10px auto;
}


.wakuwaku_detail dl.centerbox dd.detail2{
	width: 20%;
	
	
}

.detail1in{
    padding: 10px 0px 20px 0;
    border-bottom: dotted 1px;
    margin: 0 5px 0 5px;
}

.detail1in_txt{

	width: 100%;
}

.detail1in_img{
	width: 100%;
}

p.image{
	width: 100%;
	text-align: right;
	margin: 10px 0 10px 0;
	font-size: 12px;
}


p.syouhin{
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
	background-color: #FF7E00;
	color: #ffffff;
	font-weight: bold;
}


p.syouhinname{
	font-size: 12px;
	text-align: center;
	margin: 10px 0 10px 0;
	font-weight: bold;
	
}

ul.detailimg1{
	    display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px 0 0px 0;
	flex-wrap: wrap;
}

ul.detailimg2{
	    display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px 0 10px 0;
}

ul.detailimg1 li{
	width: 45%;
	max-width: 400px;
	border: 1px solid #FF7E00;
}

ul.detailimg2 li{
	width: 45%;
	max-width: 400px;
}

ul.detailimg1 li img,
ul.detailimg2 li img{
	width: 100%;
}

ul.detailimg1 li{
	 margin: 0 5px 10px 5px;
}


.bordernone{
	border: none !important;
}

.toritabi {
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
}
.toritabi img {
width: 100%;
height: auto;
}



/*20230627修正*/
#aN07 .box {
      display: flex;
      text-align: center;
      flex-direction: column;
      padding: 30px 15px 15px 15px;
      margin: 10px 0 20px 0;
      background-color: #E3F3FC;
    }

#aN07 .sbtitle{
    margin: 4px 0;	
    font-size: 22px;
    font-weight: bold;	
}

#aN07 .txt7{
    font-size: 13px;
    margin: 15px 0 0px;
}

.planBtn7 a {
    display: block;
    width: 100%;
    margin: 0px auto 0;
    padding: 20px 0;
    color: #FFF !important;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #da0d41;
    font-size: 1.1rem;
    text-decoration: none !important;
	transition: opacity 0.3s ease;
	margin-bottom: 15px;
}

.btnother a{
	border: 1px solid firebrick !important;
    background: firebrick !important;
}


.planBtn7 a:hover{
	opacity: 0.5;
}
.planBt76 a {
    position: relative;
    
}
.planBtn7 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn7 a{
	position:relative;
}
.planBtn7 a i{
	position:absolute;
	right:0;
	top:30%;
}

.news_inner {
    background-color: #fff;
    border: solid 1px #00469c;
}

.news_inner h4 {
    align-self: stretch;
    background-color: #00469c;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 0.5em 1em;
    width: 100%;
}

.news_inner h4 > span {
    display: flex;
    font-size: 12px;
    width: 100%;
}

.news_inner .news_body li {
    font-size: 14px;
    padding: 1em;
}

.news_body p.news_catch {
    font-weight: bold;
    padding: 10px 0 0 15px;
    font-size: 16px;
}
.news_body p.text_icon {
    background: #da0d41;
    border-radius: 5px;
    color: #fff;
    padding: 7px;
    margin: 0 7px 10px 0;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
}
.news_body p.news_tit {
    padding-bottom: 15px;
}

.kanko_txtbold{
    width: 100%;
    height: 24px;
    font-weight: bold;
    font-size: 16px!important;
    margin-top: 0px!important;
    color: #FFFFFF;
    background-color: #da0d41;
    text-align: center;
}

.setplanbox {
/*    position: relative;*/
    margin: 60px 0 0;
    background: #fffcd9;
    padding: 30px 0 10px;
}
.setplanbox .box2 {
      display: flex;
      text-align: center;
      flex-direction: column;
      padding: 15px;
      margin: 0;
}

.jrset_tit {
    box-sizing: border-box;
/*    position: absolute;
    top: -25px;
    left: 0;
    right: 0;*/

    border: 2px solid #da0d41;
    padding: 10px;
    width: 300px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background: #fff;
}




.coupon{
	overflow: hidden;
    background-color: rgba(255, 255, 255, 1) !important;
    background-image: repeating-linear-gradient(0deg, transparent, transparent 8px, rgba(255, 252, 209, 1) 8px, rgba(255, 252, 209, 1) 16px ) !important;
	padding: 0 0 50px 0px;
}

.coupondetailalea p.title1 {
  width: 80%;
  line-height: 50px;
	margin: 20px auto;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
  background: #E2201B;
  padding: 4px;
  box-shadow: -4px 4px 0px -2px #E2201B;
}
.coupondetailalea p.title1 span{
  border: 4px solid  #FFFFFF;
  width: 100%;
  display: block;
}

.coupondetailalea p.title1::after{
	    content: '';
	background-image:none !important;
}



.coupondetailalea h3.title2 {
  width: 80%;
  line-height: 50px;
	margin: 20px auto;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
  background: #0044FF;
  padding: 4px;
  box-shadow: -4px 4px 0px -2px #0044FF;
}
.coupondetailalea h3.title2 span{
  border: 4px solid  #FFFFFF;
  width: 100%;
  display: block;
}

.coupondetailalea h3.title2::after{
	    content: '';
	background-image:none !important;
}



.coupondetailalea .comment_box{
  width: 90%;
	margin: 20px auto 40px;
	background: rgba(255,255,255,0.8);
	padding: 30px 20px;
  text-align: center;
	border-radius: 30px;
	box-shadow: 2px 2px rgba(0,0,0,0.1);
}
.coupondetailalea .comment_box p{
	font-size: 16px;
	line-height: 1.8;
}


.coupondetailalea .step_unit {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0 20px;
}
.coupondetailalea .step_box {
	    width: 80%;
    margin: 0 auto 50px;
    background: #FFFFFF;
    border: 2px solid #ffe100;
    border-radius: 20px;
    text-align: center;
    padding: 35px 15px 10px;
    position: relative;
    font-size: 14px;
}

.coupondetailalea .step_box h4 {
	position: absolute;
	top:-30px;
	left: 0;
	right: 0;
	width: 100%;
	background: url("../images/bg_title_step.svg")no-repeat center center;
  background-size: contain;
	font-size: 160%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0 20px;
}



.coupondetailalea .step_box img {
	max-width: 90%;
	margin: 10px auto;
}
img#qrcode {
	width: 70%;
}
.coupondetailalea .step_box .fukidashi {
	background: url("../images/fukidashi.png")no-repeat center center;
  background-size: contain;
	padding:30px 0 20px;
	margin-top: -10px;
}



.coupondetailalea a.link_pdf {
	width: 60%;
	display: block;
	margin: 30px auto 80px;
	background: #e2201b;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
}
.coupondetailalea a.link_pdf img{
	width: 20px;
  vertical-align: middle !important;
  margin-left: 5px;
}
.coupondetailalea a.link_pdf:hover {
	text-decoration: none !important;
	color: #FFFFFF !important;
	opacity: 0.8;
}


.access_site {
	background: url("../images/icon_access.jpg")no-repeat left center;
  background-size: 40px;
	padding-left: 45px;
	text-align: left;

}
.entry_site {
	/*background: url("images/receiving_screen.png")no-repeat left top;
  background-size: 60%;
	padding: 40px 0 20px 60%;*/
	text-align: left;
	margin: 10px 0 15px;
	list-style: none;
	padding: 0;
}
.entry_site li{
	margin-bottom: 15px;
	text-indent: -1em;
	margin-left: 1em;
}
.entry_site li p.attention2{
	margin-left: 1em;
}

.coupon_titarea{
	/* display: flex; */
	justify-content: center;
	align-items: stretch;
	background-color: #ffffff;
	padding: 10px 10px;
	border:  2px solid #ffe100;
	margin: 40px 0 40px 0;
	border-radius: 10px;
}

.coupontitsub{
	
	background: #E2201B;
	padding: 10px;
	border-radius: 10px;
	width: 100%;
	margin: 0 0% 2% 0;
	text-align: center;
}


.coupontitsub p{
	/*border: 4px solid #ffffff;*/
	text-align: center;
	border-radius: 20px;
	padding: 0px;
	
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}


.coupontitmain{
	width: 100%;
}

.couponsubtit{
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.coupontxt1{
	color: #ffffff;
	background-color: #3333ff;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt2{

	color: #ffffff;
	background-color: #ff66cc;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt3{
	color: #ffffff;
	background-color: #00b050;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt4{
	color: #ffffff;
	background-color: #ff6600;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt5{
	color: #ffffff;
	background-color: #00206f;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.couponmaintit{
	font-size: 26px;
	color: #2f5597;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-align: center;
}

.couponkikan{
	border-radius: 10px;
	border: 2px #000000 solid;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	text-align: center;
}


.couponchui{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.couponchui li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.couponchui li span{
	display: block;
}

.couponchui li span.mark{
	margin: 0 5px 0 0;
}

.red{
	color: #E2201B;
}

.coupondetailalea2{
	margin: 20px 0 20px 0;
	background-color: #ffffff;
}

.coupondetailalea2 .chui{
	color: #E2201B;
	font-size: 14px;
	margin: 20px 0 20px 10px;
}


h5.coupondetailbox_tit{
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	background-color: #ff66cc;
	margin: 0;
}

.coupondetailbox{
	background-color: #0A75CD;
	padding: 10px 10px;
	margin: 0 0 20px 0;
}

.coupondetailboxin{
	/*display: flex;
	justify-content: center;
	align-items: stretch;*/
}

.coupondetail_koumoku{
	    font-size: 18px;
    width: 100%;
    font-weight: bold;
    color: #ffffff;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    text-align: center;
    margin: 0 0 10px 0;
}

.coupondetail_naiyoubox{
	background-color: #ffffff;
    padding: 10px;
    width: 100%;
}

.coupondetail_naiyouboxin{
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}

.coupondetail_naiyou1{
	width: 100%;
}
.coupondetail_naiyou1 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.coupondetail_naiyou1_box1{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.coupondetail_naiyou1_box1 span{
	font-size: 14px;
}

.coupondetail_naiyou1_box2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	background-color: #92d050;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 60%;
}

.coupondetail_naiyou2{
	    font-size: 16px;
    text-align: center;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    margin: 10px 0 10px 0;
}

.coupondetail_naiyou3{
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
}

.coupondetail_naiyou3 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 10px;
	background-color: #ffc000;
}

.coupondetail_naiyou3_box1{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 59%;
}

.coupondetail_naiyou3_box2{
	width: 37%;
	max-width: 400px;
}

.coupondetail_naiyou3_box2 img{
	width: 100%;
}

.coupondetail_naiyou3 .righttxt{
	    font-size: 14px;
    /* position: absolute; */
    /* right: 0px; */
    /* bottom: -34px; */
    text-align: right;
}

.coupondetail_naiyou_bottom1{
	    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.coupondetail_naiyou_bottom2{
	font-size: 12px;
	color: #E2201B;
}


.coupondetail_naiyouboxin2{
	padding: 10px;
	background-color: #FFFFD9;
}

.coupondetail_naiyouboxin_1{
	/*display: flex;
	justify-content: flex-start;
	align-items: stretch;*/
}

.coupondetail_naiyou4{
	font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ff66cc;
    margin: 0 0px 10px 0px;
    font-weight: bold;
    width: 100%;
}

.coupondetail_naiyou5{
	    font-size: 18px;
    color: #E2201B;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 0 10px 0;
	text-align: center;
}

.coupondetail_naiyou5 span{
	    font-size: 12px;
    padding: 0 0 0 0px;
}


.nimotsutit{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.nimotsutit span{
	text-decoration: underline;
}

.coupondetail_naiyouboxin2 ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.coupondetail_naiyouboxin2 ul li{
	font-size: 14px;
}

.couponlistarea{
	background-color: #0A75CD;
	padding: 10px;
	margin:0 0 30px 0;
	
}

.couponlistbox{
	margin: 0 0 20px 0;
	background-color: #ffffff;
	padding: 10px;
}

.couponlistbox .slide-box p.point{
	background: #e6ffce !important;
}

.areatit{
	padding: 10px 10px 20px;
	text-align: center;
	font-size: 18px;
	background-color: #0A75CD;
	color: #ffffff;
	font-weight: bold;
}

.bluetxt{
	color: #0054FF;
	font-size: 12px !important;
}

.boxlong {
	padding: 10px;
	margin: 20px 0;
}

.boxlong p {
  font-size: 123.1%;
}

.boxlong p span {
	font-weight: bold;
}

.boxlong p.point {
	background: #e6ffce;
	padding: 10px;
	margin-top: 10px;
	line-height: 1.4;
}

.boxlong p.point span {
	color: #F00;
}

.boxlong_couponarea{
	/*display: flex;
	justify-content: space-between;
	align-items: stretch;*/
}

.boxlong_coupon1{
	width: 100%;
	max-width: 400px;
	margin: 10px auto 10px;
}

.boxlong_coupon2{
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.boxlong_coupon1 ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

.boxlong_coupon1 ul li{
	width: 50%;
}

.boxlong_coupon1 ul li.txtarea{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #ff66cc;
}
.boxlong_coupon1 ul li.imgarea{
	max-width: 400px;
	margin: 0 auto;
}
.boxlong_coupon1 ul li.imgarea img{
	width: 100%;
	vertical-align: bottom;
}


.cap{
	padding: 10px;
	background-color: #e6ffce;
}

.cap p{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}


/* =========================================================
◆slide
========================================================= */
.slide-wrap {
	background: rgba(255,255,255,0); /*背景白を透過*/
	display: flex;
	margin: 0 auto;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.slide-box {
	margin-right: 3%;
    flex: 0 0 80%;
	text-align: center;
}

.slide-box .areaEast {
  background: #00C33A;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 2%;
  text-align: center;
}

.slide-box .areaMiddle {
  background: #FFB600;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 2%;
  text-align: center;
}

.slide-box .areaWest {
  background: #0099ff;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 2%;
  text-align: center;
}

.slide-box p {
	text-align: left;
	font-size: 123.1%;
	padding-top: 2%;
}

.slide-box p span {
	font-weight: bold;
}

.slide-box p.point {
	background: #FFFFD9;
	padding: 2%;
	margin-top: 1%;
}

.slide-box p.point span {
	color: #F00;
}

.slide-box p.detail {
	line-height: 1.5;
	font-size: 123.1%;
}

.slide-box .detail dl {
	font-size: 123.1%;
	line-height: 1.5;
	padding: 2% 0;
	border-bottom: 1px dotted #333;
	text-align: left;
}

.slide-box .detail dl span {
	font-size: 80%;
}

.slide-box .detail dt {
	clear: left;
	float: left;
	width: 30%;
	font-weight: bold;
}

.slide-box .detail dd {
	margin-left: 30%;
}

.slide-box .detail dl:last-child {
	border-bottom: none;
}

.slide-box p.heed {
	font-size: 123.1%;
	background: #FFF;
	margin: 3% 0;
}

.slide-box2 {
	margin: 1% 3% 0 0;
    flex: 0 0 50%;
	text-align: center;
}

.slide-box2 p {
	text-align: left;
	font-size: 123.1%;
	padding: 2% 0;
}

.slide-box2 p span {
	font-weight: bold;
}

.slide-box2 .Btn {
	overflow: hidden;
    width: 98%;
	margin: 0 1%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 123.1%;
    font-weight: bold;
    display: block;
    position: relative;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.slide-box2 .Btn a {
	display: block;
	position: relative;
	text-align: center;
	background: #F60;
	color: #fff;
	text-decoration :none;
	padding: 8% 5%;
}

.slide-box2 .Btn a:hover {
	background: #F30;        /* マウスオーバーカラー */  
}

.slide-box2 .Btn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.slide-box2 .Btn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #F60;
}

.slide-box2 .Btn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #F30;
}

.slide-box2 .Btn_gray {
	overflow: hidden;
    width: 98%;
	margin: 0 1%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 123.1%;
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
	background: #666;
	padding: 8% 5%;
}

.slide-box2 .Btn_gray:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.slide-box2 .Btn_gray:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #666;
}

/* =========================================================
◆list横並び
========================================================= */
.itemList3 > div {
	float: left;
	width: 100%;
	padding: 2% 0;
}

.itemList3 > div .Btn {
	overflow: hidden;
    width: 94%;
	margin: 0 3%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 123.1%;
    font-weight: bold;
    display: block;
    position: relative;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.itemList3 > div .Btn a {
	display: block;
	position: relative;
	text-align: center;
	background: #F60;
	color: #fff;
	text-decoration :none;
	padding: 5%;
}

.itemList3 > div .Btn a:hover {
	background: #F30;        /* マウスオーバーカラー */  
}

.itemList3 > div .Btn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.itemList3 > div .Btn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #F60;
}

.itemList3 > div .Btn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #F30;
}

.itemList3 > div .Btn_gray {
	overflow: hidden;
    width: 94%;
	margin: 0 3%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 123.1%;
    font-weight: bold;
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
	background: #666;
	padding: 5% 0;
}

.itemList3 > div .Btn_gray:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.itemList3 > div .Btn_gray:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #666;
}


.bnrarea1{
	/*display: flex;
	justify-content: center;
	align-items: flex-start;*/
	margin: 20px 0 0 0;
}

.bnrarea1 p.bnr1{
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;

}


.bnrarea1 p.bnr2{
	width: 100%;
	max-width: 640px;
	margin: 0 auto 0;

}

.bnrarea1 p img{
	width: 100%;

	vertical-align: bottom;
}


.boxflex{
	/*display: flex;
	justify-content: space-between;
	align-items: center;*/
	margin: 30px 0 0 0;
}

.boxflex p {
margin-bottom: 10px;
}

.boxflex img{
	width: 100%;
}

.boxleft{
	max-width: 300px;
	width: 95%;
	margin: 0 auto 30px;
}

.boxright{
	max-width: 640px;
	width: 95%;
	margin: 0 auto 30px;
}

.boxflex .sbtitle{
	text-align: center;
}

.ekinaka {
font-size: 18px;
color: #fff;
background-color: #f08724;
text-align: center;
font-weight: bold;
padding: 5px;
margin: 0px 0px 10px 0px;
}


.tx_model {
font-size: 14px;
text-align: center;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.bt_model {
display: flex;
justify-content:center;
gap: 0px 20px;
padding: 0px;
margin: 0px 0px 0px -10px;
}
.bt_model li {
width: 90px;
padding: 0px;
margin: 0px;
}
.bt_model a {
display: block;
width: 100%;
padding: 10px 0px;
text-decoration: none;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.bt1 a {
color: #99ffcc;
border: 5px solid #99ffcc;
}
.bt2 a {
color: #ff99ff;
border: 5px solid #ff99ff;
}
.bt3 a {
color: #f8cbad;
border: 5px solid #f8cbad;
}

.im_marugoto {
margin: 10px 0px;
}
.tx_marugoto {
font-size: 18px;
color: #fff;
background-color: #0066cc;
text-align: center;
font-weight: bold;
padding: 5px;
margin: 0px 0px 10px 0px;
}
.marugoto {
border-radius: 30px;
border: 4px solid #0066cc;
padding: 30px 20px 20px 20px ;
}
.marugoto p {
font-size: 14px;
line-height: 1.6em;
text-align: center;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.marugoto a {
font-size: 15px;
}


/*title*/
img#mainphoto {
	width: 100%;
	margin-bottom: 5%;
}
	

/*title---------------------------------------------------*/

#title{
	position:relative;
	background:url(../images/bg.png?date=20260930) repeat-x 50% 50% #fff4f7;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
}

#title2{
	position:relative;
	background:url(../images/bg.png?date=20260930) repeat-x 50% 50% #fff4f7;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
	max-width: 1980px;
	width: 100%;
	margin: 0 auto;
}

#title2 img{
	width: 100%;
}
#title p{
	margin:0 0 0 0;
	padding:0;
}

#title ul{
	text-align:center;
	letter-spacing:-0.4em;
	margin-top:29px;
}

#title ul li{
	display:inline-block;
	letter-spacing:normal;
	background:url(../images/line.png) no-repeat;
}

#title ul li:nth-of-type(1){
	background:none
}

#title ul li a{
	display:block;
	padding:0 20px;
}

#title ul li a:hover{
	transition: 0.2s ;
	opacity: 0.3 ;
	position:relative;
	top:1px
}


#navi{
    text-align:center;
	letter-spacing:-0.4em;
	padding:5px 0 1rem;
	display:table;
	width:100%;
}

#navi li{
	display:inline-block;
	letter-spacing:normal;
	border-left:1px solid #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding:0.5rem 0.7rem 0 0.5rem;
    /*background: url(../images/navi_line.png) no-repeat right ;*/
    background-size: 3px 30px ;
    color: #004f8e;
    vertical-align:middle;
}
#navi li:nth-child(1),
#navi li:nth-child(2) ,
#navi li:nth-child(4) {
}
#navi li:last-child{
    background: none;
}

#navi li a{
    padding:0;
	display:block;
	/*color: #004f8e;*/
    color:#00469c;
    line-height:14px;
}

#navi li:nth-of-type(1){
	border-left:none
}

#navi li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}


/*commonBox*/

.commonBox:nth-of-type(2n){
	background:#ffffff;
}
.commonBox{
	background:#ffffff;

}

.commonBox img{
	width:100%;
	height:auto;
}

.commonBox strong{
	font-weight:bold;
}


}

/*760px以上*/
@media screen and (min-width: 760px),print {
#wrapper {line-height: 1.231;}
.pcnone{display:none;}

/* CSS */
#dirPathBlock,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: 100%;
	max-width:1080px;
	min-width:760px;
    margin: 0 auto 5px;
}

.inner h2{
    padding: 22px 0 16px;
    text-align: center;
    font-family: "Mplus 1p";
    color: #00469c;
    clear: both;
    font-size: 34px;
    font-weight: bold;
	    margin-bottom: 40px;
}

.inner h2 span{
	    display: block;
    font-size: 70%;
}
	
	.movietit{
		font-size: 34px;
    font-weight: bold;
		color: #000000 !important;
		font-family: "Zen Old Mincho", serif !important;
		position: relative;
		margin: 0 0 30px 0 !important;
	}
	
	.movietit::after,
	.movietit::before{
		content: "";
		background-image:url("../images/ic01.png");
		background-repeat: no-repeat;
		background-size: cover;
		max-width: 47px;
		max-height: 47px;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 26%;
	}
	
	.movietit::after{
		
		right: 30%;
	}
	
	.movietit::before{
		
		left: 30%;
	}
	
	.moviearea1{
		background-color:#9d2a27; 
		font-family: "Zen Old Mincho", serif !important;
	}
	
	.movieareain{
		padding: 20px 20px;
		background-color: #FFFFFF;
	}
	
	.moviebox{
		display: flex;
		justify-content: space-between;
		
	}
	
	.movieimg{
		width: 48%;
	}
	
	.movieimg img{
		width: 100%;
	}
	
	.moviedetail{
		width: 49%;
	}
	
	.moviedetail dl{
		margin: 0 0 20px 0;
		font-size: 16px;
	}
	
	.moviedetail dl dt{
		font-weight: bold;
		padding: 10px;
		background-color: #9d2a27;
		color: #ffffff;
		margin: 0 0 20px 0;
		text-align: center;
	}
	
	.moviedetail dl dd p{
		margin: 0 0 20px 0;
	}
	
	.moviedetail dl dd p:last-of-type{
		margin: 0 0 0 0;
	}
	
	.moviebtn{
		margin: 0 0 20px 0;
	}
	
	.moviebtn a{
		display: block;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		font-size: 16px;
		background-color: #9d2a27;
		transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	}
	
	.moviebtn a span{
		display: block;
		padding: 10px;
		border: 2px solid; 
  border-image: linear-gradient(135deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 100%) 1;
		
	}
	
	.moviebtn a:hover{
		opacity: 0.8;
	}
	
.inner{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
}

/*title*/
img#mainphoto {
	width: 100%;
	max-width:1080px;
	margin:0 auto 2%;
	display:block;
}
	
	
div.colum3T div{
	cursor:pointer;
}

div.colum3T div:hover img,
a.bnr950:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}

.naviNormal li{
font-size: 1.2em;
}




#templeteWrap{
	width:100%;
}

.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}

	

/*title---------------------------------------------------*/

#title{
	position:relative;
	background:url("../images/bg.jpg?update=20260930") repeat-x 50% 50% #def6ff;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
	height:450px;
}
#title2{
	position:relative;
	background:url("../images/bg.jpg?update=20260930") repeat-x 50% 50% #def6ff;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
	height:450px;
}

#title2 p{
	margin:0px 0 0 0;
	padding:0;
}

#title p{
	margin:0px 0 0 0;
	padding:0;
}

#title ul{
	text-align:center;
	letter-spacing:-0.4em;
	margin-top:29px;
}

#title ul li{
	display:inline-block;
	letter-spacing:normal;
	background:url(../images/line.png) no-repeat;
}

#title ul li:nth-of-type(1){
	background:none
}

#title ul li a{
	display:block;
	padding:0 20px;
}

#title ul li a:hover{
	transition: 0.2s ;
	opacity: 0.3 ;
	position:relative;
	top:1px
}
#navi{
    margin-top:20px;
	text-align:center;
	letter-spacing:-0.4em;
	padding:10px 0 20px;
    height: 50px;
    background: #FFF;
}

#navi li{
	display:inline-block;
	letter-spacing:normal;
    font-size: 18px;
    font-weight: bold;
    padding:15px 20px 25px;
    color: #FFF;
    height:20px;
    border-right:1px solid #00469c;
    vertical-align: top;

}
#navi li.coupon{
	display:inline-block;
	letter-spacing:normal;
    font-size: 18px;
    font-weight: bold;
    padding:10px 20px 30px;
    color: #004f8e;
    height:20px;
    border-right:1px solid #00469c;
}
#navi li:first-child{
    padding-left: 0px;
}
#navi li:last-child{
    border:0;
    padding-right: 0px;
}
#navi li a{
	display:block;
	color: #00469c;
}

#navi li:nth-of-type(1){
	border-left:none
}

#navi li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}

.commonBox{
	background:#FFFFFF;
	/*margin-bottom: 50px;*/
}

.commonBox img{
	width:100%;
	height:auto;
}

.commonBox strong{
	font-weight:bold;
}	



.ribbon8 {
    width: 100%;
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  font-size: 18px;/*フォントサイズ*/
  color: #00469c;/*フォントカラー*/
  background: #fff23f;/*背景色*/
}

.ribbon8:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}

.ribbon8:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
a.btnAll{
	display:block;
	font-size:22px;
	padding:15px 35px 15px 20px;
    margin-top:15px;
	color:#000000;
	text-align:center;
    font-weight: bold;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background: #ffe33e;
}

.single{
	margin:0 200px;
}

.txtmini{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
}

a.btn:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}
.specialPlanBox a.btn span:before {
    content:url(../images/arrow.png);
    margin: 5px;
    position: relative;
    top:1px;
}

/*　プラン3列　*/
p.description {
    text-align: center;
    margin: 5px auto 20px;
    font-size: 18px;
}
a.btnAll:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}
a.btnAll span:before {
    content:url(../images/arrow2.png);
    margin: 5px;
    position: relative;
    top:2px;
}
a.btnL{
	display:block;
	font-size:22px;
	padding:15px 35px 15px 20px;
    margin-top:15px;
	color:#ffffff;
	text-align:center;
    font-weight: bold;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	background: #2087d7;
     width:895px;
}
a.btnL span:before {
    content:url(../images/arrow.png);
    margin: 5px;
    position: relative;
    top:1px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.commonPlanBox{
	display:block;
    margin-top:25px;
}
.read3.commonPlanBox li{
	width: 31.3334%;
	float:left;
	margin:0 0 30px 3%;
	background:#fff;
	padding:15px;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    border:1px solid #00469c;
}

.read3.commonPlanBox li:nth-child(1),
.read3.commonPlanBox li:nth-child(4),
.read3.commonPlanBox li:nth-child(7),
.read3.commonPlanBox li:nth-child(10){
    margin:0 0 30px 0;
}

.commonBox:nth-of-type(2n) li{
	background:#FFFFFF;
}

.commonPlanBox li dl{
}

.commonPlanBox li dl dt{
	background:#fff;
	padding:10px 0 0;
	font-size:17px;
	color:#000000;
	text-align:center;
	/*display:table-cell;
	vertical-align:middle;
	width:265px;*/
	text-align: center;
}

.commonPlanBox li dl dd{
	font-size:14px;
	margin-top:10px;
	line-height:170%;
	padding-top:0px;
}

.commonPlanBox li > a{
	font-size:16px;
	padding:12px;
	display:block;
	margin: 1% 0;
}

.commonPlanBox_2{
	display:block;
    margin-top:10px;
}
ul.read3.commonPlanBox_2{
	width: 31.3334%;
    margin:0 0 30px 3%;
	float:left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.read3.commonPlanBox_2 li{
	width: 100%;
	float:left;
	margin:0 0 30px 0;
	padding:15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    border:2px solid #00469c;
    background: #ddf4fe;
}
ul.read3.commonPlanBox_2:first-of-type{
    margin:0 0 30px 0!important;
}

.commonBox_2:nth-of-type(2n) li{
	background:#FFFFFF;
}

.read3.commonPlanBox_2 li p:nth-child(2),
.read3.commonPlanBox_2 li p:nth-child(3){
    width:50%;
    float:left;
    height:100px !important;
    overflow: hidden;
}

.commonPlanBox_2 li dl dt{
	padding:10px 0 0;
	font-size:15px;
	color:#000000;
	text-align:center;
	vertical-align:middle;
	width:265px;
}

.commonPlanBox_2 li dl dd{
	font-size:14px;
	margin-top:10px;
    margin-bottom:5px;
	line-height:170%;
	padding-top:0px;
}

.commonPlanBox_2 li > a{
	font-size:16px;
	padding:12px;
	display:block;
	margin: 1% 0;
}
.commonPlanBox_2 p.tit {
    padding:20px 0 10px 0;
    font-size: 16px;
}
.commonPlanBox_3{
	display:block;
    margin-top:25px;
}
.read3.commonPlanBox_3 li{
	width: 31.3334%;
	float:left;
	margin:0 0 0 3%;
	background:#fff;
	padding:15px 0 0;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
}

.read3.commonPlanBox_3 li:nth-child(1){
    margin:0 0 5px 0;
}
.attention{
	font-size:12px;
	color:#F00;
	margin-bottom:40px;
}


/*bnr950*/
a.bnr950{display:block;margin-bottom:2%;}

/*graybtn*/
p.graybtn{
	background: #999;
    padding: 14px 0;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
}

/*4つ*/
.itemList4.white li {
    background: #f2f2f2 none repeat scroll 0% 0%;
}
.itemList4 li {
    width: 200px;
    float: left;
    position: relative;
    margin-right: 29px;
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 0px #AFAFAF;
    opacity: 0.99999;
}

.itemList4 li:nth-child(4){
    margin-right:0;
}
.itemList4 li .thumb {
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}
.itemList4 li dl {
    padding: 15px 10px !important;
}


/*------------------*/
p.midashi {
    display: inline-block;
    margin:30px 0 30px;
    text-align: center;
    width:100%;
    font-size: 24px;
    font-weight: bold;
}
p.lead {
    display: inline-block;
    margin:0 0 20px;
    text-align: center;
    width:100%;
    font-size: 16px;
    line-height: 1.8;
}
h3 {
    padding: 20px;
    width:600px;
    display: inline-block;
    margin: 15px 175px;
    box-sizing: border-box;
    color: #fff;
    font-size: 26px;
    border-radius: 5px;
    text-align: center;
}
h3.green {
    margin-top:50px;
    background: #67be12;
}
h3.pink {
    background: #f66a8e;
}
h3.blue {
    background: #20ade5;
}
h3.orange {
    background: #f38f00;
}


.planBtn6 a {
    display: block;
    width: 85%;
    margin: 0px auto 0;
    padding: 20px 0;
    color: #FFF !important;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #f37e00;
    background: #f99200;
    font-size: 20px;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.btnother a{
	border: 1px solid firebrick !important;
    background: firebrick !important;
}

.mb30{
	margin-bottom:30px;
}

.planBtn6 a:hover{
	opacity: 0.5;
}
.planBtn6 a {
    position: relative;
    
}
.planBtn6 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn6 a{
	position:relative;
}
.planBtn6 a i{
	position:absolute;
	right:0;
	top:30%;
}
/*.planBtn5 {
    position: absolute;
    bottom:15px;
    width:88%;
}*/
.planBtn5 a {
    display: block;
    width: 100%;
    margin: 0px auto 0;
    padding: 15px 0;
    color: #000 !important;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #cabc02;
    background: #fff23f;
    font-size: 16px;
    text-decoration: none !important;
}
.planBtn5 a:hover{
	opacity: 0.8;
}
.planBtn5 a {
    position: relative;
    margin-bottom:0px;
}
.planBtn5 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn5 a{
	position:relative;
}
.planBtn5 a i{
	position:absolute;
	right:0;
	top:30%;
}
.fas {
    margin-right: 15px;
}
.map {
    padding-bottom:30px;
}
p.copy-right {
    display: inline-block;
    margin-right:10px;
    float:right;
}


/*鳥取で遊ぼう！*/
.note {
    border:2px solid red;
    padding:15px;
    width:750px;
    margin:20px auto 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
}
p.web_btn_tit {
    display: inline-block;
    margin:10px 0 7px;
    text-align: center;
    width:100%;
    font-size: 18px;
    line-height: 1.8;
}

p.web_btn_tit2 {
    display: inline-block;
    margin:10px 0 30px;
    text-align: center;
    width:100%;
    font-size: 16px;
    line-height: 1.8;
}

p.web_btn_tit3 {
    display: inline-block;
    margin:10px 0 15px 0px;
    text-align: center;
    width:100%;
    font-size: 20px;
    line-height: 1.8;
}

.model_course {
    margin:15px 40px 0;
    text-align: left;
    
}
.model_course img {
    width: 870px; 
}
p.copyright {
    width:100%;
    text-align: right;
    font-size: 13px;
    padding-top:5px;
}

.koikoimaparea{
	padding: 20px;
	margin: 0 0 0 0;
}

.koikoimaparea .koikoimap_logo{
	max-width: 500px;
	margin: 20px auto;
}


.koikoimaparea .koikoimap_logo img{
	width: 100%;
}

.koikoimaparea .koikoimap_txt{
	padding: 20px;
	border: 2px solid #f08724;
	margin: 0 0 20px 0;
	box-shadow: 10px 10px #f08724;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}

.wakuwaku_tit{
	width: 100%;
	max-width: 950px;
	margin: 20px auto 20px;
}

.wakuwakuarea{
	padding: 20px;
	margin: 0 0 0 0;
}

.wakuwaku_tit img{
	width: 100%;
}

.wakuwaku_txt{
	padding: 20px;
	border: 2px solid #023e86;
	margin: 0 0 40px 0;
	box-shadow: 10px 10px #023e86;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}

.wakuwaku_detailarea{
	padding: 20px;
	border: 2px solid #023e86;
	box-shadow: 10px 10px #023e86;
	margin: 0 0 40px 0;
}

.wakuwaku_detail{
	overflow: hidden;
}

.wakuwaku_detail dl.leftbox{
	float: left;
	width: 48%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    border: 1px solid #023e86;
    margin: 0 0 20px 0;
}

.wakuwaku_detail dl.rightbox{
	float: right;
    width: 48%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    border: 1px solid #023e86;
    margin: 0 0 20px 0;
}

.wakuwaku_detail dl.centerbox{
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 16px;
	border: 1px solid #023e86;
    margin: 0 0 20px 0;
	
}

.wakuwaku_detail dl.centerbox2{
	overflow: hidden;
	font-size: 16px;
	border: 1px solid #023e86;
    margin: 0 0 20px 0;
	
}

.wakuwaku_detail dl.leftbox dt,
.wakuwaku_detail dl.rightbox dt{
	padding: 10px;
	color: #FFFFFF;
	margin: 0 10px 0 0;
	width: 20%;
	background-color: #023e86;
	text-align: center;
}

.wakuwaku_detail dl.centerbox dt{
	padding: 10px;
	color: #FFFFFF;
	margin: 0 10px 0 0;
	width: 9.5%;
	background-color: #023e86;
	text-align: center;
}

.wakuwaku_detail dl.centerbox2 dt{
	padding: 10px;
	color: #FFFFFF;
	margin: 0 0px 10px 0;
	width: 100%;
	background-color: #023e86;
	text-align: center;
}

.wakuwaku_detail dl.centerbox dd.detail1{
	width: 86%;
	padding: 10px 0 0 0;
}

.wakuwaku_detail dl.centerbox2 dd.detail1{
	width: 100%;
	padding: 0px 0 0 0;
	margin: 10px 0 0 0;
}


.wakuwaku_detail dl.centerbox dd.detail2{
	width: 20%;
	
	
}

.detail1in{
    display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
    padding: 10px 0px 20px 0;
    border-bottom: dotted 1px;
    margin: 0 20px 0 20px;
}

.detail1in_txt{
	width: 45%;
}

.detail1in_img{
	width: 55%;
}

p.image{
	width: 100%;
	text-align: right;
	margin: 10px 0 10px 0;
	font-size: 14px;
}

p.syouhin{
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	background-color: #FF7E00;
	color: #ffffff;
	font-weight: bold;
}

p.syouhinname{
	font-size: 12px;
	text-align: center;
	margin: 10px 0 10px 0;
	font-weight: bold;
	
}

ul.detailimg1{
	    display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px 0 0px 0;
	    flex-wrap: wrap;
}

ul.detailimg2{
	    display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px 0 10px 0;
}

ul.detailimg1 li{
	width: 31%;
}

ul.detailimg2 li{
	width: 45%;
}

ul.detailimg1 li img,
ul.detailimg2 li img{
	width: 100%;
}

ul.detailimg1 li{
	    margin: 0 4px 10px 4px;
	border: 1px solid #FF7E00;
}


.bordernone{
	border: none !important;
}

.toritabi {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.toritabi img {
width: 400px;
height: auto;
}




/*20230627修正*/
#aN07 .box {
      display: flex;
      text-align: center;
      flex-direction: column;
      padding: 45px 0px 15px 0px;
      margin: 35px 0;
      background-color: #E3F3FC;
    }

#aN07 .sbtitle{
    margin: 5px 0;
    font-size: 23px;
    font-weight: bold;
}

#aN07 .txt7{
    font-size: 17px;
    margin: 10px 0;	
}

.planBtn7 a {
    display: block;
    width: 85%;
    margin: 0px auto 0;
    padding: 20px 0;
    color: #FFF !important;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #da0d41;
    font-size: 20px;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
	margin-bottom: 30px;
}

.btnother a{
	border: 1px solid firebrick !important;
    background: firebrick !important;
}


.planBtn7 a:hover{
	opacity: 0.5;
}
.planBtn7 a {
    position: relative;
    
}
.planBtn7 a i {
    position: absolute;
    right: 0;
    top: 30%;
}
.planBtn7 a{
	position:relative;
}
.planBtn7 a i{
	position:absolute;
	right:0;
	top:30%;
}


/*ニュース*/
.news_inner {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	border: solid 1px #00469c;
}
.news_inner h4 {
	align-self: stretch;
	background-color: #00469c;
	box-sizing: border-box;
	color:#fff;
	font-size:18px;
	line-height: 1.4;
	padding: 1em 2em;
	width: 100%;
	margin: 0px!important;
}
.news_inner h4 > span {
	display: flex;
	font-size:12px;
	width: 100%;
}
.news_inner .news_body {width:100%;}
.news_inner .news_body li {
	font-size:14px;
	padding: 1em;
}

.news .bnr_wrap {
	margin:3em auto 0;
	max-width: 480px;
	width: 100%;
}

.news {padding: 40px 0 0;}

.news_inner h4 {
	font-size:22px;
	width: 200px;
}
.news_inner h4 > span {
	display: flex;
	font-size:16px;
	width: 100%;
}
.news_inner .news_body {width:calc(100% - 215px)}
.news_inner .news_body li {
	font-size:18px;
	line-height: 1.3;
	padding: 10px 0 0 15px;
}

.news_body p.news_catch {
    font-weight: bold;
    padding: 15px 0 0 15px;
    font-size: 20px;
}

.news_body p.text_icon {
    float:left;
    background: #da0d41;
    border-radius: 5px;
    color: #fff;
    padding: 7px;
    margin: 0 7px 0 0;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}
.news_body p.news_tit {
    float: left;
    width:500px;
    padding-bottom: 15px;
}

.kanko_txtbold{
    width: 100%;
    height: 25px;
    font-weight: bold;
    font-size: 16px!important;
    margin-top: 0px!important;
    color: #FFFFFF;
    background-color: #da0d41;
    text-align: center;
}

.banner {
    width:640px;
    margin: 10px auto 0;
}


.setplanbox {
/*    position: relative;*/
    background: #fffcd9;
    padding: 15px 0;
}
.setplanbox .box2 {
      display: flex;
      text-align: center;
      flex-direction: column;
      padding: 15px;
      margin: 0;
}
.jrset_tit {
    box-sizing: border-box;
/*    position: absolute;
    top: -25px;
    left: 0;
    right: 0;*/
    border: 2px solid #da0d41;
    padding: 10px;
    width: 300px;
    height: 50px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background: #fff;
}


.coupon{
	overflow: hidden;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(0deg, transparent, transparent 8px, rgba(255, 252, 209, 1) 8px, rgba(255, 252, 209, 1) 16px );
	    padding: 0 0 60px 0;
}

.coupondetailalea p.title1 {
  width: 50%;
  line-height: 60px;
	margin: 20px auto;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
  background: #E2201B;
  padding: 4px;
  box-shadow: -4px 4px 0px -2px #E2201B;
}
.coupondetailalea p.title1 span{
  border: 4px solid  #FFFFFF;
  /*width: 100%;*/
  display: block;
}

.coupondetailalea p.title1::after{
	    content: '';
	background-image:none !important;
}



.coupondetailalea h3.title2 {
  width: 50%;
  line-height: 60px;
	margin: 20px auto;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
  background: #0044FF;
  padding: 4px;
  box-shadow: -4px 4px 0px -2px #0044FF;
}
.coupondetailalea h3.title2 span{
  border: 4px solid  #FFFFFF;
  width: 100%;
  display: block;
}

.coupondetailalea h3.title2::after{
	    content: '';
	background-image:none !important;
}



.coupondetailalea .comment_box{
  width: 90%;
	margin: 20px auto 40px;
	background: rgba(255,255,255,0.8);
	padding: 30px 20px;
  text-align: center;
	border-radius: 30px;
	box-shadow: 2px 2px rgba(0,0,0,0.1);
}
.coupondetailalea .comment_box p{
	font-size: 16px;
	line-height: 1.8;
}


.coupondetailalea .step_unit {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 60px 0 20px;
}
.coupondetailalea .step_box {
	width: 26.3%;
	margin: 0 1.5%;
	background: #FFFFFF;
	border: 2px solid #ffe100;
	border-radius: 20px;
	text-align: center;
	padding: 35px 15px 10px;
	position: relative;
	font-size: 14px;
}

.coupondetailalea .step_box h4 {
	position: absolute;
	top:-55px;
	left: 0;
	right: 0;
	width: 100%;
	background: url("../images/bg_title_step.svg")no-repeat center center;
  background-size: contain;
	font-size: 160%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0 20px;
}



.coupondetailalea .step_box img {
	max-width: 90%;
	margin: 10px auto;
}
img#qrcode {
	width: 70%;
}
.coupondetailalea .step_box .fukidashi {
	background: url("../images/fukidashi.png")no-repeat center center;
  background-size: contain;
	padding:30px 0 20px;
	margin-top: -10px;
}



.coupondetailalea a.link_pdf {
	width: 50%;
	display: block;
	margin: 30px auto 80px;
	background: #e2201b;
	font-size: 180%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
}
.coupondetailalea a.link_pdf img{
	width: 25px;
  vertical-align: middle !important;
  margin-left: 5px;
}
.coupondetailalea a.link_pdf:hover {
	text-decoration: none !important;
	color: #FFFFFF !important;
	opacity: 0.8;
}


.access_site {
	background: url("../images/icon_access.jpg")no-repeat left center;
  background-size: 40px;
	padding-left: 45px;
	text-align: left;

}
.entry_site {
	/*background: url("images/receiving_screen.png")no-repeat left top;
  background-size: 60%;
	padding: 40px 0 20px 60%;*/
	text-align: left;
	margin: 10px 0 15px;
	list-style: none;
	padding: 0;
}
.entry_site li{
	margin-bottom: 15px;
	text-indent: -1em;
	margin-left: 1em;
}
.entry_site li p.attention2{
	margin-left: 1em;
}


.coupon_titarea{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	padding: 20px 20px;
	border:  2px solid #ffe100;
	margin: 40px 0 40px 0;
	border-radius: 20px;
	
}

.coupontitsub{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #E2201B;
	padding: 0px;
	border-radius: 20px;
	width: 25%;
	margin: 0 2% 0 0;
}


.coupontitsub p{
	/*border: 4px solid #ffffff;*/
	text-align: center;
	border-radius: 20px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 24px;

}


.coupontitmain{
	/*width: 75%;*/
}

.couponsubtit{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}

.coupontxt1{
	color: #ffffff;
	background-color: #3333ff;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt2{

	color: #ffffff;
	background-color: #ff66cc;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt3{
	color: #ffffff;
	background-color: #00b050;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt4{
	color: #ffffff;
	background-color: #ff6600;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.coupontxt5{
	color: #ffffff;
	background-color: #00206f;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.couponmaintit{
	font-size: 60px;
	color: #2f5597;
	font-weight: bold;
	margin: 0 0 0 0;
}

.couponkikan{
	border-radius: 10px;
	border: 2px #000000 solid; 
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: #ffffff;
	text-align: center;
}

.couponchui{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.couponchui li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.couponchui li span{
	display: block;
}

.couponchui li span.mark{
	margin: 0 5px 0 0;
}

.red{
	color: #E2201B;
}

.coupondetailalea2{
	margin: 20px 0 20px 0;
	background-color: #ffffff;
}

.coupondetailalea2 .chui{
	color: #E2201B;
	font-size: 14px;
	margin: 20px 0 20px 10px;
}


h5.coupondetailbox_tit{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	background-color: #ff66cc;
	margin: 0;
}

.coupondetailbox{
	background-color: #0A75CD;
	padding: 20px 20px;
	margin: 0 0 20px 0;
}

.coupondetailboxin{
	/*display: flex;
	justify-content: center;
	align-items: stretch;*/
}

.coupondetail_koumoku{
	font-size: 24px;
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}

.coupondetail_naiyoubox{
	background-color: #ffffff;
	padding: 20px;
	width: 100%;
}

.coupondetail_naiyouboxin{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.coupondetail_naiyou1{
	width: 35%;
}
.coupondetail_naiyou1 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.coupondetail_naiyou1_box1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.coupondetail_naiyou1_box1 span{
	font-size: 16px;
}

.coupondetail_naiyou1_box2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	background-color: #92d050;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 51%;
}

.coupondetail_naiyou2{
	font-size: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10%;
}

.coupondetail_naiyou3{
	position: relative;
	width: 33.7%;
}

.coupondetail_naiyou3 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 10px;
	background-color: #ffc000;
}

.coupondetail_naiyou3_box1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 59%;


}

.coupondetail_naiyou3_box2{
	width: 37%;
	max-width: 400px;
}

.coupondetail_naiyou3_box2 img{
	width: 100%;
}

.coupondetail_naiyou3 .righttxt{
	font-size: 14px;
	position: absolute;
	right: 0px;
	bottom: -34px;
}

.coupondetail_naiyou_bottom1{
	font-size: 20px;
	font-weight: bold;
}

.coupondetail_naiyou_bottom2{
	font-size: 14px;
	color: #E2201B;
}


.coupondetail_naiyouboxin2{
	padding: 10px;
	background-color: #FFFFD9;
}

.coupondetail_naiyouboxin_1{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.coupondetail_naiyou4{
	font-size: 20px;
    color: #ffffff;

    text-align: center;
    padding: 10px 20px;
    background-color: #ff66cc;
    margin: 0 20px 0 0px;
    font-weight: bold;
    width: 40%;
}

.coupondetail_naiyou5{
	    font-size: 24px;
    color: #E2201B;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.coupondetail_naiyou5 span{
	    font-size: 14px;
    padding: 0 0 0 10px;
}


.nimotsutit{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.nimotsutit span{
	text-decoration: underline;
}

.coupondetail_naiyouboxin2 ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.coupondetail_naiyouboxin2 ul li{
	font-size: 16px;
}

.couponlistarea{
	background-color: #0A75CD;
	padding: 20px 20px;
	margin: 0 0 30px 0;
}

.couponlistbox{
	margin: 0 0 20px 0;
	background-color: #ffffff;
	padding: 10px;
}


.couponlistbox .slide-box p.point {
	background: #e6ffce !important;
}

.areatit{
	padding: 10px 0px 25px;
	text-align: center;
	font-size: 24px;
	background-color: #0A75CD;
	color: #ffffff;
	font-weight: bold;
}

.bluetxt{
	color: #0054FF;
	font-size: 14px !important;
}

.boxlong {
	padding: 10px;
}

.boxlong p {
  font-size: 123.1%;
}

.boxlong p span {
	font-weight: bold;
}

.boxlong p.point {
	background: #e6ffce;
	padding: 10px;
	margin-top: 10px;
	line-height: 1.4;
}

.boxlong p.point span {
	color: #F00;
}

.boxlong_couponarea{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.boxlong_coupon1{
	width: 45%;
}

.boxlong_coupon2{
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.boxlong_coupon1 ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

.boxlong_coupon1 ul li{
	width: 50%;
}

.boxlong_coupon1 ul li.txtarea{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #ff66cc;
}
.boxlong_coupon1 ul li.imgarea{
	max-width: 400px;
}
.boxlong_coupon1 ul li.imgarea img{
	width: 100%;
	vertical-align: bottom;
}


.cap{
	padding: 10px;
	background-color: #e6ffce;
}

.cap p{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.commodityarea {
	position: relative;
	padding: 20px;
	background-color: #ffffff;
	margin: 30px 0 0px 0;
}

.commodity1{
	border: 2px solid #0952d3;
}


.commodity2{
	border: 2px solid #8cc457;
}

.commoditytit{
	font-size: 24px;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 20px 0 30px 0;
	font-weight: bold;
}

.commodity1 .commoditytit{
	color: #0952d3;
	border-bottom: dotted 2px #0952d3;
}


.commodity2 .commoditytit{
	color: #8cc457;
	border-bottom: dotted 2px #8cc457;
}

.commodity_chui{
	color: #E00003;
	font-size: 16px;
	margin: 0 0 20px 0;
	text-align: center;
}

.commoditybtn{
	display: flex;
	justify-content: center;
	align-items: center;
}

.commoditybtn .Btn{
	margin: 0 2% 0 2%;
	width: 48% !important;
}

.kouchiillust{
	position: absolute;

}

.kouchiillust img{
	width: 100%;
}

#illust1{
	max-width: 122px;
	width: 5% !important;
	top: -6px;
	left: 110px;
}

#illust2{
	max-width: 165px;
	width: 9%;
	top: 8px;
	right: 75px;
}


#illust3{
	max-width: 133px;
    width: 7%;
    top: 4px;
    left: 90px;
}


#illust4{
	 max-width: 161px;
    width: 10%;
    top: 19px;
    right: 74px;
}




#illust5{
	max-width: 144px;
	width: 8%;
	top: -7px;
	left: 77px;
}


.b_txtcenter{
	text-align: center !important;
	font-weight: bold;
	color: #FF0004;
	font-size: 20px!important ;
}


/* =========================================================
◆slide
========================================================= */
.slide-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: space-between;
}

.slide-box {
  width: 31%;
  padding: 10px;
}

.slide-box:nth-child(4n){
  margin-right: 0;
}

.slide-box:nth-child(-n+4){
  margin-top: 0;
}

.slide-box .areaEast {
  background: #00C33A;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 10px;
  text-align: center;
}

.slide-box .areaMiddle {
  background: #FFB600;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 10px;
  text-align: center;
}

.slide-box .areaWest {
  background: #0099ff;
  color: #FFFFFF;
  font-size: 123.1%;
  padding: 10px;
  text-align: center;
}

.slide-box img {
  display: block;
  height: auto;
  width: 100%;
}

.slide-box p {
  font-size: 123.1%;
	}

.shoptit{
	display: flex;
	align-items: center;
	height: 50px;
}

.slide-box p span {
	font-weight: bold;
}

.slide-box p.point {
	background: #FFFFD9;
	padding: 10px;
	margin-top: 10px;
	line-height: 1.4;
}

.slide-box p.point span {
	color: #F00;
}

.slide-box .detail dl {
	font-size: 123.1%;
	line-height: 1.4;
	padding: 0;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px dotted #333;
}

.slide-box .detail dl span {
	font-size: 80%;
}

.slide-box .detail dt {
	clear: left;
	float: left;
	width: 30%;
	font-weight: bold;
}

.slide-box .detail dd {
	margin-left: 30%;
}

.slide-box .detail dl:last-child {
	border-bottom: none;
}

.slide-box p.heed {
	font-size: 123.1%;
	background: #FFF;
	margin: 5px 0;
}


.slide-box2 {
  width: 25%;
  padding: 10px 14px;
}

.slide-box2:nth-child(5n){
  margin-right: 0;
}

.slide-box2:nth-child(-n+5){
  margin-top: 0;
}

.slide-box2 img {
  display: block;
  height: auto;
  width: 100%;
}

.slide-box2 p {
  font-size: 153.9%;
  font-weight: bold;
  margin: 0;
  margin: 5px 0;
}

.slide-box2 p span {
	font-weight: bold;
}

.slide-box2 .Btn {
	overflow: hidden;
	width: 100%;
	height: 60px;
	margin:0 auto;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-size: 153.9%;
	font-weight: bold;
	margin-bottom: 30px;
}

.slide-box2 .Btn a {
	display: block;
	position: relative;
	text-align: center;
	background: #F60;
	color: #fff;
	line-height: 60px;
	text-decoration :none;
}

.slide-box2 .Btn a:hover {
	background: #F30;        /* マウスオーバーカラー */  
}

.slide-box2 .Btn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.slide-box2 .Btn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #F60;
}

.slide-box2 .Btn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #F30;
}

.slide-box2 .Btn_gray {
	overflow: hidden;
	width: 100%;
	height: 60px;
	padding-top: 12px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-size: 123.1%;
	display: block;
	position: relative;
	text-align: center;
	background: #666;
	color: #FFF;
	text-decoration :none;
}

.slide-box2 .Btn_gray:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.slide-box2 .Btn_gray:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #666;
}

.bnrarea1{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 20px 0 0 0;
}

.bnrarea1 p.bnr1{
	width: 100%;
	max-width: 192px;
	margin: 0 20px 0 0;

}


.bnrarea1 p.bnr2{
	width: 100%;
	max-width: 640px;
	margin: 0 0 0 0;

}

.bnrarea1 p img{
	width: 100%;

	vertical-align: bottom;
}

.boxflex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 0 0;
	gap: 0px 20px;
}

.boxflex img{
	width: 100%;
}

.boxleft{
	max-width: 300px;
	width: 300px;
}

.boxright{
	max-width: 640px;
	width: 640px;
}

.boxflex .sbtitle{
	text-align: center;
}

.ekinaka {
font-size: 24px;
color: #fff;
background-color: #f08724;
text-align: center;
font-weight: bold;
padding: 7px;
margin: 0px 0px 15px 0px;
}




.tx_model {
font-size: 24px;
text-align: center;
padding: 0px;
margin: 15px 0px 25px 0px;
}
.bt_model {
display: flex;
justify-content:center;
gap: 0px 50px;
padding: 0px;
margin: 0px;
}
.bt_model li {
width: 250px;
}
.bt_model a {
display: block;
width: 100%;
padding: 15px 0px;
text-decoration: none;
font-size: 24px;
font-weight: bold;
text-align: center;
}
.bt_model a:hover {
opacity: 0.7;
}
.bt1 a {
color: #99ffcc;
border: 5px solid #99ffcc;
}
.bt2 a {
color: #ff99ff;
border: 5px solid #ff99ff;
}
.bt3 a {
color: #f8cbad;
border: 5px solid #f8cbad;
}


.im_marugoto {
margin: 15px 0px;
}
.tx_marugoto {
font-size: 24px;
color: #fff;
background-color: #0066cc;
text-align: center;
font-weight: bold;
padding: 7px;
margin: 0px 0px 15px 0px;
}
.marugoto {
border-radius: 30px;
border: 4px solid #0066cc;
padding: 30px 0px 20px 0px;
}
.marugoto p {
font-size: 18px;
line-height: 1.6em;
text-align: center;
padding: 0px;
margin: 0px 0px 25px 0px;
}



}

.slider1{
	margin: 0 0 20px 0;
}

.slider-thumbnail img{
	width: 100%;
}

.slider-thumbnail .swiper-slide-thumb-active {
        border: 3px solid #007aff;
}