@charset "utf-8";

/* *{
   margin:0px;
   padding:0px;
} */

.rp4wp-related-posts {
  margin-top: 36px;
  display: inline-block;
  width: 100%;
}

/*-----------------------
HTML STYLE
--------------------------*/

/* body {
  font-size: 88%;
  line-height:150%;
  margin: 0;
  padding: 0;
  font-family: "Roboto",'Helvetica','Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  background:url('images/background.png') repeat-x 0 190px;
} */

img{
  border:none;
}

/* p{
  margin:1.3em 0em;
  font-size: 1.4rem;
  line-height: 1.6;
} */

ul,ol{
  margin:1em 1em 1em 2em;
}

li{
  margin:0.5em 0.5em;
}



/* h1{
  font-size:200%;
  margin:0em 0em 1em;
  line-height:130%;
} */

h1{
  font-size:2.4rem;
  color: #0fa566;
}


.underpage__ttl {   
  background-color: #0fa566;
  padding: 1.3rem 1.6rem;
  margin-bottom: 2.8rem;
}

.underpage__ttl h1{   
  font-size: 2.4rem;
  line-height: 1.2;
  border-left: solid 3px #fff;
  color: #fff;
  padding-left: 1.6rem;
}


/* h2{
  margin:2em 0em 1em;
  font-size:160%;
  border-bottom:1px dotted #cccccc;
  padding:8px 0px;
  line-height:130%;
} */

#content h2{
  background:url('../img/h2-back.png') no-repeat 100% 5px;
  margin:2em 0em 1em;
  font-size:2.3rem;
  border-bottom:1px dotted #cccccc;
  padding:8px 0px;
  line-height:130%;
}


#content h2 a{
  text-decoration:none;
}

/* h3{
  margin:2em 0em 1em;
  font-size:130%;
  background:#eeeeee;
  padding:6px 10px;
  border-bottom:1px solid #dddddd;
} */

#content h3{
  background: url(../img/h3-back.png) no-repeat 0 0;
  margin: 1em 0em 1em;
  font-size: 1.8rem;
  border-bottom: 1px solid #dddddd;
  padding: 1rem 3.2rem;
  line-height: 1.3;
}


h4{
  margin:2em 0em 1em;
  font-size: 1.4rem;
}

strong{
  font-size:130%;
  color:#FF4900;
}


u{
  background:#ffffaa;
}

/*--------------------------
HEADER STYLE
----------------------------*/

#header-block{
  height:125px;
}

.description{
  background:#005875;
  border:1px solid #EDF8FF;
  border-bottom:1px solid #EDF8FF;
  background:#EDF8FF;
  border:1px solid #EDF8FF;
  border-bottom:1px solid #EDF8FF;
  height:34px;
  margin:0 0 2px 0;
}

.description p{
  width:960px;
  text-align:left;
  font-size:85%;
  color:#0066ff;
  margin:6px auto;
}

#header {
  width:960px;
  margin:0 auto;
  position:relative;
  background:#ffffff url('images/header.png') no-repeat 0 0;
  height:125px;
  text-indent:-9999px;
  overflow:hidden;
}



#global-menu{
  margin:0 auto !important;
  height:60px;
  background:#0099cc;
}

#global-menu ul{
  margin:0 auto;
  height:60px;
  width:960px;
}

#global-menu li{
  margin:0 0px 0 0 !important;
  float:left;
  height:60px;
  text-indent:-9999px;
  
  list-style:none;
}

#global-menu li a{
  text-decoration:none;
  display:block;
  width:100%;
  height:100%;
}

.gm01{
  width:80px;
  background:url('images/gm01.png') no-repeat 0 0;
}

.gm01 a:hover{
  background:url('images/gm01.png') no-repeat 0 100%;
}

.gm02{
  width:162px;
  background:url('images/gm02.png') no-repeat 0 0;
}

.gm02 a:hover{
  background:url('images/gm02.png') no-repeat 0 100%;
}

.gm03{
  width:159px;
  background:url('images/gm03.png') no-repeat 0 0;
}

.gm03 a:hover{
  background:url('images/gm03.png') no-repeat 0 100%;
}

.gm04{
  width:114px;
  background:url('images/gm04.png') no-repeat 0 0;
}

.gm04 a:hover{
  background:url('images/gm04.png') no-repeat 0 100%;
}

.gm05{
  width:133px;
  background:url('images/gm05.png') no-repeat 0 0;
}

.gm05 a:hover{
  background:url('images/gm05.png') no-repeat 0 100%;
}


.gm06{
  width:159px;
  background:url('images/gm06.png') no-repeat 0 0;
}

.gm06 a:hover{
  background:url('images/gm06.png') no-repeat 0 100%;
}

.gm07{
  width:153px;
  background:url('images/gm07.png') no-repeat 0 0;
}

