@charset "utf-8";

/* CSS Document */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
small,
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  font-size: 100%;
}

ul {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

img {
}

li {
  list-style-type: none;
  vertical-align: baseline;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	/*--webkit-appearance: none;-*/
	-moz-appearance: none;
	appearance: none;
}



/*--------------------------------------
　Base
---------------------------------------*/


html{
font-size:62.5%;
}


body {
width:100%;
background:#fff;
color:#555;
text-align:left;
font-size:15px;
font-size:1.5em;
line-height:2.1;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}


ul,ol,dl,li,dt,dd{
margin: 0;
padding: 0;
list-style-type:none;
display:block;
}

p{
margin: 0;
padding: 0;
text-align: justify;
text-justify: inter-ideograph;
}


img { 
  max-width: 100%; 
  height:auto;
}

a {
color:#555;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
line-height:1.3;
font-weight:400;
}


.fl {
  float: left;
}

.fr {
  float: right;
}

.strong {
  font-weight: bold;
}
.f110 {  font-size: 110%;}
.f120 {  font-size: 120%;}
.f130 {  font-size: 130%;}
.f150 {  font-size: 150%;}
.f200 {  font-size: 200%;}
.f300 {  font-size: 300%;}





/* Micro clearfix */

/* For modern browsers */
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


.flImg{
float:left;
}
.frImg{
float:right;
}



.mainWrap h1, .mainWrap h2, .mainWrap h3, .mainWrap h4, .mainWrap h5, .mainWrap h6{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:400;
line-height: 1.3;
letter-spacing: 0.1em;
}
.sttl{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:500;
font-size:18px;
font-size:1.8rem;
line-height: 1.3;
letter-spacing: 0.1em;
}
.catch{
margin: 0 0 14px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:500;
font-size:18px;
font-size:1.8rem;
line-height: 1.5;
letter-spacing: 0.1em;
}


.fontMPR{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight:400;
font-feature-settings : "palt" 1;
letter-spacing: 0.1em;
}

.fontBold{
font-weight: 700;
}
.fontRed{
color: #e37f7b;
}





/*------------
600px--common
------------*/
.sp,
.sp_br{
display:none!important;
}


body{
min-width:1100px;
box-sizing: border-box;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",'メイリオ',Meiryo,"HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
}



a:hover img{
opacity: 0.7;
}


.mainWrap h1, .mainWrap h2, .mainWrap h3, .mainWrap h4, .mainWrap h5, .mainWrap h6{
}
.mainWrap h1 a, .mainWrap h2 a, .mainWrap h3 a, .mainWrap h4 a, .mainWrap h5 a, .mainWrap h6{
text-decoration: none;
}
.mainWrap h1 a:hover, .mainWrap h2 a:hover, .mainWrap h3 a:hover, .mainWrap h4 a:hover, .mainWrap h5 a:hover, .mainWrap h6{
opacity: 0.7;
}

.areaInner{
width: 1100px;
margin: 0 auto;
}





/*--------------------------------------
　Header_PC
---------------------------------------*/

#header{
position: relative;
width: 100%;
z-index: 1000;
}

#headTopArea{
display: table;
width: 100%;
box-sizing: border-box;
padding: 8px 10px 10px;
background: #fcf9f6;
text-align: left;
}
#headTopArea div,
#headTopArea h1,
#headTopArea a{
font-size:11px;
font-size:1.1rem;
line-height: 1.2;
font-weight: normal;
color: #777;
}
#headTopArea .siteName{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#headTopArea .pageH1{
display: table-cell;
width: 50%;
vertical-align: middle;
text-align: right;
}




#headTopArea a{
position: relative;
z-index: 2;
text-decoration: none;
}
#headTopArea a:hover{
text-decoration: underline;
}



#headNoteArea{
background: #ffefee;
}
#headNoteArea .logo{
width: 370px;
margin: 0 auto;
padding: 16px 0 20px;
}




/*--------------------------------------
　Global Nav_PC
---------------------------------------*/

#g-nav{
position: fixed;
z-index: 2;
width: 100%;
background: #69cbca;
top:0;
display: none;
}
#g-nav.fixed{
top: 0;
display: block;
 animation-name: btn-action2;
    animation-duration: 0.4s;
    animation-timing-function:ease-in-out;
    animation-delay: 0;
    animation-fill-mode: backwards;
}



#g-nav ul{
display: table;
table-layout: auto;
width: 1000px;
margin: 0 auto;
padding: 10px 0;
}
#g-nav li{
display: table-cell;
vertical-align: middle;
border-right: 1px solid #cde7f4;
line-height: 1.3;
text-align: center;
}
#g-nav li:first-child{
border-left: 1px solid #cde7f4;
}
#g-nav a{
display: block;
padding: 5px 24px;
color: #fff;
text-decoration: none;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
font-size:13px;
font-size:1.3rem;
cursor: pointer;
}
#g-nav a:hover{
opacity: 0.7;
}








/*--------------------------------------
　Main Contents
---------------------------------------*/

#contents {
  overflow-x: hidden;
  z-index: 0;
  width: 1100px;
  margin: 0 auto 180px;
}

.mainWrap {
  width: 810px;
  margin: 0 ;
  padding: 0;
  float: left;
  z-index: 0;
}
.mappage {
overflow: hidden;
  z-index: 0;
}
.index{
  width: 810px;
  margin: 0 ;
  padding: 0;
  float: left;
  z-index: 0;
}


/*--------------------------------------
　Pankuzu_PC
---------------------------------------*/
#pankuzuWrap{
}

#pankuzu{
box-sizing: border-box;
width: 1100px;
margin: 0 auto;
padding: 20px 6px 10px;
font-size:13px;
font-size:1.3rem;
}
#pankuzu a{
}





/*--------------------------------------
　Side_PC
---------------------------------------*/
#side{
width: 260px;
float: right;
margin: 0 0 0;
}


#side #side01{
margin: 0 0 30px;
overflow: hidden;
}
#side #side01 a:hover{
opacity: 0.7;
}


#side .sideBox{
margin: 0 0 30px;
}
#side .sideBox a{
text-decoration: none;
line-height: 1.5;
}
#side .sideBox a:hover{
text-decoration: none;
opacity: 0.7;
}
.sideBox .sttl a{
position: relative;
display: block;
padding: 24px 16px 24px;
background: #f6f2e8;
border-radius:12px 12px 0 0;
text-align: center;
font-size:17px;
font-size:1.7rem;
line-height: 1.4;
font-family: 'M PLUS Rounded 1c', sans-serif!important;
}
.sideBox .sttl a::before{
content: "";
position: absolute;
top: 4px;
left: 12px;
width: 20px;
height: 20px;
background: url(./img/ill_kira_l.png) 0 0 no-repeat;
background-size: 20px auto;
}
.sideBox .sttl a::after{
content: "";
position: absolute;
top: 4px;
right: 12px;
width: 20px;
height: 20px;
background: url(./img/ill_kira_l.png) 0 0 no-repeat;
background-size: 20px auto;
}

