/********************************************************
 *	PC高解像度用メディアクエリ
 *******************************************************/
@media screen and (min-width: 1300px) {

	/* タイトルバック 画像指定*/
	.bg-img {
    	width: 100%;
	    height: 143px;
    	background-image: url('/_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}
	.bizbg-img {
    	width: 100%;
	    height: 143px;
    	background-image: url('/_assets/images/biz_title.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 -150px;
    	margin: 0 0 0 0;
	}
	
	/* ブログタイトル位置指定 */
	.title_pos {
		color: white;
		float: left;
		text-align: center;
		margin:20px 0 0 100px;
	}

	/* ブログタイトル */
	.title {
	    text-align: left;
		font-size:30px;
		font-weight:bold;
		margin: 0 0 -8px 0;
	    border: solid 0px;
	}
	.biztitle {
		font-size:30px;
		font-weight:bold;
		margin-bottom:0px;
	    width: 450px;
	    margin-left: -80px;
	}

	/* ブログサブタイトル */
	.subtitle {
		font-size:12px;
		margin-top:-10px;
	}
	.bizsubtitle {
		font-size:12px;
		margin-top:-10px;
	}

	/* ブログ名 */
	.blogname {
   		float:right;
	    font-family: sans-serif;
    	font-size:26px;
	    color:#ffffff;
    	padding-top:90px;
		margin-right:100px;
	    margin-bottom: 0px;
	}
	.bizblogname {
   		float:right;
	    font-family: sans-serif;
    	font-size:26px;
	    color:#ffffff;
    	padding-top:90px;
		margin-right:100px;
	    margin-bottom: 0px;
	}
	
	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
	    font-family:ＭＳ P ゴシック;
    	font-size:12px;
	    color: white;
	    margin-top:-10px;
    	margin-right:55px;
	}
	
	/* 時計背景*/
	.clockback {
    	width: 100%;
	    height: 175px;
    	background-image: url('../images/antenna.png');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
    	padding-top: 10px;
	}
	

	/* リンクのスタイル指定 */
	a:link      { color:#494747; }
	a:visited   { color:#494747; }
	a:hover     { color:#ff6c0b; }
	a			{ text-decoration:none;}
	/* すべてのイメージに対するマウスカーソルの形 */
	img { cursor: pointer;}  /* 指 */

	/* 基本的なボディスタイル指定 */
	body { margin: 0 0 0 0; }				/* タイトル画像を幅いっぱいに表示するため */

	/* Wrapperをセンタリングするため */
	div.wrapper {
		margin: 0px 1em 0px 1em;
		padding: 0px;
	    text-align: center;
		font-size: 16px;
	}

	/* 左側ペイン指定 */
	div.body_left {
		float: left;
		text-align: left;
		background-color: #eeeeee;
		width: 22%;
		margin: 2em 24px 0px 0px ;
		padding: 10px;
		height: auto;
		overflow: hidden;
	}
	/* 右側ペイン指定 */
	div.body_right {
		float:right;
		text-align: left;
		background-color: #eeeeee;
		width: 22%;
		margin: 2em 0px 0px 0px;
		padding: 10px;
		height: auto;
		overflow: hidden;
	}
	/* センターページの全幅を固定 */
	div.center { 
		float: left;
	    background-color: white;
		max-width: 50%;
		margin-top: 2em;
		margin-left: auto; 
		margin-right: auto;
		padding: 0px;
		text-align: left;
	}
	
    /* モバイル専用メニュー（非表示設定）*/
    .mobile_menu_area {
        display: none;
    }	
    .mobile_button_area {
        display: none;
    }
    
    
	/* 各投稿を個別にまとめる */
	div.post {
	/*	border: solid 1px; */
	}

	/* 投稿タイトルの日付表示 */
	div.date {
		margin-top: -58px;
		color:white;
		width:58px;
		height: 58px;
		text-align: center;
		font-family: ＭＳ P ゴシック;
	}
	div.mounth {
		font-size:12px;
	}
	div.day {
		margin-top: -5px;
		font-size:20px;
		font-weight:bold;
	}
	div.year {
		margin-top: -8px;
		font-size:14px;
		font-weight:normal;
	}

	/* 第１タイトルバーのスタイル指定 */
	h1 {
    	width: 100%-50px;
	    margin: 0px;
    	line-height: 2;
	    text-indent: 1em;
    	font-size: 30px;
	    font-weight: normal;
	    border-left: 60px solid #FF6600;
    	border-bottom: 2px solid #FF6600;
	}   

	/* 枠付きのコメント欄 */
	div.boxed {
		border: solid 3px #aaaaaa;
		padding: 3px;
		font-size: 14px;
	}

	/* 左右ペインのリンク用バナー */
	div.linkbox {
		width: 100%;
		height: 80px;
		margin: 0 0 2px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
	}

	/* TLMForwarder公開ページへのリンク */
	div.tlmf_linkbox {
		width: 100%-50px;
		height: 80px;
		margin: 0 0 2px 0;
		font-weight:normal;
		background-image:url('/pages/anotherdecade/pages/images/tlmforwarder/tlmf_icon.jpg');
		background-size:20%;
		background-repeat:no-repeat;
		padding:10px 0px 0px 90px;
	}
	.tlmf {
		color: white;
		font-size: 22px;
		font-weight: bold;
		line-height: 1em;		
	}
	.tlmf_orange {
		color: orange;
		font-size: 10px;
	}
	.tlmf_white {
		color: white;
		font-size: 10px;
		line-height: 3em;
	}
	
	/* YouTubeロゴ */
	div.youtube {
		background-image: url('../images/daytripper_bg.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	img.daytripper {
		width: 250px;
		height: 38px;
		margin-top: 10px;
		margin-left: 3px;
	}
	.d-star {
		font-size: 30px;
	}
	.satellite {
		font-size: 22px;
	}
	
	/* X_Enbededの幅指定 */
	.x {
		width: 100%;
	}

    /* Dashboard 埋め込み > 1200 */
    .preview-container {
        width: 100%;   /* 表示したい枠の幅 */
        height: 450px;  /* 表示したい枠の高さ */
        overflow: hidden;
        border: 1px solid #ccc;
        cursor: pointer;
        position: relative;
    }
    .preview-container iframe {
        width: 900px;  /* 元のページ幅（調整してください） */
        height:1200px;  /* 元のページ高さ（調整してください） */
        transform: scale(0.38); /* 縮小倍率 (25%) */
        transform-origin: 0 0; /* 左上を基準に縮小 */
        border: none;
        pointer-events: none; /* ★クリックを透過させる */
    }
 
	/* イメージの表示場所指定 */
	div.imgl { 
		float: left;
		margin-top: 20px;
		margin-right: 1em;
		margin-bottom: 20px;
	}
	div.imgr {
		float: right;
		margin-top: 20px;
		margin-left: 1em;
		margin-bottom: 20px;
	}
	div.imgn {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.button {
		margin-top: 5px;
		margin-bottom: 15px;
		background-color: #885500; 
		border: 3px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		height: 20px; 
		width: 120px; 
		text-align: center; 
		line-height: 20px;
	}

	/* Categoryセレクタ設定 */
	div.category {
		float: left;
		display: flex; 
		justify-content: center;
		align-items: center;
		margin-right: 2px;
		padding: 5px;
		background-color: #eeeeee;
		width: 18%;
/*		width: calc(100%/5-10px); */
	}
	form, select {
		width: 100%;
		text-align: center;
		background-color: #eeeeee;
		border: none;
	}
	
	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 210px;
	}

	div.share_button {
		float: right;
		width: 530px;
		text-align: center;
	}
	div.twitter {
		float: right;
		height: 20px;
		margin-top: -2px;
		margin-left: 10px;
			margin-right:50px;
	}
	div.facebook {
		float: right;
		height: 20px;
		margin-top: -6px;
		margin-left: 10px;
	}
	div.ez-html {
		font-size: small;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 60%;
		height: 45px;
	}

	/* 汎用class */
	.memor {
	/*	boder: solid 1px 0 1px 0 black; */
		color: red;
		font-weight: bold;
	}
	.memob {
	/*	boder: 1px 0 1px 0 ; */
		color: blue;
		font-weight: bold;
	}

	span.link {
		font-size: 16pt;
		font-weight: bold;
		color: white;
		background-color:green;
		padding: 6px 13px 3px 13px;
	}


}

/******************* メディア共通 *****************/
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0aa';
  font-size: 60px;
  color: #ef3f40;
}
/***************************************************/



/********************************************************
 *	PC低解像度及びタブレット用メディアクエリ
 *******************************************************/
@media screen and (min-width:1081px) and ( max-width:1299px) {

	/* タイトルバック 画像指定*/
	.bg-img {
	   	width: 100%;
	    height: 143px;
		background-image: url('/_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}
	.bizbg-img {
    	width: 100%;
	    height: 143px;
    	background-image: url('../../_assets/images/biz_title.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 -110px;
    	margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
		float:left;
		color:white;
		text-align: center;
		margin:20px 0 0 80px;
	}
	/* ブログタイトル */
	.title {
		font-size:30px;
		font-weight:bold;
		margin-bottom:0px;
	    width: 450px;
	    margin-left: -80px;
	}
	.biztitle {
		font-size:30px;
		font-weight:bold;
		margin-bottom:0px;
	    width: 450px;
	    margin-left: -80px;
	}


	/* ブログサブタイトル */
	.subtitle {
		font-size:12px;
		margin-top: -5px;
	}
	/* ブログ名 */
	.blogname {
		float:right;
	    font-family: sans-serif;
    	font-size:26px;
	    color:#ffffff;
    	padding-top:90px;
		margin-right:100px;
	    margin-bottom: 0px;
	}
	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
	    font-family:ＭＳ P ゴシック;
    	font-size:12px;
	    color: white;
	    margin-top:-10px;
    	margin-right:55px;
	}

	/* 時計背景*/
	.clockback {
    	width: 100%;
	    height: 360px;
    	background-image: url('../images/antenna.png');
	    background-repeat: repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
    	padding-top: 10px;
	}

	/* リンクのスタイル指定 */
	a:link      { color:#494747; }
	a:visited   { color:#494747; }
	a:hover     { color:#ff6c0b; }
	a			{ text-decoration:none;}
	/* すべてのイメージに対するマウスカーソルの形 */
	img { cursor: pointer;}  /* 指 */

	/* 基本的なボディスタイル指定 */
	body { margin: 0 0 0 0; }				/* タイトル画像を幅いっぱいに表示するため */

	/* Wrapperをセンタリングするため */
	div.wrapper {
		margin: 0px 1em 0px 1em;
		padding: 0px;
	    text-align: center;
		font-size: 14px;
	}

	/* 左側ペイン指定 */
	div.body_left {
		float: left;
		text-align: left;
		background-color: #eeeeee;
		width: 22%;
		margin: 2em 24px 0px 0px ;
		padding: 10px;
		height: auto;
		overflow: hidden;
	}
	/* 右側ペイン指定 */
	div.body_right {
		float:right;
		text-align: left;
		background-color: #eeeeee;
		width: 22%;
		margin: 2em 0px 0px 0px;
		padding: 10px;
		height: auto;
		overflow: hidden;
	}
	/* センターページの全幅を固定 */
	div.center { 
		float: left;
	    background-color: white;
		width: 48%;
		margin-top: 2em;
		margin-left: auto; 
		margin-right: auto;
		padding: 0px;
		text-align: left;
	}

    /* モバイル専用メニュー（非表示設定）*/
    .mobile_menu_area {
        display: none;
    }	
    .mobile_button_area {
        display: none;
    }

	/* 各投稿を個別にまとめる */
	div.post {
	/*	border: solid 1px; */
	}

	/* 投稿タイトルの日付表示 */
	div.date {
		margin-top: -58px;
		color:white;
		width:58px;
		height: 58px;
		text-align: center;
		font-family: ＭＳ P ゴシック;
	}
	div.mounth {
		font-size:12px;
	}
	div.day {
		margin-top: -5px;
		font-size:20px;
		font-weight:bold;
	}
	div.year {
		margin-top: -8px;
		font-size:14px;
		font-weight:normal;
	}

	/* 第１タイトルバーのスタイル指定 */
	h1 {
    	width: 100%-50px;
	    margin: 0px;
    	line-height: 58px;
	    text-indent: 1em;
    	font-size: 20px;
	    font-weight: normal;
	    border-left: 58px solid #FF6600;
    	border-bottom: 2px solid #FF6600;
	}   

	/* 枠付きのコメント欄 */
	div.boxed {
		border: solid 3px #aaaaaa;
		padding: 3px;
	}

	/* 左右ペインのリンク用バナー */
	div.linkbox {
		width: 100%;
		height: 60px;
		margin: 0 0 2px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		font-size: smaller;
	}

	/* TLMForwarder公開ページへのリンク */
	div.tlmf_linkbox {
		width: 100%-50px;
		height: 60px;
		margin: 0 0 2px 0;
		font-weight:normal;
		background-image:url('../pages/images/tlmforwarder/tlmf_icon.jpg');
		background-size:24%;
		background-repeat:no-repeat;
		padding:0px 0px 0px 70px;
	}
	.tlmf {
		color: white;
		font-size: 14px;
		font-weight: bold;
		line-height: 1em;
	}
	.tlmf_orange {
		color: orange;
		font-size: 8px;
	}
	.tlmf_white {
		color: white;
		font-size: 8px;
		line-height: 2em;
	}

	/* X_Enbededの幅指定 */
	.x {
		width: 100%;
	}
	
	/* YouTubeロゴ */
	div.youtube {
		background-image: url('../images/daytripper_bg.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	img.daytripper {
		width: 180px;
		height: 30px;
		margin-top: 5px;
		margin-left: 3px;
	}
	/* 他の表題文字サイズ */
	.d-star { font-size: 22px; }
	.satellite { font-size: 16px; }

    /* Dashboard 埋め込み 1080 < x < 1200 */
    .preview-container {
        width: 100%;   /* 表示したい枠の幅 */
        height: 320px;  /* 表示したい枠の高さ */
        overflow: hidden;
     /*   border: 1px solid #ccc; */
        cursor: pointer;
        position: relative;
    }
    .preview-container iframe {
        width: 900px;  /* 元のページ幅（調整してください） */
        height:1200px;  /* 元のページ高さ（調整してください） */
        transform: scale(0.31); /* 縮小倍率 (25%) */
        transform-origin: 0 0; /* 左上を基準に縮小 */
        border: none;
        pointer-events: none; /* ★クリックを透過させる */
    }

	/* イメージの表示場所指定 */
	div.imgl { 
		float: left;
		margin-top: 20px;
		margin-right: 1em;
		margin-bottom: 20px;
	}
	div.imgr {
		float: right;
		margin-top: 20px;
		margin-left: 1em;
		margin-bottom: 20px;
	}
	div.imgn {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.button {
		margin-top: 5px;
		margin-bottom: 15px;
		background-color: #885500; 
		border: 3px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		height: 20px; 
		width: 120px; 
		text-align: center; 
		line-height: 20px;
	}

	/* Categoryセレクタ設定 */
	div.category {
		float: left;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 6px;
		margin-bottom: 6px;
		padding: 5px;
		background-color: #eeeeee;
		width: 30%;
	}
	select {
		width: 100%;
		text-align: center;
		background-color: #eeeeee;
		border: none;
	}

	/* Category Media Query */
	.parent {
		display: flex;
    	flex-wrap: wrap;
	}

	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 10px;
		width: 100px;
	}
	div.share_button {
		float: right;
		width: 80%;
		font-size:11px;
	}
	div.twitter {
		float: right;
		margin-top: -2px;
		margin-left: 5px;
		height: 20px
	}
	div.facebook {
		float: right;
		margin-top: -2px;
		height: 20px;
	}
	div.ez-html {
		width: 160px;
		height: 16px;
		padding-top: 12px;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 60%;
		height: 45px;
	}


	/* 汎用class */
	.memor {
	/*	boder: solid 1px 0 1px 0 black; */
		color: red;
		font-weight: bold;
	}
	.memob {
	/*	boder: 1px 0 1px 0 ; */
		color: blue;
		font-weight: bold;
	}
	.caption {
		font-size:12px;
		line-height:13px;
	}


}


/********************************************************
 *	スマートフォン用メディアクエリ
 *******************************************************/
@media screen and (max-width: 1080px) {


	/* タイトルバック 画像指定*/
	.bg-img {
    	width: 100%;
	    height: 120px;
    	background-image: url('/_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}
	.bizbg-img {
    	width: 100%;
	    height:120px;
    	background-image: url('../images/biz_title.jpg');
	    background-repeat:  no-repeat;
    	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
	    width: 70%;
	    height: auto;
        color: white;
		float:left;
		text-align: left;
		margin:10px 0 0 20px;
	}

	/* DayAfterDay ブログタイトル */
	.title {
	    text-align: left;
	    color: white;
		font-size:30px;
		font-weight:bold;
		margin: 0 0 -5px 0;
	}
	.subtitle {
	    text-align: left;
		font-size:10px;
		color: white;
		margin-top:0px;
		margin-left: 15%;
	}
	
	/* AquaNet ブログタイトル */
	.biztitle {
	    text-align: left;
	    color: white;
		font-size:24px;
		font-weight:bold;
		margin: 10px 0 -5px 22%;
	    width: 100%;
	}
	.bizsubtitle {
	    text-align: left;
		font-size:10px;
		color: white;
		margin-top:0px;
		margin-left: 30%;
	}

	/* ブログ名 */
	.blogname {
		float:right;
	    font-family: sans-serif;
    	font-size:20px;
	    color: white;
    	padding-top:27px;
    	margin-right:5px;
	    margin-bottom: -5px;
	}
	.bizblogname {
		float:right;
	    font-family: sans-serif;
    	font-size:20px;
	    color: white;
    	padding-top:10px;
    	margin-right:5px;
	    margin-bottom: -5px;
	}

	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
	    font-family:ＭＳ P ゴシック;
    	font-size:10px;
	    color: white;
	    margin-top:0px;
    	margin-right:2px;
	}

	img.smapho {
		width: 95% !important;
		height: 25px !important;
		margin: -5px 0 0 0;
	}
    .bizbg-img img {
        float: left !important;
        width: 50px !important;
        margin: 5px 0 0 2% !important;        
    }

	/* リンクのスタイル指定 */
	a:link      { color:#494747; }
	a:visited   { color:#494747; }
	a:hover     { color:#ff6c0b; }
	a			{ text-decoration:none;}

	/* すべてのイメージに対するマウスカーソルの形 */
	img { cursor: pointer;}  /* 指 */

	/* 基本的なボディスタイル指定 */
	body { margin: 0 0 0 0; }				/* タイトル画像を幅いっぱいに表示するため */

	/* Wrapperをセンタリングするため */
	div.wrapper {
		margin: 0px 10px 0px 10px;
		padding: 0px;
	    text-align: center;
	}

	/* 左側ペイン指定 */
	div.body_left {
	    display: none;              /* 非表示 */
	}

	/* 右側ペイン指定 */
	div.body_right {
	    display: none;              /* 非表示 */
	}

	/* センターページの全幅を固定 */
	div.center {
		float: left;
	    background-color: white;
    	min-width: 30%;
		max-width: 100%;
		margin-top: 0;
		margin-left: auto; 
		margin-right: auto;
		padding: 0px;
		text-align: left;
		font-size: 16px;
	}
    
	/* 各投稿を個別にまとめる */
	div.post {
		border-bottom: solid 1px;
	}

	/* 投稿タイトルの日付表示 */
	div.date {
		margin-top: -60px;
		padding: 4px 0 0 0;
		color: white;
		width: 60px;
		height: 56px;
		text-align: center;
		font-family: ＭＳ P ゴシック;
		background-color: #ff6600;
	}
	div.mounth {
		font-size: 13px;
		margin-bottom: -2px;
	}
	div.day {
		font-size: 16pt;
		font-weight:bold;
		margin-bottom: -2px;
	}
	div.year {
		font-size: 10pt;
		font-weight:normal;
		margin-bottom: -2px;
	}

	/* 第１タイトルバーのスタイル指定 */
	h1 {
    	width: 100%-50px;
	    margin: 0px;
		height: auto;
		min-height: 45px;
    	line-height: 1.2;
	    padding: 0 0 0 3em;
    	font-size: 24px;
	    font-weight: bold;
	    /* border-left: 60px solid #FF6600; */
    	border-bottom: 2px solid #FF6600;
	}   
    h1:has(ruby) {
        line-height: 1.3;
    }

	/* 第３タイトルバーのスタイル指定 */
	h3 {
		font-size: 20px;
	}

	div.clock {
		height: 200px;
	}
	
	/* 枠付きのコメント欄 */
	div.boxed {
		border: solid 3px #aaaaaa;
		padding: 3px;
		font-size: 24pt;
	}

    /* モバイル専用メニュー */
    .mobile_menu_area {
        width: 100%;
        height: 180px;
        padding: 10px 0 10px 0;
        border: solid 0px black;
    }

    /* 左側ボタン */
    .left_buttons {
        float: left;
        width: 48%;
        height: auto;
        margin-right: 5px;
    }

    /* 右側ボタン */
    .right_buttons {
        float: left;
        width: 48%;
        height: auto;
    }
        
	/* リンク用バナー */
	.linkbox {
	    display: flex;
        background-color: #447733;
        width: 100%;
        height: 58px;
        text-align: center;
        margin-bottom: 2px;
        overflow: hidden;
        justify-content: center; /* 水平方向の中央揃え */
        align-items: center;     /* 垂直方向の中央揃え */
	}
	.linkbox img {
	    height: 100%;
	    width: auto;
	}

    /* hitomidoll アイコン */
    .hitomidoll {
        background-color: #303030;
        width: 100%;
        height: auto;
        margin-bottom: 2px;
        overflow: hidden;
    }    
     
	/* YouTubeロゴ */
	div.youtube {
        width: 100%;
        height: 65px;
		background-image: url('../images/daytripper_bg.jpg');
		background-size: 150%;
		background-repeat: no-repeat;
	}
	img.daytripper {
		width: 90% !important;
		height: auto !important;
		margin-top: 22px !important;
		margin-left: 3px !important;
	}

	/* TLMForwarder公開ページへのリンク */
	div.tlmf_linkbox {
	    display: flex;
		width: 100%-50px;
		height: 200px;
		margin: 0 0 6px 0;
		font-weight:normal;
		background-image:url('../pages/images/tlmforwarder/tlmf_icon.jpg');
		background-size:23%;
		background-repeat:no-repeat;
		padding:30px 0px 0px 250px;
	}
	.tlmf {
		color: white;
		font-size:60px;
		line-height: 1.5em;		
	}
	.tlmf_orange {
		color: orange;
		font-size: 22px;
	}
	.tlmf_white {
		color: white;
		font-size: 22px;
		line-height: 3em;
	}

	/* X_Enbededの幅指定 */
	.x {
		width: 100%;
		height: 1250px;
		font-size: 22px;
        transform: scale(0.25);  /* 縮小倍率 (25%) */
        transform-origin: 0 0;   /* 左上を基準に縮小 */
	}

    /* Dashboard 埋め込み <= 1080 */
    .preview-container {
        width: 100%;             /* 表示したい枠の幅 */
        max-height: 1300px;      /* 表示したい枠の高さ */
        overflow: hidden;
        border: 1px solid #ccc;
        cursor: pointer;
        position: relative;
    }
    .preview-container iframe {
        width: 960px;            /* 元のページ幅（調整してください） */
        height:1300px;           /* 元のページ高さ（調整してください） */
        transform: scale(1.65);   /* 縮小倍率 (25%) */
        transform-origin: 0 0;   /* 左上を基準に縮小 */
        border: none;
        pointer-events: none;    /* クリックを透過させる */
    }

	/* 他の表題文字サイズ */
	.d-star { font-size: 50pt; }
	.satellite { font-size: 45pt; }
	.smapho { font-size: 36pt; }
	.font18 { font-size: 36pt; }	

	/* イメージの表示場所指定 */
	div.imgl { 
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.imgr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.imgn {
		margin-top: 20px;
		margin-bottom: 20px;
	}
    /* スマホのみimageを右左無く最大化（100%）する (!important は最重要で上書きするの意味 */
    img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }	
	/* リターン用ボタンの表示 */
	div.button {
		margin-top: 5px;
		margin-bottom: 15px;
		background-color: #885500; 
		border: 4px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		width: 100px; 
		height: 20px; 
		text-align: center; 
		font-size: 16px;
		line-height: 1.4;
	}

	/* Categoryセレクタ設定 */
	div.category {
		float: left;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0px 5px 2px 0px;
		padding: 0px;
		background-color: #eeeeee;
		width: 48%;
		height: 50px;
	}
	select {
		width: 170px;
		text-align: center;
		font-size: 20px;
		background-color: #eeeeee;
		border: none;
	}

	/* Category Media Query */
	.parent {
		display: flex;
    	flex-wrap: wrap;
	}

	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 25%;
		height: auto;
	    margin-left: 2em;
	}
	div.share_button {
	    text-align: left;
		float: right;
		width: 55%;
		height: auto;
		margin-right: 0px;
	}
	div.twitter {
		float: right;
		margin-top: 0px;
		margin-right: 2em;
		width: 20%;
		height: auto;
	}
	div.facebook {
		float: left;
		margin-top: 0px;
		width: 20%;
		height: auto;
	}
	div.ez-html {
		width: 25%;
		height: auto;
		padding-top: 12px;
		padding-left:2em;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 20%;
		height: 40px;
	}
	
	/* 汎用class */
	.memor {
		color: red;
		font-weight: bold;
	}
	.memob {
		color: blue;
		font-weight: bold;
	}
}