/* 
 * 他のcssファイルでもそうですが
 * 基本的にホームページ毎に修正する必要が
 * ありそうなクラス、属性だけコメントを振っていきます
 * （列幅とか高さとか画像URLとかそういうもの）
 * それ以外は大体このままでいけるはずです
 * クラスの命名ルールですが、「ファイル名_クラス名」として下さい
 * 2009.11.25 m.kasahara
 */
 
 
/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
img{
max-width: 100%;
/*height: auto;
margin-bottom:10px;*/
width /***/:auto;　

}
#container{
width:100%;
}
/*〜以下、画面の横幅が768pxまでの場合のスタイル記入〜↓↓↓↓↓↓↓↓↓*/

/* BODYタグ */
body {
	background-color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;		/* ブラウザの上下ピッタリにつきます */
	padding: 0px;		/* 余白はナシ */
	font-size:13px;		/* フォントサイズ */
	line-height:180%;	/* フォント行間 */
	color:#333;			/* フォントカラー */
	background:url(../temp-pt/headerlink_background.png) center top no-repeat #ADCD9E;
}

#outbox {
margin:0 10px;
}

/* 見出し１。一応セル余白、間隔を０指定 */
h1,h2,h3,h4,h5,p,form {
	margin:10px 0;
	padding:0;
}
h1 {
	float:left;
}

h4 {
	padding:0;
	color:#7C6047;
	font-size:14px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* リンクカラー */
a:link {
	color:#000;
	text-decoration:underline;
}
a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color#000;
	text-decoration:none;
}
a:active {
	color:#000;
	text-decoration:none;
}
a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

/*ヘッダー↓↓↓↓↓↓↓↓↓*/
#headerlogo h2 {
	margin-bottom:15px;
}
#headerlogo h2 img {
	margin:24px 0 0 10px;
}
#headerlogo h1 {
	padding-left:5px;
}
.viewer {
	margin: 0 auto 15px !important;
}

/*ヘッダー↑↑↑↑↑↑↑↑↑*/

/*トップページお知らせ部分↓↓↓↓↓↓↓↓↓*/
/*スマートフォン用topお知らせタイトル*/
.top_subtitle1 {
	border-bottom:2px solid #999;
	font-size:18px;
	padding:5px;
	color:#666;
	font-weight:normal;
}
.top_subtitle2 {
	border-bottom:2px solid #999;
	font-size:22px;
	padding:5px;
	color:#666;
	font-weight:normal;
	margin-top:20px;
}
.green_color {
	color:#006600;
	font-size:125%;
}
.h3_ja {
	font-size:90%;
}
.h3_ja2 {
	font-size:65%;
}
#feed {
	font-size:12px;
	line-height:150%;
}
#feed dt {
	font-weight:bold;
	padding:0;
	margin:0;
}
#feed dd {
	padding:0;
	margin:0;
}
#feed img {
	
}
#feed dd.kenmei {
	padding-bottom:3px;
	font-size:13px;
}
.information {
	margin:5px 0 0;
}
.info_box {
	clear:both;
	border-bottom:1px dotted #CCC;
	padding:10px 0;
	min-height:75px;
	overflow: hidden; /*floatの解除、ここがポイント*/
    position: relative; /*DWで正常にプレビューできるようになります。*/
    zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}
.info_box img {
	position: absolute;
	width: 100px;
	clip: rect(0px 100px 75px 0px);
	float: left;
	border:none;
}
.info_cmt {
	padding-left:110px;
	overflow:hidden;
}
/*トップページお知らせ部分↑↑↑↑↑↑↑↑↑*/

.text_left, .text_right, .pict_left, .pict_right, .text_only {
	float:none;
	width:100%;
	margin:0;
	padding:0;
}
.pict_left, .pict_right {
	text-align:center;
}

/*BLOG 枠*/
.contents_blog{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	padding:20px;
	padding-top:55px;
	position:relative;
	top:-55px;
	z-index:0;
	font-size:12px;
	line-height:1.5em;
}
h3.blog_title {
	padding-left:20px;
	position:relative;
	z-index:1;
}


/*お知らせ 枠*/
.contents_osirase{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #FF9900 solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
	min-height:380px;
}



.osirase img {
	width:100%;
	max-width:290px;
	text-align:center;
	height:auto;
}

.h2_title {
	margin:15px 23px 2px;
	text-align:center;
}
.h2_title img {
	/*max-width:113px;*/
}