.sideBox > ul{
padding: 0 5px;
}
.sideBox li{
background: url(./img/dotline3.png) 0 0 repeat-x;
background-size: auto 1px;
}
.sideBox > ul > li:first-child{
background: none;
}

.sideBox a{
display: block;
padding: 14px 24px 14px 6px;
background: url(./img/arrow_bk.png) 96% 50% no-repeat;
background-size: 6px auto;
font-size:14px;
font-size:1.4rem;
color: #555;
}

.sideBox .subList a{
padding: 14px 20px 14px 16px;
}



.twBox{
padding: 12px 5px 10px;
background: #b8edec;
border-radius:12px;
}
.twBox .sttl{
width:70px;
padding: 0 0 14px;
margin: 0 auto;
}





/*--------------------------------------
　Footer_PC
---------------------------------------*/

#page-top {
width: 80px;
position: fixed;
bottom: 40px;
right: 40px;
z-index:10;
}
#page-top img{
width: 80px;
}


footer{
position: relative;
background: #ffefee;
}
footer .footInner{
}
footer a{
}


footer .areaInner{
padding: 40px 0 20px;
}

footer .logo{
width: 230px;
margin: 0 auto 20px;
}

footer .footBox{
position: relative;
z-index: 10;
margin: 0 0 30px;
 }
.footBox .sttl{
margin: 0 0 12px;
padding: 0 0 10px;
background: url(./img/dotline4.png) 0 100% repeat-x;
background-size: auto 1px;
}
.footBox .sttl a{
position: relative;
display: block;
padding: 4px 20px 4px 40px;
background: url(./img/ill_kira_l.png) 14px 4px no-repeat;
background-size: 20px auto;
font-size:19px;
font-size:1.9rem;
text-decoration: none;
line-height: 1.3;
font-family: 'M PLUS Rounded 1c', sans-serif!important;
}

footer .smap .sttl a{
font-size:17px;
font-size:1.7rem;
}

.footBox > ul{
padding: 0 20px;
}
.footBox li{
display: inline-block;
}

.footBox li ul{
}

.footBox li a{
font-size:14px;
font-size:1.4rem;
}
.footBox li:after{
content: "　/　";
}
.footBox li:last-child:after{
content: "";
}


.footBox a:hover{
opacity: 0.7;
}

.footBox li.subCat{
}
.footBox li.subCat:after{
content: "";
}
.footBox li.subCat > a{
  font-weight: bold;
}
.footBox li.subCat > a:after{
}
.footBox ul.subList{
display: inline-block;
margin: 0 20px 0 0;
}
.footBox ul.subList > li:first-child::before{
content: "";
margin: 0 0 0 15px;
}
.footBox ul.subList li:after{
content: " / ";
}
.footBox ul.subList li:last-child::after{
content: "";
}







footer .noticeArea{
padding: 40px 60px 4px;
}
footer .noticeArea p{
margin: 0 0 10px;
text-align: center;
color: #777;
font-size:11px;
font-size:1.1rem;
line-height: 1.6;
}

footer .botArea{
background: #7e7e7e;
padding: 0 30px;
}
footer .botArea .botInner{
}
footer .botArea .copy{
padding: 16px 0;
font-family: " ＭＳ Ｐゴシック", MS PGothic," sans-serif";
font-weight: normal;
font-size:12px;
font-size:1.2rem;
color: #fff;
text-align: center;
}
footer .botArea a{
text-decoration: none;
color: #fff;
}
footer .botArea a:hover{
opacity: 0.7;
}

footer .botSmap{
padding: 16px 0;
font-family: " ＭＳ Ｐゴシック", MS PGothic," sans-serif";
font-weight: normal;
font-size:13px;
font-size:1.3rem;
color: #fff;
letter-spacing: 2px;
}

footer .botSmap a{
padding: 0 20px 0 0;
background: url(./img/arrow_wt.png) 96% 50% no-repeat;
background-size: 6px auto;
}






/* ================== */
/*  PC共通パーツ　*/
/* ================== */


.mainWrap h2{
position: relative;
box-sizing: border-box;
margin: 20px 0 30px;
padding: 34px 150px;
border-top: 4px solid #ee7d77;
border-bottom: 2px solid #ffd6d4;
font-size:32px;
font-size:3rem;
text-align: center;
}
.mainWrap h2::before{
content: "";
position: absolute;
top: 0;
left: 10px;
width: 112px;
height: 100%;
background: url(./img/tmp_h2deco_l.png) 0 50% no-repeat;
}
.mainWrap h2::after{
content: "";
position: absolute;
top: 0;
right: 10px;
width: 112px;
height: 100%;
background: url(./img/tmp_h2deco_r.png) 0 50% no-repeat;
}


.mainWrap h3 {
position: relative;
z-index: 1;
margin: 40px 0 30px;
padding: 24px 80px;
background: url(./img/pattern_bg.jpg) 0 0 repeat;
background-size: 128px auto;
font-size:26px;
font-size:2.6rem;
text-align: center;
}
.mainWrap h3 a{
}






.mainWrap h4 {
position: relative;
margin: 40px 0 30px;
padding: 20px 20px;
border-top: 2px solid #69cbca;
background: url(./img/dotline4.png) 0 100% repeat-x #e9f9f8;
background-size: auto 1px;
font-size:22px;
font-size:2.2rem;
}
.mainWrap h4 a{
}




