@charset "UTF-8";
/*-------------------------------
guide_common
-------------------------------*/
.guide{
margin: 0 0 75px;
}
.guide .contentsBlock{
overflow: hidden;
}
.guide h2{
margin: 0 auto 3%;
max-width: 80px;
}
.guide .leadText{
margin: 0 auto;
text-align: center;
max-width: 405px;
width: 90%;
}
.guide .mainBlock{
margin: 4% auto 50px;
max-width: 1000px;
width: 90%;
}
.guide .navBlock li {
display: block;
float: left;
margin: 0 0 4%;
text-align: center;
width: 30.5%;
}
.guide .navBlock li:nth-child(2),.guide .navBlock li:nth-child(5){
margin: 0 4.2% 3%;
}

.guide .navItem {
border: 1px solid #c01a2b;
border-radius: 5px;
box-sizing: border-box;
display: block;
padding: 18.6% 0 8%;
}
.guide .navBlock li:nth-child(6) .navItem{
position: relative;
}
.guide .navItem:hover{
background: #c01a2b;
color:#fff;
opacity: 1;
}
.guide .navItem .fa{
color: #fff;
font-size: 2rem;
}
.guide .navItem span{
color: #c01a2b;
display: inline-block;
font-size:1.15rem;
letter-spacing: -1px;
line-height: 1.5rem;
vertical-align: middle;
}
.guide .navItem .listTxt{
font-size: 0.7rem;
display: block;
line-height: 1rem;
position: absolute;
left: 0;
right: 0;
letter-spacing: -0.05rem;
}
.guide .navItem:hover .fa,.guide .navItem:hover span{
color: #fff;
}
.guide .navItem.active {
background: #c01a2b;
}
.guide .navItem.active .fa,.guide .navItem.active span {
color: #fff;
}
.guide .guideBlock{
margin: 8% 0 0;
}
.guide .guideItem{
border-top:1px solid #4d4d4d;
padding: 8% 0 0;
}
.guide .guideItem h3{
font-size:1.4rem;
margin: 0 0 4%;
text-align: center;
}
.guide .guideItem h3 span{
border-bottom: 1px dashed #000;
padding: 0 2% 0.5%;
}
.guide .guideItem{
display: none;
}
.guide .gListItem{
margin: 0 0 8%;
}
.guide .gListItem01{
margin: 0 0 3%;
}
.guide #cancel .gListItem:first-child{
border-bottom: 1px dashed #666;
padding: 0 0 8%;
margin: 0 0 8%;
}
.guide .gListItem:last-child,.guide .gListItem ul:last-child,.guide .gListItem p:last-child,.guide .listItem:last-child{
margin: 0;
}
.guide .gListItem01 p,
.guide .gListItem p{
line-height: 1.8rem;
margin: 0 0 1rem;
text-align: justify;
}
.guide .gListItem ul li{
line-height: 1.8rem;
}
.gListItem .icon2ColBlock {
margin: 0 auto 5.4%;
width: 85%;
}
.gListItem .icon2ColBlock:nth-child(4){
margin: 10% auto 5.4%;
}
.gListItem .icon2ColBlock:nth-child(9){
margin: 0 auto 15%;
}
.gListItem .icon2ColBlock .iconBlock,
.gListItem .icon2ColBlock .headingBlock01{
float: left;
}
.gListItem .icon2ColBlock .iconBlock{
width: 16.8%;
}
.gListItem .icon2ColBlock .iconBlock span{
display: inline-block;
width: 68px;
height: 68px;
border-radius: 34px;
margin: 10px auto 0;
border: #c01a2b 5px solid;
box-sizing: border-box;
padding: 13px;
font-size: 1.438rem;
color: #c01a2b;
font-weight: 600;
}
.gListItem .icon2ColBlock .headingBlock01{
width: 78.2%;
margin: 2.2% 0 0;
}
.gListItem .icon2ColBlock .headingBlock01 h4{
font-size: 1.625rem;
font-weight: bold;
color: #c01a2b;
line-height: 2rem;
text-decoration: underline;
margin: 0 0 2.2%;
}
.gListItem .icon2ColBlock .headingBlock01 p{
font-size: 1.05rem;
margin: 0;
text-align: justify;
line-height: 2;
}
.gListItem .icon2ColBlock .headingBlock01 .disc{
font-size: 0.938rem;
padding-left: 1em;
}
.gListItem .icon2ColBlock .disc li{
text-indent: -1em;
color: #898989;
}
/*order_mailForm*/
.guide .mailFormBlock{
font-size: 0.85rem;
margin: 0 auto;
width: 63%;
}
.guide .mailFormBlock .cb01{
padding: 2% 0;
border-bottom: 1px solid #bebebe;
}
.guide .formTable{
margin: 1.5% 0 0;
width: 100%;
}
.guide .formTable .cn01{
margin:0 2% 0 0;
}
.guide .formTable th{
padding: 6% 0 4%;
text-align: left;
width: 28%;
}
.guide .formTable label{
position: relative;
display: inline-block;
margin: 0 0 10px;
}
.guide .formTable label .cs01{
position: absolute;
top: 11px;
bottom: 0;
left: -110px;
text-align: right;
width: 100px;
line-height: 1rem;
}
.guide .formTable tr:nth-child(2) label:last-child .cs01{
top: 2px;
}
.guide .formTable select {
background: url(../../common/img/guide/guide_sel_bg.gif) no-repeat;
background-size: 10px 8px;
background-position: top 50% right 3%;
}
.guide .formTable select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.guide .formTable .formItem {
display: inline-block;
font-size: 0.9rem;
border-radius: 3px;
border: 1px solid #a5a5a5;
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.guide .formTable .colItem1,.formTable .colItem2{
width: 40%;
}
.guide .formTable .colItem1{
margin:0 19% 0 0;
}
.guide .formTable .shortItem{
width: 70%;
}
.guide .formTable .longItem{
width: 100%;
}
.guide .formBtn{
margin: 5% 0 0;
}
.guide .notRequired th{
padding: 0;
vertical-align: middle;
}
.guide .notRequired td textarea{
height: 236px;
}
.guide .formBtn button{
background: url(../../common/img/mail/confirm_off_pc.png) no-repeat center;
background-color: #fff;
background-size: 135px auto;
border: 1px solid #c01a2b;
border-radius: 5px;
display: block;
margin: 0 auto;
max-width: 349px;
padding: 0;
transition: .2s;
width: 100%;
height: 55px;
}
.guide .formBtn button:hover{
background: url(../../common/img/mail/confirm_on_pc.png) no-repeat center;
background-color: #c01a2b;
background-size:135px auto;
cursor: pointer;
}
select::-ms-expand {
display: none;
}
/*deli*/
.guide .dNoteItem{
margin: 5% 0 0;
}
.guide .dNoteItem dt,.guide .dNoteItem dd,.guide .dNoteItem p,.guide .dNoteItem li{
color:#8A7759;
font-size:0.85rem;
line-height: 1.2rem;
}
.guide .dNoteItem .cb01 {
font-size:0.85rem;
}
.guide .dNoteItem dl {
margin: 0 0 3%;
}
.guide .dNoteItem dt{
margin: 0.5% 0;
}
.guide .dNoteItem dd{
margin:0 0 0 0.5%;
}
.guide .dNoteItem dd dt,.guide .dNoteItem dd dd {
float: left;
}
.guide .dNoteItem dd dt {
clear: left;
}
.guide .dNoteItem dd dl dt:first-child {
margin: 0 3.5rem 0 0;
}
.guide .dNoteItem dd dl dt:nth-child(3) {
margin: 0 1.8rem 0 0;
}
.guide .dNoteItem p:last-child{
margin: 1rem 0 0 0.5%;
}
.guide .dListItem{
display: block;
margin: 0 0 7%;
}
.guide .dListItem h4{
color: #cebfae;
margin: 5% 0 1%;
}
.guide .slidWrap{
background: #cebfae;
border: 1px solid #cebfae;
border-radius: 5px;
overflow: hidden;
}
.guide #p02 .slidWrap{
margin: 0 0 3%;
}
.guide .dListItem:last-child,.guide #p02 .slidWrap:last-child,.guide .dListItem .slidWrap p{
margin: 0;
}
.guide .slidHead{
float: left;
width: 14.55%;
overflow: hidden;
}
.guide .slidBody{
float: left;
width: 85.45%;
}
.guide #p03 .slidWrap {
width: 81.5%;
}
.guide #p03 .slidHead {
width: 17.8%;
}
.guide #p03 .slidBody {
 width: 82.2%;
}
.guide #p04 p{
width: 55.6%;
}
.guide #p05 p,.guide #p06 p,.guide #p07 p,.guide #p08 p{
width: 36%;
float:left;
margin:0;
}
.guide #p05.dListItem,.guide #p06.dListItem,.guide #p07.dListItem,.guide #p08.dListItem{
margin: 0;
}
.guide #p05 p{
margin:0 7% 0 0;
}
.guide #p07 p{
margin:4% 7% 0 0;
}
.guide #p08 p{
margin:4% 0 0;
}

