@charset "utf-8";


#breadcrumbs-pc a:link { color:#993366; text-decoration: none; }  
#breadcrumbs-pc a:visited { color:#993366; text-decoration: none; }  
#breadcrumbs-pc a:hover { color:#666; text-decoration:underline; } 
#breadcrumbs-pc a:active { color:#993366; text-decoration: underline; }

#breadcrumbs-pc li + li:before {margin: 0 10px; content: ">"; }
#breadcrumbs-pc li { 
	display: inline-block; 
	margin: 0 25px 0 -30px; 
	list-style:none;
}

.breadcrumbs-home {
	margin: 0 30px -2px 0;
}  

.detail a:link { color:#333;  text-decoration: underline; } 
.detail a:visited { color:#333; text-decoration: none; } 
.detail a:hover { color:#1122CC; text-decoration: underline; }
.detail a:active {  color:#1122CC; text-decoration: underline; }

.detail-blue a:link { color:#3300FF;  text-decoration: none; }
.detail-blue a:visited { color:#3300FF; text-decoration: none; } 
.detail-blue a:hover { color:#1122CC; text-decoration: underline; }
.detail-blue a:active {  color:#1122CC; text-decoration: underline; }

.hoge { margin-bottom : 2.5em ;
		clear:both
}

ins {
  background: none;
}

/* モバイルレイアウト : 480 px およびそれ以下. */

#main{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

#googlesearch {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	background-color: #E7E4E4;
	padding: 15px 0 15px 0;
	font-size: 85%;
	margin: 0 0 6px 0;
}


/* スマホパンくずリスト */
#breadcrumbs{
  	background: #eee;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #f5f5f5 #e5e5e5 #ccc;
  	box-shadow: 0 0 2px rgba(0,0,0,.2);
  	overflow: hidden;
  	width: 99.5%;
  	padding-right: 0px;
	margin-top: 10px;
}

#breadcrumbs ul{
    display:table;
}

#breadcrumbs li{
    display:table-cell;
    white-space:nowrap;
    font-size: 14px;
}

#breadcrumbs a{
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #DDD);
  padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#breadcrumbs li:first-child a{
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs a:hover{
  background: #fff;
}

#breadcrumbs a::after,
#breadcrumbs a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
  padding-left: 1px;
}

#breadcrumbs a::after{
  z-index: 2;
  border-left-color: #ddd;
}

#breadcrumbs a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}

#breadcrumbs a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs .current,
#breadcrumbs .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs .current::after,
#breadcrumbs .current::before{
  content: normal;
}

#breadcrumbs li:last-child {
  padding-right: 10px;
}

#breadcrumbs div {
    display: none;
}
/* スマホパンくずリストここまで */

#breadcrumbs-pc {
    display: none;	
}	
	
.pagetitle {
	clear: both;
	display: block;
	float: left;
	width: 94.0%;
	margin: 25px 0 10px 0;
	padding: 8px 3% 0 3%;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-size: 120%;
}

.pagetitle span { 
	white-space: nowrap; 
} 


.category {
	clear: both;
	display: block;
	float: left;
	width: 94.0%;
	margin: 10px 0 0 0;
	padding: 8px 3% 0 3%;
	text-align: left;
	font-size: 120%;
}

.company {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	font-size: 100%;
}

.company span {
	font-size: 90%;
	margin: 0 0 0 15px;
}

.detail {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 8px 0 0 0;
}

.detail-blue {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 8px 0 0 0;
}
.idx1 {
	clear: both;
	display: block;
	float: left;
	width: 93%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	margin: 20px 1.5% 0 3%;
	padding-left: 10px;
	font-size: 115%;
}

.idx2 {
	clear: both;
	display: block;
	float: left;
	width: 93%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	padding-left: 10px;
	margin: 0 1.5% 10px 3%;
	word-break: keep-all; 
	line-height: 2em;
}


.idx-ad {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.spc1 {
	clear: both;
	display: block;
	float: left;
	width: 94%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin: 20px 0 25px 0;
	padding: 0 3% 0 3%;
	line-height: 26px;
}

.spc1 p{
	font-weight: bold;
	color: #933;
}

.spc1 ul{
	padding: 0 0 10px 0;
	margin: -10px 0 20px 20px;
}

.ad-main-gglres {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

.ad-main1 {
	display: none;
}	

.ad-main1mbl {
	clear: none;
	display: block;
	float: left;
	width: 98%;
	text-align: left;
	margin: 20px 0 10px 8px;
}

.ad-main1mbl li {
	list-style: none;
}

#ad-right1 {
	display: none;
}

#ad-bottom {
	display: none;

}

#ad-bottommbl {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 30px 0;
}

#ad-bottommbl li {
	list-style-type: none;
	margin: 0 0 20px 0;
}


.ad-trv {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	margin: 15px 0 40px 0;
}

#google_reserch_result {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
#main{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 50px;
	font-size: 100%;
	letter-spacing: 0.05em;
}	

#googlesearch {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	background-color: #E7E4E4;
	padding: 15px 0 15px 0;
	font-size: 85%;
	border-bottom-color: #333;
}

#breadcrumbs{
	display: none;
}