.mainWrap h5, .mainWrap h6{
position: relative;
margin: 40px 0 30px;
padding: 14px 20px 18px 54px;
background: url(./img/dotline4.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:20px;
font-size:2.0rem;
}
.mainWrap h5::before, .mainWrap h6::before{
content: "";
position: absolute;
top: 14px;
left: 22px;
width: 24px;
height: 24px;
background: url(./img/icon_tooth.png) 0 0 no-repeat;
background-size: 24px auto;
}
.mainWrap h5 a, .mainWrap h6 a{
}






.mainWrap ul{
margin: 20px 0 20px;
padding:10px 10px 0;
}
.mainWrap ul li{
position: relative;
padding:0 0 5px 18px;
}
.mainWrap ul li::before{
position: absolute;
content: "";
background: #ee7d77;
border-radius:50%;
width: 10px;
height: 10px;
top: 12px;
left: 2px;
}

.mainWrap ol {
margin: 20px 0 20px;
padding:10px 10px 0;
}
.mainWrap ol li{
padding:0 0 3px 24px;
list-style: none;
position: relative;
counter-increment: number;
}

.mainWrap ol li::before{
position: absolute;
top: 7px;
left: 0;
width: 17px;
height: 14px;
padding: 1px 0 2px;
background: #ee7d77;
color: #fff;
text-align: center;
letter-spacing: -0.5px;
line-height: 1.3;
font-size:12px;
font-size:1.2rem;
font-family: Arial, Helvetica," sans-serif";
font-weight: bold;
}


.mainWrap ol li:nth-child(-n + 9):before {
  content: counter(number);
}
.mainWrap ol li:nth-child(n + 10):before {
  content: counter(number);
}


.mainWrap a:hover img {
opacity:0.7;
}
.mainWrap p {
margin: 20px 0 20px;
padding: 0 20px;
}

/* ================== */
/*  下層用エリアボタン　*/
/* ================== */
.page .innerLink{
padding: 20px 0 40px;
text-align: center;
}
.page .innerLink .liBox{
position: relative;
display: inline-block;
vertical-align: top;
width: 120px;
height: 120px;
border-radius:30px;
margin: 0 15px 15px;
}
.page .innerLink .liBox a{
position: relative;
display: block;
width: 120px;
height: 120px;
box-sizing: border-box;
padding: 40px 0 0;
background: url(./img/idx_sect02_arrow.png) 50% 96% no-repeat;
background-size: 16px auto;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
font-size:20px;
font-size:2.0rem;
text-align: center;
text-decoration: none;
letter-spacing: 0.2em;
}
.page .innerLink .liBox a::before{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 40px;
background: url(./img/icon_pin.png) 50% 0 no-repeat;
background-size: 24px auto;
}
.page .innerLink .liBox a::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffd6d4;
border-radius: 60% 50% 50% 45%/50% 50% 60% 55%;
}
.page .innerLink .liBox:nth-child(2n) a::after{
transform: rotate(30deg);
}
.page .innerLink .liBox:nth-child(3n) a::after{
transform: rotate(90deg);
}
.page .innerLink .liBox a:hover{
color: #999;
}
.page .innerLink .liBox a:hover::after{
opacity: 0.7;
}




/* ================== */
/*  テーブル　　　　　*/
/* ================== */
.mainWrap table {
width: 98%;
margin:30px auto 30px;
}
.mainWrap table th {
width: 26%;
padding: 14px 16px;
background: #fbf6b7;
border: 1px solid #e8e9e9;
line-height: 1.3;
text-align:center;
}
.mainWrap table td {
line-height: 1.4;
padding: 14px 20px;
border: 1px solid #e8e9e9;
text-align:left;
}






/* ================== */
/*  PCカスタマイズ共通　*/
/* ================== */
.caption,
.source{
margin: 8px 0 0;
font-size:10px;
font-size:1.2rem;
line-height: 1.3;
word-break: break-all;
color: #999;
}