.gm07 a:hover{
  background:url('images/gm07.png') no-repeat 0 100%;
}



#global-submenu{
  margin:0 auto !important;
  height:47px;
  background:#ffffff;
  border-bottom:1px solid #dddddd;
  font-size:90%;
}

#global-submenu ul{
  margin:0 auto;
  padding:0px 0;
  width:960px;
  height:47px;
  overflow:hidden;
}

#global-submenu li{
  display:block;
  margin:0;
  list-style:none;
  float:left;
  text-indent:-9999px;
  height:47px;
}

#global-submenu li a{
  display:block;
  width:100%;
  height:100%;
}


.sn01{
  width:87px;
  background:url('images/sn01.png') no-repeat 0 0;
}

.sn01 a:hover{
  background:url('images/sn01.png') no-repeat 0 100%;
}

.sn02{
  width:106px;
  background:url('images/sn02.png') no-repeat 0 0;
}

.sn02 a:hover{
  background:url('images/sn02.png') no-repeat 0 100%;
}

.sn03{
  width:108px;
  background:url('images/sn03.png') no-repeat 0 0;
}

.sn03 a:hover{
  background:url('images/sn03.png') no-repeat 0 100%;
}

.sn04{
  width:79px;
  background:url('images/sn04.png') no-repeat 0 0;
}

.sn04 a:hover{
  background:url('images/sn04.png') no-repeat 0 100%;
}

.sn05{
  width:117px;
  background:url('images/sn05.png') no-repeat 0 0;
}

.sn05 a:hover{
  background:url('images/sn05.png') no-repeat 0 100%;
}

.sn06{
  width:78px;
  background:url('images/sn06.png') no-repeat 0 0;
}

.sn06 a:hover{
  background:url('images/sn06.png') no-repeat 0 100%;
}

.sn07{
  width:88px;
  background:url('images/sn07.png') no-repeat 0 0;
}

.sn07 a:hover{
  background:url('images/sn07.png') no-repeat 0 100%;
}

.sn08{
  width:109px;
  background:url('images/sn08.png') no-repeat 0 0;
}

.sn08 a:hover{
  background:url('images/sn08.png') no-repeat 0 100%;
}

.sn09{
  width:101px;
  background:url('images/sn09.png') no-repeat 0 0;
}

.sn09 a:hover{
  background:url('images/sn09.png') no-repeat 0 100%;
}

.sn10{
  width:87px;
  background:url('images/sn10.png') no-repeat 0 0;
}

.sn10 a:hover{
  background:url('images/sn10.png') no-repeat 0 100%;
}



/*---------------------------
LAYOUT STYLE
-----------------------------*/


#rap {
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
  padding-top: 4rem;
}

#content p{
  margin:1.3em 0em;
  font-size: 1.4rem;
  line-height: 1.45;
}

#content ul {
  margin: 2rem 0;
}

#content ul li{
  font-size: 1.4rem;
  line-height: 1.7;
  list-style: disc;
  /* list-style-position: inside; */
}

#content li a {
  text-decoration: underline;
  color: blue;
}


/* #rap {
  margin: 0 auto;
  width: 960px;
} */

.pagetop{
  margin:3em 0em;
  text-align:right;
  font-size:85%;
}

.link-style{
  padding-left:18px;
  line-height:100%;
  background:url('../img/icon-arrow-r.png') no-repeat 2px 6px;
  text-decoration: underline;
}

/* table.basic-table{
  border:3px solid #dddddd;
  border-collapse:collapse;
  margin:1em 0em;
  font-size:95%;
} */

table.basic-table {
  border: 3px solid #dddddd;
  border-collapse: collapse;
  margin: 2em 0em;
  font-size: 95%;
}


/* .basic-table th{
  border:1px solid #eeeeee;
  padding:5px 7px;
  background:#fafafa;
  font-weight:normal;
} */

.basic-table th{
  border:1px solid #eeeeee;
  padding:5px 7px;
  background:#fafafa;
  font-weight:normal;
  font-size: 1.3rem;
  vertical-align: middle;
}

/* .basic-table td{
  border:1px solid #eeeeee;
  padding:5px 7px;
} */

.basic-table td {
  border: 1px solid #eeeeee;
  padding: 5px 7px;
  font-size: 1.3rem;
  vertical-align: middle;
}



/*-----------------------
PANKUZU STYLE
-------------------------*/

#pankuzu{
  margin:0.8em 0em;
}

#pankuzu a{
  color:#666666;
  font-weight:bold;
  text-decoration:none;
}

/* #pankuzu a:hover{

} */


/*------------------------
CONTENTS STYLE
-------------------------*/

.alignright{
  float:right;
  margin-left:1em;
}

.alignleft{
  float:left;
  margin-right:1em;
}

.paging{
  text-align:center;
}

#top-img-block{
  background:#eeeeee;
  padding:20px 0px 20px;
  text-indent:-9999px;
  margin:0 0 0px;
}