.guide #p09 .slidWrap {
width: 81.5%;
}
.guide #p09 .slidHead {
width: 17.8%;
}
.guide #p09 .slidBody {
 width: 82.2%;
}


/*pay*/
.guide #pay h4{
margin: 0 0 1%;
font-size: 1.1rem;;
}
.guide #pay .gListItem p {
margin: 0 0 3rem;
}
.guide .gListItem .card img{
max-width: 40%;
}
/*pack*/
.guide #pack h4{
margin: 7% 0 0.5%;
}
.guide #pack p{
margin: 0 0 3%;
}
.guide #pack .gImg,.guide #pack .gListItem{
width: 73%;
margin: 5% auto 0;
}
.guide #pack .gImg img {
width: 47.95%;
}
.guide .sliderBlock li {
float:left;
width: 48%;
margin: 0 0 3%;
}
.guide .sliderBlock li:nth-child(odd) {
margin: 0 4% 3% 0;
}
/*cancel*/
.guide #cancel .gListItem h4{
margin: 0 0 1%;
}
.guide #cancel .gListItem ul{
margin: 0 0 4%;
}
.guide #cancel .gListItem .borderBlock{
border: 1px solid #c01a2b;
border-radius: 5px;
padding: 10px 15px;
max-width: 600px;
}
.guide #cancel .gListItem .borderBlock li{
font-size: 1.2rem;
}
/*select*/
.guide #cancel .selectorBlock{
text-align: center;
}
.guide #cancel .selecterTeiki{
outline: none;
-moz-appearance: none;
text-overflow: '';
vertical-align: middle;
font-size: 1rem;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px;
border: 1px solid #c01a2b;
color: #fff;
width: 30%;
border-radius: 5px;
background: #c01a2b url(../../common/img/qa/qa_sel_bg.gif) no-repeat;
background-position: right 2% center;
background-size:14px;
}
.guide #cancel option{
background-color: #fff;
color: #000;
}
.guide #cancel .selecterTeiki option{
background-color: #c01a2b;
color: #fff;
}
.guide #cancel .selecterTeiki::-ms-expand {
display: none;
}
.guide #cancel .selecterTeiki:-moz-focusring { 
color: transparent;
}
@media screen and (max-width: 599px) {
.guide #cancel .gListItem .borderBlock{
padding: 5% 3%;
max-width: 100%;
}
.guide #cancel .gListItem .borderBlock li{
font-size: 1rem;
}
}
.guide #cancel .gListItem .discList{
list-style-type: disc;
}
.guide #cancel .gListItem .discList li{
margin: 0 0 0 1.5rem;
}
/*teiki_QA*/
.guide .qaListBlock{
margin: 0 auto;
width: 75%;
}
.guide .listItem{
margin: 0 0 4%;
border: 1px solid #c01a2b;
border-radius: 5px;
}
.guide .listItem dt{
cursor: pointer;
padding: 1.6% 2.5% 1.3%;
transition: .2s;
position: relative;
}
.guide .listItem .cl {
background: #c01a2b;
}
.guide .listItem dd{
border-top: none;
display: none;
padding: 2.5%;
}
.guide .listIcon01 {
background: #c01a2b;
border-radius: 50%;
display: inline-block;
height: 27px;
margin: 0 2% 0 0;
text-align: center;
vertical-align: middle;
width: 27px;
}
.guide .listIcon01 span {
color: #fff;
display: block;
font-size: 0.9rem;
padding: 5px 0 0 0;
}
.guide .cl .listIcon01 {
background: #fff;
}
.guide .cl .listIcon01 span {
color: #c01a2b;
}
.guide .listIcon02 {
border: 2px solid #cd4855;
border-radius: 50%;
display: inline-block;
float: none;
height: 17px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 1.5%;
text-align: center;
width: 17px;
}
.guide .listIcon02:after {
color: #c01a2b;
content: "+";
display: block;
font-size: 1.5rem;
margin: -5px 0 0 0;
}
.guide .cl .listIcon02 {
border: 2px solid #fff;
}
.guide .cl .listIcon02:after {
color: #fff;
content: "ー";
font-size: 0.9rem;
margin: 1px 0 0;
}
.guide .listItem .listTitle {
color: #c01a2b;
display: inline-block;
vertical-align: middle;
width: 90%;
}
.guide .listItem .cl .listTitle{
color: #fff;
}
.guide .listItem dd p{
display: inline-block;
font-size:0.9rem;
line-height: 1.3rem;
text-align: justify;
vertical-align: text-top;
width: 92%;
}
.guide .listItem dd p {
margin:0 0 1rem;
}
.guide .listItem dd p:last-child {
margin:0;
}
.gListItem .icon2ColBlock .headingBlock01 .imgList{
margin: 5% 0 0;
}
.guide .imgList li{
margin: 0 0 3%;
}
.guide .imgList li:last-child{
margin: 0;
}
.gListItem .icon2ColBlock .headingBlock01 .imgList p{
font-size: 0.9rem;
color: #898989;
}
.guide .imgList img{
margin: 0 -13px;
}
/*contactBlock*/
.guide .underlayer{
background: url(../../common/img/common_bg_02.jpg) repeat;
margin: 0;
padding: 2.7% 0 0.5%;
}
.guide .contactBlock {
margin: 0 auto;
max-width: 655px;
}
.guide .contactBlock h4{
max-width: 342px;
margin: 0 auto;
}
.guide .contactBlock p{
font-size: 0.8rem;
line-height: 1.5rem;
margin: 1.5% 0;
}
.guide .contactBlock span{
font-weight: bold;
}
.guide .contactItem{
border-top: 1px dashed #000;
margin: 1% 0 2.5%;
padding: 3% 0 0;
}
.guide .contactItem .colItem{
float:left;
}
.guide .contactItem .colItem:first-child{
width: 58%;
margin:0 3% 0 0;
}
.guide .contactItem .colItem:last-child{
width: 39%;
}
.guide .contactItem .cb01{
font-size: 0.95rem;
line-height: 1rem;
}
.guide .contactItem .cb01 .fa{
color: #c01a2b;
margin: 0 3% 0 0;
width: 22px;
}
.guide .contactBtn{
display: block;
border: 1px solid #c01a2b;
}
.guide .contactBtn img{
padding: 5.2% 26%;
box-sizing: border-box;
}
.guide .contactBtn:hover{
background: #c01a2b;
opacity:1;
}
.guide .linkBlock{
color: #c01a2b;
}
/*text-deco*/
.guide .cb01{
color:#c01a2b;
font-weight: bold;
}
.guide .cn01{
color:#c01a2b;
font-weight: normal;
}
.guide .cs01{
color:#666666;
font-size: 0.7rem;
}
/*display*/
.guide .contentsBlock .pc_on{
display: block;
}
.guide .contentsBlock .pctab_on{
display: block;
}
.guide .contentsBlock .sp_on{
display: none;
}
/*//PC*/