.mainWrap p span{
margin: 0 4px;
padding: 4px 4px;
background: linear-gradient(transparent 90%, #fbf59c 10%);font-weight: bold;
font-size:105%;
}

.mainWrap p .strong2{
margin: 0 4px;
padding: 4px 0;
background: none;
font-weight: bold;
font-size:100%;
color: #e37f7b;
}

.mainWrap p .strong3{
margin: 0 4px;
padding: 4px 4px;
background: #fbf59c;
font-weight: bold;
font-size:100%;
color: #e37f7b;
font-size:105%;
}








/* float-wrap */

.mainWrap .float-wrap{
margin: 40px 0 10px 0;
padding: 0 20px;
}
.mainWrap .float-wrap .catch{
margin: 0 0 10px;
}
.mainWrap .float-wrap .flame{
position: relative;
}


.mainWrap .float-wrap img{
width: 100%;
}
.mainWrap .float-wrap p{
margin: 0;
padding: 0;
}

.mainWrap .float-wrap .fl{
width: 320px;
padding: 0 20px 10px 0;
text-align: center;
}
.mainWrap .float-wrap .fr{
width: 320px;
padding: 0 0 10px 20px;
text-align: center;
}

.mainWrap .float-wrap .ct{
width: 320px;
margin: 0 auto;
padding: 0 0 20px;
text-align: center;
}






/*  btns*/
.mainWrap .btn-internal,
.mainWrap .btn-web{
text-align: center;
margin: 20px auto 60px;
padding: 0;
}

.mainWrap .btn-internal a {
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    min-width: 440px;
    padding: 20px 10% 20px;
    background: url(./img/arrow_wt.png) 97% 50% no-repeat #69cbca;
    background-size: 7px auto;
    border-radius: 12px;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    text-decoration: none;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
}
.mainWrap .btn-internal a:hover{
opacity: 0.7;
}

.mainWrap .btn-web a{
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
min-width: 440px;
padding: 20px 10% 20px;
background: url(./img/arrow_wt.png) 97% 50% no-repeat #ee7d77;
background-size: 7px auto;
border-radius:12px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
color: #fff;
line-height: 1.3;
text-decoration: none;
font-size:17px;
font-size:1.7rem;
letter-spacing: 0.1em;
}
.mainWrap .btn-web a:hover{
opacity: 0.7;
}
.mainWrap .btn-web a::before{
content: "";
position: absolute;
box-sizing: border-box;
top: 5px;
left: 5px;
border-radius:6px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border: 2px dotted #fff;
}





.mainWrap .btn-link{
margin: 20px 0;
text-align: right;
}
.mainWrap .btn-link a{
position: relative;
display: inline-block;
padding: 5px 28px 5px 0;
background: url(./img/arrow_ccl.png) 100% 50% no-repeat;
line-height: 1.3;
text-decoration: underline;
font-size:16px;
font-size:1.6rem;
}



.mainWrap .btn-link a:hover{
opacity: 0.7;
text-decoration: none;
}




/* custom_parts_PC */



.decoTtls h2, .decoTtls h3, .decoTtls h4, .decoTtls h5, .decoTtls h6{
position: relative;
z-index: 0;
margin: 0;
padding: 0;
background: 0;
background: none;
border: none;
text-align: left;
font-size: inherit;
}
.decoTtls h2::before, .decoTtls h3::before, .decoTtls h4::before, .decoTtls h5::before, .decoTtls h6::before {
top: 0;
left: 0;
width: 0;
height: 0;
background: none;
}
.decoTtls h2::after, .decoTtls h3::after, .decoTtls h4::after, .decoTtls h5::after, .decoTtls h6::after {
top: 0;
left: 0;
width: 0;
height: 0;
background: none;
}

.decoTtls {
    position: relative;
    margin: 50px 0 20px;
    padding: 11px 24px;
    background: #f6f2e8;
    /* background-size: 128px auto; */
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.1em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    /* border-bottom: 2px dotted #e8e0cc; */
}
.recommend::before{
content: "";
position: absolute;
z-index: 10;
top: -32px;
left: 0;
width: 155px;
height: 50px;
background: url(./img/ttl_rec.png) 0 0 no-repeat;
background-size: 155px auto;
}
.point::before{
content: "";
position: absolute;
z-index: 10;
top: -32px;
left: 0;
width: 155px;
height: 50px;
background: url(./img/ttl_pt.png) 0 0 no-repeat;
background-size: 155px auto;
}
.check::before{
content: "";
position: absolute;
z-index: 10;
top: -32px;
left: 0;
width: 155px;
height: 50px;
background: url(./img/ttl_check.png) 0 0 no-repeat;
background-size: 155px auto;
}





.voiceBox2{
margin: 30px 0;
}
.voiceBox2 .ulBox{
padding: 0 20px;
}
.voiceBox2 .liBox{
margin: 0 0 20px;
}

.voiceBox2 .flImg{
width: 80px;
margin: 0;
padding: 0;
    overflow: hidden;
    border-radius: 60% 50% 50% 45%/50% 50% 60% 55%;
background: #fbf6b7;
text-align: center;
}
.voiceBox2 .liBox:nth-child(even) .flImg{
float: right;
}
.voiceBox2 .flImg img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.voiceBox2 .frImg{
position: relative;
width: 660px;
padding: 20px 0 0;
border-radius:12px;
background: #fff;
border: 1px solid #f6f2e8;
}
.voiceBox2 .liBox:nth-child(even) .frImg{
float: left;
}

.voiceBox2 .frImg::before{
content: "";
position: absolute;
top: 34px;
left: -20px;
width: 20px;
height: 20px;
background: url(./img/voice_add.png) 0 0 no-repeat;
}
.voiceBox2 .liBox:nth-child(even) .frImg::before{
left: auto;
right: -20px;
background: url(./img/voice_add.png) 0 0 no-repeat;
transform: scale(-1, 1);
}



.voiceBox2 .frImg .catch{
padding: 0 30px 0 60px;
background: url(./img/voice_fuki.png) 24px 0 no-repeat;
background-size: 30px auto;
}
.voiceBox2 .frImg p{
margin: 0 0 20px;
padding: 0 30px;
}
.voiceBox2 .caption{
margin: -10px 0 20px;
padding: 0 30px;
}




.drBox{
position: relative;
margin:20px;
padding: 40px 0 0 0;
background: #fff;
border: 10px solid #ffd6d4;
border-radius: 12px;
}
.drBoxBase{
margin: 50px 20px;
}

.drBox .sttl{
position: absolute;
top:-10px;
left: 30px;
display: inline-block;
background: #a5908f;
padding: 8px 12px;
border-radius:0 0 6px 6px;
font-size:1.6rem;
letter-spacing: 0;
color: #fff;
line-height: 1.1;
}
.drBox .frImg{
margin: 0 30px;
overflow: hidden;
}
.drBox .frImg img{
width: 150px;
height: 150px;
object-fit: cover;
}
.drBox::before{
content: "";
position: absolute;
top: 6px;
right: 6px;
width: 80px;
height: 100%;
background: url(./img/fuki_dr.png) 0 0 no-repeat;
background-size: 80px auto;
}
.nonDr::before{
width: 0;
height: 0;
background: none;
}

.drBox .drName{
margin: 0 0 14px;
padding: 20px 30px 0;
font-size:22px;
font-size:2.2rem;
line-height: 1.3;
}
.drBox .drName span{
font-size:16px;
font-size:1.6rem;
}
.mainWrap .drBox p{
margin: 0 0 20px;
padding: 0 30px;
}
.drBox .btn-web{
margin: 0 30px;
text-align: right;
}
.drBox .btn-web a {
min-width: 0;
width: 340px;
padding: 14px 5% 16px;
letter-spacing: 0;
}






.comBox{
position: relative;
background: #fcf9f6;
border: 4px solid #f6f2e8;
border-radius:12px;
margin: 30px 20px 30px;
padding: 20px 0 32px;
}
.comBox .tabHead {
    position: absolute;
    top: -4px;
    right: 20px;
    background: #ee7d77;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 0 0 6px 6px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.1;
}
.comBox .ttlArea{
margin: 0 30px;
text-align: center;
}
.comBox .catch{
position: relative;
display: inline-block;
padding: 0 40px;
text-align: center;
}
.comBox .catch::before{
content: "";
position: absolute;
top: 0;
left: 12px;
width: 20px;
height: 100%;
background: url(./img/ill_ht2.png) 0 0 no-repeat;
background-size: 20px auto;
}
.comBox .catch::after{
content: "";
position: absolute;
top: 0;
right: 12px;
width: 20px;
height: 100%;
background: url(./img/ill_kira2.png) 0 100% no-repeat;
background-size: 20px auto;
}

.comBox p{
margin: 0;
padding: 0 30px;
}






/* drphBox */

.drphBox{
margin: 60px 0 30px;
padding: 0 30px;
}
.drphBox .drName{
margin: 16px 0 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
.drphBox .flame{
position: relative;
}
.drphBox .float-img{
width: 320px;
margin: 0 auto 30px;
padding: 0 0 20px;
text-align: center;
}
.drphBox img{
width: 100%;
}
.drphBox p{
margin: 0;
padding: 0;
}










#tocBox{
position: relative;
background: #fcf9f6;
border-radius:12px;
}
#tocBox .ttlArea{
position: relative;
margin: 0 0 14px;
padding: 12px 0;
background: url(./img/icon_tooth3.png) 16px 50% no-repeat #ac918f;
background-size: 20px auto;
border-radius:12px 12px 0 0;
}
#tocBox .tglMenu3{
position: absolute;
top: 12px;
right: 20px;
width: 90px;
height: 25px;
background: url(./img/mokuji_plus.png) 0 0 no-repeat;
background-size: 90px auto;
}
#tocBox .tglMenu3.open{
background: url(./img/mokuji_minus.png) 0 0 no-repeat;
background-size: 90px auto;
}

#tocBox .ttlArea .sttl{
padding: 0 0 0 50px;
font-size:20px;
font-size:2.0rem;
color: #fff;
}
#tocBox .chapter{
margin: 0;
padding: 0 30px 10px;
}
#tocBox .chapter a{
text-decoration: none;
}
#tocBox .chapter a:hover{
opacity: 0.7;
}
#toc{
display: none;
}












/* botBan_PC */


.botBan{
margin: 50px 0 0;
}
.botBan a{
display: block;
width: 622px;
margin: 0 auto;

}








/* ================== */
/*  サイトマップ　　　　　　*/
/* ================== */
.mappage .subList{
margin: 5px 0!important;
}
.mappage h2 {
margin: 30px 0 4px;
}
.mappage li a{
text-decoration: underline!important;
}
.mappage li a:hover{
text-decoration: none!important;
}















