@charset "UTF-8";

/*
	Theme Name: subestampMb
	Theme URI: http://www.blue-bear.jp/
	Description: WordPress Corporate Theme
	Version: 1.0
	Author: Bluebear Inc
	Author URI: http://www.blue-bear.jp/
*/

/****************************************

	0.Reset

*****************************************/

i {
    font-style: initial;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

img{ vertical-align: bottom; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

ol {
    list-style: none;
}




.mt0{
	margin-top:0px !important;
}
.mt5{
	margin-top:5px !important;
}
.mt7{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt25{
	margin-top:25px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt35{
	margin-top:35px !important;
}
.mt45{
	margin-top:45px !important;
}
.mt50{
	margin-top:50px !important;
}
.mt55{
	margin-top:55px !important;
}



.ml0{
	margin-left:0px !important;
}
.ml5{
	margin-left:5px !important;
}
.ml15{
	margin-left:15px !important;
}
.ml20{
	margin-left:20px !important;
}
.ml30{
	margin-left:30px !important;
}
.ml35{
	margin-left:35px !important;
}
.ml50{
	margin-left:50px !important;
}
.ml160{
	margin-left:160px !important;
}


.mb0{
	margin-bottom:0px !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb25{
	margin-bottom:25px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb35{
	margin-bottom:35px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb43{
	margin-bottom:43px !important;
}
.mb45{
	margin-bottom:45px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb55{
	margin-bottom:50px !important;
}
.mb60{
	margin-bottom:50px !important;
}
.mb75{
	margin-bottom:50px !important;
}



.mr15{
	margin-right:15px !important;
}
.mr20{
	margin-right:20px !important;
}
.mr30{
	margin-right:30px !important;
}



.pt0{
	padding-top:0px !important;
}


.pt15{
	padding-top:15px !important;
}
.pt20{
	padding-top:20px !important;
}


.pb15{
	padding-bottom:15px !important;
}

.pl15{
	padding-left:15px !important;
}
.pl20{
	padding-left:20px !important;
}



.pr0{
	padding-right:0px !important;
}




.font8{
	font-size:8px !important;
}
.font10{
	font-size:10px !important;
}

.font11{
	font-size:11px !important;
}

.font12{
	font-size:12px !important;
}

.font14{
	font-size:14px !important;
}

.font15{
	font-size:15px !important;
}

.font16{
	font-size:16px !important;
}

.font18{
	font-size:18px !important;
}



.ls0{
	letter-spacing: 0em !important;
}
.ls01{
	letter-spacing: -0.1em !important;
}
.ls07{
	letter-spacing: -0.17em !important;
}
.ls08{
	letter-spacing: -0.18em !important;
}

.lh1-0{
	line-height:1.0em !important;
}
.lh1-3{
	line-height:1.3em !important;
}
.lh1-5{
	line-height:1.5em !important;
}
.lh2-0{
	line-height:2.0em !important;
}
.lh4-0{
	line-height:4.0em !important;
}


.textc{
	text-align:center !important;
}
.textl{
	text-align:left !important;
}
.textr{
	text-align:right !important;
}


.textvc{
	vertical-align:middle !important;
}
.textvt{
	vertical-align:top !important;
}


.fontColor{
	color:#339900 !important;/* 赤紫 */
}
.fontcolor2{
	color:#339900 !important;
}

.fontcolorRed{
	color:red !important;
}
.note{
	font-size:9px;
}
.caution{
	color:red !important;/* 赤 */
}

.bgWhite{
	background-color:#ffffff !important;
	}
	
	
.noBoarderB{
	border-bottom:0px !important;
	}
.noBoarderT{
	border-top:0px !important;
	}



.fontBold{
	font-weight:bold;
	}
.fontNormal{
	font-weight:normal !important;
	}
.fontMincho{
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


.blogContentIcon{
	width:100%;
	position:absolute;
	top: 0px;
	left: 0px;
	text-indent:-9999px;
}
.blogContentIcon div{
	width:30px;
	height:30px;
	float:left;
}

.newIcon{
	background-image:url(img/newsticker.png);
}
.voiceIcon{
	background-image:url(img/voicesticker.png);
}
.movieIcon{
	background-image:url(img/moviesticker.png);
}

.sokuhouIcon{
	width:100%;
	position:absolute;
	top: 75%;
	left: 0%;
}




/****************************************

	1.Main Layout

*****************************************/


#container,
.wrapper{
	width:100%;
}

#container{
	overflow: hidden;
}

#header{
	background: #fff;
}

#main{
	clear: both;
}


/****************************************

	2. General Setting

*****************************************/



.clear{
	display: block;
	clear: both;
}

.hidden { display: none; }

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

.center-align{ text-align: center;}
	
table ul{
	margin-left: 0px;
}

strong{ font-weight: bold ;}

small,
.small{
	font-size: 80%;
}

.medium{ font-size: 90%; }

.large{
	font-size: 140%;
	line-height: 1.8 !important;
}

.serif{ font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }


/****************************************

	3. Header

*****************************************/



#headerWrapperRight{
	float: right;
}



#sub-naviLeft{
	float: right;
	padding-top:23px;
	padding-bottom:2px;
}

#sub-naviLeft p{
	text-align:right;
	margin-bottom:13px;
	font-weight:bold;
	font-size:13px;
}

#sub-navi{
	text-align:right;
}

#sub-navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

	#sub-navi ul ul {
		display: none;
	}

	#sub-navi li{
		margin: 0 0 0 0px;
		padding: 0;
		float:right;
	}

		#sub-navi a{
			display: block;
			padding-left: 6px;
			padding-right: 6px;
			text-decoration: none;
			line-height: 18px;
			text-align:left;
			color:#000000;
			font-weight:bold;
		}
		
		#sub-navi #menu-item-13{
			border-left:1px solid #000000;
		}
		#sub-navi #menu-item-13 a{
			padding-right:0px !important;
		}



/****************************************

	4. Global Navi

*****************************************/

#navi{
	margin-top:5px;
}

	#navi ul{
		margin: 0 auto;
		list-style: none;
		list-style-image: none;

	}

		#navi ul ul{
			display: none;
		}

	#navi li{
		float: left;
		padding: 0;
		height: 28px;
		margin-bottom:2px;
		overflow:visible;
	}

		#navi li a{
			display: block;
			font-weight:bold;
			padding:3px 5px 3px 5px;
			font-size:14px;
			
		}
		


			#navi li a:hover {
				background-position: 0 -50px !important;				
				color: #339900 !important;
				}
			#navi .current-page-ancestor a{
				background-position: 0 -50px !important;		
				color: #339900 !important;
				}



/****************************************

	4.1 categoryImage

*****************************************/

