/* @import url("common.css") は削除。legacy-common.css を wp_enqueue_style の依存で先に読む
   （inc/legacy-front-page.php）。@import はレンダリングを直列化するため。 */

iframe{
border:none;
}

#headder {
	width: 100%;
	height: 83px;
	background-color:#66CC00;
	background-image:url(../images/legacy-top/back0904.gif);
	min-width:1000px;
	_display:inline;
	_zoom:1;
}

#contents {
	clear:both;
	padding-top:20px;
}

.maincontents {
	width: 630px;
	float: left;
	margin-right:30px;
}

.leftcontents {
	width: 300px;
	float: left;
}

.centercontens {
	width: 300px;
	float: right;
}

.rightcontents {
	width: 300px;
	float: right;
}


/* HEADDER */

#head {
	width: 960px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#logo {
	width:240px;
	height:83px;
	float:left;
	background-image:url(../images/legacy-top/top_logo_n.gif);
	background-repeat:no-repeat;
}

#logo a {
	width:240px;
	height:83px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#head h1 {
	font-size:11px;
	padding-top:58px;
	color:#FFF;
}

#kensaku {
	position: absolute;
	left: 660px;
	top: 10px;
	width: 300px;
	height:33px;
	z-index: 0;
}

.kensaku2{
	position:absolute;
	top:24px;
	left: 595px;
	font-size:11px;
	z-index:1;
	color:#39F;
}

.sns {
	width:630px;
	float:left;
	margin:15px 0px 24px;
	font-weight:bold;
	white-space:nowrap;
}

.sns li {
	margin:0px;
	display:inline;
	font-size:12px;
	white-space:nowrap;
}

.sns img {
	margin: 0px 3px;
}

#koso iframe.twitter-share-button {
width: 70px!important;
}

.fb_iframe_widget > span{
	height:20px !important;
}

#bottom-sns {
	padding-top:20px;
}

#calender {
	position: absolute;
	top: -76px;
	right: -33px;
	width: 233px;
	height: 66px;
}

#calender h2{
	width:200px;
	height:70px;
}

#top-button p {
	float:left;
}

#top-button .space12 {
	margin-right:11px;
}

#top-button a:hover {
 filter: alpha(opacity=70);
 -moz-opacity:0.70;
 opacity:0.70;
}

#top-button-sm{
	display:none;
}

#sm-miku{
	display:none;
}


/* TOP CONTENTS */

#news ul li {
	color: #333;
	list-style-type:none;
	font-size:12px;
	line-height:140%;
	margin-bottom:7px;
}

#news li .title {
	float:left;
	width:235px;
	font-size:11px;
}

#news li .title a {
	font-size:14px;
}

#news li .day {
	float:right;
	width:55px;
	text-align:right;
}

#news h2 a {
	font-size: 16px;
	color:#36c;
	font-weight: bold;
}

#bazar {
	margin-top:15px;
}

#bazar ul li {
	color: #333;
	font-size:12px;
	line-height:140%;
	margin-bottom:5px;
	margin-top:3px;
	list-style-type:none;
}

.recommend ul li {
	color: #333;
	font-size:12px;
	line-height:150%;
	list-style-type:none !important;
	margin-bottom:5px;
	display:block;
}

#news a, #bazar a, .recommend a{
	font-size:14px;
}

#enquete {
	width:607px;
	min-height:60px;
	padding:2px 10px 5px;
	border-top:1px solid #b2bac7;
	border-left:1px solid #b2bac7;
	border-right:2px solid #b2bac7;
	border-bottom:2px solid #b2bac7;
	margin-bottom:20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
}

#enquete h3 {
	padding-top:8px;
}

#enquete img {
	float:left;
	margin-right:15px;
	width:50px;
}

#enquete2 {
	float:right;
	width:540px;
}

#enquete a {
	font-size:15.5px;
	font-weight:bold;
}

.fb-container {
		width: 300px !important;
}