#top-img{
  overflow:hidden;
 width:960px;
 margin:0 auto;
 height:400px;
}


.top-link{
  display:block;
  width:100%;
  height:100%;
}

.top-link a{
  width:100%;
  height:100%;
  display:block;
}

#top-img h2,#top-img h3,#top-img h4{
  background:none !important;
  border:none !important;
}

#content{
  width:660px;
  float:left;
  padding-top: 13rem;
}

/* #content{
  width:660px;
  float:left;
  margin:0 0 0 10px;
} */

* html body #content{
  margin:0 0 0 0px;
}

.top-header{
  background:url('images/top-header.png') no-repeat 0 0;
}

.section{
  margin:1em 0em 2em;
}

/* .news{
  margin:3em 0em 3em;
  border:1px solid #eeeeee;
  padding:10px;
} */

.news h2{
  margin:0 !important;
  font-size:100%;
  padding-left:1em;
}

.new-icon{
  margin:0px 5px;
}

.new-icon img{
  vertical-align:middle !important;
}


#page-footer{
  clear:both;
  text-align:center;
  margin:4em 0px !important;
}

#pagefooter-contact{
  margin:3em 0em ;
}

#about{
  margin:100px auto 2em ;
  background:url('images/baggi.png') no-repeat right 0;
  font-size:90%;
  line-height:140%;
  color:#666666;
  width:620px;
}

.footer-salon-img{
  width:160px;
  height:120px;
  margin-right:15px;
  float:left;
}


#about h3{
  background:url('images/footer-salon-name.png') no-repeat 175px 0;
  margin:0 !important;
  padding:0 !important;
  text-indent:-9999px;
  height:36px;
  padding:0;
  border:none;
}


.link-mes{
  border:1px solid #eeeeee;
  padding:10px 15px;
  margin:3em 0em;
}

.link-mes h3{
  margin: 0.3em 0 1em !important;
}


#footer-contact{
  position:absolute;
  bottom:40px;
  right:0px;
  width:300px;
  height:35px;
 display:block;
  text-indent:-9999px;
}

#footer-contact a{
  display:block;
  width:100%;
  height:100%;
}



/*------------------------
MENU STYLE
-------------------------*/

#menu {
  width:240px;
  float:right;
  margin:10px 10px 0px 0px;
  padding-bottom:20px;
}

* html body #menu{
  margin:10px 0px 0px 0px;
}

.menulist{
  background:#ffffff;
  padding:0 0 0px;
  margin:14px 0px;
  border:1px solid #dddddd;
}

.menulist h2{
  margin:0 !important;
  padding:10px 0 !important;
  font-size:100% !important;
  text-align:center;
  background:#0099CC;
  color:#ffffff;
  border:0;
}

.menulist h2 a{
  color:#ffffff !important;
  text-decoration:none;
}

.menulist h3.h2_style{
  margin:0 !important;
  padding:10px 0 !important;
  font-size:100% !important;
  text-align:center;
  background:#0099CC;
  color:#ffffff;
  border:0;
}

.menulist h3.h2_style a{
  color:#ffffff !important;
  text-decoration:none;
}

.menu-servicelist ul{
  border:none !important;
  margin:0;
}

.menu-servicelist li{
  padding:0px 0px !important;
  clear:both;
  overflow:hidden;
  border:none !important;
  margin:5px 0;
  border:2px solid #9DD8FF !important;
  border-radius: 4px;		/* CSS3草案 */
  -webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 4px;	/* Firefox用 */
  list-style:none;
}

.menu-servicelist li:hover{
  border:2px solid #cc0000 !important;
}


.menu-servicelist .menu-thumb-img{
  float:left;
  margin:0;
  margin-right:7px;
  padding:0 !important;
}

.menu-servicelist .menu-thumb-img img{
  margin:0 0px;
  padding:0 0px;
  border:0;
  width:90px;
  height:60px;
}

.menu-servicelist p{
  margin:5px 0 0;
  line-height:110%;
}

.menu-servicelist p b{
  font-size:110%;
}

.menu-servicelist a{
  text-decoration:none;
  color:#0099ff;
}

.menu-servicelist li:hover a{
  color:#cc0000;
}



.munu-list-nav{
  text-align:right;
  font-size:85%;
}


.munu-list-nav a{
  color:#666666;
  text-decoration:none;
}


.menulist p{
  margin:0.5em;
}

.menulist p.link-style{
  margin:5px 8px 0px !important;
  padding-bottom:5px;
}


.menulist ul{
  margin:0 !important;
}

.menulist li{
  background:url('images/icon-arrow-r.png') no-repeat 5px 50%;
  padding:5px 2px 5px 20px;
  margin:3px 0 !important;
  border-bottom:1px dotted #dddddd;
  list-style:none;
}