.title_category{
	width:980px;
	height:153px;
	text-indent:-9999px;
	margin-bottom:30px;

}
.titlePrivacy{
	background: url(img/title/privacyTitle.jpg) no-repeat 0 0;
}
.titleNewsCat{
	background: url(img/title/newsCatTitle.jpg) no-repeat 0 0;
}
.titleNewsDetail{
	background: url(img/title/newsDetailTitle.jpg) no-repeat 0 0;
}
.titleYouthCat{
	background: url(img/title/youthCatTitle.jpg) no-repeat 0 0;
}
.titleYouthDetail{
	background: url(img/title/youthDetailTitle.jpg) no-repeat 0 0;
}
.titleAbout{
	background: url(img/title/aboutTitle.jpg) no-repeat 0 0;
}
.titleConcept{
	background: url(img/title/conceptTitle.jpg) no-repeat 0 0;
}
.titleU-15{
	background: url(img/title/u-15Title.jpg) no-repeat 0 0;
}
.titleU-18{
	background: url(img/title/u-18Title.jpg) no-repeat 0 0;
}
.titleStaff{
	background: url(img/title/staffTitle.jpg) no-repeat 0 0;
}
.titlePro{
	background: url(img/title/proTitle.jpg) no-repeat 0 0;
	height:192px;
}
.titleInquiry{
	background: url(img/title/inquiryTitle.jpg) no-repeat 0 0;
}
.titleReg{
	background: url(img/title/regTitle.jpg) no-repeat 0 0;
}


#green_headline{
	width:980px;
	margin:0 auto;
}



/****************************************

	4.2 top.page

*****************************************/
#headerImageWrapper{
	background-color:#911F65;
	height:407px;
	margin-bottom:45px;
}

#customHeader{
	width:980px;
	height:407px;
	margin:0px auto 0px auto;
}

#blogWrapper{
        width:100%;
	margin:0 auto;
}

#blogWrapper p{
        padding:5px;
}

#blogWrapper h3{
}

.blogWrapperTopix p {
    line-height: 1.5em;
    margin: 1em 20px 1.5em 20px;
    font-size: 16px;
}


.blogContentWrapper{
	position: relative;
}

.blogContentImg{
	width:30%;
	height:30%;
	overflow:hidden;
	float:left;
}

.blogContentImg a img{
	width:100% !important;
	height:100% !important;
}

.blogContentRight{
	float:left;
	margin-left:10px;
	width:65%;
}


.blogContentDate,.blogContentDate2{
	font-size:14px;
	padding:0px;
	margin:0px;
	font-weight: bold;
}

	.blogContentDate a,.blogContentDate2 a{
		color:#000000;
	}
	

.blogContentTitle{
	margin-top:5px;
	font-size:12px;
	text-align:left;
}
	
	.blogContentTitle a, .cat-item a, .wpp-post-title{	
	
		font-weight:bold;
		margin-left:5px;
	}
        
        .blogContentTitle h3{		
		line-height: initial;
                border-bottom: initial;
                border-top: initial;
	}
        .blogContentTitle p{		
                font-size:1rem;
	}
	
.blogContentTitle2{
	margin:13px 0 3px 0;
}
	
	.blogContentTitle2 a{	
		text-decoration:none;
		color:#339900;
		font-size:13px;
		font-weight:bold;
	}
	
	.blogContentContent img{
		margin:5px;
		height:auto;
	}


.blogContentColor{
	display:block;
	height:21px;
	overflow:hidden;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;		
	text-align:center;
	font-size:12px;
	background-color:#EE9A28;
}

	.blogContentColor894{			
		background-color:#FF483A; 
	}
	.blogContentColor1600{			
		background-color:#565656; 
	}
	.blogContentColor11{			
		background-color:#BC8055; 
	}
	.blogContentColor2951{			
		background-color:#6B8976; 
	}
	.blogContentColor3145{			
		background-color:#548B98; 
	}
	.blogContentColor16{			
		background-color:#4D80AB; 
	}
	.blogContentColor2581{			
		background-color:#4D80AB; 
	}

.blogContentColor a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;		
}








.blogList {
	margin-bottom:30px;
	margin-top:4px;
}

.blogList a{
		display: block;
		padding-right: 80px;
		margin-top:0px;
		height: 18px;
		color: #333;
		text-decoration: none;
		line-height: 18px;
		text-align:left;
}


#footer-center-column{
	width:100%;
	margin:10px auto 20px auto;
}


#footer-center-column ul{
	list-style: none;
	list-style-image: none;
	margin:0px;
	padding:0px;
}

#footer-center-column li{
	float:left;
	margin:0 0 12px 0px;
}
#footer-center-column li a{
	display:block;
	width:176px;
	height:69px;
	text-indent:-9999px;
}
#footer-center-column li a:hover,.button a:hover img,.proWrapper a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	background-color:#ffffff;
}

#footer-center-column #menu-item-184,
#footer-center-column #menu-item-185,
#footer-center-column #menu-item-186,
#footer-center-column #menu-item-187,
#footer-center-column #menu-item-189,
#footer-center-column #menu-item-190,
#footer-center-column #menu-item-191,
#footer-center-column #menu-item-192{
	margin-right:15px;
}

#footer-center-column #menu-item-188,
#footer-center-column #menu-item-193{
	float:right !important;
}


#menu-item-184{
	background: url(img/menu2/menu_mizuno.jpg) no-repeat 0 0;
}
#menu-item-185{
	background: url(img/menu2/menu_meiji.jpg) no-repeat 0 0;
}
#menu-item-186{
	background: url(img/menu2/menu_tsumura.jpg) no-repeat 0 0;
}
#menu-item-187{
	background: url(img/menu2/menu_beans.jpg) no-repeat 0 0;
}
#menu-item-188{
	background: url(img/menu2/menu_dc.jpg) no-repeat 0 0;
}
#menu-item-189{
	background: url(img/menu2/menu_camisa.jpg) no-repeat 0 0;
}
#menu-item-190{
	background: url(img/menu2/menu_cross.jpg) no-repeat 0 0;
}
#menu-item-191{
	background: url(img/menu2/menu_junior.jpg) no-repeat 0 0;
}
#menu-item-192{
	background: url(img/menu2/menu_shimizu.jpg) no-repeat 0 0;
}
#menu-item-193{
	background: url(img/menu2/menu_ga.jpg) no-repeat 0 0;
}




/****************************************

	5. Main Visual（top.php）

*****************************************/

/****************************************

	6. top.php

*****************************************/

