@media(min-width:751px){
    .pcnone{
        display: none !important;
    }
}


/*guide_set all*/
.guide_set{
	font-size:16px;
	width:95%;
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	}
/*topcontent_set*/
.guide_set .topcontent{
	margin:2rem auto 1rem;
	}

/*pankuzu*/
.guide_set .breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.guide_set .breadcrumb li {
	display: inline;
	list-style: none;
	}
.guide_set .breadcrumb li:after {
	content: '>';
	padding: 0 0.2em;
	color: #555;
	}
.guide_set .breadcrumb li:last-child:after {
	content: '';
	}
.guide_set .breadcrumb li a {
	text-decoration: none;
	}
.guide_set .breadcrumb li a:hover {
	text-decoration: underline;
	}

/*header_set*/
.guide_set .header {
	position: -webkit-sticky;
	position:         sticky;
	text-align: center;
	top: 70px;
	width: 100%;
	margin: 0 auto;
	background:#E5E5E5;
	margin-bottom:2rem;
	z-index:1;
	}
.header .cmn-gnav {
	background-color: #b6a365;
	height: 3rem;
	line-height:3rem;
	color:#fff;
	overflow:inherit;
	}
.header .cmn-gnav:hover {
	color: #b6a365;
	}
.header .cmn-gnav p{
	font-size:16px;
	height: 3rem;
	line-height:3rem;

	}
.header .cmn-megamenu {
  padding: 2rem 0;
	}
.header .cmn-inner {
	width: 100%;
	}
.header .cmn-megamenu_list {
  text-align:center;
	}
	
/*toptitle*/
.guide_set .guidetitle{
	font-size:2rem;
	}

/*contents_all*/
.guide_set .contents{
	background:#fff;
	border-radius:10px;
	padding: 3rem 3rem 4rem;
	margin-bottom:2rem;
	text-align:center;
	}
.guide_set .contents_wrap{
	width:80%;
	margin:1rem auto 0;
	}
.guide_set .contents h4,h3,p{
	margin:0 auto;
	}
.guide_set .texonly *{
	margin:0 auto;
	}
.guide_set .texonly p{
	text-align:left;
	}

/*h4 etc texset*/
.guide_set h3{
	position: relative;
	display: block;
	/*padding-left:2rem;*/
	width: 60%;
	font-size: 1.3rem;
	}
.guide_set h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	display: block;
	width: 5px;
	height: 2rem;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	background-color: #a28D46;
	}
.guide_set h3:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 50%;
	display: block;
	width: 5px;
	height: 2rem;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	background-color: #a28D46;
	}
.guide_set h4{
	color:#a28D46;
	border-bottom:1px solid;
	margin: 2rem auto 0!important;
	text-align: center;
	font-size: 1.2rem;
	width: 100%;
	}
.guide_set .texonly h4{
	border:0;
	}
.guidemenu h4{
	background-color: #a28D46;
	/* border-bottom:1px solid; */
	width: 100%!important;
	color: #fff;
	margin: 1rem auto!important;
	text-align: center;
	font-size: 1.2rem;
	width: 100%;
	}
.guide_set h5{
	color: #a28D46;
	margin-top:1rem;
	}
/*list set*/
.guide_set .list1{
    display:flex;
    flex-wrap: nowrap;
    padding:0;
    list-style:none;
	margin-bottom:1rem;
    }
.guide_set .list1 li{
    width:calc(100%/3);
    padding:.5rem;
	}
.guide_set .list1 img{
	width:100%;
	}
.guide_set .contents a:hover{
	background: #323232!important;
	color:#fff;
	}
.guide_set .list2 {
	display:flex;
	margin:1rem auto;
	}
.guide_set .list2 li{
	padding:1rem;
	width: calc(100%/2);
	}
.guide_set .list2 li img{
	width:40%;
	}
.guide_set .list2 li dt{
	/* font-weight:bold; */
	font-size: 1.2rem;
	color:#ca6464;
	line-height: 1.5rem;
	margin: 0.5rem;
	}
.guide_set .list3{
	text-align:left;
	margin:0 auto;
	}
.guide_set .list3 li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2rem;
	}