.resultmenu li{
  background:none;
  padding:5px 10px;
  overflow:hidden;
}

.resultmenu li p{
  margin:0;
}

.resultmenu .menu-thumb-img{
  float:left;
  margin-right:15px;
}

.menu-thumb-img img{
  width:50px;
  height:50px;
}


.menulist li:last-child{
  border:none;
}


ul.rss-list{
  margin:1em 0em !important;
  height:30px;
}

.rss-list li{
  display:inline;
  font-size:95%;
  background:#333;
  line-height:100%;
  text-align:center;
  padding:5px;
  margin:0;
}

.rss-list li a{
  text-decoration:none;
  color:#ffffff;
}


/*-----------------------
FOOTER STYLE
------------------------*/

#footer-navi-block{
  padding:10px 0 10px;
  line-height:120%;
  background:#ffffff;
  border-top:1px solid #0099CC;
  /*border-bottom:1px solid #dddddd;*/
background:#0099CC;
}

#footer-navigation{
 position:relative;
  clear:both;
  width:960px;
  margin:0em auto;
  font-size:95%;
}

#footer-navigation p{
 border:none;
 margin:0;
}

#footer-navigation table td{
  padding:10px 20px 10px 0 !important;
}

ul.footer-navi{
  margin:0em 0 !important;
  line-height:100%;
}


.footer-navi li{
  text-decoration:none;
  margin:5px 0px !important;
  list-style:none;
  padding-left:2px;
  background:url('images/icon-list-small.png') no-repeat 0 50%;
} 

.footer-navi li a{
  text-decoration:none;
  color:#ffffff;
}

.footer-navi li a:hover{
  text-decoration:underline;
}


ul#footer-menu {
  overflow:hidden;
  padding:8px 0;
  margin:0;
  text-align:center;
}

#footer-menu li{
  display:inline;
  padding:4px 4px;
  margin:7px 0 7px;
  white-space:nowrap;
}

#footer-menu li a{
  color:#ffffff;
  text-decoration:none;
  padding-left:5px;
}

#footer-menu li a:hover{
 /* text-decoration:underline;*/
  color:#ffff00;
}


#footer-pagetop {
  clear:both;
  width:960px;
  margin:0 auto;
}

#footer-block{
  line-height:120%;
background:#ffffff;
/*background:#00388D;*/
  border-top:1px solid #dddddd;
}

#footer {
  position:relative;
  clear:both;
  width:960px;
  background:url('images/footer.png') no-repeat 0 20px;
  height:200px;
  text-indent:-9999px;
  padding:0px 0;
  margin:0 auto;
}

#footer h3{
  background:none;
  border:none;
}

#footer a{
  text-decoration:none;
}

#footer-logo{
  width:216px;
  height:63px;
  position:absolute;
  top:15px;
  left:0;
  text-indent:-9999px;
  display:block;
  padding:0;
  margin:0;
}

#footer-logo a{
 display:block;
 width:100%;
 height:100%;
}
 


#footer-contact{
  position:absolute;
  width:201px;
  height:33px;
  top:29px;
  right:1px;
  text-indent:-9999px;
  display:block;
}

#footer-contact a{
  display:block;
  width:100%;
  height:100%;
}


#footer-bottom-block{
  background:#ffffff;
  height:100px;
}

#footer-bottom{
  width:960px;
  margin:0 auto;
  position:relative;
  height:100px;
  font-size:90%;
}

.footer-area{
	padding:50px 0;
	background:#fafafa;
	overflow:hidden;
}

.footer-area ul{
	width:960px;
	margin: 0 auto;
	font-size:120%;
	text-align:center;
}

.footer-area li{
	margin:5px 10px;
	float:left;
}

ul#bottom-navi{
  position:absolute;
  bottom:0px;
  right:0px;
  margin:0 !important;
  text-indent:0;
  font-size:86%;
}

#bottom-navi li{
  display:inline;
  margin:0 0 0 10px !important;
}

#bottom-navi li a{
  text-decoration:none;
  color:#666666;
}

#copyright{
   position:absolute;
   top:10px;
   right:0px;
   color:#666666;
   text-align:left;
}

#copyright a{
  color:#666666;
  text-decoration:none;
}





/*-----------------------
PAGE NAVIGATION STYLE
--------------------------*/
.navigation{
  margin:50px 0px 20px;
  font-size:1.4rem;
  height:30px;
  clear:both;
  padding-top:30px;
  line-height: 1.5;
}


.navigation a{
  text-decoration: underline;
  color: blue;
}

.prev{
   display:block;
   float:left;
   clear:left;
}

/* .prev a{
} */

.next{
  display:block;
  float:left;
  clear:left;
  text-align:left;
}

/* .next a{
} */

.navlink{
  text-align:center;
  /* font-size: 1.4rem; */
}




/*--------------------------
 FORM STYLE
---------------------------*/