.topNews{
	width:100%;
	}
	/*
	.topTopixTitle {
		margin:0px 0 10px 0px;
                padding: 8px 8px 0px;
		}
        */

	h3,.widgettitle{
		color: #333;
        padding: 10px 8px 10px !important;
        background: #f7f7f7;
        font-size: 1.3em;
        font-weight: bold;
        margin: 0px 0px 10px 0px !important;
        text-transform: none;
        border-bottom: 1px solid #ddd;
        border-top: solid 1px #ddd;
        text-align:center;
	}
	h3 span,.widgettitle span{
		font-weight: bold;
	}
	
        
	
	.blogContentWrapper{
		margin-bottom:10px;
		margin-left:5px;
		}
	.blogContentContent2{
		margin-bottom:12px;
		}
	
	
.topNews3{
	margin:10px 0 0 0px;
	}
	
	.topNews3 .topTopixTitle {
		}

	.topNews3 h3{
		font-size:16px;	
		font-weight:bold;
		margin-bottom:0px !important;
		font-weight:bold;
		color:#339900;
		}
		
	.topNews3 .blogContentWrapper{
		width:135px;
		height:240px;
		overflow:hidden;
		margin-bottom:13px;
		margin-left:11px;
		float:left;
		}
	.topNews3 .blogContentDate{
		font-size:10px;	
		text-align:center;		
		}
	.topNews3 .blogContentImg{
		text-align:center;
		width:100%;
		height:120px;
		overflow:hidden;
	}	
	.topNews3 .blogContentRight{
		margin-left:0px;
		width:100%;
	}
	.topNews3 .blogContentTitle{
		font-size:12px;
		text-align:center;
		word-wrap: break-word;
		height:18px;
		overflow:hidden;
	}
	

		
.stampZukanDetail{
	margin:10px 0 0 0px;
	}
	
	.stampZukanDetail .topTopixTitle {
		margin:10px 0 5px 0px;
		}
		
	.stampZukanDetail h2{
		font-size:18px;
		}

	.stampZukanDetail h3,.stampZukanDetail h2{
		text-align:center;
		font-weight:bold;
		margin-bottom:0px !important;
		color:#339900;
		}
		
	.stampZukanDetail h3{
		color:#ffffff;
	}
				
	.stampZukanDetail .blogContentWrapper{
		margin-bottom:13px;
		}
	.stampZukanDetail .stampZukanImg{
		width:300px;
		text-align:center;
		overflow:hidden;
		margin-bottom:10px;
	}
	.stampZukanDetail .stampZukanInfo{
		text-align:center;
	}	
	.stampZukanDetail .stampZukanInfo div{
		margin-bottom:10px;
	}
	.stampZukanDetail .stampZukanInfo .stampZukanInfoTitleJP{
		font-weight:bold;
		color:#339900;	
	}
	
	.stampZukanDetail .stampZukanInfo .stampZukanInfoTitleEN{
		font-size:12px;	
	}
	.stampZukanDetail .stampZukanInfo .stampZukanInfoDate{
	}
	.stampZukanDetail .stampZukanInfo .stampZukanInfoTerm{	
	}
	.stampZukanDetail .stampZukanDescJP,.stampZukanDetail .stampZukanDescEN{	
		margin:15px 20px 5px 20px;
		font-weight:bold;
	}
	
	.stampZukanDetail .recommend{	
		width:106px;
		height:106px;
	}










/****************************************

	7. Main Heading

*****************************************/


#page-title,
hgroup.related{
	float: left;
	margin: 0 0 20px 0;
	padding: 0 20px 0 10px;
	width: auto;
	height: 30px;
	background: url(images/border.png) repeat-x 0 50%;
}

	hgroup.related{margin-top: 20px;} /* 関連記事 */
		*:first-child+html hgroup.related {margin-bottom: 0px;}
		*:first-child+html .home .page-title-wrap {margin-bottom:20px; }

	#page-title h2,
	hgroup.related h2{
		display: block;
		float: left;
		margin: 0 0 0 20px;
		padding: 0 10px;
		height: 30px;
		height: 31px;
		background: #fbfbf3;
		font-size: 24px;
		line-height: 30px;
	}

		#page-title h3,
		hgroup.related h3{
			float: left;
			margin-top: 7px;
			padding-right: 10px;
			background: #fbfbf3;
			color: #59a80f;
			text-transform: uppercase;
			text-shadow: 0 1px #fff;
			font-size: 18px;
			font-family: 'Josefin Sans', sans-serif;
			line-height: 18px;
		}

			*:first-child+html #page-title h3,
			*:first-child+html hgroup.related h3{
				margin-top: 3px;
			}


/****************************************

	8. Main

*****************************************/

#blogMainContent{
	width:100%px;
	margin:0 auto;
	margin-bottom:20px;
}

#blogMainContentSide{	
	width:690px;
	float:right;
}

#blogMainContentSide2{	
	width:648px;
	float:right;
}

#blogMainContentSide3{	
	width:642px;
	float:right;
}
	

.box-middle{
	overflow: hidden;
	padding-bottom:50px;
	border-bottom:2px solid #cccccc;
}

.box-middle-title{
	margin-bottom:16px;
		
}

	.box-middle-title h3{
		font-size:16px;
		color:#339900;
		margin:0 0 0 0px;
		padding:0px;
		font-weight:bold;
	}
	
	.box-middle-title .box-middle-title-bar img,.box-middle-title .box-middle-title-bar_page img{
		vertical-align:baseline;
		margin:0px !important;
		line-height:100%;
	}
	
	.box-middle-title .box-middle-title-bar_page{
		margin-bottom:22px;
	}
	
.box-middle-title-bar img{
	vertical-align:middle;
	
}
	
	
	



/* 前へ、次へ*/
.navigation-bottom{	
	margin:20px auto 20px auto;
	position:static;
}
	
	.navigation-bottom .navigation-bottom-box{
		width:105px;
		height:27px;
		background-color:#339900;
		float:left;
		
	}
	.navigation-bottom .navigation-bottom-box a{	
		padding-top:3px;
		display:block;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
	}
	
	.navigation-bottom .navigation-bottom-middle{
		float:left;	
		width:52px;
		height:27px;
	}
	
	.navigation-bottom .navigation-bottom-wrapper{
		margin:0 auto;
		width:105px;
	}
	.navigation-bottom .navigation-bottom-wrapper2{
		margin:0 auto;
		width:262px;
	}




.box-middle-title p{
	font-size:16px;
	float:left;
	width:200px;
	font-weight:bold;
}

.box-middle-article{
	margin:0px 0 16px 0;
}

.box-middle-article-img{
	float:left;
	margin-right:30px;
	width:77px;
	height:77px;
	overflow:hidden;
}
.box-middle-article-content{
	float:left;
}

.box-middle-article-content .link{
	width:75px;
	text-align:right;
	float:right;
}
	.box-middle-article-content .blogContentDate a,.box-middle-article-content .blogContentDate2 a{	
		text-decoration: none ;
	}