.guide_set .list4 {
	display:flex;
	margin: 1rem auto;
}
.guide_set .list4 li{
	width:calc(100%/3);
	padding:1.5rem;
	margin:.5rem;
	border:1px solid ;
	border-radius:10px;
	}
.guide_set .list4 dt{
	font-weight:bold;
	border-bottom:1px solid ;
	margin-bottom:.5rem;
}
.guide_set .expansion{
	transition:1s all;	
	}
.guide_set .expansion:hover{
	transform:scale(1.2,1.2);
	transition:1s all;
	}
.guidemenu .list1 li div{
	overflow:hidden;
	}
.guide_set .passlist {
	display:flex;
	}
.guide_set .passlist li{
	background:#f6f4f2;
	margin:1rem;
	padding:1.5rem;
	border-radius:10px;
	width:calc(100%/2);
	}
.guide_set .passlist li dt{
	color: #a28D46;
	font-size:1.2rem;
	}
.guide_set .cardlist{
	display:flex;
	width:100%;
	margin:1rem auto;
	}
.guide_set .cardlist li{
	width:calc(100%/4);
	border:0;
	padding:0 0 0 0 ;
	margin:.5rem ;
	}

/*dl set */
.guide_set .personal{
	text-align:left;
	margin:0 auto;
	}
.guide_set .personal dt{
	font-weight:bold;
	}
.guide_set .personal div{
	background:#f6f4f2;
	border-radius:10px;
	padding:1rem;
	margin-top:.5rem;
}
.watsrodeo dl{
	display:flex;
	background:#f6f4f2;
	padding:1rem;
	margin: auto;
	}
.watsrodeo dl dt{
	background: #fff;
	width:30%;
	padding:.5rem;
	border-radius:10px;
	margin-right:1rem;
	}
.watsrodeo dl dd{
	padding:.5rem;
	}
.watsrodeo .attention{
	margin-top: 1rem;
	}
.guide_set .procedure{
	text-align:left;
	margin: 1.5rem auto;
	}
.guide_set .procedure img{
	margin:1rem 0;
	}
.guide_set .procedure dt{
	font-size:1.2rem;
	margin-top:.5rem;
	}
.guide_set .procedure dt span{
	background:#aec7c3;
	color:#fff;
	padding:.5rem 1rem;
	margin-right:1rem;
	}
.guide_set .procedure dd{
	padding-left:3.5rem;
	}
.shopping .procedure dd span{
	display:block;
	color: #91b5b0;
	}
.shopping dl.attention, .seavice dl.attention{
	border:1px solid #cfcfcf;
	padding: 2rem;
	font-size: .9rem;
	margin-top: 1rem;
}

/*table_set*/
.shopping table{
	width:100%;
	margin-top: 1rem;
	}
.shopping table td,th{
	border:1px solid #cfcfcf;
	text-align:center;
	padding:.7rem;
	}
.shopping table th{
	background:#f6f4f2;
	}


/*set_SP*/
@media screen and (max-width:750px) {
     .spnone{
        display: none !important;
    }
.guide_set{
	font-size:15px;
	}
.guidetitle{
	font-size:1.4rem;
	}
.guide_set .content {	
	padding:.5rem ;
	}

.guide_set h3{
	width: 100%;
	margin-bottom: .5rem;
	font-size: 1.2rem;
	padding: 1rem;
	}
.guide_set .contents{
	padding: 2rem 1rem 3rem;
	margin-bottom:2rem;
	}
.guide_set .texonly *{
	width:100%;
	}
.guide_set .list1{
    display:block;
	margin-bottom:1rem;
    }
.guide_set .list1 li{
    width:100%;
	}
.guide_set .list1 img{
	width:80%;
	}
.guide_set .contents a{
	background: #fff;
	width:100%;
	padding:.3rem;
	}
.watsrodeo dl{
	display:block;
	background:#f6f4f2;
	width:100%;
	padding:.5rem 1rem;
	margin: auto;
	}
.watsrodeo dl dt{
	width:100%;
	}
.watsrodeo .attention{
	margin-top: 1rem;
	width: 100%;
	}
.guide_set .header {
	top: 0;
	width:100%;
	background:rgba(0,0,0,0.5);
	}
.guide_set .header ul{
    display:block;
    flex-wrap: nowrap;
    padding:0;
    list-style:none;
    }
.guide_set .header ul li{
    width:100%;
    padding:0;
	}
.guide_set .header ul li a{
	border-radius:10px;
	background:#fff;
	display:block;
	padding:.8rem;
	margin:.3rem 0;
	}
.guide_set .toggle {
	display: none;
	}
.guide_set .Label {
	padding: .5rem;
	display: block;
	color:#fff;
	background:#b9a561;
	}
.guide_set .Label:hover {
	background:#575757;
	}
.guide_set .Label::before{	
	content:"";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 8px );
	right: 2rem;
	transform: rotate(135deg);
}
.guide_set .Label,
.guide_set .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.guide_set .content {	
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;	
}
.guide_set .toggle:checked + .Label + .content {	
	height: auto;
	padding:.5rem ;
	transition: all .3s;
}
.guide_set .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
}