.fb-container iframe {
		width: 300px !important;
}


/* MIDDLE CONTENTS */

#receipt .image-left {
	width:120px;
}

#shopping .osusume {
	width:120px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#shopping .shohin{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}


/* BOTTOM CONTENTS */

#support .small {
	margin-left:15px;
}

#download {
	border-bottom: dotted 2px #a0aaba;
	padding-bottom:10px;
}


/* RIGHT CONTENTS */

#miku {
	padding:7px 10px 10px;
	border:3px dotted #fba6b7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	margin-bottom:10px;
}

#miku h2 {
	padding-bottom:5px;
}

#hyoshi {
	float:left;
	margin-bottom:10px;
}

#miku_contents {
	float:none;
	width:160px;
	margin-bottom:10px;
}

#papastyle {
	padding:7px 10px 10px;
	border:3px dotted #b2bac7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	margin:10px 0px 10px;
}

#aboutlink {
	margin-bottom:10px;
	padding:5px 10px;
	border:2px solid #FFCC00;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
}

#aboutlink .link1 {
	width:45px;
	float:left;
}

#aboutlink .link2 {
	width:230px;
	float:right;
}

#mobile .text14 {
	padding-top:10px;
	font-weight:bold;
}

#mobile img {
	border:1px solid #ccc;
}

.orangebanner {
	float:right;
	width:234px;
	padding-top:10px;
	padding-bottom:10px;
}


/* FOOTER */

address {
	margin-top:5px;
}

#copy {
	float: left;
	width:750px;
}

#comodo {
	float: left;
	width: 115px;
}

#minilogo {
	vertical-align: middle;
}

#mark {
	float: left;
	margin-left:5px;
	width:0px;
}

#mark img{
	float: left;
	margin-right:5px;
}

#mark .small {
	margin-bottom:5px;
}

.fun{
	float:right;
	margin-left:5px;
}


/* LINK DESIGN */

a:link, a:visited, a:active {
    color:#36C;
	text-decoration:none;	
}

a:hover {
    color:#36C;
	text-decoration:underline;	
}

.newlink a:link, .newlink a:visited, .newlink a:active {
    color: #FF3366;
	text-decoration:none;	
}

.newlink a:hover {
    color: #FF3366;
	text-decoration:underline;	
}

#miku a:link, #miku a:visited, #miku a:active {
    color: #FF3366;
	text-decoration:none;	
}

#miku a:hover {
    color: #FF3366;
	text-decoration:underline;	
}


/* COMMON DESIGN */

#contents h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom:12px;	
	color:#333;
}

#contents h2 img {
	padding-right:2px;
}

#contents h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom:5px;	
	color: #333;
}

.category li {
	font-size: 11px;
	line-height: 125%;
	display:inline;
	border-right:1px solid #333;
	padding-right:4px;
	margin-right:2px;
	list-style-type:none;
}

.image-left {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

.space-bottom{
	margin-bottom:10px;
}

.space-top{
	margin-top:10px;
}

#fixed_footer{
	display:none;
}


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

/* BASIC LAYOUT */

#body {
	width:100%;
}

#wrap {
	width:100%;
}

#container {
	width:96%;
}

#footmenu {
	width: 96%;
}

#footer {
	width:96%;
}

#headder {
	width: 100%;
	height: 83px;
	min-width:inherit;
	overflow:hidden;
}

.maincontents {
	width: 100%;
	float: none;
	margin-right:0px;
}

.leftcontents {
	width: 100%;
	float: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.centercontens {
	width: 100%;
	float: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.rightcontents {
	width: 100%;
	float: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* HEADDER */

#head {
	width: 96%;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#logo {
	width:240px;
	height:80px;
	float:none;
	background-image:url(../images/legacy-top/top_logo_n.gif);
	background-repeat:no-repeat;
}

#head h1 {
	padding-top:58px;
	white-space: nowrap;
}

#kensaku {
	position:static !important;
	width: 100%;
	margin-bottom:10px;
}