/*　ブログ記事本文　*/

.blog-middle-article{
	margin:0px 0 8px 0;
}

	.blog-middle-article .blogContentDate{
		float:right;
		margin-right:10px;
	}
	
	.blog-middle-article .blogContentDate a{
		text-decoration:none;
	}
			
	.blog-middle-article .blogContentContent iframe{
		width: 100% !important;
		}
	
	.blog-middle-article .blogContentContent{
		padding:5px;
		font-size:14px;
		}
		
		.blog-middle-article .blogContentContent p{
			margin:0px 0px 10px 0px;
			}
			
		.blog-middle-article .blogContentContent li{
			margin:0px 10px 10px 10px;
			list-style-type: none;
			}
			
		.blog-middle-article .blogContentContent .image{
			text-align: center;
			}
			
		.blog-middle-article .blogContentContent .imagelist img{
			width:80% !important;
			height:auto;
			}
	
	
	



#blogMainContentSide .blogList a{
	margin-top:0px !important;
}


/* 固定ページ用 */

.pageWrapper{
	margin-bottom:75px;
}

	.pageWrapper ul{
		margin:0px;	
		list-style:none;
	}
	
	.pageWrapper .pageLiTitle{
		line-height:2em;
		font-weight:bold;
		color:#339900;		
		background-image: url(img/arrow/arrow10.jpg);  
		background-repeat: no-repeat;  
		background-position: left 7px; 
		padding-left:15px;
		list-style: none;	
	}
	
	.pageWrapper .pageLiDetail{
		padding-left:15px;
		margin-bottom:3px;
		line-height:2em;
	}	
	
	/* U-15 */
	.pageWrapper .u-15img{
		float:left;
		padding-left:15px;
	}	
	
	.pageWrapper .u-15Li1{
		background-image: url(img/arrow/arrow10.jpg);  
		background-repeat: no-repeat;  
		background-position: left 4px; 
		padding-left:15px;
		list-style: none;	
	}
	
	.pageWrapper .u-15Li2{
		background-image: url(img/arrow/arrow10.jpg);  
		background-repeat: no-repeat;  
		background-position: left 4px; 
		padding-left:15px;
		list-style: none;	
	}	
	
	.pageWrapper .u-15memberTitle{
		font-weight:bold;
		height:28px;
		background-color:#D72E4B;
		color:#ffffff;
		line-height:28px;
		overflow:hidden;
		padding-left:20px;
		margin-bottom:22px;
	}
	.pageWrapper .note{
		font-size:9px;
		line-height:1.8em;
	}	
	
	.pageWrapper .note2{
		font-size:8px;
		line-height:1.5em;
		margin-top:5px;
	}	
			
	
	.pageWrapper .u-15memberImg{
	}	
			
		.pageWrapper .u-15memberImg li{
			list-style:none;
			float:left;
			margin-left:10px;
		}	
		
		
		
	/* U-18 */
	
	.pageWrapper .u-18leftBox1{
		width:355px;
		height:184px;
		font-size:11px;
		line-height:2.0em;
		overflow:hidden;
	}	
	.pageWrapper .u-18leftBox2{
		width:184px;
		overflow:hidden;
	}	
	.pageWrapper .u-18leftBox3{
		width:202px;
		overflow:hidden;
	}	
	
	
	/* スタッフ */
	.pageWrapper .staffLeftWrapper{
		margin-bottom:30px;
	}	
	.pageWrapper .staffLeft{
		margin-right:20px;
		float:left;
	}	
	.pageWrapper .staffLeft2{
		padding-top:10px;
		width:190px;
		overflow:hidden;
		float:left;
	}		
	.pageWrapper .staffLeft3{
		padding-top:10px;
		float:left;
	}		
	
	
	.pageWrapper .staffUL1{
		width:84px;
		overflow:hidden;
		}
	
	.pageWrapper .staffLi1{
		background-image: url(img/arrow/arrow11.jpg);  
		background-repeat: no-repeat;  
		background-position: left 4px; 
		padding-left:15px;
		list-style: none;	
		font-weight:bold;
	}
	
	
	
	/* Pro */
	
	.pageWrapper .proWrapper{
	}	
	
	.pageWrapper .proContents{
		margin-bottom:20px;
	}	
	
		.pageWrapper .proContents h3{
		}	
	
		.pageWrapper .proContents p{
			margin-left:67px;
			margin-bottom:37px;
		}	
		
			
	/* Reg */
	
	.pageWrapper .regWrapper{
	}	
	
	
	.pageWrapper .regWrapper h4{
		width:160px;
		margin-right:16px;
		margin-bottom:16px !important;
		overflow:hidden;
	}	
	
	.pageWrapper .regWrapper .regWrapper3{
		width:183px;
		overflow:hidden;
	}	
	
	.pageWrapper .regWrapper .regWrapper4{
		float:right;
		width:140px;
	}	
	
	
	
	
	

.pageWrapperLine{	
	margin-bottom:37px;
	border-bottom:1px solid #cccccc;
}




/* 個人情報保護方針ページ用 */

.privacyContents{
	margin-left:151px;
}
	.privacyContents h5{
		color:#339900;
		margin-bottom:5px;
		font-weight:bold;
	}
	.privacyContents p{
		margin-bottom:26px;
		line-height:2.0em !important;
	}
	.privacyContents hr{
		margin-bottom:33px;
	}
	.privacyContents li{
		margin-bottom:5px;
	}








.pageLeft{
	width:414px;
}

.pageLeft430{
	width:430px;
}


#introBk{
	width:445px;
	background-image: url(img/intro/intro_bk.jpg);  
    background-repeat: no-repeat;  
    background-position: top right;
}


.post h4{
	width:134px;
	height:28px;
	background-color:#339900;
	color:#ffffff;
	text-align:center;
	line-height:28px;
	overflow:hidden;
	margin:0 50px 22px 0;
	
}
	.post h4 a,.post h4 a:hover{
		color:#ffffff;
		text-decoration:none;		
	}
	
	.post .concept h4{
		width:169px;
		text-align:left;
		padding-left:6px;		
		margin:0px 0 0 0;
		
	}
	
	.post .concept .conceptRightBox{
		width:479px;
		float:right;
		margin-bottom:28px;
	}

.post ul{
	list-style: none;
}	
/*
.post li{	
	margin:0 0 0 20px;
	background-image: url(img/allow/arrow10.jpg);  
    background-repeat: no-repeat;  
    background-position: left 4px; 
	padding-left:12px;
	list-style: none;	
}*/

.post table ul{	
	margin-bottom:0px;  
	
}

.post table li{	
	margin-left:0px; 
	
}

.liReset{	
	margin-left:16px !important;	
	list-style: none !important;
	list-style-image: none !important;
	
}