@media screen and (max-width: 599px) {

/*------------
common--599px
------------*/

html{
}

.mainWrap h1, .mainWrap h2, .mainWrap h3, .mainWrap h4, .mainWrap h5, .mainWrap h6{
line-height: 1.3;
}
.sttl{
font-size:1.7rem;
}
.catch{
margin: 0 0 12px;
font-size:1.7rem;
}


.specialBan{
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}



body {
min-width: 320px;
text-align:left;
font-size:1.4em;
line-height:2.0;
word-break: break-all;
overflow-x: hidden;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
}
.sp,.sp_br{
display:block!important;
}
.pc,.pc_br{
display:none!important;
}

img:not([width]) {
width:100%;
height:auto;
max-width: 100%;
}

a{
text-decoration: none;
}
a:hover,
a:hover img{
opacity: 1;
}
.areaInner{
width: auto;
margin: 0;
}





/*--------------------------------------
　Header_SP
---------------------------------------*/

#header{
position: static;
width: 100%;
}

#headTopArea{
display: block;
padding: 8px 70px 8px 4%;
background: #fcf9f6;
text-align: left;
line-height: 1.2;
}
#headTopArea div,
#headTopArea h1{
font-size:1.2rem;
line-height: 1.2;
font-weight: normal;
color: #777;
}

#headTopArea .siteName{
display: inline;
margin: 0 0 4px;
width: auto;
vertical-align: middle;
line-height: 1.2;
}
#headTopArea .siteName a{
display: inline;
line-height: 1.2;
}
#headTopArea .pageH1{
display: inline;
margin: 0 0 0;
width: auto;
vertical-align: middle;
text-align: left;
line-height: 1.2;
}


#headTopArea a{
position: relative;
z-index: 2;
display: inline-block;
text-decoration: none;
}
#headTopArea a:hover{
text-decoration: none;
}



#headNoteArea{
}

#headNoteArea .logo{
width: 185px;
margin: 0 auto;
padding: 0;
padding: 10px 4%;
}








/*--------------------------------------
　Global Nav_SP
---------------------------------------*/

#layer{
position: fixed!important;
}


#sp_nav{
position: fixed;
top: 0;
right: -80%;
box-sizing: border-box;
width: 80%;
height: 100%;
background: #69cbca;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 1000;
}
/* 以下装飾など */
#sp_nav ul{
margin: 0;
padding: 60px 0 0;
}



#sp_nav li + li{
}

#sp_nav li{
font-weight: bold;
background: url(img/arrow_wt.png) right 10px center no-repeat;
background-size: 6px auto;
border-bottom: solid 1px #d2f0ef;
list-style: none;
}
#sp_nav li:first-child{
border-top: solid 1px #d2f0ef;
}

#sp_nav li a{
display: block;
box-sizing: border-box;
width: 100%;
padding: 12px 10%;
font-weight: 500;
text-align: left;
text-decoration: none;
color: #fff;
}
#menuBtn{
position: fixed;
top: 10px;
right: 10px;
padding: 0 ;
width: 41px;
height: 41px;
outline: none;
border: none;
background: url(img/menu_open.png) 50% 50% no-repeat;
background-size: 41px auto;
cursor: pointer;
z-index: 999;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
body.open #menuBtn {
z-index: 80000;
/* right: calc(80% + 15px); */
width: 41px;
height: 41px;
background: url(img/menu_close.png) 50% 50% no-repeat;
background-size: 41px auto;
}
body.open {
height: inherit !important;
}
body.open #layer {
display: block;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.00);
position: absolute;
top: 0;
z-index: 900;
overflow: hidden;
}


#sp_nav .collapsible {
background: url(img/arrow_next.png) right 6px center no-repeat;
background-size: 14px auto;
}
#sp_nav li .selected > a {
font-weight: normal;
}
#sp_nav li .waSlideMenu-back{
background: url(img/arrow_wt_back.png) 16px center no-repeat;
background-size: 6px auto;
padding-left: 18px !important;
}
#sp_nav li .waSlideMenu-back a {
}




.specialBan{
position: fixed;
width: 100%;
overflow: hidden;
bottom: 0;
z-index: 100;
}
.specialBan a{
padding: 10px 0 0;
}
.specialBan a:hover img{
opacity: 1;
}
.specialBan img{
}






/*--------------------------------------
Main Contents
---------------------------------------*/

#contents {
/*position: relative;*/
/* for_modal */
overflow-x: hidden;
z-index: 0;
width: 100%;
margin: 0 auto 90px;
}


.mainWrap {
width: auto;
margin: 0 ;
padding: 0 4% 80px;
float: none;
z-index: 0;
position: relative;
}

.mappage {
padding: 0 4%;
overflow: hidden;
}
.index {
padding: 0;
}

#side {
width: auto;
float: none;
}




/* ================== */
/*  pankuzu_SP　*/
/* ================== */

#pankuzuWrap{
overflow: auto;
white-space: nowrap;
}
#pankuzuWrap::-webkit-scrollbar{
height: 3px;
}
#pankuzuWrap::-webkit-scrollbar-track{
border-radius: 3px;
background: #eee;
}
#pankuzuWrap::-webkit-scrollbar-thumb{
border-radius: 3px;
background: #666;
}

#pankuzu{
box-sizing: border-box;
width: 100%;
padding: 1.0em 1.0em 1.0em;
font-size:1.1rem;
}
#pankuzu a{
}




/*--------------------------------------
　Side_SP
---------------------------------------*/

.twBox{
margin: 0 4%;
padding: 12px 10px 10px;
background: #b8edec;
border-radius:12px;
}
.twBox .sttl{
width:70px;
padding: 0 0 14px;
margin: 0 auto;
}
.twBox iframe{
width: 100%!important;
}





/* ================== */
/*  footer_SP　*/
/* ================== */

/*--------------------------------------
PageTop_SP
---------------------------------------*/
#page-top {
width: 4.5em;
position: fixed;
bottom: 90px;
right: 10px;
border-radius:50%;
z-index:1;
}
#page-top img{
width: 100%;
}



footer {
margin: 0 0 0;
position: relative;
background: #ffefee;
}
footer .footInner{
}
footer a{
line-height: 1.4;
font-size: 1.3rem;
}

footer .areaInner {
padding: 0 0 20px;
}


footer .logo{
width: 115px;
margin: 0 auto;
padding: 16px 4%;
}

footer .footBox{
margin: 0 0 0;
z-index: 0;
}
.footBox:first-of-type{
border-top: 1px solid #ccc;
}
.footBox a{
text-decoration: none;
}
.footBox a:hover{
opacity: 1;
}


