@charset "utf-8";

@import url('./base.css');

body{
color:#333;
font:14px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents{
width:1000px;
margin: 0 auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents a:link{
color:#1C70E1;
text-decoration: underline;
}

#contents a:visited{
color:#1C70E1;
text-decoration: underline;
}

#contents a:hover{
color:#DB477E;
cursor: pointer;
text-decoration: none;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents h1.title_bar{
display:block;
width: 980px;
padding:0px;
margin: 0px auto;
text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents h2.category{
width: 960px;
margin: 10px auto;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:800;
font-size:33px;
text-align: center;
color:rgba(82,49,29,1.00);
}
#contents h2.category span{
width:130px;
background-color: rgba(255,159,160,1.00);
border-radius: 50px;
margin-right: 10px;
padding: 10px;
font-weight:800;
font-size:18px;
color:rgba(255,255,255,1.00);
line-height:17pt;
font-family: "m-plus-rounded-1m", sans-serif;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}

#contents h3.category_mini{
width: 960px;
margin:30px auto 0px auto;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:600;
font-size:30px;
text-align: center;
color:rgba(128,116,108,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.line{
width: 960px;
display: block;
margin: 30px auto 0px auto;
padding: 0px;
border-style: none;
}

#contents img.line_sp{
display: none;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.point_box{
background:  linear-gradient(30deg,rgba(249,16,60,0.7),rgba(246,219,71,0.7),rgba(247,165,23,0.7),rgba(44,209,233,0.7),rgba(160,232,101,0.7),rgba(250,78,135,0.7),rgba(231,67,251,0.7));
width:920px;
padding: 6px;
border-radius: 30px;
margin: 10px auto 0px auto;
}

 
#contents div.point_box div.inbox{
border-radius: 30px;
background: #ffffff;
padding: 20px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.point_box div.inbox div.img500{
width: 500px;
display: block;
margin:0px auto;
padding: 0px;
border-style: none;
}


#contents div.point_box div.inbox div.img500 img:hover{
opacity: 0.5;
}

#contents div.point_box div.inbox div.img500_sp{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents div.point_box div.inbox ul.point{
width:840px;
margin:-10px auto 30px auto;
padding: 0px;
}

#contents div.point_box div.inbox ul.point li{
margin-bottom: 12px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:600;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents div.point_box div.inbox ul.point li span.box1{
display: inline-block;
width:auto;
margin-right: 8px;
font-weight:bold;
font-size:19px;
color:rgba(244,87,122,1.00);
}

#contents div.point_box div.inbox ul.point li span.box2{
display:block;
width:auto;
margin-right: 8px;
font-weight:bold;
font-size:17px;
color: rgba(119,96,81,1.00);
vertical-align: top
}

#contents div.point_box div.inbox ul.point li ol{
width:auto;
margin-top:0px;
margin-left:30px;
padding: 0px;
}

#contents div.point_box div.inbox ul.point li ol li{
list-style-type: decimal;
}

#contents div.point_box div.inbox ul.point li ol li span.mini{
display: block;
font-size:15px;
}


#contents div.point_box div.inbox ul.point li ol li span.pattern1{
display: block;
width: 700px;
font-size:17px;
font-weight:bold;
color: rgba(119,96,81,1.00);
}

#contents div.point_box div.inbox ul.point li ol li span.pattern2{
display: block;
width: 700px;
font-size:17px;
font-weight:400;
color: rgba(119,96,81,1.00);
}




#contents div.point_box div.inbox ul.point li ul{
width:auto;
margin-top:0px;
margin-left:30px;
margin-bottom: 30px;
padding: 0px;
}

#contents div.point_box div.inbox ul.point li ul li{
margin-bottom: 10px;
list-style-type: disc;
font-weight:400;
font-size:17px;
}

#contents div.point_box div.inbox ul.point li ul li.none{
margin-bottom: 10px;
list-style-type: none;
font-weight:400;
font-size:17px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents ol.touroku_flow{
width: 820px;
margin: 10px auto;
padding: 0px;
}

#contents ol.touroku_flow li{
margin-bottom: 10px;
font-size:18px;
color:#555125;
}

#contents ol.touroku_flow li.none{
margin-bottom: 10px;
font-size:18px;
color:#555125;
list-style-type: none;
}

#contents ol.touroku_flow li span.box3{
display: block;
font-weight:bold;
font-size:19px;
color:rgba(244,87,122,1.00);
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
}


#contents ol.touroku_flow li span.box4{
display:block;
width:auto;
margin-right: 8px;
}

#contents ol.touroku_flow li span.box_kome{
display:block;
width:auto;
margin-right: 8px;
font-size:15px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.kome{
width:880px;
margin:10px auto 0px auto;
padding: 0px;
}

#contents ul.kome li{
margin-bottom: 10px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.kome li span{
width: 850px;
display: inline-block;
}

#contents ul.kome li:before{
content: "※";
display: inline-block;
margin-right: 5px;
vertical-align: top;
}

#contents ul.kome li span.red_bold{
display: inline;
font-weight:bold;
color:rgba(232,4,8,1.00);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents table.clinic{
width:780px;
margin:10px auto 0px auto;
padding: 0px;
border-collapse: collapse;
border-top:solid rgba(158,139,124,1.00) 1px;
border-left:solid rgba(158,139,124,1.00) 1px;
border-right:solid rgba(158,139,124,1.00) 1px;
box-sizing: border-box;
}