/* 入会申し込み */


.contactMid{
	width:200px;
}
.contactShort{
	width:80px;
}
.contactLong{
	width:300px;
}

.pageWrapper th{
	width:50px;
	vertical-align:middle;
}
	.pageWrapper th p{
		background-color:#339900;
		color:#ffffff;
	}	
	.pageWrapper .ninni p{
		background-color:#CCCCCC;
		color:#ffffff;
	}

.pageWrapper td{
	vertical-align:middle;
	line-height:100%;
	padding:5px 
}

.pageWrapper .tdMiddle{
	width:200px;
	font-weight:bold;
}
	.pageWrapper .tdMiddle div{
		font-weight:bold;
	}

.pageWrapper .regBorderArea{
	background-color:#F4D899;
	margin:25px 0 25px 0;
	padding-left:10px;
}

.pageWrapper .agree{
	margin:10px auto 0 auto;
	text-align:center;
	background-color:#cccccc;
}

.pageWrapper #submit {
    display:block;
    width:161px;
    height:30px;
    padding:0;
    border:0;
    background-color:#339900;
    cursor:pointer;
	margin:30px auto 0 auto;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}






.post p{
	line-height:2.3em;
}

	.post ul,
	.post ol,
	.post dl{
		margin-bottom: 1.5em;
	}

		.post ol{margin-left: 25px;}

	.post dt{
		margin: 10px 0;
		font-weight: bold;
	}

		.post dd{
			margin-bottom: 5px;
			margin-left: 25px;
			padding-left: 12px;
			background: url(images/list.png) no-repeat 0 50%;
		}

	.post .links{
		margin-left: 0;
		padding-left:0;
		list-style: none;
		list-style-image: none;
	}

		.post .links a{
			padding-left: 35px;
			background: url(images/link-s.png) no-repeat 0 4px;
		}

			.post .links a:hover{background-position: 0 -84px;}

.post a {
	outline: 0 none;
	color:#333;
	text-decoration: underline;
}

	.post a:hover,
	.post a:active{
		color: #333;
	}


.post,
.sticky{
	overflow: hidden;
}

	.post h3 a{
		text-decoration: none;
	}

	.post time,
	.single-information .post-date{ /* single-post っていうクラスは、body にもあるので注意！ */
		display: block;
		margin-bottom: 1.5em;
		color: #8e8e8e;
	}
		.single-information .post-date{
			margin-bottom: 2em;
		}

		article.single-post .post-date {
			float: left;
		}

	.post .right-align{
		clear: both;
		margin-bottom: 0;
	}

	.post .eyecatch,
	div.single-post .eyecatch{
		float: left;
		clear: both;
		margin-right: 20px;
		padding: 3px;
		width: 214px;
		height: 130px;
		border: 1px solid #dadada;
	}

		.post .eyecatch img,
		div.single-post .eyecatch img{
			width: 214px;
			height: 130px;
		}

		div.single-post h3,
		.single-information h3{margin-bottom: 5px;}

		div.single-post .post-date{float: left;}

		.single-post .post-categories{ /* ブログのカテゴリー */
			float: right;
			margin: 0;
			padding: 0;
			list-style: none;
			list-style-image: none;
		}


			.metabox div{float: right;}

				.metabox span{
					float: left;
					color: #8e8e8e;
				}

		.post-navi{
			overflow: hidden;
			width:220px;
			float:left;
		}

			#prev{
				float: left;
				width: 50%;
			}

				#prev a{
					display: block;
					float: left;
					width: auto;
				}

			#next{
				float: right;
				width: 50%;
			}

				#next a{
					display: block;
					float: right;
					width: auto;
				}

			#backToList{
				float: right;
				width: 50%;
			}

				#backToList a{
					display: block;
					float: right;
					width: auto;
				}



.post .page{
	overflow: hidden;
	margin-bottom: 30px;
}

.single-products .post img{
	padding: 3px;
	width: 292px;
	height: 191px;
	border: 1px solid #dadada;
}

/* ページ内のボックス */
.box-half{
	overflow: hidden;
	margin-bottom: 20px;
	padding: 18px;
	width: 254px;
	height: 62px ;
	background: url(images/290.png) no-repeat 0 0;
	cursor: pointer;
}

	.box-half hgroup{
		float: left;
		width: 139px;
	}

		.box-half h4{
			height: 19px;
			font-size: 16px;
		}

		.box-half h5,
		.box-full h5{
			color: #59a80f;
			text-transform: uppercase;
			font-family: 'Josefin Sans', sans-serif;
		}

		.box-half p{margin-bottom: 0;}

.box-half img{
	float: right;
	margin-left: 10px;
	width: 95px;
	height: 62px;
}

.box-half.left{float: left;}
.box-half.right{
	float: right;
	margin-left: 20px;
}

.box-full{
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 18px;
	width: 564px;
	height: 117px ;
	background: url(images/600.png) no-repeat 0 0;
	cursor: pointer;
}

	.box-full hgroup{
		float: left;
		width: 357px;
	}

		.box-full h4{
			margin-bottom: 3px;
			height: 21px;
			font-size: 20px;
		}

.box-full img{
	float: right;
	margin-left: 22px;
	width: 175px;
	height: 117px;
}

.box-full a{
		position: absolute;
		right:220px;
		bottom:15px;
		display: block;
		width: 47px;
		height: 18px;
		background: url(images/link.png) no-repeat 0 0;
		text-indent: -9999px;
}

.tax-roomtype .box-link,
.tax-item .box-link,
.related .box-link{
	margin-bottom: 40px;
	cursor: pointer;
}

	.tax-room-type .box-link:hover,
	.tax-item .box-link:hover{cursor: pointer;}

.box-s-top{
	height: 6px;
	background: url(images/box-s-top.png) no-repeat 0 0;
}

	.box-link:hover .box-s-top{background-position: 0 100%;}

.box-s-middle{
	position: relative;
	padding: 15px;
	background: url(images/box-s-middle.png) repeat-y 0 0;
}

	.box-link:hover .box-s-middle{background: url(images/box-s-hover-middle.png) repeat-y 0 0;}