#breadcrumbs-pc {
	clear: both;
	float: left;
	display: block;
	width: 97%;
	font-size: 87%;
	margin: 10px 0 0 12px;
}

.pagetitle {
	clear: both;
	display: block;
	float: left;
	width: 95.5%;
	margin: 0 0 10px 0;
	padding: 40px 3% 0 1.5%;
	text-align: left;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 120%;
	color: #333;
}

.category {
	clear: both;
	display: block;
	float: left;
	width: 94.0%;
	margin: 10px 0 0 0;
	padding: 8px 3% 0 1.5%;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #333;
}

.company {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	font-size: 108%;
}

.company span {
	font-size: 75%;
	margin: 0 0 0 20px;
}


.detail {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 0;
}

.detail-blue {
	clear: both;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 0;
}

.idx1 {
	clear: both;
	display: block;
	float: left;
	width: 93%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	margin: 20px 1.5% 0 3%;
	padding-left: 10px;
	font-size: 120%;
}

.idx2 {
	clear: both;
	display: block;
	float: left;
	width: 93%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	padding-left: 10px;
	margin: 0 1.5% 10px 3%;
	word-break: keep-all; 
}


.idx-ad {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0 0 10px;
}

.spc1 {
	clear: both;
	display: block;
	float: left;
	width: 95.5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin: 20px 0 25px 0;
	padding: 0 3% 0 1.5%;
	line-height: 26px;}

.spc1 p{
	font-weight: bold;
	color: #933;
}

.spc1 ul{
	padding: 0 0 10px 0;
	margin: -10px 0 20px 20px;
}

.ad-main-gglres {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	margin: 50px 0 20px 0;
}

.ad-main1 {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin: 30px 0 0 5px;
}

.ad-main1 li {
	list-style: none;
	margin: 0 0 20px 0;
}

.ad-main1mbl {
	display: none;
}

#ad-bottom {
	display: none;

}

#ad-right1 {
	display: none;
}

#ad-bottom {
	display: none;

}

#ad-bottommbl {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 50px 0;
}

#ad-bottommbl li {
	list-style-type: none;
	margin: 0 0 20px 0;
}


.ad-trv {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	margin: 12px 0 25px 10px;
}

#google_reserch_result {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
}


/* デスクトップレイアウト : 800 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 800px) {
#main {
	clear: none;
	display: block;
	float: left;
	width: 52%;
	margin: 50px 4% 100px 4%;
	font-size: 92%;
	letter-spacing: 0.08em;
}

#googlesearch {
	display: none;
}

#breadcrumbs{
	display: none;
}

#breadcrumbs-pc {
	clear: both;
	float: left;
	display: block;
	width: 97%;
	font-size: 87%;
	margin: 10px 0 0 15px;
}


.pagetitle {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: -20px 0 30px 0;
	padding: 0;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 130%;
	color: #333;
}

.category {
	clear: both;
	display: block;
	float: left;
	width: 94.0%;
	margin: 10px 0 0 0;
	padding: 8px 3% 0 0;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #333;
}

.company {
	clear: both;
	display: block;
	float: left;
	font-size: 108%;
	padding: 0;
	margin: 15px 0 0 0;
}

.company span {
	font-size: 78%;
	margin: 0 0 0 25px;
}

.detail {
	clear: both;
	display: block;
	float: left;
	padding:0;
	margin: 3px 0 15px 0;
}

.detail-blue {
	clear: both;
	display: block;
	float: left;
	padding:0;
	margin: 3px 0 0 0;
}

.idx1 {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	margin: 20px 0 0 0;
	padding-left: 10px;
	font-size: 110%;
}

.idx2 {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-left-width: 8px;
	border-left-style: double;
	border-left-color: #E4AFCA;
	padding-left: 10px;
	margin: 0 0 10px 0;
 }

.idx-ad {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.spc1 {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin: 20px 0 25px 0;
	padding: 0 0 15px 0;
	line-height: 26px;}

.spc1 p{
	font-size: 108%;
	font-weight: bold;
	color: #933;
}

.spc1 ul{
	padding: 0 0 10px 0;
	margin: -10px 0 20px 20px;
}

.ad-main-gglres {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	margin: 40px 0 40px 0;
}

.ad-main1 {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin: 30px -6px 15px -3px;
}

.ad-main1 li {
	list-style: none;
	margin: 0 0 20px 0;
}

.ad-main1mbl {
	display: none;
}

.ad-main1mbl li {
	list-style: none;
	margin: 0 0 20px 0;
}

#ad-right1 {
	clear: none;
	display: block;
	float: left;
	width: 100px;
	margin: 30px auto 100px auto;
}

#ad-right1 li {
	display: block;
	list-style: none;
	padding: 0 0 50px 0;
}

.ad-rightls {
	width: 300px;
	margin: 0 0 -20px 0;
}

.ad-rightvc {
	width: 300px;
}

#ad-bottom {
	clear: none;
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin: 40px 0 0 -5px;
}

#ad-bottom li {
	list-style: none;
	margin: 0 0 20px 0;
}


#ad-bottommbl {
	display: none;

}

.ad-trv {
	clear: both;
	display: block;
	width: 100%;
	float: left;
	margin: 12px 0 25px 0;
}

#google_reserch_result {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0 0 0 -2px;
}
}