/*item ol*/
.contents_wrap ol{
	display: flex;
    flex-wrap: wrap;
    background-color: #F8F8F7;
    padding: 1rem;
}

.contents_wrap ol li{
	width: calc(100%/2);
	padding: 1rem;
}

/*guide_item table*/
.square li{
	list-style: disc;
	margin-left: 40px;
  }
  
  .contents table {
	width: 80%;
	margin: 2rem auto 1rem;
  }
  .contents table td {
	border: 1px solid #d6d0c7;
	font-size: 15px;
	color: #414141;
	padding: 10px 30px;
	text-align: left;
  }
  .contents table .title {
	/*-- background-color: #f7f7f7; --*/
	background-color: #f4f2ef;
	text-align: center;
  }
  .contents table td#rank_n {
	text-align: center;
	background-color: #ffffdb;
  }
  .contents table td#rank_m {
	text-align: center;
	background-color: #F3F3F3;
  }
  .contents table td#rank_ssa {
	text-align: center;
	background-color: #ffeaff;
  }
  .contents table td#rank_a {
	text-align: center;
	background-color: #FFD9F2;
  }
  .contents table td#rank_sa {
	text-align: center;
	background-color: #fff1e8;
  }
  .contents table td#rank_ab {
	text-align: center;
	background-color: #F8AEC3;
  }
  .contents table td#rank_b {
	text-align: center;
	background-color: #EEF4FF;
  }
  .contents table td#rank_v {
	text-align: center;
	background-color: #f1e5d3;
  }
  .contents table td#tokutei {
	width: 28%;
  }

  /*guide_other*/
  .p_list dl {
	background: #f6f4f2;
    padding: 1rem;
    margin: auto;
  }
 
  .p_list dl dt{
	width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
	background: #fff;
    border-radius: 10px;
    margin-right: 1rem;
  }

  /*guide_qa*/
  .qarodeo dl{
	background: #fff;
	padding: 0;
  }

.qarodeo dl dd{
	width: 80%;
	margin: 0 auto;
}

  #accordion {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
  }
  #accordion div div {
	position: relative;
	/*background: #cfcfcf;*/
  background: #e3decf;
	color: #414141;
	padding: 1em 2em;
	display: inline-block;
	margin: 0;
	border: 1px solid #fff;
	cursor: pointer;
	width: 100%;
	text-align: left;
	text-decoration: none;
	transition: all .3s;
  }
  #accordion div div:hover {
	background: #f4f2ef;
  }
  #accordion div div:after {
	position: absolute;
	top: 50%;
	right: 2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #414141;
	transition: all .3s;
  }
  #accordion input:checked + div div:after {
	top: 60%;
	right: 2.5em;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
  }
  #accordion ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 5px 0 15px;
	padding: 0;
	list-style: none;
  }
  #accordion ul li {
	width: 100%;
	padding: .3em 2em;
	position: relative;
	display: inline-block;
	color: #414141;
	text-align: left;
	text-decoration: none;
	transition: all .3s;
  }
  #accordion input {
	display: none;
  }
  #accordion input:checked {
	display: none;
  }
  #accordion input + div ul {
	display: none;
  }
  #accordion input:checked + div ul {
	display: block;
  }