html,body{
margin:0;padding:0;
-webkit-text-size-adjust:100%;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo,Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/* 色指定 */
html,body{background:#ffffff;}
#headerwrapper{background:#ffffff;}
#main{color:#ffffff;background:#444444;}
.menutaglist li{background:#ffffff;}
.photomain{background:#ffffff;}
a{text-decoration:none;}
.wrap {overflow: hidden;}

p{padding:10px;}
@media screen and (max-width: 580px){

#headerbar h1{display:none;}

#contentspage h2{
padding:20px 10px 0 10px;
text-align:center;
font-size:24px;
line-height:24px;
font-weight:bold;font-family:Helvetica,Arial,sans-serif;
}
}


@media screen and (min-width: 581px){

	
#contentspage h2{
padding-top:30px;
text-align:center;
font-size:28px;
line-height:24px;
font-weight:bold;font-family:Helvetica,Arial,sans-serif;
}
}

@media screen and (min-width: 581px){
	

#container{margin:0;padding:0;overflow: hidden;}
h1{max-width:980px;color:#111111;font-size:12px;font-weight:bold;text-align:center;margin:0 auto;padding:3px;background:#ffffff;}
#menubar{display:block;

}
.linkheight{display:none;}
.navi_icn{display:none;}
.togglearea{display:block;padding:10px 0;
}
.togglebtn{display:block;}
.togglemenu{max-width:980px;margin:10px auto;text-align:center;padding-bottom:2px;

}
.togglemenu ul{list-style-type:none;margin:0;padding:0;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;}
.togglemenu li{
height:20px;
font-size:12px;
line-height:16px;
margin:0;
padding:4px 10px 0;
display:inline-block;
border-left:1px solid #dddddd;
vertical-align:bottom;
}
.togglemenu li a{padding:0;display:block;text-decoration:none;}
.togglemenu li a:hover{margin:0;padding:0;background:#ffffff;}
#header{
max-width:1350px;
vertical-align:middle;
margin:2px auto 0;
padding:0;
text-align:center;
position:relative;

}
.button{display:none;}
}

.hr-text:before {
background: -webkit-linear-gradient(left, transparent, #073671, transparent);
background: linear-gradient(to right, transparent, #073671, transparent);position: absolute;
}
.hr-text:after {color:#073671;padding: 0 .5em;line-height: 1.8em;background-color: #ffffff;}

.hr-text {
max-width:900px;
font-family : Bookman Old Style ;
line-height: 1em;position: relative;outline: 0;border: 0;color: black;text-align: center;height: 1.5em;opacity: .9;margin:20px auto 0;
}

.hr-text:before {
content: '';
left: 0;top: 50%;width: 100%;height: 2px;
}

.hr-text:after {
content: attr(data-content);
position: relative;
display: inline-block;
}


@media screen and (max-width: 580px){
#container{margin:0;padding:0;overflow: hidden;}
h1{font-size:12px;font-weight:bold;text-align:center;margin:2px 0 0 0;border-bottom:1px solid #ffffff;}
.navi_icn ul{list-style-type:none;margin:5px;padding:0;}
.navi_icn li{margin:0 6px;display:inline-block;}
.navi_icn li a:link { color: #0070c9;font-weight:normal;text-decoration:none;}
.navi_icn li a:visited { color: #0070c9;font-weight:normal;text-decoration:none;}
.navi_icn li a:hover { color: #0070c9;text-decoration:underline;}
.navi_icn li a:active { color: #ff0c09; }

.togglemenu{width:140px;font-size:14px;line-height:30px;margin-top:48px;margin-bottom:10px;padding:10px;text-align:left;color: #0070c9;background:#000000;}
.togglemenu ul{list-style-type:none;margin:0;padding:0;}
.togglemenu a:link{color: #0070c9;display:block;text-decoration:none;}
.togglemenu a:visited{color: #0070c9;display:block;text-decoration:none;}
.togglemenu a:hover{color: #ff0c09;background:#dddddd;}
.togglemenu a:active{color: #ff0c09;background:#dddddd;}

#menubar{width:100%;position:fixed;color:#ffffff;height:70px;z-index:200;margin-bottom:80px;background-color: rgba(0,0,0,0.3);}
#menubar ul{list-style-type:none;margin:5px;padding:0;}
#menubar li{margin:0 6px;display:inline-block;}
#menubar ul li a:link { color: #ffffff;font-weight:normal;text-decoration:none;}
#menubar ul li a:visited { color: #ffffff;font-weight:normal;text-decoration:none;}
#menubar ul li a:hover { color: #ff0c09;text-decoration:underline;}
#menubar ul li a:active { color: #ff0c09; }
.linkheight{height:60px;}

#headerwrapper{display:none;}
#header{
max-width:1350px;
vertical-align:middle;
margin:2px auto 0;
padding:0;
text-align:center;
position:relative;
}

.button{display:block;width:100px;position:absolute;top:23px;right:0;border:2px solid #ffffff;border-radius:4px;}
.button a{display:block;border-radius:4px;font-size:14px;color:#ffffff;padding:2px 8px;text-decoration:none;}
.button a:hover{background:#ff0c09;}
.togglebtn{overflow: hidden;}

.togglearea{position:absolute;top:5px;right:10px;}
#headerbar h1{display:none;}
}


#main{
margin:20px auto 0;
padding-top:20px;
}

.site{
text-align:center;
margin-top:20px;
}

.mrgint20{margin-top:20px;}

.area{
width:160px;
margin:0 auto 20px;
font-size:12px;
text-align:center;
border:1px solid #999999;
border-radius:4px;
}

.section_top{
max-width:960px;
margin:10px auto 0;
}

.section_top img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}

.section_top p{
margin:0;
padding:4px 4px 14px;
}

.section_top h3{
margin:0 auto 20px;
padding:4px;
}

.section_top h4{
border-bottom:2px solid #ffffff;
margin:0 0 4px 0;
}

.section{
max-width:700px;
margin:0 auto;
}

.w980{
max-width:980px;
}

.section img{
width:100%;
height:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

.section p{
margin:0;
padding:0 4px 4px;
}

.section h3{
}

.section h4{
font-size:1.25em;
padding:4px;
margin-bottom:0;
border-bottom:3px solid #444444;
}


.info ul{
list-style-type:none;
margin:4px 0 0 0;
padding:0;
}

.info li{
padding:3px 6px;
border-bottom:1px solid #c0c0c0;
}


.map{
max-width:700px;
}

blockquote{
margin:20px 0;
padding:10px 16px;
border:1px solid #cccccc;
border-radius:6px;
}

#footer{
height:100px;
margin-top:50px;
text-align:center;
}

#footer a{
margin:80px auto 0;
padding:10px;
border:1px solid #111111;
}

.list{
margin-top:0;
padding:0 0 30px 0;
text-align:center;
}

.list img{
width:300px;
height:auto;
}

.list ul{
list-style-type:none;
margin:0;
padding:0;
}

.list li{
display:inline-block;
width:300px;
text-align:left;
margin:0 5px;
padding:0;
vertical-align:top;
}


.updatetime{
font-size:12px;
color:#000000;
text-align:center;
margin:10px auto 20px;
padding-bottom:20px;
}

.taglist{
text-align:center;
margin-bottom:20px;
}

.taglist ul{
margin:0;padding:0;
list-style-type:none;
}

.taglist li{
display:inline-block;
border:1px solid #666666;
font-size:12px;
color:#ffffff;
margin:0 4px;
padding:2px 14px;
border-radius:4px;
}

.info{
padding:10px;
}


/* toppage */
.section_toppage{max-width:1000px;
margin:10px auto 0;
text-align:center;
}

.topics{
font-size:0;
}

.topics h2{
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;

}
.topics ul{
list-style-type:none;
display:inline-block;
margin:0 auto;
padding:0;
vertical-align:bottom;
}

.topics li{
display:inline-block;
font-size:12px;
width:234px;
height:210px;
margin:5px;
text-align:left;
background:#ffffff;
vertical-align:top;
border-radius:0 0 5px 5px;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
box-shadow:2px 2px 2px #e0e0e0;
}

.topics li h3{
font-size:12px;
line-height:16px;
margin:0;
padding:2px 8px 0;
}

.topics li h4{
font-size:14px;
font-weight:bold;
line-height:16px;
margin:0;
padding:4px 0 0 0;
}

.topics li a{
font-weight:bold;
}

.topics li p{
font-size:11px;
margin:0;
padding:2px 8px;
}

.topics i{color:#ff0c09;}

.menutaglist{
text-align:center;
}

.menutaglist ul{
display:inline-block;
margin:0;
padding:0;
}

.menutaglist li{
color:#444444;
width:100%;
font-size:11px;
margin:4px 8px;
padding:4px 10px;
border-radius:5px;
}


#footer_top{
background:#444444;
height:60px;
padding-top:10px;
padding-bottom:60px;
text-align:center;
}

.share{
font-size:14px;
padding-top:10px;
}

.share ul{
list-style-type:none;
margin:0;
padding:0;
}

.share li a{
display:block;
padding:4px 12px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
}

.share li a:hover{opacity:0.8;}

.share ul:after{
content:"";
display:block;
clear:both;
}

.share li{
display:inline-block;
width:auto;
}

.share-tw{background:#55acee;}
.share-fb{background:#3b5998;}
.share-inst{background:#eb4152;}
.footertxt{padding-top:6px;}

@media (max-width:599px){
.share span{display:inline-block;text-indent:-9999px;}
.share li a{padding:8px 10px;}
}

.adsensepage2{
width:96%;
margin:0 auto;
text-align:center;
}

.adsensepage2-in{
text-align:center;
}


.post{margin-top:0;padding-top:0;margin-bottom:20px;border-bottom:1px solid #111111;}
.search_section{margin:0 auto;padding:0 10px;
}
.search_section h3{margin:0;padding:0;}
.search_section p{margin:0;padding:0;}
.search_section img{display:none;}
.more-link{margin-left:20px;}
.no-search{text-align:center;padding-top:30px;padding-bottom:30px;}


.centering{text-align:center;}
.keyword ul{margin:0;padding:0;display:inline-block;}
.keyword li{list-style-type:none;margin:0;padding:0;}
.keyword p{font-size:20px;padding-bottom:10px;}
.caption{font-size:12px;font-weight:normal;text-align:left;margin:0;padding:4px 0 8px 0;}

#searchform,#searchform div{display:inline;}
.screen-reader-text{display:none;}
.search-field{border:1px solid #aaaaaa;border-radius:3px;padding:3px 8px;}
.search-field:hover,.search-field:focus{background:#eeeeee;}

.search-submit{
background:#666666;
border-radius:5px;
color:#ffffff;
padding:2px 8px;
margin-right:10px;
}
.search-submit:hover{background:#aaaaaa;}
div#subinfo{
margin:0 0 20px 10px;
}
div#subinfo img{
vertical-align:bottom;}

.mapli{
font-size:12px;
margin-bottom:20px;
}


.section-contents{
max-width:700px;
margin:0 auto;
}

.section-contents img{
width:100%;
height:auto;
display:block;
margin-bottom:6px;
}

.informationtxt{
margin-top:40px;
}

.toplink{
width:100%;
height:100%;
}


.section_mapbtn{
margin:20px 0 30px;
text-align:center;
}

.mapbtn{
padding:8px 10px;
border-radius:4px;
border-bottom:4px solid #1791d7;
color:#ffffff;
background:#3cbafc;
}

.section_mapbtn a:link { color: #ffffff;text-decoration:none;}
.section_mapbtn a:visited { color: #ffffff;text-decoration:none;}
.section_mapbtn a:hover{
position: relative;
top:1px;left:1px;
text-decoration: none;
}

.section_mapbtn a:active { color: #ff8000;text-decoration:none;}

.map{
text-align:center;
}

.size-full{
border-radius:5px;
}

.listpost{
max-width:600px;
margin:0 auto;
}

.listpost ul{
margin:0;
padding-top:4px;
padding-bottom:4px;
color:#ff0000;
border-bottom:1px solid #c0c0c0;
}

.listpost li{
margin:0;
padding-top:0;
padding-bottom:0;
}

.listpostdate{
font-size:12px;
margin-left:10px;
color:#000000;
}

.new{
text-align:left;
font-weight:normal;
margin:10px 0 0 10px;
color:#000000;
}

.listtxt{
font-size:14px;
}

.allpostblock{margin:10px 0;padding:0 10px 0 0;text-align:right;}
.allpost{font-size:20px;padding:0 4px;font-weight:bold;font-family:Helvetica,Arial,sans-serif;}


.pagenation{
overflow:hidden;
font-size:18px;
color:#ff0c09;
border-radius:0 0 4px 4px;
margin:20px 40px;
}
.oldpage{float:left;}
.nextpage{float:right;}

/* 三角ラベル */
/* 商品に見立てた枠 */
.triangle {
background: #fafafa;
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.triangle::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #69cf3f; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
}
.triangle::after {
font-size:10px;
content: "Shuffle";
display: block;
top: 8px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
left: 0;
position: absolute;
z-index: 101;
}


@media screen and (min-width: 581px){
/* 三角ラベル */
/* 商品に見立てた枠 */
.trianglenew {
background: #fafafa;
width: 234px;
height: 144px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.trianglenew::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #ff0c09; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
}
.trianglenew::after {
font-size:9px;
content: "NEW";
display: block;
top: 6px;left:2px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
font-weight:bold;
position: absolute;
z-index: 101;
}
}



@media screen and (max-width: 580px){

.trianglenew {
background: #fafafa;
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.trianglenew::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #ff0c09; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
}
.trianglenew::after {
font-size:10px;
content: "NEW!";
display: block;
top: 7px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
left: 0;
position: absolute;
z-index: 101;
}

}



.photomain{
margin-bottom:10px;
}

.photomain h3{
width:90%;
text-align:center;
margin:5px auto 0;
font-weight:normal;
}

.photomain h3 a{
color:#000000;
}
.photomain p{
font-size:12px;
width:88%;
margin:0 auto 10px;
padding-bottom:15px;
}

.photomain p a{
color:#ff0c09;
}

.photomaini{
max-width:700px;
width:100%;
height: 432px;
position: relative;
overflow: hidden;
}

.photomaini img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;

}

.listpost{
max-width:600px;
margin:0 auto;
}
.listpost ul{
margin:0;
padding-top:4px;
padding-bottom:4px;
color:#ff0000;
border-bottom:1px solid #c0c0c0;
}
.listpost li{
margin:0;
padding-top:0;
padding-bottom:0;
}
.listpostdate{
font-size:12px;
margin-left:10px;
color:#000000;
}

.listtitle{
font-size:24px;
text-align:center;
margin:20px 0 0 0;
}

@media screen and (max-width: 580px){
.pdgt60{
padding-top:60px;
}

.listtitle{
padding-top:60px;
}

#breadcrumb{
font-size:12px;
max-width:980px;
margin:0 auto;
padding-top:70px;
}
}


.ads960{
max-width:960px;
margin:20px  auto 40px;
}

.ads930{
max-width:930px;
margin:10px  auto 10px;
}

.ads700{
max-width:700px;
margin:20px  auto 40px;
}

.ads300{
max-width:300px;
margin:20px  auto 40px;
}

#breadcrumb{
font-size:12px;
max-width:980px;
margin:0 auto;
}


#breadcrumb ul{
list-style-type:none;
}


#breadcrumb li{
display:inline-block;
margin:0;
}

#breadcrumb li span{
display:inline-block;
margin:0;
padding:2px 10px;
border-radius:14px;
border:1px solid #39563b;
}

.arwspc{
padding:0 8px;
color:#39563b;
}


#rank {
counter-reset: wpp-ranking;
}
#rank .rank-post{
overflow:hidden;
padding:2px 0;
position:relative;
}
#rank .rank-post:before{
color:white;
background: #ff0000;
text-align: center;
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
font-size:10px;
font-weight:bold;
line-height: 1;
padding: 5px 7px;
position: absolute;
top:2px;
left:0;
z-index: 1;
}
#rank .rank-post a{
display:block;
text-decoration:none !important;
}
#rank .rank-post a h5{
text-decoration: underline;
display:block;
margin-top:0;
margin-bottom:2px;
}
#rank .rank-post a:hover h5{
text-decoration: none;
}
#rank .rank-post a .rank-spec{
overflow:hidden;
font-size:90%;
}

#rank .rank-post a .rank-spec .time{
display:inline-block;
float:left;
margin-left:20px;
padding:1px 3px;
border: 1px solid #27343c;
color: #27343c;
}

#ranking2{padding-left:6px;}
#ranking2 img{width:60px;height:60px;}
#ranking2 .rank-text{
padding-top:4px;
text-align:left;
font-size:12px;
}
#ranking2 h5{font-size:14px;}
#ranking2.cat{
display:inline-block;
margin-left:30px;
padding:1px 3px 1px 10px;
border: 1px solid #27343c;
color: #27343c;
}
#ranking2 .rank-img{width:70px;height:60px;float:left;
overflow:hidden;}


#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;

}
 
#page-top p{
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	background:#d51323;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	border-radius:5px;
}
 
#page-top p:hover{
	background:#d51323;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

.menutaglist100{
text-align:center;
}

.menutaglist100 ul{
display:inline-block;
margin:0;
padding:0;
}

.menutaglist100 li{
width:90%;
font-size:13px;
margin:4px 8px;
padding:4px 10px;
border-radius:5px;
color:#000000;
background:#eeeeee;
}



.attachment-yarpp-thumbnail{width:240px;height:148px;}
.size-yarpp-thumbnail{width:240px;height:148px;}



.helvetica{
margin:60px 0;
color:#272d36;
font: bold 75px/75px "Helvetica";
letter-spacing: -3px;
}

.helvetica a:link{color:#000000;text-decoration:none;}
.helvetica a:visited{color:#aaaaaa;text-decoration:none;}
.helvetica a:hover{color:#ff0000;text-decoration:underline;}
.helvetica a:active{color:#ff8833;text-decoration:none;}

.helveticasp{
margin:120px auto 80px ;
text-align:center;
color:#272d36;
font: bold 50px/50px "Helvetica";
letter-spacing: -3px;
}

.helveticasp a{text-decoration:none;}

@media screen and (max-width: 580px){

.helvetica24{
padding-left:20px;
margin:10px auto 0;
text-align:left;
color:#272d36;
font: bold 24px/24px "Helvetica";
letter-spacing: -1px;
}

}
@media screen and (min-width: 581px){

.helvetica24{
max-width:980px;
margin:10px auto 0;
text-align:left;
color:#272d36;
font: bold 24px/24px "Helvetica";
letter-spacing: -1px;
}

}






/* toppage */
.section_toppage{
max-width:980px;
margin:10px auto 0;
text-align:center;
}

.main_topics{
font-size:0;
}

.main_topics h2{
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;

}
.main_topics ul{
list-style-type:none;
display:inline-block;
margin:0 auto;
padding:0;
vertical-align:bottom;
}

.main_topics li{
font-size:12px;
width:300px;
height:270px;
margin:10px;
text-align:left;
background:#ffffff;
vertical-align:top;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
border-radius:10px;
}

.main_topics li img{
border-radius:10px 10px 0 0;
vertical-align:bottom;
}

.topics_thumbnail{
border-radius:10px 10px 0 0;
vertical-align:bottom;
}

.main_topics li h3{
font-size:21px;
line-height:26px;
margin:0;
padding:4px 8px 0;
font-weight:bold;font-family:Helvetica,Arial,sans-serif;
}

.main_topics li h4{
font-size:14px;
font-weight:bold;
line-height:24px;
margin:0;
padding:4px 0 0 0;
font-weight:bold;font-family:Helvetica,Arial,sans-serif;
}

.main_topics li a{
font-weight:bold;
color:#000000;
}

.main_topics li a:hover{
font-weight:bold;
color:#ff0000;
}

.main_topics li p{
font-size:12px;
margin:0;
padding:2px 8px;
}

.main_topics i{color:#ff0c09;}

.topics{
font-size:0;
}

.topics h2{
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;

}
.topics ul{
list-style-type:none;
display:inline-block;
margin:0 auto;
padding:0;
vertical-align:bottom;
}

.topics li{
font-size:12px;
width:300px;
height:270px;
margin:10px;
text-align:left;
background:#ffffff;
vertical-align:top;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
border-radius:10px;
}

.topics li img{
border-radius:10px 0 0 10px;
vertical-align:bottom;
}


.topics li h3{
font-size:18px;
line-height:24px;
margin:0;
padding:4px 8px 0;
}

.topics li h4{
font-size:18px;
font-weight:bold;
line-height:22px;
margin:0;
padding:6px 4px 0 0;
color:#000000;
font-weight:bold;font-family:Helvetica,Arial,sans-serif;
}

.topics li a{
font-weight:bold;
color:#000000;
}

.topics li a:hover{
font-weight:bold;
color:#ff0000;
}

.topics li p{
font-size:12px;
margin:0;
padding:2px 8px;
}

.topics i{color:#ff0c09;}

.map{
max-width:700px;
margin:0 auto;
}