@charset "UTF-8";
/* CSS Document */

ul#linkList,
ul#sortList {
	overflow:hidden;
	margin:0 0 20px 0;
	font-size:15px;
	line-height:23px;
}
ul#linkList li,
ul#sortList li {
	float:left;
	display:block;
	padding:0 1em;
	border-right:#E9E8E5 1px solid;
}
ul#linkList li:last-child,
ul#sortList li:last-child {
	border-right:none;
}


.entryTitle h1 span {/*201509追加*/
	background:#37adce;
	padding:2px 5px;
	margin-left: .5em;
	color:#fff;
	font-size: .6em;
	position: relative;
	bottom: -1px;
}
.entryDetail h4 span {/*201509追加*/
	background:#37adce;
	padding:2px 5px;
	margin-left: .5em;
	color:#fff;
	font-size: .8em;
	font-weight: bold;
	position: relative;
	bottom: 1px;
	display: inline-block;
}
a.more-btn {/*201509追加*/
	width: 100%;
	display:block;
	text-align:center;
	background:#72A334;
	padding:5px 0;
	margin: 1em 0;
	color:#fff;
	font-size: 1.4em;
    border-radius:3px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
}
a.more-btn:hover {/*201509追加*/
	background-color:#83BD39;
}
ul#sortList li a,
ul#linkList li a {/*201509変更*/
	display:block;
	text-align:center;
	background:#F2F0EB;
	padding:5px 12px;
	color:#74a13b;
	font-size: 1.1em;
    border-radius:3px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
	font-weight: normal;
	transition: background .2s;
}
ul#sortList li a:hover,
ul#linkList li a:hover{/*201509変更*/
	background:#E3EAA0;
}


ul#sortList li a.selected,ul#sortList li a.selected:hover {
	color:#FFF;
	background:#72A334;
}
#cateList  {
	margin-bottom:40px;
	overflow:hidden;
}
#osusumeEvents {
	margin:0 -20px !important;
}
body#index .entryList li {
	margin:10px 0;
}
.cateWorking h3 span.cate {
	background:#F2F0EB url(../images/index/bg_blue.png) right no-repeat;
}
.cateWorking h3 {
	color:#6BBEE8;
}
.cateColumn h3 span.cate {
	padding:0 6px !important;
	background:#C59C63;
}
.cateEvent .entryLink a:hover {
	border:#CEDA81 6px solid;
}
.cateWorking .entryLink a:hover {
	border:#B5DEF3 6px solid;
}
.cateColumn .entryLink a:hover {
	border:#E0BE8D 6px solid;
}

#indexWrapper {
	width:1050px;
	margin:0 auto;
	overflow:hidden;
}
#indexWrapper #ad {
	width:980px;
	margin:0 auto;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.categoryLead {
	margin-bottom:30px;
	padding:20px 25px;
	overflow:hidden;
	background:#F2F0EB;
	background-image: url("/images/wg/index/categorylead_back.gif");
}
.categoryLead .categoryLeadPhoto {
	width:270px;
	float:left;
}
.categoryLead .categoryLeadTexts {
	width:250px;
	float:right;
}
.categoryLead .categoryLeadTexts h2 {
	font-size:180%;
	font-weight:normal;
	color:#72a334;
	line-height:1;
}
.categoryLead .categoryLeadTexts h5 {
	background:#72a334;
	padding:.1em .5em 0;
	font-size:90%;
	margin-bottom:1em;
	color:#FFF;
	line-height:1.4;
}
#contents .categoryLeadTexts p {
	line-height:1.6;
	font-size:90%;
}
#contents .categoryLeadTexts p.small {
	margin-top:.5em;
	line-height:1.5;
	font-size:80%;
}
.chiebukuro .categoryLeadTexts h3 {
	line-height:1.3;
}
.categoryLead .categoryLeadTexts h3 {
	padding:.5em 0;
	font-size:17px;
	color:#72A334;
	font-weight:normal;
}
.chiebukuro .categoryLeadTexts h4 {
	font-size:15px;
	color:#72A334;
	font-weight:normal;
}
.eventStatus {
	display: inline-block;
	margin-top:5px;
	background:#F2F0EB;
	padding:2px 6px;
}