.box-s-bottom{
	height: 6px;
	background: url(images/box-s-bottom.png) no-repeat 0 0;
}

	.box-link:hover .box-s-bottom{background-position: 0 100%;}

	.box-s-middle img{
		position: absolute;
		top:-2px;
		left: 4px;
		width: 212px;
		height: 131px;
	}

		.box-s-middle h3{
			margin-top: 124px;
			font-size: 18px;
		}

			*:first-child+html .box-s-middle h3{
				margin-top: 134px;
			}

		.box-s-middle p{
			margin-bottom: 2em;
			font-size: 14px;
		}


		.box-s-middle .link{
			position: absolute;
			right:15px;
			bottom:10px;
			margin-bottom: 0;
			text-indent: -9999px;
		}

			.box-s-middle .link a{
				display: block;
				width: 47px;
				height: 18px;
				background: url(images/link.png) no-repeat 0 0;
			}

	.box-half:hover,
	.box-full:hover{background-position: 0 bottom;}

	.box-full:hover{
		background-position: 0 -153px ;
	}

	.box-half:hover{
		background-position: 0 -98px;
	}

	h4.subtitle {
		line-height: 1.5;
	}

		*:first-child+html h4.subtitle{
			position: relative;
			top:-4px;
		}


/****************************************

	9. Sidebar

*****************************************/

/* ブログの左カラム全体 */
#sidebar{
	width:100%;
}

/* 人気記事 */
	
.wpp-list{
	margin-left:5px !important;
}
	.wpp-list li{
		margin-bottom:20px;
	}


/*最近の記事*/
.widget{
	margin-bottom:5px;
	}

.widget ul{
	list-style:none;
	margin:0 5px 0 5px;
	}
	.widget ul li{
		margin-bottom:10px !important;
		padding-bottom:10px;
		overflow: hidden;
		border-bottom: 1px solid #e9e9e9;
		}



/* ブログの左カラム、記事一覧のタイトル */

.articleBar{
}
	
	.articleBar ul{
		padding:0px;
		margin:0px;
		list-style: none;
		list-style-image: none;
	}
	
	.articleBar li{
		margin: 0px 0px 23px 0px;
	}
	
	.articleBar li a{
		display: block;
		text-decoration: none;
		padding-bottom:10px;
		margin-left:12px;
		color:#339900;
		font-size:16px;
		border-bottom:2px solid #339900;
	}
	
	.articleBar li p{
		padding-bottom:10px;
		margin-left:10px;
		color:#339900;
		font-size:16px;
		border-bottom:2px solid #339900;
	}


/* ブログの左カラム、記事一覧 */
.blogListSide{
	margin-bottom:38px;
}

	.blogListSide ul{
		margin-left: 15px;
		list-style:none;
	}
	
		.blogListSide li{
			margin-bottom:6px;
		}





/*  固定ページのメニュー */

#side-bar-navi{
	margin-top:107px;

}
#side-bar-navi ul{
	list-style: none;
	list-style-image: none;
	margin:0px;
	padding:0px;
}

#side-bar-navi li{
	margin:0 0 10px 0;
}

#side-bar-navi li a{
	display:block;
	width:190px;
	text-indent:-9999px;
}

#side-bar-navi li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	background-color:#ffffff;
}

#side-bar-navi #menu-item-38 a{
	height:109px;
	background: url(img/side/sideNyukai.jpg) no-repeat 0 0;
}
#side-bar-navi #menu-item-329 a{
	height:113px;
	background: url(img/side/sideKihon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#side-bar-navi #menu-item-36 a{
	height:113px;
	background: url(img/side/sidePro.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#side-bar-navi #menu-item-35 a{
	height:143px;
	background: url(img/side/sideMoudou.jpg) no-repeat 0 0;
	text-indent:-9999px;
}



/* プロへの道ページ用 */
.proSideWrapper{
		border-left:1px solid #d6d6d6;
		border-bottom:1px solid #d6d6d6;
		border-right:1px solid #d6d6d6;
		width:248px;
		}
		
.proSideTitle{
	padding:3px 0 3px 0px;
}
	.proSideTitle p{
		font-size:10px;
		padding: 0 0 0 5px;
	}
	
	.proSideTitle h4{
		font-size:16px;
		margin-left:20px;
		letter-spacing: 0.3em;
	}
	
.proSideTitle2{
	background-color:#eeeeee;
	padding:3px 0px 3px 19px;
	margin-left:11px;
	margin-right:5px;
}
.proSideContents{
	margin:20px 5px 20px 30px;

}
	.proSideContents p{
		margin-bottom:13px;	
		}




/****************************************

	10. footer

*****************************************/

.to_top{
	width:100%;
	margin:0 auto 15px auto;
	text-align:right;
}


#footer{
}


#footer-navi{
	overflow: hidden;
	margin:0 0 20px 0;
	padding:0px;
}

#footer-navi ul{
	list-style: none;
	list-style-image: none;
	padding:0px;
	margin:0px;
}

	#footer-navi ul ul{
		display: none;
	}

	#footer-navi li{
		float: left;
		margin-right:8px;
		font-weight: bold;
	}

	#footer-navi a{
		display: block;
		text-decoration: none;
		line-height: 15px;
		padding-left:13px;
		background: url(img/arrow/arrow3.jpg) no-repeat 0 center;
		color:#000000;
	}



#bottom{
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
}
	#bottom .wrapper{
		margin: 16px auto 0px auto;
		width: 100%;
	}



/****************************************

	11. Tab

*****************************************/

#tabs{
	overflow: hidden;
}

.ui-tabs-hide {
	display: none;
}

#tabs ul {
	overflow: hidden;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding:0 30px;
	background: url(images/header-border.png) repeat-x 0 100%;
	list-style: none;
	list-style-image: none;
}

	#tabs ul li{
		position: relative;
		float: left;
		margin-bottom: 0;
		width: 270px;
		height: 65px;

	}

		#tabs ul a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
		}

			#tabs li.room-type a{
				background: url(images/tab.png) no-repeat 0 0;
			}

			#tabs li.room-type a:hover{
				background: url(images/tab.png) no-repeat 0 -130px;
			}

			#tabs .item a{
				background: url(images/tab.png) no-repeat -270px -65px;
			}

			#tabs .item a:hover{
				background: url(images/tab.png) no-repeat -270px -195px;
			}

			#tabs ul li.ui-tabs-active a,
			#tabs ul li.ui-tabs-active a:hover{
				background-position: -270px 0;
				cursor: inherit;
			}

			#tabs ul li.ui-tabs-selected.item a{
				background-position: 100% 0;
			}


/****************************************

	12. contact form

*****************************************/

.wpcf7,
.half{
	float: left;
	width: 47%;
}
.wpcf7{
	margin-right: 5% !important;
}
.wpcf7 input[type="text"],
.wpcf7 textarea {
	padding: 5px;
	width: 270px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	-moz-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
	color: #555;
}

.wpcf7 #pref,.wpcf7 #zip{
	width: 100px;
}

.wpcf7 #city{
	width: 150px;
}



.wpcf7 textarea{
	overflow: auto;
}
	.wpcf7 label{
		display: block;
	}
		.req{
			color: #fd738a;
			vertical-align: super;
			font-size: 80%;
		}

		#captcha-text{
			width: 199px;
		}