.example{
  font-size:85%;
  color:#006633;
}

.required {
font-size:80%;
color:#cc0000;
}

.required img{
padding:2px 2px 0px;
vertical-align:top;
}

.error
{
	color: #c33;
	padding:0em;
	margin:0em;
	
}

.display-inline li{
	display:inline;
	padding:10px;
}

.form-area ul{
  margin:1em 2em;
}

.button{
  margin:10px 10px 80px ;
  text-align:center;
}

/* div.form-area{
} */

table.form-table{
	border-collapse:collapse;
	width:100%;
}

.form-table th{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	background:#fafafa;
	padding:10px 15px;
	width:30%;
}


.form-table td{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	padding:10px 15px;
}

.wrong-form{
  border:2px solid #cccccc;
  background:#eeeeee;
  padding:15px 20px;
  margin:3em 0em;
}

.success{
  font-size:130%;
  font-weight:bold;
}

.fail{
  font-size:130%;
  color:#ff0000;
  font-weight:bold;
}

input{
  padding:4px;
}

.bt-submit{
  padding:10px 50px;
  font-size:140%;
  font-weight:bold;
}

.bt-back{
  padding:5px 20px;
}


textarea{
 padding:4px;
}

select{
  padding:4px;
}


/*-----------------------
 POWERED BY
------------------------*/

#smartweblab{
  font-size:85%;
  background:#fafafa url('images/rap-footer.png') no-repeat 50% 0;
  height:100px;
}

#smartweblab p{
  width:830px;
  margin:0px auto 0 !important;
  text-align:right;
  padding-top:20px;
}


/*----------------------
FREESPACE
------------------------*/

#top-freespace{
  margin:20px 0px 10px;

}

#bottom-freespace{
  margin:20px 0px 10px;
}


#footer-freespace{
  margin:5em 0px 3em;
}

#menu-freespace{
  margin:20px 0px 20px;
}



/*------------------
COMMETN STYLE
-------------------*/

.comments{
  margin:3em 1em;
  border:1px solid #eeeeee;
  padding:10px 20px;
}

.comments h3{
  background:none !important;
  padding:0 !important;
  margin:0em 0em 1em !important;
}
 
.validator{
  margin:2em 0em;
}


.new-icon{
  color:#ffffff;
  padding:2px 4px 0px;
  font-size:80%;
  background:#ff0066;
}


.footer-thumb{
  padding:5px;
  border:1px solid #eeeeee;
}


.footer-style ul{
  margin:0;
  padding:0;
}

.footer-style li{
  width:105px;
  height:150px;
  font-size:90%;
  line-height:120%;
  float:left;
  list-style:none;
  margin:5px 10px;
}



table.ba_table{
  border-collapse:collapse;
}

table.ba_table th{
  text-align:center;
  background:#00388D;
  color:#ffffff;
}

.ba_table td{
  width:45%;
  text-align:center;
}


.ba_box{
  border:1px solid #dddddd;
  padding-bottom:15px;
  font-weight:bold;
}

.ba_box h3{
  margin:0 0 10px;
}


.topba_box{
  text-align:center;
  margin:15px 0;
}


.top_ba_table td{
  vertical-align:top;
  text-align:left;
}


.top_before{
  height:220px;
  position:relative;
}


.top_after{
  height:200px;
  position:relative;
}

.ba_img{
  height:250px;
  width: 150px;
  position: absolute;
  clip: rect(0px 150px 200px 0px);
}


.ba_label{
  position:absolute;
  left:0;
  bottom:50px;
  background:#00388D;
  color:#ffffff;
  padding:5px 10px;
  font-size:80%;
  z-index:100;
}

.ba_labe_after{
 background:#00388D;
  color:#ffff00;
}



#coverarea{
  clear:both;
  width:100%;
  margin:15px 0px;
}

table.coverarea-table{
  margin:0px 0px 10px;
  border-collapse:collapse;
  color:#444444;
  width:100%;
}

.coverarea-table th{
  width:100px;
  padding:10px;
  background:#f6f6f6;
}

.coverarea-table td{
  padding:10px;
  background:#f6f6f6;
}

ul.checkbox{
  margin:1em 0em;
  border:1px dotted #ffaa00;
  background:#ffffdd;
  padding:15px;
}

.checkbox li{
  margin:1em 1em;
  background:url('../img/icon-check.png') no-repeat 0 50%;
  padding-left:25px;
  list-style:none !important;
  font-size: 1.4rem;
}


.related-box{
 margin:5em 0;

}

.service-offer-box{
  margin:3em 0em 3em;
  border:2px solid #cc0000;
  border-radius: 5px;		/* CSS3草案 */
  -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 5px;	/* Firefox用 */
  background:#ffffee url('../img/offer-box.png') no-repeat 98% 270px;
}