/*保育内容 枠*/
.contents_hoikunaiyou{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #E74E33 solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

/*提供する事業の種類と目的 枠*/
.contents_zigyou{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:5px #C1DB81 solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

.pict_box img {
	max-width:80px;
}

.pict_box li, .pict_box_second li{
	list-style: none;
}


/*スケジュール 枠*/
.contents_schedule{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #54C3F1 solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

/*お問い合せ 枠*/
.contents_toiawase{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #CCCCCC solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

.toiawase img {
	margin-top:10px;
}

/*要覧・運営方針 枠*/
.contents_youran{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #EF845C solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

.h2_title_border {
	text-align:center;
}
.h2_title_youran {
	margin:15px 45px 2px;
	text-align:center;
}

.h2_title_housin {
	margin:15px 40px 2px;
	text-align:center;
}
.h2_title_border_housin {
	text-align:center;
}

.h2_title_heimen {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_zigyou {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_nenkanschedule {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_onedayschedule {
	margin:15px 55px 2px;
	text-align:center;
}

.h2_title_access {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_bosyuu {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_toiawase {
	margin:15px 55px 2px;
	text-align:center;
}
.pict_box p, .pict_box_second p {
	text-align:left;
	margin:10px;
}

.tel img {
	max-width:300px;
	margin:10px;
}

.tel_second img {
	max-width:200px;
	margin:5px;
}

.zigyou_h3 p, .zigyou_h3_second p {
	text-align:left;
	margin:10px;
}

.zigyou_h3 img, .zigyou_h3_second img {
	margin:2px 2px;
	width:100%;
	max-width:80px;
	text-align:center;
}
	
.zigyou_h3 {
	height: auto;
	margin:5p;
	border-bottom:dotted 2px #CCC;
}

.zigyou_h3_second {
	height: auto;
	margin:5p;
}




.pict_box img, .pict_box_second img {
	margin:2px 2px;
	width:100%;
	max-width:300px;
}

.heimen {
	text-align:center;
}

.bosyuu_img img {
	max-width:417px !important; 
}

.table img {
	max-width:80px;
}

/*施設の紹介 枠*/
.contents_syoukai{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #FFF67F solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

.h2_title_syoukai {
	margin:15px 15px 2px;
	text-align:center;
}

/*アクセス 枠*/
.contents_access{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #796BAF solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

.access_img img {
	max-width:119px;
}

.access_img {
	display:inline-block;
}

.google-maps {
position: relative;
padding-bottom: 250px; /*高さは250pxで固定*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*スタッフ募集 枠*/
.contents_bosyuu{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #EE87B4 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*ダウンロード 枠*/
.contents_download{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
}

/*職員採用について 枠*/
.contents_recruitment{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	background: url(../temp-pt/contents_background.png) repeat-y top center #FFF;
	padding:10px;
	margin-top:10px;
}


/*ロゴ*/
h1#subpage_logo {
	margin:10px 60px 10px 0;
}

/*各種書類ダウンロードボタン*/
p.download_btn {
	float:right;
	margin:0;
}




/*フッター部分↓↓↓↓↓↓↓↓↓*/
p.attention {
	text-align:left;
	padding:10px;
	font-size:90%;
	line-height:130%;
}

#footer {
	color:#333;
}

#footer_copy {
	margin:0 auto;
	font-size:14px;
	line-height:150%;
	text-align:center;
	font-weight:bold;
}

#footer_link_smart {
	margin:0 auto;
	padding:15px 0;
	font-size:12px;
	text-align:center;
}
#footer_link_smart a:link {
	color:#333;
	text-decoration:none;
}
#footer_link_smart a:visited {
	color:#333;
	text-decoration:none;
}
#footer_link_smart a:hover {
	color:#333;
	text-decoration:underline;
}
#footer_link_smart a:active {
	color:#333;
	text-decoration:underline;
}

#footer_right {
	text-align:center;
	font-size:90%;
	margin-top:10px;
}

#footer_left {
	text-align:center;
	line-height:140%;
}

#footer_left img {
	margin-bottom:15px;
}
/*フッター部分↑↑↑↑↑↑↑↑↑↑*/

/*PC用ヘッダリンク非表示*/
#headerlinkbox {
	display:none;
}

/*トップページコンテンツ部分非表示*/
#top_rihghtbox {
	display:none;
}

/*フッターリンク非表示*/
#footer_link {
	display:none;
}

/*ヘッダーリンク非表示*/
#headersublink {
	display:none;
}

/*各ページの左表示リンク非表示*/
#main_leftbox {
	display:none;
}
/*お客様の声 各テーブル部分非表示*/
.koe_tb {
	display:none;
}