#inquiryformSubmit-1{
    display:block;
    width:161px;
    height:55px;
    padding:0;
    border:0;
    background:url(img/doc/doc_button1.jpg) no-repeat center top;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
	margin:0 auto;
}




/****************************************

	13. Table

*****************************************/

table{
	border-collapse: collapse;
}

th,td{
	padding: 10px 10px;

}

tr{
	border-top:2px dotted #dddddd;
	border-bottom:2px dotted #dddddd;

}


.post p.alignleft{
	width: auto !important;
}




/****************************************

	16. wp_pagenavi

*****************************************/

.wp-pagenavi {
	clear: both;
	overflow: hidden;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
}

	.wp-pagenavi .pages{
		display: none;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		display: block;
		float: left;
		margin-left: 5px;
		padding: 3px 3px 0;
		padding-top: 3px;
		min-width: 29px;
		height: 29px;
		border: 1px solid #dadada;
		color: #59a80f;
		vertical-align: bottom;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px #fff;
		white-space: nowrap;
		line-height:30px;
	}

		.wp-pagenavi a:hover{
			background: #59a80f;
			color: #fff;
			text-shadow: none;
		}
		.wp-pagenavi span.current {
			background: #fff;
			text-shadow: none;
			font-weight: bold;
		}


/****************************************

	17. Misc

*****************************************/

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

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

.aligncenter{
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption,
.gallery-caption,
.wp-caption-text{
	font-size: 90%;
}

*:first-child+html img.ie{
	padding-top: 10px !important;
}

*:first-child+html .post h3~h3,
*:first-child+html .post-date{
	margin-bottom: 20px !important;
}




/****************************************

	18. Advertisement

*****************************************/

#header_ad{
	line-height:1 !important;
	padding:5px 0 5px 0 !important;
}



/****************************************

	21. Ranking

*****************************************/
.rankTable{
	border-collapse:separate;
	border-spacing:2px;
}


.rankTable tr{
	border:none;
}

.rankTable td{
	padding:0px !important;
	border-bottom: 2px solid #32cd32;
}

.rankTable th{
	padding:0px;
	vertical-align:middle !important;
	background-color: #32cd32;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0em;
}

.rankTable .blogContentWrapper {
	width:120px;
	height: 250px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	border:none;
}

.size-full{
	max-width: 100%!important;
	height: auto;
}



/****************************************

	18. 記事のメニュー

*****************************************/

.stampIndex{
	background: #f9f9f9;
	border: 1px solid #aaa;
	padding: 10px;
	margin-bottom: 1em;
	width: auto;
	display: table;
	font-size: 16px;
}

.stampIndex ul{


}

.stampIndex li{
	background: none;
	list-style-type: none;
	list-style: none;
	margin-bottom:10px !important;
}


/****************************************

	19.問い合わせ

*****************************************/
.adInquiryForm{
	min-height:1550px;

}


/****************************************

	20.Simple GA Ranking

*****************************************/
.ranking-img {
	height: 100px;
	overflow: hidden;
	margin-bottom: .5em;
	margin-right: .5em;
	float:left;
}

li.sga-ranking-list {
	margin-bottom: 1em;
}

li.sga-ranking-list:before,
li.sga-ranking-list:after {
	display: block;
  	visibility: hidden;
	clear: both;
	height: 0 !important;
	content: "";
	font-size: 0;
}

li.sga-ranking-list {
	position: relative;
}

/****************************************

	21.Google Adsense Related

*****************************************/

.google_related{
	height:350px;
	overflow:hidden;
}


/****************************************

	23.EndDay

*****************************************/

.endday{
    font-size:1.5em;
    font-weight: bold;
    margin: 10px 0 10px 0;
    text-align: center;
}

.condition{
    text-align: center;
    border-radius: 10px;
    border: 1px solid #337ab7;
    margin-top: 5px;
}
.condition strong{
    color:red;
    font-weight: 700%;
}
.condition-hidden{    
    background-color: #70B437;
    color: #ffffff;
    
}
.stampDownload{
    background-color: #70B437;
    border:initial;
    padding: 10px;
    margin: 10px;
}
.stampDownload a{
    color: #ffffff;
}



/****************************************

	SNSボタン

*****************************************/

.share{
    margin: 10px 0 0 0;
}
.share ul{
	margin : 0;
    padding : 0;
    list-style : none;
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.share li a {
	padding: 0 10px 0 0px;
}
.share li a:hover {
}
.share li a:visited{
}
.share ul:after {
	content : "";
    display : block;
    clear : both;
}
.share li {
	margin: 0px 0px 0px 0px !important;
}



/****************************************

	Comment List

*****************************************/

#comment_area {line-height:1.4em;}

#comment_area ol {
    margin:5px;
}
#comment_area ol li {overflow: hidden;}
#comment_area ol li.depth-1{border:1px dotted #555; margin-bottom:1em; padding:12px;}
#comment_area ol li ul.children {margin-left: 5%;} /*children 返信部分*/
#comment_area ol li ul.children li {border-top:1px dotted #555; margin-top:1em; padding-top:12px;}
img.avatar {margin-right:8px;float:left;}
span.says{display:none;}
cite.fn {font-size:90%;}
div.comment-meta {font-size:80%;}
div.comment-meta:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.comment-body p {font-size:90%;background:#fff;border-radius: 12px;padding:0.5em 1em;margin:0.8em 0 0.5em;}
div.reply { margin-bottom:0.2em}/*返信button*/
div.reply:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
div.reply a {
    margin-top:5px;
    color:white;
    line-height:1em;
    display:block;
    float:right;
    background:#339900;
    padding:0.3em 1em;
    border-radius: 8px;
}
/*Comment Form*/
#respond {background:rgba(255,255,255,0.4);border-radius: 9px;}
#respond h3#reply-title small a {font-size:70%; margin-left:1em; text-decoration:underline;}/*コメントをキャンセルの文字*/
#respond p { margin-bottom:0.5em;}
#respond p.commentNotesBefore, #respond p.commentNotesAfter {font-size:80%;}
#respond p.form-submit {margin-bottom:0;}
/*form element*/
input#author, input#email, textarea#comment {
    width:95%;
    border: solid 0.5px #ccc;
    border-radius:8px;
    margin-top:0;
    font-size:14px;
    padding:7px 12px;
}
textarea#comment {line-height:1.6em;}
input#submit {
    cursor:pointer;
    font-size:110%;
    padding: 5px 1em;
    margin:0;
    border-style:none;
    color: #fff;
    background: #05c6fe;
    border-radius: 18px;}
input#submit:hover {background:#2d1497;}
.user-comments-grades{
    width:100px !important;
}





/*

ここから新デザイン

*/