#contents table.clinic th.th1{
background-color:rgba(245,141,154,1.00);
border-bottom:solid rgba(158,139,124,1.00) 1px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:bold;
text-align: center;
font-size:20px;
color:rgba(255,255,255,1.00);
padding: 8px;
}


#contents table.clinic th.th2{
padding:8px;
line-height: 15pt;
border-left:solid rgba(255,255,255,1.00) 1px;
border-bottom:solid rgba(158,139,124,1.00) 1px;
background-color:rgba(245,141,154,1.00);
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:bold;
text-align: center;
font-size:20px;
color:rgba(255,255,255,1.00);

}

#contents table.clinic td.td1{
font-size:17px;
padding:8px;
border-bottom:solid rgba(158,139,124,1.00) 1px;
vertical-align: middle;
color:rgba(134,90,67,1.00);
}

#contents table.clinic td.td2{
font-size:17px;
padding:8px;
border-bottom:solid rgba(158,139,124,1.00) 1px;
border-left:solid rgba(158,139,124,1.00) 1px;
vertical-align: middle;
color:rgba(134,90,67,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents table.detail{
width:820px;
margin:10px auto 0px auto;
padding: 0px;
border-collapse: collapse;
border-top:solid rgba(158,139,124,1.00) 1px;
border-left:solid rgba(158,139,124,1.00) 1px;
border-right:solid rgba(158,139,124,1.00) 1px;
box-sizing: border-box;
}

#contents table.detail th.th1{
background-color:rgba(245,141,154,1.00);
border-bottom:solid rgba(255,225,255,1.00) 1px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:bold;
text-align: center;
font-size:18px;
color:rgba(255,255,255,1.00);
padding: 8px;
}


#contents table.detail th.th2{
background-color:rgba(245,141,154,1.00);
border-bottom:solid rgba(158,139,124,1.00) 1px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:bold;
text-align:center;
font-size:20px;
color:rgba(255,255,255,1.00);
padding: 8px;
}

#contents table.detail td.td1{
font-size:17px;
padding:8px;
border-bottom:solid rgba(158,139,124,1.00) 1px;
vertical-align: middle;
color:rgba(134,90,67,1.00);
}

#contents table.detail td.td2{
font-size:17px;
padding:8px;
border-bottom:solid rgba(158,139,124,1.00) 1px;
border-left:solid rgba(158,139,124,1.00) 1px;
vertical-align: middle;
color:rgba(134,90,67,1.00);
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.item{
width:580px;
margin:5px auto 0px 20px;
padding: 0px;
}

#contents ul.item li{
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:400;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type:disc;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.kome2{
width:580px;
margin:5px auto 0px 0px;
padding: 0px;
}

#contents ul.kome2 li{
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.kome2 li span{
width:550px;
display: inline-block;
}

#contents ul.kome2 li:before{
content: "※";
display: inline-block;
margin-right: 5px;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents img.bar{
width: 520px;
display: block;
margin:60px auto 20px auto;
padding: 0px;
border-style: none;
}


#contents img.bar02{
width: 520px;
display: block;
margin:0px auto 20px auto;
padding: 0px;
border-style: none;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents div.link_bar{
width: 900px;
margin:-20px auto 50px auto;
padding: 0px;
}

#contents div.link_bar img:hover{
opacity: 0.5;
}

#contents div.link_bar02{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents p.main{
width:880px;
margin:10px auto 20px auto;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:20px;
text-align:left;
color:#555125;
line-height: 22pt;
}

#contents p.bold{
width:880px;
margin:10px auto 0px auto;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:600;
font-size:19px;
text-align:left;
color:#555125;
line-height: 22pt;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents span.bold{
display: inline;
font-weight:900;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.download{
width:480px;
margin:0px auto 25px auto;
padding: 0px;
box-sizing: border-box;
}

#contents ul.download li{
margin-bottom:5px;
padding: 0px;
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.download li span.data_name{
display:block;
font-weight:bold;
font-size:17px;
padding: 0px;
}

#contents ul.download li span.data{
display:block;
font-weight:400;
font-size:16px;
padding: 0px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contents div.flex_link{
display: flex;
width:auto;
margin: 0px auto;
padding: 0px;
flex-direction: row;
justify-content: center;
flex-wrap:wrap;
}

#contents div.flex_link div.link_box{
flex-basis: 254px;
margin:0px 10px;
padding: 0px;
}

#contents div.flex_link div.link_box img:hover{
opacity: 0.5;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents ul.supplement{
width:900px;
margin:50px auto 0px auto;
padding: 0px;
}

#contents ul.supplement li{
font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
font-weight:500;
font-size:17px;
text-align:left;
color: rgba(119,96,81,1.00);
list-style-type: none;
}

#contents ul.supplement li span{
width: 870px;
display: inline-block;
}

#contents ul.supplement li:before{
content: "※";
display: inline-block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents .toi_yellow{
padding: 2px 20px;
background-color: #fcf0ac;
text-align: center;
margin: 20px 0;
border-radius: 5px;
-moz-border-radius: 5px;
font-size:18px;
}


#contents p.toplink{
margin:30px 30px;
text-align: right;
cursor:pointer;
font-size:18px;
}