.footBox .sttl{
margin: 0 ;
padding: 0;
border: none;
background: none;
font-weight: normal;
}
.footBox .sttl a{
display: block;
padding: 1.2em 7% 1.3em 4%;
font-size: 1.4rem;
background: url(./img/arrow_bk_down.png) 97% 50% no-repeat;
background-size: auto 6px;
border-bottom: 1px solid #ccc;
font-weight: 500;

}






.footBox > ul{
padding: 0;
}
.footBox li{
display: block;
}


.footBox li:after{
content: "";
}

.footBox li a{
display: block;
padding: 1.0em 7% 1.0em 10.5%;
background: url(./img/arrow_bk.png) 97% 50% no-repeat;
background-size: 6px auto;
border-bottom: 1px solid #ccc;
font-weight: 500;
}
.footBox li li a{
padding: 1.0em 7% 1.0em 16.5%;
}
 
 
.footBox li a.ssttl{
display: block;
padding: 1.0em 7% 1.0em 4.5%;
background: url(./img/arrow_bk.png) 97% 50% no-repeat;
background-size: 6px auto;
border-bottom: 1px solid #ccc;
}

.footBox li.sp a{
padding: 1.1em 7% 1.1em 4.5%;
}


footer .smap .sttl a{
}
footer .smap .sttl a{
background: url(./img/arrow_bk.png) 97% 50% no-repeat;
background-size: 6px auto;
font-size:1.4rem;
}


.footBox.accordion .accChild{
display: none;
}
.footBox.accordion .open a{
background: url(./img/arrow_bk_up.png) 97% 50% no-repeat;
background-size: auto 6px;
}
.footBox.accordion .open a.ssttl{
background: url(./img/arrow_bk_down.png) 97% 50% no-repeat;
background-size: auto 6px;
}

.footBox ul.subList{
display: block;
margin: 0 0 0;
}

.footBox ul.subList > li:first-child::before{
content: "";
margin: 0;
}

.footBox ul.subList li:after{
content: "";
}






footer .noticeArea{
margin: 0 4%;
padding: 1.1em 0 0.5em;
}
footer .noticeArea p{
font-size:1.1rem;
}
footer .noticeArea p.botPrg{
margin: 10px 0 0;
text-align: center;
}

footer .botArea{
padding: 0 4% 120px;
background: #7e7e7e;
text-align: center;
}
footer .botArea .copy{
padding: 10px 5% 12px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:1.2rem;
color: #fff;
text-align: center;
line-height: 1.2;
}
footer .botArea a{
display: block;
text-decoration: none;
font-size:1.1rem;
color: #fff;
}
footer .botArea a:hover{
opacity: 1.0;
}











/* ================== */
/*  SP共通パーツ　*/
/* ================== */



.mainWrap h2{
position: relative;
box-sizing: border-box;
margin: 1.7em 0 1em;
padding: 20px 20% 22px;
border-top: 4px solid #ee7d77;
border-bottom: 2px solid #ffd6d4;
text-align: center;
font-size:2.0rem;
}
.mainWrap h2::before{
content: "";
position: absolute;
top: 0;
left: 5px;
width: 50px;
height: 100%;
background: url(./img/tmp_h2deco_l.png) 0 50% no-repeat;
background-size: 50px auto;
}
.mainWrap h2::after{
content: "";
position: absolute;
top: 0;
right: 5px;
width: 50px;
height: 100%;
background: url(./img/tmp_h2deco_r.png) 0 50% no-repeat;
background-size: 50px auto;
}




.mainWrap h3 {
margin: 2.0em 0;
padding: 16px 4% 18px;
background: url(./img/pattern_bg.jpg) 0 0 repeat;
background-size: 128px auto;
font-size:1.8rem;
}
.mainWrap h3::after{
}
.mainWrap h3 a::after{
}






.mainWrap h4 {
margin: 2.0em 0 1.0em;
padding: 15px 4% 17px;
border-top: 2px solid #69cbca;
background: url(./img/dotline4.png) 0 100% repeat-x #e9f9f8;
background-size: auto 1px;
font-size:1.7rem;
}





.mainWrap h5, .mainWrap h6{
margin: 2.0em 0;
padding: 10px 4% 14px 9%;
background: url(./img/dotline4.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:1.5rem;
}
.mainWrap h5::before, .mainWrap h6::before{
content: "";
position: absolute;
top: 11px;
left: 5px;
width: 18px;
height: 18px;
background: url(./img/icon_tooth.png) 0 0 no-repeat;
background-size: 18px auto;
}






.mainWrap ul{
margin: 1.5em 0 1.5em;
padding:0.5em 1% 0;
}
.mainWrap ul li{
padding:0 0 0.2em 5%;
}
.mainWrap ul li::before{
width: 1.0rem;
height: 1.0rem;
top: 10px;
left: 2px;
}


.mainWrap ol {
margin: 1.5em 0 1.5em;
padding:0.5em 1% 0;
}
.mainWrap ol li{
padding:0 0 0.2em 8%;
}

.mainWrap ol li::before{
width: 1.8rem;
height: 1.9rem;
top: 5px;
left: 0;
box-sizing: border-box;
padding: 0.3em 0 0.3em;
letter-spacing: 0;
line-height: 1.0;
font-size:1.2rem;
font-family: Arial, Helvetica," sans-serif";
color: #fff;
}



.mainWrap p {
margin: 1.5em 0 1.5em;
padding: 0 1%;
}



.mainWrap a{
text-decoration: underline;
}

/* ================== */
/*  下層用エリアボタン*/
/* ================== */
.page .innerLink{
padding: 0 0 40px;
text-align: center;
}
.page .innerLink .liBox{
position: relative;
display: inline-block;
vertical-align: top;
width: 28%;
height: auto;
border-radius:12px;
margin: 0 4px 10px;
}
.page .innerLink .liBox a{
position: relative;
display: block;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 24px 0;
background: url(./img/idx_sect02_arrow.png) 50% 92% no-repeat #ffd6d4;
background-size: 10px auto;
border-radius:12px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
font-size:1.5rem;
text-align: center;
text-decoration: none;
letter-spacing: 0.2em;
}
.page .innerLink .liBox a::before{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 20px;
background: url(./img/icon_pin.png) 50% 0 no-repeat;
background-size: 12px auto;
}
.page .innerLink .liBox a::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 0;
height: 0;
background:none;
border-radius: 0;
}
.page .innerLink .liBox:nth-child(2n) a::after{
transform: rotate(0);
}
.page .innerLink .liBox:nth-child(3n) a::after{
transform: rotate(0);
}
.page .innerLink .liBox a:hover{
color: #555;
}
.page .innerLink .liBox a:hover::after{
opacity: 1.0;
}
	
	

/* ================== */
/*  テーブル　　　　　*/
/* ================== */