/*PC用会社概要非表示*/
#campany_gaiyou {
	display:none;
}

/*アコーディオンメニュー用CSS↓↓↓↓↓↓↓↓↓*/
body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}
#slide_menu{
    position: fixed;
    top: 0;
    right: -200px;
    width: 200px;
    height: 100%;
    background: #def9ef;
	z-index: 104;
}

#menu_button {
  position:absolute;
  top: 1px;
  right:10px;
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  background: #FFF;
  color: #fff;
  cursor: pointer;
  float:right;
  
  z-index: 103;
  padding:0;
}

#menu_button img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

#slide_menu #slide_menu_title {
	padding:5px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	background-color:#18a218;
	line-height:30px;
}

#slide_menu #slide_menu_close {
	float:right;
	background-color:#FFF;
	width:30px;
	height:30px;
}
#slide_menu #slide_menu_close .slide_menu_close_btn {
	cursor: pointer;
}
#slide_menu #slide_menu_close .slide_menu_close_btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

#slide_menu ul {
	margin:0;
	padding:0;
}

#slide_menu li a {
  display: block;
  position: relative;
  padding: 8px 0 8px 8px;
  color: #444;
  font-weight:bold;
  text-align: left;
  text-decoration: none;
}
#slide_menu li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #666666;
border-right: solid 2px #666666;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

#slide_menu li a:hover {
  background-color:#D8F7aa;
}

#slide_menu li{
   border-bottom: dotted 1px #a9a9a9; 
   list-style: none;
}

.layer{
    position: fixed;
    top: 0;
    z-index: 102;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

/*アコーディオンメニュー用CSS↑↑↑↑↑↑↑↑↑*/


/*コンテンツページ-------------ここから---------------------------*/
#main_1box h3 {
	border-bottom:2px solid #CCC;
	font-size:20px;
	padding:10px;
	margin-bottom:20px;
}
#main_1box h4 {
	border-bottom:1px dotted #CCC;
	font-size:16px;
	padding:6px 10px;
	margin-bottom:20px;
}

#main_leftbox_smart ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#main_leftbox_smart li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#main_leftbox_smart li a{
display: block; 
border-top: 1px solid #9F99A3;
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
background-color: #FFF;
padding: 3px 10px;
text-decoration: none;
color: #333;
 
margin: 0px;
text-align: left;
font-size: 14px;
}
#main_leftbox_smart li a:hover{
border-top: 1px solid #8593A9;
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
background-color: #9EB7DD;
}
#main_leftbox_smart #shita li a{
display: block; 
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
border-bottom: 1px solid #9F99A3;
background-color: #EEEEEE;
padding:padding: 3px 10px;
text-decoration: none;
color: #333;
width: 150px; 
margin: 0px;
text-align: left;
font-size: 14px;
}
#main_leftbox_smart #shita li a:hover{
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
border-bottom: 1px solid #8593A9;
background-color: #9EB7DD;
}

#main_leftbox_smart {
	border:1px solid #CCC;
	padding:3px;
	margin-bottom:15px;
}
#main_leftbox_smart p {
	background-color:#E6E6E6;
	padding:8px;
	font-weight:bold;
	margin-bottom:3px;
}
#main_leftbox_smart ul {
	margin:0;
	padding:0;
}
#main_leftbox_smart ul li {
	list-style-type:none;
}
#main_leftbox_smart ul li a {
	text-decoration:none;
	padding:10px 8px;
	border-top:1px dotted #CCC;
	display:block;
	border-left-width:0px;
	border-right-width:0px;
	
}
#main_leftbox_smart ul li a:visited {
	text-decoration:none;
	border-top:1px dotted #CCC;
}
#main_leftbox_smart ul li a:hover {
	text-decoration:underline;
	background-color: #D3D3D3;
	border-top:1px dotted #CCC;
	border-left-width:0px;
	border-right-width:0px;
}
#main_leftbox_smart ul li a:active {
	text-decoration:underline;
	background-color: #F0F0F0;
	border-top:1px dotted #CCC;
}

#mainbox {
	padding:0px 5px 0px 5px;
}

table {
	border-collapse:collapse;
	table-layout: fixed;/*等間隔横並びに*/
}
table tr td {
	padding:5px;
	border:none;
}
table.border1 tr td {
	border:1px solid #999;
}
.margin-bottm20 {
	margin-bottom:20px;
}

.margin-top30 {
  margin-top: 30px;
}

/* BRタグでのFloat解除処理 */
.clear {
	clear:both;
	font-size:0px;
	line-height:0%;
}