.service-offer-label{
  background:#cc0000;
  font-weight:bold;
  font-size: 1.5rem;
  padding:10px 20px;
  color:#ffffff;
}

/* .service-offer{
  padding:10px 25px;
} */

.service-offer{
  padding:10px 25px;
  font-size: 1.4rem;
  line-height: 1.7;
  
}

.service-offer h2{
  background:none !important;
  margin:0 !important;
  border:none !important;
}


/* .service-offer h2{
  border:none;
  margin:0em 0em 0.5em;
} */

.pageend-offer{
  text-align:center;
  margin:5em 0em 3em;
}

.pageend-offer h2{
  background:none !important;
  border:none;
}


#top-service{
 overflow:hidden;
 margin-top:2em;
}

#top-service ul{
  margin:0;
}

#top-service ul {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

/* #top-service li{
  width:210px;
  height:330px;
  float:left;
  margin:20px 6px 20px 0;
  list-style:none;
  padding:0px 0px !important;
  overflow:hidden;
  border:none !important;
  border:2px solid #9DD8FF !important;
  border-radius: 4px;	
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
} */

#top-service li {
  width: 210px;
  height: 430px;
  list-style: none;
  padding: 0px 0px !important;
  overflow: hidden;
  border: none !important;
  border: 2px solid #9DD8FF !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}



#top-service li:hover{
  border:2px solid #cc0000!important;
}

#top-service li:nth-child(3n){
  margin:20px 0 20px 0;
}


#top-service li h2{
  font-size:120%;
  margin:0;
  background:none;
  text-align:center;
  color:#0099ff;
  border:none;
}

#top-service li:hover h2 a{
  color:#cc0000;
}


#top-service h2 a{
  text-decoration:none;
  color:#0099ff;
}

#top-service li strong{
  font-size:100%;
}

/* .top-service-copy{
  margin:0 1em;
  text-align:center;
  line-height:130%;
} */

.top-service-copy {
  margin: 0 !important;
  padding: 0 1.6rem;
  text-align: center;
}

.top-service-fee{
  margin:1em;
  text-align:center;
  line-height:120%;
  font-size:84%;
  color:#666666;
}

.bt-top-service {
  width: 140px  !important;
  padding-top: 8px  !important;
}

.bt-top-service a {
  margin-left: 18px;
  color: #fff !important;
  text-decoration: none !important;
}

.top-service-fee b{
  color:#cc0000;
  font-size:120%;
}


.no-posts{
  background:#dddddd;
  text-align:center;
  padding:3em 0;
}



.top-voice{
 overflow:hidden;
}

.top-voice ul{
  margin:0;
}

.top-voice li{
  width:150px;
  height:240px;
  float:left;
  font-size:90%;
  margin:10px 7px;
  list-style:none;
  line-height:130%;
}

.top-voice-img{
 width: 150px;
 height: 100px;
 overflow: hidden;
  border-radius: 4px;		/* CSS3草案 */
  -webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 4px;	/* Firefox用 */

}

.top-voice-img img{
  width:150px;
  height:auto;
}

.service-tag{
  width:auto;
  padding:5px;
  font-size:84%;
  text-align:center;
  background:#fafafa;
  margin: 0;
  line-height:100%;
  border-radius: 4px;		/* CSS3草案 */
  -webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 4px;	/* Firefox用 */
}


.client-info{
  line-height:100%;
  font-size:84%;
  text-align:center;
  margin:10px 0;
}

#top-casestudy{
 overflow:hidden;
}

#top-casestudy ul{
  margin:0;
}

#top-casestudy li{
  width:150px;
  height:240px;
  float:left;
  margin:10px 7px;
  list-style:none;
}


.research-ng{
  border:1px solid #666666;
  background:url('images/research-ng.png') no-repeat 98% 40px;
}

.research-ng h3{
  background:#666666 !important;
  color:#ffffff;
  padding:10px 10px;
  margin:0;
  font-size:100%;
  border:none;
}

.research-ng ul{
  margin:0 2em;
  padding:10px 15px 0;
}


.related-box{
  border:1px solid #EDF8FF;
  background:#EDF8FF url('images/related.png') no-repeat 98% 40px;
}

.related-box h3{
  margin:0;
  background:#0099CC !important;
  color:#ffffff;
  font-size:100%;
}


.listbox{
 border:1px solid #eeeeee;
  margin:0;
  padding:15px 25px;
  background:#fafafa;
}

.listbox li{
  background:url('../img/icon-arrow-r.png') no-repeat 5px 50%;
  padding:5px 2px 5px 20px;
  margin:3px 0 !important;
  list-style:none;
  font-size: 1.3rem;
}


/* news page */
.index-list li {
  padding: 0.8rem 0;
}


/* #top-news{
  margin:4em 0em 2em;
  border:1px solid #dddddd;
  border-radius: 5px;		
  -webkit-border-radius: 5px;	
  -moz-border-radius: 5px;
  position:relative;
} */