/* 仮アテンション */
.attention{
    background-color: #E67E22;
    margin: 0px 0px 10px 0px;
    padding:10px;
	text-align: center;
}
.attention a{
    display:block;
    color:#ffffff;
}






/*SearchForm*/
.searchfield {
    margin:7px 0px 7px 7px;
    font-size: 14px;
    width: 80%;
    padding: 0px;
    height: 44px;
    border: 2px solid #cccccc;
    border-radius: 4px;
}
 
.searchsubmit {
    padding: 0;
    margin: 0px 0px 0px 0px;
    width: 40px;
    height: 40px;
	background-image: url(/wp-content/themes/subestampMb2021/img/icon.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-size: auto 40px;
    background-position: -160px bottom;
	background-color: initial;
}
 
.searchsubmit:hover {
  opacity: .6;
}


#menu-mobile-footer-column li a{
    vertical-align: middle;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #eff2f5;
    line-height: 42px;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}



/*ベルマークのスタンプ一覧    普通のスタンプ一覧の両方*/

ul.latestStamp-data-list,ul.stamp-data-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	font-size:0.9em;
	line-height: initial;
}
ul.latestStamp-data-list li,ul.stamp-data-list li {
    box-sizing: border-box;
    width: 25%;
    padding: 5px 5px 5px 2px !important;
    margin:0px !important;
	border-bottom: 0.5px solid #ccc;
}
ul.latestStamp-data-list a,ul.stamp-data-list a{
    padding-right:0px;
}

ul.latestStamp-data-list li img,ul.stamp-data-list li img {
	width: 23vw;
    height: 23vw;
    object-fit: cover;
	border:2px solid white;
}
@media screen and (min-width: 960px) {
	ul.latestStamp-data-list li img,ul.stamp-data-list li img {
		width: 100%;
		height: auto;
	}
	/* 960px以上に適用されるCSS（PC用） */
}
.stamp-data-list-description{
    line-height: 1.5;
}
.stamp-data-list-title{
    height:43px;
	overflow: hidden;
}


ul.stamp-data-list li .stamp-data-list-img{
    position: relative;
    margin-bottom:5px;
}
ul.stamp-data-list li .stamp-data-list-icon{
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 1.4rem;
    color: purple;
}
ul.stamp-data-list li .is_new{
    bottom:initial;
    right:initial;
    top:0px;
    left:0px;
    color:red;
}
ul.stamp-data-list li .is_premium{
    bottom:initial;
    right:initial;
    top:0px;
    left:0px;
}
ul.stamp-data-list li .stamp-data-list-budge-left{
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 0.8rem;
}
ul.stamp-data-list li .stamp-data-list-budge-right{
    position: absolute;
    bottom: 0px;
	right:0px;
    font-size: 0.8rem;
}
ul.stamp-data-list li .stamp-data-list-budge-leftB{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 0.8rem;
}
ul.stamp-data-list li .stamp-data-list-free{
	display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    background-color: #ff0000;
    line-height: 1;
    border-radius: 100px;
    min-width: 1rem;
    font-size: 0.8rem;
    font-weight: bold;
    color: #ffffff;
}
ul.stamp-data-list li .stamp-data-list-type-hidden{
    background-color: blueviolet;
}
ul.stamp-data-list li .stamp-data-list-type-limit{
    background-color: white;
    color: #339900;
    border-color:#339900;
    border:solid 1px;
}
ul.stamp-data-list li .stamp-data-list-type-duedate{
    background-color: #339900 !important;
}

ul.stamp-data-list li .stamp-data-list-type-duedate-end{
    background-color: gray !important;
    color: white !important;
}
ul.stamp-data-list li .stamp-data-list-free-image{
	border:2px solid red;
}

ul.stamp-data-list li .stamp-data-list-type{
    background-color: red;
    color: #ffffff;
    font-weight: bold;
    display: block;
    border-radius: 15px;
    margin: 3px 0px;
    text-align: center;
    text-decoration: none;
    padding:2px;
    font-size:0.6rem;
}
ul.stamp-data-list li .stamp-data-list-type-play{
    background-color: #555555;
}
ul.stamp-data-list li .stamp-data-list-type-other{
    background-color: #073064;
}


.ssIcoPlay1,.ssIcoPlay2,.ssIcoPlay3,.ssIcoPlay4,.ssIcoPlay5 {
    width: 26px;
    height: 26px;
    background-position: -26px -48px;
    background-image: url(img/main_20210213.png);
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
}
.ssIcoPlay2{
    right:26px !important;
}
.ssIcoPlay3{
    right:52px !important;
}
.ssIcoPlay4{
    right:78px !important;
}
ul.stamp-data-list li .is_voice{
    background-position: -78px -48px;
}
ul.stamp-data-list li .is_custom{
    background-position: -156px -48px;
}
ul.stamp-data-list li .is_message{
    background-position: -130px -48px;
}
ul.stamp-data-list li .is_popup{
    background-position: -104px -48px;
}
ul.stamp-data-list li .is_effect{
    background-position: -182px -48px;
}



/*記事読み込みボタン*/
#nextLoader{
	margin:50px 0px;
	text-align: center;
}
#nextLoader a{
    background-color: #339900;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    width: 40vw;
    max-width: 200px;
    padding: 8px 8px;
    margin: 7px 0px 7px 0;
}

/*Loading-loader*/
.loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.2;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/*スタンプ記事*/
.stampinfo table, .stampphrase table{
    width:100%;
}
.stampinfo td{
    width:25%;
    border:1px dotted #cccccc;
    padding:5px;
}
.stampinfo th{
    border:1px dotted #cccccc;
    padding:5px;
    text-align: left;
}
.stampphrase td{
    width:50%;
    border:1px dotted #cccccc;
    padding:5px;
}
.stamptype{
    border:1px dotted #cccccc;
    padding:5px;
}


/*LINEの使い方のページだけ適用*/
.categoryid-5602 .wp-block-image{
	text-align: center;
}
.categoryid-5602 .wp-block-image img{
	border:1px solid #cccccc;
	max-width: 50%;
}


/*boxzilla-content*/
.boxzilla{
	padding: 15px;
}
.boxzilla-content{
	text-align: center;
}
.boxzilla-content h3{
	line-height: initial;
}
.boxzilla-content img{
	width: 90%;
	height:auto;
}
.boxzilla-content form #mail{
	margin: 15px 0px 5px 0px;
    width: 90%;
    line-height: 3em;
}
.boxzilla-content form #submit{
  border-bottom: solid 3px gray;
  border-radius: 3px;
  box-shadow: 0px 3px 5px lightgray;
  background-color: #339900;
  color:#ffffff;
  line-height: 2em;
  margin: 0px 0px 10px 0px;
  width:50%;
}

.tagDesc p{
	margin:0px 10px 10px 10px;
}