*+html .eventStatus {
	display:inline;
	zoom:1;
}
#about dl dd a.linkPdf {
	padding-left:20px;
	background-image:url(../images/global/icon_pdf.png) ;
	background-position:left 0em;
	background-repeat:no-repeat;
}
#entryList,#cateList  {
	margin-bottom:40px;
	overflow:hidden;
}
.hover a{
	border-color:#D5E299 !important;
}


.entryList.osusumeEvents {
	margin:0 -20px !important;
}
.entryList li {
	position:relative;
	display:block;
	float:left;
	width:270px;
	margin:10px 12px 10px 10px;
}
.entryList li a .entryLink {
	position:relative;
	width:258px;
	height: 100px;
	border:#F2F0EB 6px solid;
	overflow:hidden;
	transition: border .2s;
}
.entryList li a:hover .entryLink {
	border-color:#D5E299;
}
.entryList li a:hover {
	text-decoration:none !important;
}
.entryList li .entryLink img {
	position:absolute;
	width:258px;
	height:auto;
	top:-50px;
	overflow:hidden;
    transform: translateY(25px);
}
.chiebukuro .entryList li .entryLink img {
    transform: translateY(0);
}
.entryList li h3 {
	position:absolute;
	top:4px;
	right:-4px;
	z-index:99;
	font-size:11px;
	line-height:18px;
	color:#FFF;
	padding:0 4px 4px 0;
	background:url(../images/global/shadow.png) right bottom no-repeat;
}
.entryList li h4 {
	margin:10px 0 5px 0;
	font-size:110%;
	font-weight:normal;
	line-height:1.4;
	color:#72A334;
}
.entryList li a p {
	color:#2c2c2c;
}
.entryList li h3 span {
	padding:0 2px 0 7px;
}
#osusumeEvents li {
	margin:10px 22px 20px 22px;
}
.pjCategory ul.entryList li {
	margin:10px 0;
}
#contents .entryList li p {
	line-height:1.4;
}
.entryMore {
	margin-bottom:2em;
}
.m1 {
	margin-bottom:1em;
}
.chiebukuro ul#sortList li {
	padding:0 .5em;
	font-size: .9em;
}





/* 2021.07.21 update */
.top_border {
display: block;
padding-top: 2rem;
border-top: 1px solid #72A334;
}
.bottom_border {
display: block;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #72A334;
}


#contents p a.other_win {
display: inline-block;
padding: 10px 20px 8px 30px;
min-width: 230px;
background: #72A334 url(../images/global/arrow_blank_white.svg) no-repeat left 10px center;
background-size: 14px;
text-align: center;
color: #FFF!important;
font-size: 1rem;
font-weight: bold;
line-height: 1;
border-radius: 2px;
transition: opacity .2s;
box-sizing: border-box;
}
#contents p a.other_win:hover {
opacity: .8;
}
#contents p a.other_win + a.other_win {
margin-left: 30px;
}
#contents p a.other_win.close {
background-color: #B2B2B2;
cursor: default;
}
#contents p a.other_win.close:hover {
opacity: 1;
}
.caution,p.caution {
font-size: .75rem;
}
.caution.orange {
color: #EF9400;
}


.mb-0, p.mb-0 {margin-bottom:0;}
.mb-05, p.mb-05 {margin-bottom:.5rem;}
.mb-1, p.mb-1 {margin-bottom:1rem;}
.mb-2, p.mb-2 {margin-bottom:2rem;}
.mb-3, p.mb-3 {margin-bottom:3rem;}
.mt-1 {margin-top: 1rem;}
.mt-2 {margin-top: 2rem;}
.mt-3 {margin-top: 3rem;}