/* Nodoca CSS */

/*特殊清掃サイト内コンテンツ*/
a.link-hover:hover{text-decoration:underline;opacity:1;}

@media screen and (max-width: 767px) {
#in-header #logo{max-width:210px!important;}
}

/* レイアウト */
*{font-family:sans-serif;}
section{margin-bottom:10px;}
strong,.bold{font-weight:bold!important;}
.highlight01{background:linear-gradient( rgba(255, 242, 160, 0)60%, rgba(255, 242, 160, 1)60%, rgba(255, 242, 160, 1));padding: 4px;}
.right{text-align:right!important;}
.right p{text-align:left!important;}
.center{text-align:center!important;}
.left{text-align:left!important;}
p.right,p.center,p.left{padding-bottom:0!important;}
.clear-both,.clear{clear:both;}
article{margin-bottom:40px;}
table th,table td{vertical-align:middle;}
.table01 th,.table01 td{border:1px solid #444;line-height:1.2em;}
.table01 th{background:#E5D8CF url(image/th-bg.png);background-size:100% 100%;}
.table01 td{background:#FFF url(image/th-bg.png);background-size:100% 100%;}

.price-list{line-height:1.3em;}

/*両端への均等配置 参考：mana基礎編P154*/
.container-between{display:flex;justify-content:space-between;}
.container-between .w50PC{width:45%;}
@media screen and (max-width:599px) {
.container-between{display:inline;}
}
/*
.container-between .item{margin:8px;}
*/

/*下へ順次、追加していく配置 参考：mana基礎編P154*/
.flex-wrap{display:flex;flex-wrap:wrap;}

/*.flex-wrap ul li{margin-right:40px;}
*/

/*複数行に渡り、均等配置 mana基礎編P155*/
.container-flex{display:flex;flex-wrap:wrap;align-content:space-around;}
.container-flex .item{margin:10px 0;}
.container-flex li{margin-left:20px;}


.w20{width:19%;margin:0 0.5%;}
.w30{width:31%;margin:0 1%;}
.w40{width:38%;margin:0 1%;}
.w50{width:48%;margin:0 1%;}
.w60{width:58%;margin:0 1%;}
.w70{width:67%;margin:0 1%;}
.w80{width:78%;margin:0 1%;}
.w20PC,.w20pc{width:18%;margin:1%;}
.w30PC,.w30pc{width:28%;margin:1%;}
.w40PC,.w40pc{width:38%;margin:1%;}
.w50PC,.w50pc{width:48%;margin:1%;}
.w60PC,.w60pc{width:58%;margin:1%;}
.w70PC,.w70pc{width:68%;margin:1%;}
.w80PC,.w80pc{width:78%;margin:1%;}

@media only screen and (max-width:499px){
.w20PC,.w30PC,.w40PC,.w50PC,.w60PC,.w70PC,.w80PC{width:100%;margin:4px 0;float:none;}
}
.w25PC2{width:23%;margin:0 1%;}
@media only screen and (max-width:499px){
.w25PC2{width:48%;margin:0 1%;}
}

.w100{width:100%;}
.float-L{float:left;}
.float-R{float:right;}

.mg5{margin:5px!important;}
.mg10{margin:10px!important;}

.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}

.pdg5{padding:5px;}
.pdg10{padding:10px;}
.pdg20{padding:20px;}
.pdgb0{padding-bottom:0!important;}

/* テキストの装飾 */
.text-L{text-align:left!important;}
.text-R{text-align:right;}
.center{text-align:center;}
.italic{font-style:italic;}

/* 共通パーツ */
#top-page_blog-infomation{margin:0 10px 10px;}
#top-page_blog-infomation p{font-size:1em;line-height:1.4em;}
/*
#prize-area{border:1px solid #c0bbb3;padding:20px;}
#prize-area section{text-align:center;}
#prize-area p{line-height:1.4em;}
*/
.btn01{text-align:center;}
.btn01 a{color:#fff;text-decoration:none;border-radius:4px;max-width:400px;padding:16px;margin:10px auto;display:block;}
.btn01 a:hover{color:#fff!important;opacity:0.7;}

.btn02{display:inline-block;padding:10px;border-radius:6px;width:80%;box-sizing:border-box;background-color:#39c;color:#fff!important;font-weight:bold;margin-top:10px;text-align:center;text-decoration:none;}
.btn02:hover{background-color:#f60;}
.btn03{display:inline-block;margin-bottom:10px;text-align:center;}
.btn03 a{color:#595757;text-decoration:none;padding:6px 10px;border-radius:20px;border:solid 1px #595757;}
.btn03 a:hover{background-color:#f0f0f0;}
.btn05{width:100%;text-align:center;margin-top:20px;margin:10px auto 0;}
.btn05 a{text-decoration:none;color:#fff;display:block;padding:10px 5px;border:solid 1px #0075D0;border-radius:4px;font-size:18px;
background: rgb(52,165,241);
background: -moz-linear-gradient(top, rgb(52,165,241) 0%, rgb(1,118,209) 100%);
background: -webkit-linear-gradient(top, rgb(52,165,241) 0%,rgb(1,118,209) 100%);
background: linear-gradient(to bottom, rgb(52,165,241) 0%,rgb(1,118,209) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34a5f1', endColorstr='#0176d1',GradientType=0 );}
.icon01{padding:1px;background:#aa0023;color:#fff;font-size:14px;line-height:3.5em;text-align:center;margin-right:6px;width:50px;height:50px;}

.btn-brown a{
font-size:1.2em;
background:rgb(191,93,61);
background:-moz-linear-gradient(top, rgb(191,93,61) 0%, rgb(119,40,14) 50%, rgb(117,34,1) 50%, rgb(104,26,1) 51%, rgb(142,53,21) 100%);
background:-webkit-linear-gradient(top, rgb(191,93,61) 0%,rgb(119,40,14) 50%,rgb(117,34,1) 50%,rgb(104,26,1) 51%,rgb(142,53,21) 100%);
background:linear-gradient(to bottom, rgb(191,93,61) 0%,rgb(119,40,14) 50%,rgb(117,34,1) 50%,rgb(104,26,1) 51%,rgb(142,53,21) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5d3d', endColorstr='#8e3515',GradientType=0 );
}
/*
.btn-orange a{
background-color:#ffdbc7;
color:#444;
}
.btn-orange a:hover{
background-color:#f6b794;
color:#444;
}
*/
.btn-orange a{
font-size:1.2em;
background:rgb(255,141,28);
background:-moz-linear-gradient(top, rgb(255,141,28) 0%, rgb(255,140,10) 50%, rgb(255,124,0) 51%, rgb(234,92,4) 100%);
background:-webkit-linear-gradient(top, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
background:linear-gradient(to bottom, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d1c', endColorstr='#ea5c04',GradientType=0 );
}
.btn-green a{
font-size:1.2em;
background:#20bf20;
background:-moz-linear-gradient(top, #20bf20 0%, #32a80f 50%, #078e00 51%, #13c413 100%);
background:-webkit-linear-gradient(top, #20bf20 0%,#32a80f 50%,#078e00 51%,#13c413 100%);
background:linear-gradient(to bottom, #20bf20 0%,#32a80f 50%,#078e00 51%,#13c413 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bf20', endColorstr='#13c413',GradientType=0 );
}
.btn-purple a{
font-size:1.2em;
background:#cb60b3;
background:-moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);
background:-webkit-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
background:linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 );
}
.btn-red a{
font-size:1.3em;
line-height:1.3em;
color:#8e3739;
border:2px solid #8e3739;
background: #fff;
}
.btn-red a:hover{
color:#fff;
background: #8e3739;
background: -moz-linear-gradient(top,  #8e3739 0%, #5b161d 100%);
background: -webkit-linear-gradient(top,  #8e3739 0%,#5b161d 100%);
background: linear-gradient(to bottom,  #8e3739 0%,#5b161d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e3739', endColorstr='#5b161d',GradientType=0 );
}
.btn-simple{margin:0 auto;}
.btn-simple a{
font-weight:bold;
border-radius:8px;padding:14px;font-weight:bold;text-decoration:none;
font-size:1.3em;
line-height:1.3em;
color:#8e3739;
border:4px solid #8e3739;
background: #fff;
}
.btn-simple a:hover{
opacity:1;
color:#8e3739!important;
background: #bf6451;
}
/*
.btn-simple a:hover{background-color:#cea42f;}
*/

/* テキストエリアの装飾 */
main p{font-size:16px;}
.area{display:block;}
.area a{text-decoration:none;}

.area01{padding:8px;
border:solid 1px #ddd;border-radius:4px;
background: #ededed;
}
.area02{padding:8px;
border:solid 1px #dedad3;border-radius:4px;
background: #fdfcf4;
background: -moz-linear-gradient(top,  #fdfcf4 0%, #f7f3df 100%);
background: -webkit-linear-gradient(top,  #fdfcf4 0%,#f7f3df 100%);
background: linear-gradient(to bottom,  #fdfcf4 0%,#f7f3df 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcf4', endColorstr='#f7f3df',GradientType=0 );
}
.area03{padding:14px;
border:solid 5px #000;
}

.font01{font-size:16px!important;line-height:24px!important;}
.font02{font-size:18px!important;line-height:27px!important;}
.font03{font-size:20px!important;line-height:29px!important;}
.font04{font-size:23px!important;line-height:31px!important;}
.font05{font-size:28px!important;line-height:36px!important;}

/* テキストボックスの装飾 */
.whitebox{border:1px solid #cea42f;padding:14px;}
ul.whitebox li{padding:0;}

/* リストの装飾 */
ul.list01 li{list-style:disc outside;margin-left:14px;}
ul.list02{margin-bottom:0!important;}
ul.list02 li{display:inline;margin-right:20px;line-height:1.6em;}

/* サイドバーのバナー */
#side-banner img{margin-bottom:5px;}


/* ヘッダーの連絡先 */
@media only screen and (max-width:499px){
#header-right{}
}

@media only screen and (max-width:499px) {
#ihin-next_logo img{max-width:200px;}
#header-award img{max-width:184px;}
#header-right{width:30%;max-width:250px;}
}

@media only screen and (min-width:1001px) {
#ihin-next_logo img{max-width:280px;}
#header-award img{max-width:216px;}
}

/*両端への均等配置 参考：mana基礎編P154*/
.container-between{display:flex;justify-content:space-between;}
.container-between .w50PC{width:45%;}
@media screen and (max-width:599px) {
.container-between{display:inline;}
}
/*
.container-between .item{margin:8px;}
*/

/*下へ順次、追加していく配置 参考：mana基礎編P154*/
.flex-wrap{display:flex;flex-wrap:wrap;}

/*.flex-wrap ul li{margin-right:40px;}
*/

/*複数行に渡り、均等配置 mana基礎編P155*/
.container-flex{display:flex;flex-wrap:wrap;align-content:space-around;}
.container-flex .item{margin:10px 0;}
.container-flex li{margin-left:20px;}

@media only screen and (max-width:499px){
.PC{display:none;}
.mini,.mini a{font-size:12px!important;line-height:16px!important;}
}

@media only screen and (min-width: 500px) {
.SP{display:none;}
.mini,.mini a{font-size:12px!important;line-height:16px!important;}
}


/*地域別のページ*/
/*
.areabox-contents{padding:20px 30px;}
*/
.areabox-contents h2{font-size:1.5em!important;}
.areabox-contents ul.area-list{display:flex;justify-content:flex-start;flex-wrap:wrap;list-style-position:inside;}
.areabox-contents ul.area-list li{position:relative;/*width:15%;*/list-style-type:disclosure-closed!important;/*left:-12px;*/margin-right:20px;}
.areabox-contents ul.area-list li,.areabox-contents ul.area-list lip,.areabox-contents ul.area-list li a{font-size:14px!important;}
.areabox-contents ul.area-list p{}
.areabox-contents ul.area-list li a{padding:0 5px 0;color:#333;text-decoration:none;}
.areabox-contents ul.area-list li a:hover{color:#333;text-decoration:none;}