#main_rihghtbox {
	
}

#main_rihghtbox h3 {
  border-bottom: 2px solid #CCC;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
}

#main_rihghtbox h4 {
  border-bottom: 1px dotted #CCC;
  font-size: 16px;
  padding: 6px 10px;
  margin-bottom: 20px;
}


.rssbox {
	border:1px solid #CCCCCC;
	padding:0;
	width:45%;
	height:260px;
	margin:10px;
	position:relative;
	float:left;

}
.rssbox img {
	width:100%;
	position: absolute;
	clip: rect(0px auto 187px 0px);
}
.rss_cmt {
	padding:5px;
	position: absolute;
	margin-top:187px;
}


.koe img{
    padding-right:20px;
	vertical-align:middle;
}
.koe img.qa{
    padding-right:10px !important;
}
table.koe_tb_smart tr {
	vertical-align: top;
	padding-bottom: 0px;
    padding-top: 0px;
}
table.koe_tb_smart tr th {
	color: #55BE69;
}
table.koe_tb_smart tr td{
	vertical-align: top;
	padding-bottom: 0px;
    padding-top: 0px;
}

.kouteibox {
	width:98%;
	float:left;
	border:1px solid #CCCCCC;
	line-height:150%;
	margin-bottom:15px;
	padding-right:5px;
}
.kouteibox img {
	float:left;
	margin-right:15px;
}
.kouteibox2 {
	width:98%;
	float:left;
	border:1px solid #CCCCCC;
	line-height:150%;
	margin-bottom:15px;
	padding-right:5px;
}
.kouteibox2 img {
	float:left;
	margin-right:15px;
}
p.koutei_title {
	padding-top:10px;
	font-weight:bold;
}

.red {
	color:#CC0000;
}


#display_block {
    display: block;
	border:none !important;
}
#display_block tr {
    display: block;
	border:none !important;
	line-height:130%;
}
#display_block td {
    display: block;
	border:none !important;
	line-height:130%;
}
#display_block th {
	display: block;
	line-height:130%;
	text-align:left;
	background-color:#F0F0F0;
	border-top: dotted 1px #CCC !important;
	padding:5px 10px;
	margin-top:20px;
}
#display_block td {
    padding-left:10px;
}
#display_block .form_bottom {
	border-top:dotted 2px #CCC !important;
	padding-top:10px;
}
p.f_kojin {
	margin-top:5px;
}

/*パンくず*/
#pankuzu {
	font-size:90%;
	padding-left:10px;
	margin-bottom:20px;
}

/*閲覧履歴*/
#jirei_no {
	display:none;
}
#recentItems {
	overflow: hidden;
    position: relative;
}
#recentItems ul {
	margin:15px 0;
	padding:0;
	list-style-type: none;
}
#recentItems ul.jirei_list {
	margin-top:0 !important;
}
#recentItems ul li {
	width:115px;
	margin:0 5px 15px;
	padding:0;
	float:left;
}
#recentItems ul li:last-child {
	margin-right:0 !important;
}

/*建築事例ピックアップ4件用*/
.pickup_bukken img {
	width:48%;
	float:left;
	margin: 0 5px 10px 0px;
}
.big_pic {
	display:none;
}

.jireibox {
	padding:0;
	width:48%;
	margin:0 0 20px;
	position:relative;
	float:left;
	border:1px solid #CCCCCC;

}
.jireibox2 {
	padding:0;
	width:48%;
	margin:0 0 20px;
	position:relative;
	float:right;
	border:1px solid #CCCCCC;

}
.jireibox img, .jireibox2 img {
	width:100%;
}

.jireibox3 {
	text-align:center;
}

.pict_line2 {
	margin:40px auto;
	width:286px;
}

.pict_line {
	margin:25px;
}

.pict_line a:hover img, .pict_line2 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.pict_column1, .pict_column2, .pict_column3 {
	text-align:center;
	padding:5px 0;
	width:150px;
	float:left;
}

.table th {
	font-weight:normal;
	background-color:#E9FFC8;
	padding:10px;
	border:1px solid #566475;
	text-align:center;
	width:20%;
}

.table td {
	font-weight:normal;
	background-color:#ffffff;
	padding:10px;
	border:1px solid #566475;
	text-align:center;
}

.table {
	border-collapse:collapse;
	width:90%;
	margin:30px auto 35px;
}

/*画像配置用*/
/*画像回り込みするコンテンツ外枠(表示上はなし)*/
.pict_box {
	height: auto;
	margin:5p;
	/*border-bottom:dotted 2px #CCC;*/
}

