/* Effective stylesheet produced by snapshot save */
#contents .flip_cntl .next_btn { border: medium none; }
body { position: relative; }
body #contents #main_contents { font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,sans-serif !important; }
input {  }
#main_contents * { box-sizing: border-box !important; }
#main_contents * { box-sizing: border-box !important; }
img { max-width: 100%; }

/*.parent:hover > .select-col { opacity: 1; filter: saturate(10%) sepia(10%); }
.parent:hover > .select-col:hover { position: relative; z-index: 5; opacity: 1; filter: saturate(100%) sepia(0%); }
#contents .select-layout .select-col .select-img a:hover img {
	opacity: 0.60;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
}*/
.select-img a:hover img {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

#wanted_blanc { background:url(../images/corkboard.jpg) top left repeat /*fixed*/;}
#contents .type0 .mainimg { position:relative; background: url("../images/tit_bg02_1.png") no-repeat; width:750px; height:523px; position:relative; margin-bottom:25px;}

.mainimg h3 { width: 680px; position: absolute; top: 215px; left: 30px; text-align:center; font-family: "ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic Pro W8", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:40px; line-height:120%; letter-spacing:-0.05em; color:#F00; font-weight:900;  text-shadow: -0.2px 0.2px 0 #F00, 0.2px -0.2px 0 #F00, -0.2px 0.2px 0 #F00, 0.2px 0.2px 0 #F00;}

.item_box { position: absolute; top:150px; left:50px; width:650px;}
.flex_box { display:flex; flex-flow: row nowrap; justify-content: space-between; align-items:center;}
.flex_box .flex_item { width:100%; background-color:#390; color:#FFF; font-size:20px; font-weight:bold; letter-spacing:-0.1em; line-height:110%; text-align:center; padding: 10px 0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}

.w497 {width:497px;}
.w153 {width:153px;}

.tit_item {background-color:#981414; color:#FFF; font-size:16px; line-height:120%; letter-spacing:-0.08em; padding:7px 5px; font-weight:bold; word-break: break-word;}
.select-layout .select-col .select-border .tit_item:hover { text-decoration: none !important; color: #FFF !important;}
.select-border a:link { text-decoration: none !important;}

@media screen and (max-width: 768px) {
  #wrapper { width: 100%; }
  .main-wrap { padding: 0px 0px 0px 5% !important; }
  .main-ttl { width: 48%; float: left; padding-top: 20px !important; margin-right: 5%; }
  .main-img { width: 47%; height: auto; float: left; margin-bottom: -20px; }
  .main-txt { clear: both; float: none; width: 100%; }
  .main-txt p { padding-right: 5%; }
}

@media all and (-ms-high-contrast: none) {
#contents #main_contents .ttl h3 {
	line-height: 200%; 
	padding: 10px 10px 5px; /* IE10以上 */
    }
}

@media screen and (min-width: 768px) {
.select-layout { clear: both; padding: 0 20px 0; }
}
.select-layout .select-col { float: left; width: 202px; margin-left: 26px; margin-bottom: 20px; }
.select-layout .select-col .select-border { box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.098); }
.select-layout .select-col .select-img a img { margin: 0px; width: 100%; border: 1px solid #981414; }
.select-layout .select-col .select-img .absolute02 { position: static; z-index: 100; margin-left: 0; margin-bottom: 0px; bottom: 0px; background: none; }
.select-layout .select-col .select-img .absolute02 p { width: 200px; display: block; font-size: 17px; font-weight: bold; line-height: 105% !important; vertical-align: middle; text-align: left; padding-top: 8px; }
/* .select-layout .select-col .select-img .absolute02 p { width: 200px; height:2.5em; display: block; font-size: 17px; font-weight: bold; letter-spacing:-0.05em; line-height: 105% !important; vertical-align: middle; text-align: left; padding-top: 8px; } */
.select-layout .select-col .select-img .absolute02 p.lsp-015e { letter-spacing:-0.15em !important;; }

.balloon-right {
 	position: relative;
	display: inline-block;
	padding: 20px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #000;
	background: #fff992;
 	border: solid 3px #ff702f;
 	box-sizing: border-box;
	border-radius: 10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	/* 以下の１行でドロップシャドウが適用される */
	-webkit-filter:drop-shadow(5px 5px 0px rgba(0,0,0,0.3));
}

.balloon-right:before{
	content: "";
	position: absolute;
	top: 30%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #fff992;
 	z-index: 2;
}

.balloon-right:after{
	content: "";
	position: absolute;
	top: 30%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #ff702f;
 	z-index: 1;
}

.balloon-right p {
	margin: 0;
	padding: 0;
}