/* #top-news h2{
  background:#eeeeee;
  padding:10px 15px;
  margin:0;
  font-size:100%;
} */

/* #top-news ul{
  margin:0 0 !important;
  padding:0 !important;
} */

/* #top-news li{
  margin:5px 0;
  border-bottom :1px dotted #dddddd;
  padding:3px 0px 2px 30px;
  background:url('images/icon-arrow-r.png') no-repeat 15px 50%; 
  list-style:none;
} */

/* #top-news li:last-child{
  border:none;
} */


/* #top-news li a{
  color:#666666;
  text-decoration:none;
} */

/* #top-news li a:hover{
  text-decoration:underline;
} */

/* .info-date{
  font-size:90%;
  color:#666666;
} */


/* .news-rss{
  position:absolute;
  top:10px;
  right:10px;
  height:14px;
  width:39px;
  display:block;
} */

/* .news-rss a{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:#666666;
} */



/*----------------
SERVICE PAGE
------------------*/

/* https://tantei.fukuoka.jp/service */

.service-list {
  width: 300px;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
}

.photostyle {
  padding: 5px;
  border: 1px solid #eeeeee;
  margin-bottom: 1em;
}

.service-list.photostyle img {
  width: 100%;
  object-fit: cover;
  height: auto;
}

/* button */

/* .bt-button {
  background-color: #0fa566;
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 5px;
  padding: 1rem;
  text-align: center;
  margin: 3rem 17rem;
} */
.button-style {
  clear: both;
  width: 300px;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.6;
  padding-top: 24px;
  padding-bottom: 24px;
}

.button-style a {
  display: block;
  width: 100%;
  height: auto;
  font-weight: bold;
}

/* a.bt-button {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  display: block;
} */

.bt-button {
  background: #3b88d8;
  background: -moz-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
  border-top: 1px solid #4081af;
  border-right: 1px solid #2e69a3;
  border-bottom: 1px solid #20559a;
  border-left: 1px solid #2e69a3;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  color: #fff;
  font-size: 12px;
  padding: 6px 15px !important;
  text-align: center;
  text-shadow: 0 -1px 1px #3275bc;
}




table.service-outline-table{
  border-collapse:collapse;
  width:100%;
  font-size:90%;
  font-size:1.3rem;
}

.service-outline-table th{
  border:1px solid #eeeeee;
  padding:10px 5px;
  text-align:center;
  font-size:100%;
}

.service-outline-table td{
  border:1px solid #eeeeee;
  padding:10px 5px;
  text-align:center;
  background:#f6f6f6;
}

.service-outline-table td.so-point{
  background:#ffffee;
  font-size:110%;
}

/* .service-memo{ 
  font-size:85%;
  margin:0.5em 0;
  color:#666666;
  text-align:right;
} */

.service-memo{ 
  font-size:1.2rem;
  margin:1em 0;
  color:#666666;
  text-align:right;
}

.service-video{
  margin: 4.8rem 0;
}

.point-box li{
  list-style: inherit;
  padding-bottom: 1.4rem;
}

/* .point-box{
  border:2px solid #ff9900;
  background:#ffffee;
  padding:15px 20px
} */

.point-box {
  border: 2px solid #ff9900;
  background: #ffffee;
  padding: 24px 48px;
  font-size: 1.5rem;
  line-height: 1.7;
  margin-bottom: 1.6rem;
}

/* .point-box b{
  font-size:120%;
  color:#ff6600;
} */

.point-box b{
  font-size:1.6rem;
  color:#ff6600;
}

/* table.price-table{
  border:1px solid #dddddd;
  border-collapse:collapse;
  margin:1em 0em;
  font-size:95%;
} */


table.price-table{
  border:1px solid #dddddd;
  border-collapse:collapse;
  margin:2em 0em;
  font-size:95%;
}

/* .price-table th{
  border:1px solid #eeeeee;
  padding:7px 7px;
  background:#fafafa;
  font-weight:normal;
} */

.price-table th {
  border: 1px solid #eeeeee;
  padding: 7px 7px;
  background: #fafafa;
  font-weight: normal;
  font-size: 1.3rem;
}

/* .price-table td{
  border:1px solid #eeeeee;
  padding:7px 7px;
} */

.price-table td {
  border: 1px solid #eeeeee;
  padding: 7px 7px;
  font-size: 1.3rem;
  vertical-align: middle;
}


.price-col{
  text-align:right;
}

.center-col{
  text-align:center;
}

.right-col{
  text-align:right;
}

.left-col{
  text-align:left;
}



#clover-info-menu{
  margin:1em 0em;
  overflow:hidden;
}

#clover-info-menu h2{
  background:url('images/clover-news.png') no-repeat 0 0;
  height:58px;
  text-indent:-9999px;
  border:none;
  padding:0;
  margin:0;
}