.mainWrap table{
border-collapse: collapse;
border: 1px solid #e8e9e9;
}
.mainWrap table th {
width: 100%;
box-sizing: border-box;
display: block;
padding: 1.0em 2.5%;
background: #fbf6b7;
border: 1px solid #e8e9e9;
border-bottom: none;
line-height: 1.3;
text-align: center;
}
.mainWrap table td {
width: 100%;
box-sizing: border-box;
display: block;
padding: 1.0em 2.5%;
border: 1px solid #e8e9e9;
border-bottom: none;
line-height: 1.4;
text-align: center;
}


.mainWrap .table-layout table{
margin:1.5em auto;
width: 100%;
border-collapse: collapse;
border: none;
border-bottom: 1px solid #e8e9e9;
}
.mainWrap .table-layout{
overflow: auto;
white-space: normal;
word-break:keep-all;
}
.mainWrap .table-layout::-webkit-scrollbar{
 height: 5px;
}
.mainWrap .table-layout::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.mainWrap .table-layout::-webkit-scrollbar-thumb{
 background: #BCBCBC;
}




/* ================== */
/*  SPカスタマイズ共通　*/
/* ================== */
.caption,
.source{
margin: 0.6em 0 0;
font-size:1.0rem;
line-height: 1.3;
word-break: break-all;
color: #999;
}
.mainWrap p span {
    margin: 0 2%;
    padding: 0.5% 2%;
    font-weight: bold;
    font-size: 105%;
    background: linear-gradient(transparent 75%, #fbf59c 75%);
}
.mainWrap p .strong2{
margin: 0 2%;
padding: 0.5% 0;
background: none;
font-weight: bold;
font-size:100%;
color: #e37f7b;
}
.mainWrap p .strong3{
margin: 0 2%;
padding: 0.5% 2%;
background: #fbf59c;
font-weight: bold;
font-size:100%;
color: #e37f7b;
font-size:105%;
}


.mainWrap .float-wrap .flame{
position: relative;
}




.mainWrap .float-wrap{
margin: 2.5em 0 0.5em 0;
padding: 0 1%;
}

.mainWrap .float-wrap .catch{
margin: 0.2em 0 0.4em;
font-weight: bold;
font-size:1.7rem;
line-height: 1.4;
}
.mainWrap .float-wrap p{
margin: 0;
padding: 0;
}


.mainWrap .float-wrap .fl,
.mainWrap .float-wrap .fr,
.mainWrap .float-wrap .ct{
float: none;
padding: 0 0 0.5em;
width: 100%;
}

.mainWrap .float-wrap .fl.t_small{
width: 40%;
float: left;
padding: 0 5% 0 0;
}
.mainWrap .float-wrap .fr.t_small{
width: 40%;
float: right;
padding: 0 0 0 5%;
}






/*  btns*/


.mainWrap .btn-internal,
.mainWrap .btn-web,
.mainWrap .btn-tel,
.mainWrap .btn-link{
margin: 1.5em 4%;
padding: 0;
box-sizing: border-box;
}
.mainWrap .btn-internal a{
position: relative;
display: block;
padding: 0.8em 10% 0.9em;
background: url(./img/arrow_wt.png) 97% 50% no-repeat #69cbca;
background-size: 7px auto;
border-radius:6px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
min-width: 0;
font-size:1.5rem;
letter-spacing: 0;
}
.mainWrap .btn-internal a:hover{
opacity: 1;
}


.mainWrap .btn-web a{
position: relative;
display: block;
padding: 0.8em 10% 0.9em;
background: url(./img/arrow_wt.png) 97% 50% no-repeat #ee7d77;
background-size: 7px auto;
border-radius:6px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
color: #fff;
min-width: 0;
font-size:1.5rem;
transition: none;
letter-spacing: 0;
}
.mainWrap .btn-web a:hover{
opacity: 1;
}
.mainWrap .btn-web a::before{
content: "";
position: absolute;
box-sizing: border-box;
top: 3px;
left: 3px;
border-radius:3px;
width: calc(100% - 6px);
height: calc(100% - 6px);
border: 1px dotted #fff;
}




.mainWrap .btn-tel a{
position: relative;
display: block;
padding: 0.8em 10% 0.9em;
background: url(./img/arrow_bk.png) 97% 50% no-repeat #f5ac1f;
background-size: 7px auto;
border-radius:6px;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
font-size:1.5rem;
letter-spacing: 0;
}
.mainWrap .btn-tel a::before{
content: "";
position: absolute;
box-sizing: border-box;
top: 3px;
left: 3px;
border-radius:3px;
width: calc(100% - 6px);
height: calc(100% - 6px);
border: 1px dotted #fff;
}
.mainWrap .btn-tel a::after{
content: "";
top: 0;
left: 10px;
position: absolute;
width: 28px;
height: 100%;
background: url(./img/btntel_icon.png) 0 50% no-repeat;
background-size: 20px auto;
}



.mainWrap .btn-link a{
position: relative;
display: block;
box-sizing: border-box;
padding: 0.8em 10% 0.9em;
background: url(./img/arrow_bk.png) 97% 50% no-repeat #b8edec;
background-size: 6px auto;
border-radius:4px;
text-align: center;
line-height: 1.3;
text-decoration: none;
font-size:1.5rem;
letter-spacing: 0;
}
.mainWrap .btn-link a:hover{
opacity: 1;
}








/* custom_parts_PC */





.decoTtls h2, .decoTtls h3, .decoTtls h4, .decoTtls h5, .decoTtls h6{
position: relative;
z-index: 0;
margin: 0;
padding: 0;
background: 0;
background: none;
border: none;
text-align: left;
font-size: inherit;
}
.decoTtls h2::before, .decoTtls h3::before, .decoTtls h4::before, .decoTtls h5::before, .decoTtls h6::before {
top: 0;
left: 0;
width: 0;
height: 0;
background: none;
}
.decoTtls h2::after, .decoTtls h3::after, .decoTtls h4::after, .decoTtls h5::after, .decoTtls h6::after {
top: 0;
left: 0;
width: 0;
height: 0;
background: none;
}

.decoTtls {
    position: relative;
    margin: 37px 0 20px;
    padding: 12px 30px;
    background: #f6f2e8;
    background-size: 128px auto;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 400;
    line-height: 1.3;
}
.recommend::before{
content: "";
position: absolute;
z-index: 10;
top: -22px;
left: 0;
width: 120px;
height: 35px;
background: url(./img/ttl_rec.png) 0 0 no-repeat;
background-size: 120px auto;
}
.point::before{
content: "";
position: absolute;
z-index: 10;
top: -22px;
left: 0;
width: 120px;
height: 35px;
background: url(./img/ttl_pt.png) 0 0 no-repeat;
background-size: 120px auto;
}
.check::before{
content: "";
position: absolute;
z-index: 10;
top: -22px;
left: 0;
width: 120px;
height: 35px;
background: url(./img/ttl_check.png) 0 0 no-repeat;
background-size: 120px auto;
}







.voiceBox2{
margin: 30px 0;
}
.voiceBox2 .ulBox{
padding: 0 ;
}
.voiceBox2 .liBox{
margin: 0 0 10px;
}

.voiceBox2 .flImg{
position: relative;
z-index: 10;
width: 55px;
margin: 14px 10px 0;
padding: 0;
    overflow: hidden;
    border-radius: 60% 50% 50% 45%/50% 50% 60% 55%;
background: #fbf6b7;
text-align: center;
}
.voiceBox2 .flImg img {
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.voiceBox2 .frImg{
position: relative;
float: inherit;
width: auto;
padding: 20px 0 0;
border-radius:12px;
background: #fff;
border: 1px solid #f6f2e8;
}
.voiceBox2 .frImg::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background: none;
}

.voiceBox2 .liBox:nth-child(even) .flImg{
float: left;
}
.voiceBox2 .liBox:nth-child(even) .frImg{
float: inherit;
}
.voiceBox2 .liBox:nth-child(even) .frImg::before{
left: 0;
right: 0;
background: none;
}


.voiceBox2 .frImg .catch{
padding: 0 30px 0 60px;
background:none;
}
.voiceBox2 .frImg p{
margin: 0 0 20px;
padding: 0 5%;
}
.voiceBox2 .caption{
margin: -10px 0 20px;
padding: 0 5%;
}






.drBox{
position: relative;
margin: 0 4%;
padding: 30px 0;
background: #fff;
border: 5px solid #ffd6d4;
border-radius: 12px;
}
.drBoxBase{
margin: 40px 0;
}

.drBox .sttl{
position: absolute;
top:-5px;
left: 12px;
display: inline-block;
background: #a5908f;
padding: 8px 12px;
border-radius:0 0 3px 3px;
font-size:1.4rem;
letter-spacing: 0;
color: #fff;
line-height: 1.1;
}
.drBox .frImg{
margin: 0 4% 10px;
overflow: hidden;
}
.drBox .frImg img{
width: 100px;
height: 100px;
object-fit: cover;
}
.drBox::before{
content: "";
position: absolute;
top: 4px;
right: 4px;
width: 62px;
height: 100%;
background: url(./img/fuki_dr.png) 0 0 no-repeat;
background-size: 62px auto;
}
.nonDr::before{
width: 0;
height: 0;
background: none;
}

.drBox .drName{
margin: 0 0 10px;
padding: 10px 5% 0;
font-size:1.7rem;
line-height: 1.3;
}
.drBox .drName span{
font-size:1.3rem;
}
.mainWrap .drBox p{
margin: 0 0 14px;
padding: 0 5%;
}
.drBox .btn-web{
margin: 0;
text-align: center;
}
.drBox .btn-web a{
display: inline-block;
min-width: 0;
width: 90%;
padding: 0.6em 10% 0.7em;
letter-spacing: 0;
}






.comBox{
position: relative;
background: #fcf9f6;
border: 4px solid #f6f2e8;
border-radius:12px;
margin: 20px 0 20px;
padding: 20px 0 20px;
}
.comBox .tabHead {
    position: absolute;
    top: -4px;
    right: 8px;
    background: #ee7d77;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 0 0 3px 3px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    color: #fff;
    line-height: 1.1;
}
.comBox .ttlArea{
margin: 0 4%;
text-align: center;
}
.comBox .catch{
position: relative;
display: inline-block;
padding: 0 4%;
text-align: left;
}
.comBox .catch::before{
content: "";
position: absolute;
top: -10px;
left: -4px;
width: 20px;
height: 100%;
background: url(./img/ill_ht2.png) 0 0 no-repeat;
background-size: 20px auto;
}
.comBox .catch::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: none;
}