.kensaku2{
	position:static !important;
	text-align: left;
	width:100%;
	text-align:left;
	float:none !important;
	clear:both;
}

.sns {
	width:100%;
	float:none !important;
	margin:5px 0px 5px;
	white-space:normal;
}

.sns li img {
	margin-top:5px;
	white-space:normal;
}

.fb-container {
		width: 100%;
		max-width:300px !important;
}

.fb-container iframe {
		width: 100%;
		max-width:300px !important;
}

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.mixi {
	padding-right:0px;
}

#calender {
	position:static;
	margin-bottom:5px;
}

#calender h2, #calender h2 img{
	display:none;
}

#top-button{
	display:none;
}

#top-button-sm{
	display:inherit;
}

#top-button-sm img{
	width:100%;
	height:auto;
}

#top-button-sm p {
	float:left;
	width:32%;
}

#top-button-sm .space12 {
	padding-right:2% !important;
}


#enquete {
	width:94%;
	min-height:120px;
	line-height:125%;
}


#enquete img {
	float:left;
	margin-right:2%;
}

#enquete2 {
	float:right;
	width:78%;
}

#enquete2 h3 a{
	margin-right:30px;
}

#sm-miku{
	display:block;
	width:98%;
	height:auto;
	margin:0px auto 10px;
}

#sm-miku img{
	width:100%;
	height:auto;
}


/*CONTENTS */

.maincontents iframe{
	width:96%;
	min-height:300px;
}

#news ul{
	width:96%;
}

#news p img{
	width:100%;
	height:auto;
}

#bazar, #funtouki {
	border-bottom: dotted 2px #a0aaba;
	padding-bottom:10px;
}

#shopping, #miku{
	margin-top:10px;
}

#support a img{
	width:100%;
	height:auto;
}

#miku h2 img, #papastyle h2 img{
	width:80%;
	height:auto;
}

.flashad{
	display:none;
}

.topbn img{
	width:100%;
	height:auto;
}

/* FOOTER */

#footmenu{
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#footmenu ul{
	text-align:left;
	width:96%;
	font-weight:bold;
	margin:0px 2% 3px;
}

#footmenu li {
	font-size: 0.875em;
	line-height:150%;
	padding-right:2%;
	margin-right:0;
}

#footmenu a{
	font-weight:bold;
}

#copy {
	float: none;
	width:100%;
	margin-bottom:15px;
}

#copy img{
	margin-top:5px;
}

#minilogo {
	vertical-align: middle;
}

#comodo, .fun{
	width:20%;
}


#comodo img, .fun img {
	width: 100%;
	height:auto;
	margin-right:0px;
}

#mark{
	width:55%;
	height:auto;
}

#mark img{
	width:20%;
}

#fixed_footer{
display:inherit;
z-index: 1;
position: fixed;
left: 0;
bottom: 0px;
}	


}


/* ==================================================================
   新環境向けの調整（2026-08-20 追記）
   旧サイトの toppage.css をそのまま持ってきたうえで、
   新環境で必要になった差分だけをここに足している。
   ここを消せば旧サイトのCSSそのままに戻る。
   ================================================================== */

/* 旧TOPはサイト内検索に Google カスタム検索を使っていた。
   新環境は search.php があるのでWPの検索フォームに置き換えたが、
   #kensaku は 300x33 の枠しか用意されていないので、
   CSEの検索ボックスと同じ見え方になるよう指定する。 */
#kensaku form {
	display: flex;
	gap: 4px;
	align-items: stretch;
	height: 30px;
}

#kensaku input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 8px;
	font-size: 13px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
}

#kensaku button {
	flex: 0 0 auto;
	padding: 0 12px;
	font-size: 13px;
	color: #fff;
	background: #66CC00;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}

#kensaku button:hover {
	background: #58b300;
}

/* スクリーンリーダー用のラベル（WPの標準クラス名に合わせている） */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}