#clover-info-inbox{
  font-size:90%;
}

.clover-info-date{
  font-size:90%;
  margin:0;
}

.clover-info-date b{
  font-size:180%;
}


.clover-info-title{
  line-height:140%;
  margin:0.2em 0em
}

.menu-cloverinfo-thumb{
  border:1px solid #eeeeee;
  padding:3px;
  float:left;
  margin-right:8px;
}

.menu-cloverinfo-thumb img{
  width:75px;
  height:75px;
}


/* 記事のカテゴリーカラー */

.service-color14{
  background:#cc0000;
  color:#ffffff;
}

.service-color18{
  background:green;
  color:#ffffff
}

.service-color20{
  background:#ff6600;
  color:#ffffff;
}

.service-color22{
  background:purple;
  color:#ffffff
}

.service-color24{
  background:blue;
  color:#ffffff
}

.service-color26{
  background:#1C9153;
  color:#ffffff
}

.service-color28{
  background:#7B265F;
  color:#ffffff
}

.service-color61{
  background:#ff9900;
  color:#ffffff
}

.service-color63{
  background:#666666;
  color:#ffffff
}

.memobox{
  margin:2em 0em;
  padding:15px 20px;
  border:1px solid #eeeeee;
  background:#fafafa;
  /* font-size:90%; */
  font-size: 1.3rem;
  line-height: 1.7;
  border-radius: 4px;		/* CSS3草案 */
  -webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 4px;	/* Firefox用 */
}

table.fee-compare{
  border-collapse:collapse;
  border:1px solid #aaaaaa;
  font-size:1.25rem;
  /* line-height:120%; */
}

.fee-compare th{
  padding:10px 0px;
  text-align:center;
  border:1px solid #eeeeee;
  background:#fafafa;
  font-weight:normal;
  vertical-align: middle;
}

.fee-compare td{
  padding:10px 5px;
  width:14%;
  text-align:center;
  border:1px solid #eeeeee;
}


th.fc-col1{
  background:#cc0000 !important;
  color:#ffffff !important;
}

td.fc-col1{
  background:#ffffcc !important;
  font-weight:bold;
}

th.fc-col2{
  background:#0066ff;
  color:#ffffff;
}

th.fc-col3{
  background:#ff6600;
  color:#ffffff;
}
th.fc-col4{
  background:#56973A;
  color:#ffffff;
}
th.fc-col5{
  background:#800080;
  color:#ffffff;
}

th.fc-col6{
  background:#666666;
  color:#ffffff;
}

.aftercol{
  font-weight:bold;
}

th.aftercol{
  font-weight:bold;
}

.totalcol{
  border-top:3px double #eeeeee !important;
  color:#cc0000;
  font-weight:bold;
  background:#ffffee;
}

th.totalcol{
  color:#cc0000;
  font-weight:bold;
}


h3.usp{
  background:#0099CC !important;
  padding:6px 5px;
  color:#ffffff
}

.usp-tag{
 font-size:80%;
}



/* .offer-flow{

} */

.offer-flow ol{
  margin:1em 0em;
}

.offer-flow li{
  margin: 0 0 20px;
  list-style:none;
  padding-bottom:30px;
  background:url('../img/flow-arrow.png') no-repeat 50% 100%;
}

.offer-flow li:last-child{
  background:none;
}


.flowbox{
  border:2px solid #eeeeee; 
  padding:10px 20px;
  background:#ffffff;
}

.flowbox h3{
   background:none !important;
   padding:10px 0 !important;
   margin: 0 0 1em;
}


.service-flow ol{
  margin:1em 0em;
}

.service-flow li{
  margin: 0 25px 20px;
  padding-bottom:50px;
  background:url('../img/flow-arrow.png') no-repeat 20% 100%;
  font-size: 1.4rem;
  line-height: 1.6;
  list-style: decimal;
}

.service-flow li strong{
  /* font-size:110%; */
  font-size:1.6rem;
  color:#0099ff;
}

.service-flow li:last-child{
  background:none;
}

.post-image{
 width: 660px;
 height: 440px;
 overflow: hidden;
}

.post-image img{
  width:660px;
  height:auto;
}



/* リスト */

.service-menu {
  margin: 0 0 20px;
}

.service-menu ul {
  overflow: hidden;
  margin: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: center;
}

.service-menu li {
  display: block;
  margin: 0 4px;
  padding: 10px 7px;
  float: left;
  list-style: none;
  text-align: center;
  font-size: 1.4rem;
}

.service-menu li a {
  text-decoration: none;
  background: none;
  color: #212121 !important;
}

.service-menu li :hover {
  opacity: 0.6;
}


/* 下層ページ用 */
.underpage__side {
  float: left;
  margin-top: 13rem;
}
.information {
  clear: both;
}