@media screen and (min-width:600px) and (max-width:999px){
.guide .navBlock li span{
font-size: 1.6vw;
}
.guide .navBlock .listTxt {
font-size: 1.1vw;
}
.guide .mailFormBlock {
width: 100%;
}
.guide .underlayer {
padding: 2.7% 5% 0.5%;
}
.guide .contactItem .colItem:first-child {
width: 50%;
}
.guide .contactItem .colItem:last-child {
width: 47%;
}
.gListItem .icon2ColBlock {
width: 90%;
}
.guide .qaListBlock {
width: 80%;
}
.guide .listItem .listTitle {
width: 85%;
}
.guide .listItem dd p {
width: 90%;
}
/*display*/
.guide .contentsBlock .pc_on{
display: none;
}
.guide .contentsBlock .pctab_on{
display: block;
}
.guide .contentsBlock .sp_on{
display: none;
}
/*select*/
.guide #cancel .selecterTeiki {
width: 50%;
}
}/*//tab*/

@media screen and (max-width: 599px){
.guide{
margin: 140px auto 8%;
}
.guide h2 {
max-width: 40%;
margin: 0 auto 4%;
}
.guide .leadText {
max-width: 100%;
}
.guide .navBlock li{
float: none;
width: 100%;
text-align: left;
}
.guide .navBlock .navItem{
padding: 8% 2% 8% 6%;
position: relative;
}
.guide .navBlock .navItem span{
font-size: 1.5rem;
color:#fff;
}
.guide .navBlock .navItem .listTxt {
display: inline-block;
font-size: 0.7rem;
position: relative;
}
.guide .navBlock li:nth-child(odd) .navItem{
background:#c01a2b;
}
.guide .navBlock li:nth-child(odd) .listIcon01{
color:#c01a2b;
}
.guide .navBlock li:nth-child(even) .navItem{
background:#d97680;
border: 1px solid #d97680;
}
.guide .navBlock li:nth-child(even) .listIcon01{
color:#d97680;
}
.guide .mainBlock {
margin: 7% auto 50px;
}
.guide .mainBlock .navBlock li{
margin: 0 0 2%;
}
.guide .navBlock .navItem .fa{
display: none;
}
.guide .navItem .listIcon01{
background:#fff;
border-radius: 50%;
margin:auto;
position: absolute;
top:0;
bottom:0;
right:5%;
text-align: center;
height: 35px;
width: 35px;
}
.guide .navItem .listIcon01:after{
content:"▼";
display: block;
font-size: 15px;
margin: 7px 0 0;
}
.guide .navItem.cl .listIcon01:after{
content:"▲";
}
.guide .guideItemWrap{
display: none;
}
.guide .guideItem{
border:none;
padding: 8% 2%;
}
.guide .guideItem h3 {
font-size: 1.2rem;
}
.guide .gListItem {
margin: 0 0 13%;
}
.guide .gListItem01{
margin: 0 0 10%;
}
.guide .gListItem01 a,
.guide .gListItem a {
color:#000;
text-decoration: underline;
}
.guide .gListItem01 a.cb01,
.guide .gListItem a.cb01 {
color: #c01a2b; 
text-decoration: none; 
}
.guide .gListItem01 p,
.guide .gListItem p {
font-size: 1.1rem;
line-height: 1.5rem;
margin: 1.2rem 0;
}
.guide .dNoteItem {
margin: 10% 0 0;
}
.guide .dNoteItem dl {
margin: 0 0 5%;
}
.gListItem .icon2ColBlock .iconBlock,
.gListItem .icon2ColBlock .headingBlock01{
float: none;
}
.gListItem .icon2ColBlock .iconBlock{
width: 100%;
text-align: center;
}
.gListItem .icon2ColBlock .iconBlock span {
padding: 16px;
}
.gListItem .icon2ColBlock .headingBlock01{
width: 100%;
}
.gListItem .icon2ColBlock .headingBlock01 h4 {
font-size: 1.125rem;
}
.gListItem .icon2ColBlock .headingBlock01 p {
font-size: 0.913rem;
}

.gListItem .icon2ColBlock .headingBlock01 .disc {
font-size: 0.838rem;
}
.guide .closeBtn{
border: 1px solid #231815;
border-radius: 3px;
box-sizing: border-box;
color: #000;
display: block;
font-size: 1.1rem;
margin: 10% 0 0;
padding: 6%;
text-align: center;
width: 100%;
}
.guide .clIcon{
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.guide .clIcon:before,.guide .clIcon:after{
background-color: #000;
border-radius: 10px;
content: '';
display: block;
width: 2px;
height: 1.5rem;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 0;
left: 0;
}
.guide .clIcon:after{
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/*order_sp_mailForm*/
.guide .mailFormBlock {
width: 100%;
}
.guide .formTable th {
display: block;
padding: 5% 0 3%;
width: 100%;
}
.guide .formTable td {
display: block;
padding: 0;
}
.guide .formTable tr:nth-child(1) label,.formTable tr:nth-child(2) label{
margin: 1.3rem 0 0;
}
.guide .formTable tr:nth-child(n+3) label{
margin: 0;
}
.guide .formTable tr:nth-child(2) label:last-child .cs01 {
top:-1rem;
}
.guide .formTable .colItem1, .formTable .colItem2 {
width: 46.9%;
}
.guide .formTable tr label.colItem1{
margin: 1.3rem 5% 0 0;
}
.guide .formTable .shortItem {
width: 80%;
}
.guide .formTable label .cs01 {
position: absolute;
top: -1rem;
bottom: 0;
left: 0;
text-align: left;
line-height: 1rem;
width: auto;
}
.guide .formBtn button {
width: 80%;
}
/*deli*/
.guide .gNavList {
outline: none;
-moz-appearance: none;
text-overflow: '';
vertical-align: middle;
font-size: 1rem;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 10px 15px;
border: 1px solid #c01a2b;
color: #fff;
width: 100%;
border-radius: 5px;
background: #c01a2b url(../../common/img/guide/guide_sel_bg2.gif) no-repeat;
background-position: right 5% center;
background-size: 12px;
}
.guide .gNavList option {
background-color: #c01a2b;
color: #fff;
}
.guide .slidWrap {
border: 0;
}
.guide .dListItem .slidHead {
width: 28.67%;
background: #cebfae;
}
.guide .dListItem .slidBody {
border-top: 1px solid #cebfae;
border-right: 1px solid #cebfae;
border-bottom: 1px solid #cebfae;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
box-sizing: border-box;
margin: 0;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: auto;
padding: 0;
position: relative;
transform: translateZ(0);
width: 71.3%;
}
.guide .dListItem .slidInner{
width: 235.5%;
margin: 0;
}
.guide .dListItem{
display: none;
margin: 7% 0 0;
}
.guide .slidBody .slidInner img{
margin: -1px 0 0;
}
.guide #p03 .slidWrap {
width: 100%;
}
.guide #p03 .slidHead {
width: 28.67%;
background: #cebfae;
}
.guide #p03 .slidBody {
width: 71.3%;
}
.guide #p03 .slidInner {
width: 184%;
margin: 0;
}
.guide #p04 p,.guide #p05 p, .guide #p06 p, .guide #p07 p, .guide #p08 p {
width: 100%;
margin: 7% 0 0;
}
/*pay*/
.guide .gListItem .card img {
max-width: 80%;
}
/*pack*/
.guide #pack .gImg, .guide #pack .gListItem {
width: 100%;
margin: 5% auto 0;
}
.guide #pack .gImg img {
width: 100%;
}
.guide #pack .gListItem .innerBlock {
max-width: 100%;
margin: 0;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: auto;
padding: 0;
position: relative;
transform: translateZ(0);
width: 100%;
}
.guide #pack .gListItem .sliderBlock {
width: 1180px;
}
.guide #pack .gListItem .sliderBlock li {
float: left;
max-width: 280px;
margin: 0 5px 0 0;
width: auto;
}
/*teiki_QA*/
.gListItem .icon2ColBlock {
margin: 0 auto;
width: 90%;
}
.gListItem .icon2ColBlock:nth-child(4) {
margin: 5% auto 0;
}
.guide .qaListBlock {
width: 90%;
}
.guide .listItem .listTitle {
font-size: 1rem;
width: 80%;
}
.guide .listItem dd p {
font-size: 1rem;
width: 85%;
}
.guide .listItem dt {
padding: 2.6%;
}
.guide .imgList img {
margin: 0;
}
/*contactBlock*/
.guide .underlayer {
padding: 5.7% 0 3.5%;
}
.guide .contactBlock .contactItem .colItem {
float: none;
width: 100%;
}
.guide .contactBlock {
margin: 0 auto;
width: 80%;
}
.guide .contactBtn img{
padding: 5% 10%;
}
/*display*/
.guide .contentsBlock .pc_on{
display: none;
}
.guide .contentsBlock .pctab_on{
display: none;
}
.guide .contentsBlock .sp_on{
display: block;
}
/*select*/
.guide #cancel .selecterTeiki {
width: 100%;
}
.guide .dListItem .slidWrap .slidBody{
overflow-x: auto;
}
.guide .dListItem .slidWrap .slidBody::-webkit-scrollbar{
width: 3px;
background: #eab3b9;
}
.guide .dListItem .slidWrap .slidBody::-webkit-scrollbar:horizontal{
height: 5px;
background: #eab3b9;
}
.guide .dListItem .slidWrap .slidBody::-webkit-scrollbar-thumb{
background: #c01a2b;
border-radius: 2px;
}
.guide .dListItem .slidWrap .slidBody::-webkit-scrollbar-thumb:horizontal{
background: #c01a2b;
border-radius: 2px;
}/*//SP*/
@media screen and (max-width: 449px){
.guide .navBlock .navItem span{
font-size: 1rem;
}
.guide .navBlock li:nth-child(6) .navItem {
padding: 5.6% 2% 5.6% 6%;
}
.guide .navBlock .navItem .listTxt {
font-size: 0.7rem;
display: block;
}
.guide .listItem .listTitle {
width: 78%;
}
.guide .listItem dd p {
width: 82%;
}
}/*//SP2*/