.comBox p{
margin: 0;
padding: 0 4%;
}






/* drphBox */


.drphBox .flame{
position: relative;
}

.drphBox{
margin: 4em 0 2.5em;
padding: 0 1%;
}

.drphBox .drName{
margin: 0.4em 0 0.4em;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 500;
font-size:1.7rem;
line-height: 1.4;
}
.drphBox .float-img{
float: none;
margin: 0 0 30px;
padding: 0 0 0.5em;
width: 100%;
}
.drphBox p{
margin: 0;
padding: 0;
}
.drphBox .flImg,
.drphBox .frImg{
float: none;
}















#tocBox{
position: relative;
background: #fcf9f6;
border-radius:6px;
}
#tocBox .ttlArea{
position: relative;
margin: 10px 0;
padding: 12px 0;
background: url(./img/icon_tooth3.png) 16px 50% no-repeat #ac918f;
background-size: 18px auto;
border-radius:6px 6px 0 0;
}
#tocBox .tglMenu3{
position: absolute;
top: 12px;
right: 10px;
width: 73px;
height: 25px;
background: url(./img/mokuji_plus.png) 0 0 no-repeat;
background-size: 73px auto;
}
#tocBox .tglMenu3.open{
background: url(./img/mokuji_minus.png) 0 0 no-repeat;
background-size: 73px auto;
}

#tocBox .ttlArea .sttl{
padding: 0 0 0 45px;
font-size:1.6rem;
color: #fff;
}
#tocBox .chapter{
margin: 0;
padding: 0 4% 10px;
}
#tocBox .chapter a{
text-decoration: none;
}
#tocBox .chapter a:hover{
opacity: 1.0;
}
#toc{
display: none;
}






/* botBan_SP */

.botBan{
margin: 50px 0 0;
}
.botBan a{
display: block;
width: 300px;
margin: 0 auto;
}







/* ================== */
/*  サイトマップ　　　　　　*/
/* ================== */
.mappage .subList{
margin: 0.2em 0!important;
}

.mappage h2 {
margin: 2.5em 0 0.2em;
}


}
/* End_SP */













@keyframes btn-action2 {
    0% {  opacity:0;}
    100% {  opacity:1.0;}
}


@keyframes btn-action1 {
    0% {  opacity:1;}
    100% {  opacity:0;}
}











/* msie11 */

@media all and (-ms-high-contrast:none){

*::-ms-backdrop, #contents {
    overflow-y: hidden;
}

*::-ms-backdrop, .drBox .frImg img{
object-fit: cover;
font-family: 'object-fit: cover;'
}

*::-ms-backdrop, .voiceBox2 .flImg img {
object-fit: cover;
font-family: 'object-fit: cover;'
}



}

/* サンクスページ非表示 */
.subcat_id290, .subcat_id291 {
display: none;
}