.tokushoku_left {
	margin-top:10px;
}
.tokushoku_right {
	margin-top:10px;
}

/*タイトルごとの水平線*/
.h2title_border {
    border:none;
    border-top:dotted 2px #CCC;
    height:1px;
    color:#FFFFFF;
	margin-bottom:20px;
	margin-left: 10px;
}

/*コンテンツごとの水平線*/
.contents_border {
    border:none;
    border-top:dotted 2px #CCC;
    height:1px;
    color:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;
}


/*空欄*/
.contents_blank {
	height: 60px;
}

/*各種書類ダウンロードボタン*/
p.download_btn, p.shokuin_btn {
	display:none;
}
/*コンテンツページ-------------ここまで---------------------------*/

/*〜以上、画面の横幅が768pxまでの場合のスタイル記入〜↑↑↑↑↑↑↑↑↑*/
}

/*===============================================
●smart.css  画面の横幅が610pxまで
===============================================*/
@media screen and (max-width:610px){
/*ヘッダー↓↓↓↓↓↓↓↓↓*/
#headerlogo h1, #headerlogo h2 {
	float:none;
}
#headerlogo h2 {
	margin-bottom:0;
}
#headerlogo h2 img {
	margin: 10px 0;
}
.jireibox, .jireibox2 {
	margin-bottom:20px;
	border:1px solid #CCC;
	width:100%;
}
/*ヘッダー↑↑↑↑↑↑↑↑↑*/
}
/*===============================================
●smart.css  画面の横幅が500pxまで
===============================================*/
@media screen and (max-width:500px){
/*ヘッダー↓↓↓↓↓↓↓↓↓*/
.rssbox {
	border:1px solid #CCCCCC;
	padding:0;
	width:42%;
	height:200px;
	margin:10px;
	position:relative;
	float:left;
	line-height:1.3em;
}
.rssbox img {
	width:100%;
	position: absolute;
	clip: rect(0px auto 120px 0px);
}
.rss_cmt {
	padding:5px;
	position: absolute;
	margin-top:120px;
}
#recentItems ul li {
	width:140px;
	margin:0 5px 15px;
	padding:0;
	float:left;
}
/*ヘッダー↑↑↑↑↑↑↑↑↑*/
}
/*===============================================
●smart.css  画面の横幅が414pxまで
===============================================*/
@media screen and (max-width:414px){
/*ヘッダー↓↓↓↓↓↓↓↓↓*/

#recentItems ul li {
	width:185px;
	margin:0 5px 15px;
	padding:0;
	float:left;
}
/*ヘッダー↑↑↑↑↑↑↑↑↑*/
}
/*===============================================
●smart.css  画面の横幅が375xまで
===============================================*/
@media screen and (max-width:375px){
/*ヘッダー↓↓↓↓↓↓↓↓↓*/

#recentItems ul li {
	width:170px;
	margin:0 5px 15px;
	padding:0;
	float:left;
}
/*ヘッダー↑↑↑↑↑↑↑↑↑*/
}
/*===============================================
●smart.css  画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*ヘッダー↓↓↓↓↓↓↓↓↓*/

#recentItems ul li {
	width:140px;
	margin:0 5px 15px;
	padding:0;
	float:left;
}
/*ヘッダー↑↑↑↑↑↑↑↑↑*/
}

@media (min-width: 992px) {
.omoide tr td img {
    width: 100%!important;
    height: auto!important;
}
}

@media screen and (max-width: 768px) {
.osirase p {
font-weight:bold;
font-size:15px;
}
}
@media screen and (max-width: 769px) {
.omoide tr td, th {
    padding:3px;
    border: none;
	font-size:12px;
}
}

 .omoide .tr_img td {
width:33%!important;
text-align:center;
}

.omoide .tr_coment td {
width:33%!important;
text-align:center;
font-size:12px;
line-height:1.1em;
}


/*===============================================
思い出ページ 要素表示・非表示
===============================================*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px #CC0066;
    cursor :pointer;
	color: #CC0066;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #CC0066;
	color: #fff;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

a.btn-border {
  border: 2px solid #FF9900;
  border-radius: 0;
  background: #fff;
	font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #333;
  border-radius: 0.5rem;
}

a.btn-border:hover {
  color: #fff;
  background: #FF9900;
}
.container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 2px;	
  align-items:flex-end;
}
.subttl-omoide {
  margin: 10px 0 5px !important;
}
.container .img-box {
  width: calc(50% - 5px);
}
.container .img-box p {
  text-align: center;
}
.container img {
	margin:0px;
}