/*
Theme Name: Twenty Twenty-Five-Child
Template: twentytwentyfive
*/


/* == Simple Membership カスタマイズ == */

.swpm-firstname-row,
.swpm-lastname-row {
    display: none !important;
}



/*
.register-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}
*/


.register-page {
	
}


.register-card {
	font-size:18px; 
    width: 100%;
    max-width: 360px;
	background-color : rgb(228, 228, 228);
    padding: 40px;
	border: 2px solid rgb(205, 205, 205);
}

.register-card h1 {
    text-align: center;
    margin-bottom: 30px;
}

.register-card input {
	font-size:18px;
    width: 100%;
    padding: 6px;
    margin-bottom: 16px;
	background-color : rgb(249, 249, 249);
}

.register-card input[type=submit] {
    background: #111;
    color: white;
    border: none;
    cursor: pointer;
}



/*             [ログイン画面]                */

/* 1. 「ログイン情報を保存」を非表示にする */
.swpm-login-form-inner .swpm-remember-me {
    display: none;
}

/* 2. 「会員について」のリンクを非表示にする */
.swpm-login-form-inner .swpm-join-us-link {
    display: none;
}

/* チェックボックスとラベルを横並びにする */
.swpm-password-input-visibility {
    display: flex;
    align-items: center; /* 上下の中心を揃える */
    gap: 8px;            /* チェックボックスと文字の間のすき間（お好みで調整） */
}

/* もし中の要素が1行を占有しようとするのを防ぐお守り */
.swpm-password-toggle-checkbox,
.swpm-password-toggle-checkbox-label {
    display: inline-block;
}

/* ログインボタンのカスタマイズ */
.swpm-login-submit{
	text-align:center;
}

.swpm-login-submit .swpm-login-form-submit.swpm-submit-btn-default-style {
    width: 30%;                 /* 幅を全体の30%にする */
    background-color: #cdcdcd;
    color: #616161;      
    border: 1px solid #878787;     
    cursor: pointer;            /* マウスを乗せたときに指マークにする */
}

/* （オマケ）ボタンにマウスを乗せたときの色変化 
.swpm-login-submit .swpm-login-form-submit:hover {
    background-color: #2980b9;  
}
*/




/*             [プロフィール]                */

/* 1. 一旦、フォーム内のすべての入力行を非表示にする */
#swpm-profile-form .swpm-form-row {
    display: none;
}

/* 2. 必要な項目（ユーザー名、メール、パスワード、再入力、更新ボタン）だけを再表示 */
#swpm-profile-form .swpm-username-row,
#swpm-profile-form .swpm-email-row,
#swpm-profile-form .swpm-password-row,
#swpm-profile-form .swpm-repass-row,
#swpm-profile-form .swpm-submit-section {
    display: block !important;
}


/* プレースホルダーを消す（または短くする）代わりに、説明文を疑似的に表示 */
#swpm-profile-form .swpm-password-row .swpm-form-desc::before,
#swpm-profile-form .swpm-repass-row .swpm-form-desc::before {
    content: "現在のパスワードのままにする場合は、空欄にしてください";
    display: block;
    font-size: 0.85em;
    color: #666;
    margin-top: -0.8em;
    margin-bottom: 1.5em;
}

/* プレースホルダーが邪魔なら透明にするか、短く書き換える（JSが必要なためCSSでは非表示推奨） */
#swpm-profile-form .swpm-form-password::placeholder,
#swpm-profile-form .swpm-form-repass::placeholder {
    color: transparent;
}


/* 更新ボタン周辺の余白調整（必要に応じて） */
/*#swpm-profile-form .swpm-submit-section {
    display: flex !important;
    margin-top: 1.5em;
}
*/




/*             [パスワードリセット]                */

#swpm-pw-reset-form .swpm-pw-reset-submit-button {
    text-align: center;
    width: 100%;			/* 親要素がいっぱいに広がるように念のため指定 */
}

#swpm-pw-reset-form .swpm-pw-reset-submit {
    width: 30%;               /* 横幅30% */
    background-color: #cdcdcd; /* 背景色：グレー */
    color: #616161;           /* 文字色：濃いグレー */
    border: 1px solid #878787; /* 枠線 */
    cursor: pointer;          /* ホバー時に指マーク */

    margin-top: 2.0em;
}



/*             入力画面 [注意事項]               */

div.InputAttention {
	font-size : 16px;	
	width : 80%;
	margin-left : auto;			
	margin-right : auto;	
}	




/*********************************************/
/*              css  MAIN                    */
/*********************************************/

body { 
	background-color : rgb(233, 233, 233);
	margin : 0px;	
	padding : 0px;	
}


/******************* table *******************/

table {
	width : 100%;	
	border : none;
	table-layout : fixed;	
}

td {
	border : none;
	height : 2.0em;	
	vertical-align : top;	
	overflow-wrap : break-word;	
}


td.ChNr {
	width : 13%;	
	height : 1.0em;	
}


td.ChTitle {
	width : 87%;	
	height : 1.0em;	
}


td.SecNr {
	width : 10%;	
	height : 1.0em;	
}


td.SecTitle {
	width : 90%;	
	height : 1.0em;	
}


td.PRP {
	color : rgb(162, 162, 162);
}


table.gray_white {
	border-collapse : collapse;
	text-align : center;
}


/**** Triple ****/
th.gray_white_3 {
	width : 13%;			
	border : 1px solid rgb(44, 44, 44);
	background-color : rgb(235, 235, 235);	
	vertical-align : middle;	
}

td.gray_white_3 {		
	width : 20.33%;
	border : 1px solid rgb(44, 44, 44);
	background-color : rgb(250, 250, 250);	
	vertical-align : middle;	
}


/**** Double ****/
table.gray_white_2 {
	width : 86%;
	border-collapse : collapse;
	text-align : center;
	margin-left : auto;			
	margin-right : auto;	
}

th.gray_white_2 {
	width : 20%;		
	border : 1px solid rgb(44, 44, 44);
	background-color : rgb(235, 235, 235);	
	vertical-align : middle;	
}

td.gray_white_2 {
	width : 23%;
	border : 1px solid rgb(44, 44, 44);
	background-color : rgb(250, 250, 250);	
	vertical-align : middle;	
}




/******************* link *******************/

a:link{ 
	color : blue;	
	text-decoration : none; 
}
a:visited{ 
	color : blue;	
	text-decoration : none; 
}
a:active{ 
	color : blue;	
	text-decoration : underline; 
}	
a:hover{ 
	color : blue;	
	text-decoration : underline; 
}	


a.CustomLink:link{ 
	color : rgb(45, 45, 45);	
	text-decoration : none; 
}
a.CustomLink:visited{ 
	color : rgb(45, 45, 45);	
	text-decoration : none; 
}
a.CustomLink:active{ 
	color : rgb(45, 45, 45);	
	text-decoration : underline; 
}	
a.CustomLink:hover{ 
	color : rgb(45, 45, 45);	
	text-decoration : underline; 
}


a.Reference {
	word-break : break-word;
}

a.LPLink{
	font-size : 14px;
	color: rgb(15, 15, 85); 
}



/******************* div *******************/

div.TopTitle {  
	width: 100%;
	max-height : 36px;	
	padding-bottom : 2px;
	font-size : 	28px;
	font-family: 'Times New Roman';
	color: rgb(33, 33, 33); 
	background-color : rgb(189, 189, 189); 
	text-align : center;	
}


div.MarginContainer {
	margin-left : 4px;	
	margin-right : 4px;	
}	


div.TopContainer {
	background-color : rgb(238, 238, 238);
	width : 100%;
	max-width : 736px;	
	margin-left : auto;
	margin-right : auto;
	font-family : Meiryo;
	color : rgb(15, 15, 15);				
}




div.Header1{
	display: flex;
	border-bottom : 1px solid rgb(140, 140, 140);	
	font-size : 16px;
	padding-top : 0.4em;	
}


div.Logout{
	margin-left : auto;	
	padding-right : 1em;	
}


div.RightAlign{
	text-align : right;	
	margin-bottom : 0.5em;	
}


div.ChapterTitle {
	font-size : 16px;	
	font-family: Meiryo;
	color: rgb(15, 15, 15); 
	margin-top : 1em;	
	margin-bottom : 0.5em;	
	margin-left : 2em;	
	margin-right : 2em;	
}


div.ChapterIndex {
	font-size : 14px;	
	font-family: Meiryo;
	color: rgb(15, 15, 15); 
	margin-top : 0em;	
	margin-bottom : 2em;	
	margin-left : 2em;	
	margin-right : 2em;	
}


/* §#-# */	
h1.SectTitle_h{
	border-bottom : 2px solid rgb(140, 140, 140);	
	font-size : 20px;		
	font-weight : normal;
	padding-left : 0.5em;	
}


div.Contents_text {
	font-size : 16px;	
	line-height : 1.6em;
	padding-left : 1.0em;
	padding-right : 1.0em;	
}	


h2.PartBox_h{
	font-size : 110%;
	font-weight : 700;
	margin-top : 0px;	
	margin-bottom : 0px;	
}


div.CodeBox {
	width : 5.5em;	
	height : 1em;	
	border-bottom : solid 2px rgb(144, 144, 144);
	font-size : 115%;
	color: rgb(98, 98, 98); 
	font-weight : 700;
	padding-left : 0.2em;	
	padding-bottom : 0.2em;	
	margin-bottom : 0.5em;	
}


div.RefCode {
	color : black; 
	font-size : 17px;	
	font-family : Consolas;  	
}	


div.OverExpression {
	overflow-x : auto;		
}



div.CenteringBlock{		
	text-align : center;	
}	



div.SpaceMiddle{
	width : 1%;	
	margin : 0px;	
	display : inline-block;	
}	


div.PreNexArea{		
	height : 120px;
	text-align : center;	
	font-size : 14px;	
}


div.PreNexL{
	width : 44%;	
	display : inline-block;	
	text-align : left;	
}


div.PreNexR{
	width : 44%;	
	display : inline-block;	
	text-align : right;	
}


div.bold600 {
	display: inline-block;
	font-size : 100%;	
	font-weight : 600;
	overflow-wrap : break-word;	
	/*word-break : break-word;*/
}


div.VMContext {		
	padding-left : 1.0em;		
	padding-right : 1.0em;		
}	


div.SemiContext {  
	border-top: 1px solid rgb(167, 167, 167);
	border-bottom: 1px solid rgb(167, 167, 167);
	margin-left : 1em;	
	margin-right : 1em;	
	padding : 0.5em;		
	font-size : 94%;	
}	


div.SubArea_pre02 {	
	padding-left : 1.5em;
	padding-right : 1.5em;

	transform : scale(0.85);
	border: 1px solid rgb(167, 167, 167);
}	


div.Proposition {	
	padding-left : 1.0em;		
	padding-right : 1.0em;		
	border: 1px solid rgb(167, 167, 167);
}	


div.CopyRightArea{
	height : 4.5em;
	padding : 1.0em 2.0em 1.0em 2.0em;
	background-color : rgb(236, 236, 236);
	color : rgb(50, 50, 50);
	border-top : 1px solid rgb(189, 189, 189);	
	font-size : 15px;	
	line-height : 1.2em;
	text-align : center;	
}



/******************* figure (images) *******************/

figure.Right {
	float : right;
	display: inline-block;
	width: 250px; 
	height: auto;
	margin-left: 1em;
	margin-top: 0em;
	margin-right: 0em;
	vertical-align: top;
}	


figure.x2{
	display : inline-block;
	width : 250px;
	height : auto;	
	margin : 0px;	
	vertical-align : top;	
	text-align : center;	
}	


figure.Center_840x500{
	display : inline-block;
	width : 650px;
	height : auto;	
	margin : 0px;	
	vertical-align : top;	
	text-align : center;	
}	


figure.Center_aspect_4_3{	
	display : inline-block;
	width : 480px;
	height : auto;	
	margin : 0px;	
	vertical-align : top;	
	text-align : center;	
}	



img{
	display : inline-block;	
	vertical-align : middle;	
	width : 100%;
	height : auto;	
}	



video{
	display : inline-block;	
	vertical-align : middle;	
	width : 100%;
	height : auto;	
}	


figcaption{
	display : inline-block;		
	text-align : left;			
	font-size : 13px;	
	line-height : 1.3em;	
	padding-top : 0.3em;	
}	



div.caption3 {
	display : inline-block;		
	text-align : left;			
	font-size : 13px;	
	line-height : 1.3em;	
	padding-top : 0.3em;	
}	



div.VideoCaption{		
	text-align : center;	
	font-size : 13px;	
	line-height : 1em;	
	padding-top : 0.6em;	
}	



/******************* span *******************/

span.under {
	text-decoration : underline;	
}


span.redfont {
	color : #ff0000;	
}


span.CWord {
	color: black;
	background-color : rgb(215, 215, 215);	
	font-size: 16px;
	font-family:Consolas;
}


span.FontSize16 {
	font-size: 16px;
}


span.PRP_Gray {
	color : rgb(162, 162, 162);
}


span.CirWd {
	color : #2222AA;	
	font-size : 118%;	
	font-weight : 600;
}

span.NvyWd {
	color : #2222AA;	
	font-size : 105%;	
	font-weight : 600;
}


/******************* other *******************/

hr.Separator{
	width : 96%;
	/*margin-left : 10px;	
	margin-right : 10px;*/	
}	



/******************* index.html *******************/

div.HomeImageArea{
	max-height : 440px;			
	vertical-align : middle;
	text-align :center;
	border-bottom : 1px solid rgb(140, 140, 140);	
	padding-left : 10% ;
	padding-right : 10%;
	padding-top : 60px ;
	padding-bottom : 60px;
}	

div.HomeImage{
	height : 320px;
	display : block;	
	background-color : rgb(236, 236, 236);
}	


img.Home{
	display : inline-block;	
	vertical-align : middle;	
	width : 100%;
	height : 100%;	
}	


div.HomeIndexArea{
	height : 300px;
	display : table-cell;
	vertical-align : middle;
	font-size : 26px;	
	line-height : 1.6em;
	padding-left : 1.6em;
}

div.HomeInformationArea{
	max-height : 400px;
	padding : 40px 1.0em 40px 1.0em;
	border-top : 1px solid rgb(140, 140, 140);	
}

div.InfoTitle{
	font-size : 22px;	
	line-height : 1.4em;
}

div.InfoContents{
	height : 320px;
	font-size : 16px;		
	line-height : 1.6em;
	padding-left : 1em;
	overflow-y : scroll;
}


div.HomeRight{
	height : 120px;
	padding : 1.0em 2.0em 1.0em 2.0em;
	background-color : rgb(236, 236, 236);
	border-top : 1px solid rgb(189, 189, 189);	
	font-size : 15px;	
	line-height : 1.2em;
	text-align : center;
}


div.MiniFontSize {  
	font-size : 15px;
}


/******************* contents.html *******************/

div.TContentsTitle{
	border-bottom : 2px solid rgb(140, 140, 140);	
	font-size : 22px;	
	margin-left : 0.5em;	
	margin-right : 0.5em;	
}


div.TContentsChapter{
	font-size : 18px;	
	margin-left : 1em;
	margin-right : 8em;
	border-bottom : solid 1px rgb(144, 144, 144);
}

div.TContentsSection{
	font-size : 16px;	
	line-height : 1.8em;
	margin-left : 2em;
}



/******************* preface.html *******************/

div.CenterTitle18{
	font-size : 18px;	
	text-align : center;
}



/******************* terms & license *******************/
div.Terms_Top{
	font-size : 20px;
	text-align : center;
	border-bottom : 2px solid rgb(140, 140, 140);	
	margin-left : 0.5em;
	margin-right : 0.5em;
}


div.Terms_Top_Space{
	height : 5em;
}


div.DC_Top{
	font-size : 18px;
	text-align : center;
}


div.Definition{
	padding-left : 2em; 
}

div.NestDef{
	padding-left : 2em; 
	word-break:break-all;
}


table.FixWid100 {
	table-layout : fixed;
	width : 100%;	
}


td.ColWid12L{
	width : 12%;
}


td.ColWid12R{
	width : 12%;
	text-align : right;
}

td.ColWid88{
	width : 88%;
}




/******************* code prettify *******************/

pre {
	tab-size:  4;
	color: rgb(33, 33, 33);
}


pre.prettyprint.linenums.prettyprinted{
padding:0px;
}


pre.prettyprint{
	background-color : rgb(232, 232, 232);	
	padding:0px;
	border:1px solid rgb(128, 128, 128);
	width : auto;	
	word-wrap : break-word;	
	overflow: auto;		
	line-height : 1.3em;	
	max-height : 32em;
	margin : 0px;	
	color: rgb(33, 33, 33)  !important;
}

pre.prettyprint span {
	color: rgb(33, 33, 33)  !important;
}

pre.prettyprint ol.linenums{
	background-color : rgb(217, 217, 217);		
	margin-top:0;
	margin-bottom:0;
}

pre.prettyprint ol.linenums > li {
  list-style-type: decimal; /* 1行ごとに行番号を表示 */
background-color : rgb(232, 232, 232);
	color: rgb(33, 33, 33);
	
border-left : solid 1px rgb(128, 128, 128);
	padding-left : 0.5em;
}




/*********************************************************************/
/******************************* Media *******************************/
/*********************************************************************/

/******** Portrait ********/		
@media screen and (max-width : 541px) {

	/* Redpoll's 60 */
	div.TopTitle {  /** override **/
		font-size : 	24px;
	}


	div.TopContainer {  /** override **/
		max-width: 541px;
		color : rgb(33, 33, 33);				
		background-color : rgb(238, 238, 238);
	}


	
	div.Header1 {  /** override **/
		font-size: 15px;
		padding-bottom : 0.2em;
	}


	div.ChapterTitle {  /** override **/
		margin-top : 0.6em;	
		margin-bottom : 0.0em;	
		margin-left : 1em;	
		margin-right : 1em;	
		font-size : 15px;	
		color: rgb(33, 33, 33); 
	}


	div.ChapterIndex {  /** override **/
		font-size : 13px;	
		color: rgb(33, 33, 33); 
		margin-top : 0.6em;	
		margin-bottom : 3em;	
		margin-left : 1em;	
		margin-right : 1em;	
	}


	h1.SectTitle_h {	/** override **/
		font-size : 18px;	
	}


	div.Contents_text {  /** override **/
		font-size: 14px;	
		line-height: 1.8em;	
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-family : Meiryo  !important;
		color : rgb(15, 15, 15)  !important;
	}


	h2.PartBox_h{ /** override Portrait **/
		font-size : 115%;
	}


	div.CodeBox {  /** override **/
		width : 4.6em;	
		font-size : 120%;
	}


	div.RefCode {  /** override **/
		font-size: 13px; 
	}



	figure.Right {  /** override **/
		width : 45.8%;
		max-width : 256px; 
	}	


	figure.x2{  /** override **/
		width : 45.8%;	
		max-width : 256px; 
	}	


	
	figure.Center_840x500 { 
		width : 90.0%;			
		max-width : 512px; 
	}
	



	figcaption{  /** override **/
		vertical-align : top;	
		font-size : 11px;	
		padding-top : 0.35em;	
	}	



	div.caption3 {  /** override **/
		vertical-align : top;		
		font-size : 11px;	
		line-height : 14px;	
		padding-top : 2px;	
		margin : 0;	
	}	


	span.CWord { /** override **/
		font-size: 14px;
	}	


	/******** index.html ********/

	div.HomeImageArea{  /** override **/
		max-height : 260px;  	
		padding-top : 30px ;
		padding-bottom : 30px;
	}	

	div.HomeImage{  /** override **/
		height : 180px;
	}	


	div.HomeIndexArea{  /** override **/
		height : 240px;
		font-size : 22px;	
	}


	div.HomeInformationArea{  /** override ; Portrait **/
		max-height : 310px;
		padding : 20px 1.0em 20px 1.0em;
	}


	div.InfoTitle{  /** override ; Portrait**/
		font-size : 18px;	
		line-height : 1.4em;
	}


	div.InfoContents{  /** override ; Portrait **/
		height : 270px;
		font-size : 15px;
	}


	div.HomeRight{ /** ALL override **/
		height : 100px;
	}

	div.MiniFontSize {  /* terms & privacy policy ; Portrait */
		font-size : 13px;
	}


	/******** contents.html ********/

	div.TContentsSection{
		font-size : 16px;	
		line-height : 1.8em;
		margin-left : 2em;
	}*/

	div.TContentsTitle{
		font-size : 20px;	
	}

	div.TContentsChapter{
		font-size : 17px;	
		margin-right : 1em;
	}

	div.TContentsSection{
		font-size : 15px;	
		line-height : 1.7em;
	}



	div.SubArea_pre02 {	/* override */
		transform : scale(0.75);
	}	


	td.ChNr {
		width : 17%;	
		height : 1.0em;	
	}


	td.ChTitle {
		width : 83%;	
		height : 1.0em;	
		text-align:left;
	}


	td.SecNr {
		width : 16%;	
		height : 1.0em;	
	}


	td.SecTitle {
		width : 84%;	
		height : 1.0em;	
	}



	/******** terms.html ********/
	div.Terms_Top{			/* Portrait */
		font-size : 16px;
	}

	div.Terms_Top_Space{
		height : 3em;
	}


	/******** download.html ********/
	div.DC_Top{		/* Portrait */
		font-size : 16px;
	}


	/** Horizontal Scroll **/	
	ul.horizontal_scroll {
		overflow-x : scroll;
		-webkit-overflow-scrolling : touch;
		padding : 0 0 12px 8px;
		margin	: 0;	
		display : flex;	
	}

	ul.horizontal_scroll > li {
		width : 100%;	
		min-width : calc((100vw - 24px) * 0.458);	
		margin-top : 0px;	
		padding-top : 0px;	
		list-style : none;	
		list-style-type : none;	
	}

	ul.horizontal_scroll > li:not(:last-child) {
		margin-right : 8px;	
	}

	ul.horizontal_scroll > li:last-child {
		padding-right : 8px;	
	}

	ul.horizontal_scroll > img {
		vertical-align : bottom;
	}



	img.H_major{			
		display : inline-block;	
		vertical-align : middle;	
		width : auto;
		max-height : 160px;	
	}	

	
	
	
	.register-card {
		margin-left : 1.5em;
		margin-right : 1.5em;
	}
	
}	


/******** Landscape ********/		
@media only screen and (max-width : 735px) and (min-width : 542px){

	div.RefCode {  /** override **/
		font-size: 13px; 
	}


	div.SpaceMiddle{  /** override **/
		width : 5%;	
	}	


	figure.Right {  /** override **/
		width : 40.0%;		
		max-width : 260px; 
	}	


	figure.x2{  /** override **/
		width : 40.0%;			
		max-width : 310px; 
	}


	figure.Center_840x500 { 
		width : 90.0%;			
		max-width : 650px; 
	}


	div.HomeImage{  /** override ; Landscape **/
		height : 260px;
	}	


	div.HomeInformationArea { /** override ; Landscape **/
		max-height: 320px;
	}

	div.HomeRight{ 
		height : 80px;
	}

	div.MiniFontSize {  /* terms & privacy policy ; Landscape */
		font-size : 13px;
	}





	div.SubArea_pre02 {	/* override */
		transform : scale(0.75);
	}	


	/** Horizontal Scroll **/	
	ul.horizontal_scroll {
		overflow-x : scroll;
		-webkit-overflow-scrolling : touch;
		padding : 0 0 12px 8px;
		margin	: 0;	
		display : flex;	
	}

	ul.horizontal_scroll > li {
		width : 100%;	
		min-width : calc((100vw - 24px) * 0.400);	
		margin-top : 0px;	
		padding-top : 0px;	
		list-style : none;	
		list-style-type : none;	
	}

	ul.horizontal_scroll > li:not(:last-child) {
		margin-right : 8px;	
	}

	ul.horizontal_scroll > li:last-child {
		padding-right : 8px;	
	}

	ul.horizontal_scroll > img {
		vertical-align : bottom;
	}



	img.H_major{
		display : inline-block;	
		vertical-align : middle;	
		width : auto;
		max-height : 210px;	
	}	
}



/******** PC ********/		/* PC */
@media screen and (min-width : 736px){


	div.RefCode {  /** override **/
		font-size: 14px; 
	}


	/** Horizontal Scroll **/	
	ul.horizontal_scroll {
		overflow-x : inherit; 
		padding : 0 0;
		margin	: 0;	
		text-align : center;	
		display : flex;			

		/*overflow-x : inherit;
		margin : 0px;
		padding : 0px;
		text-align : center;*/	
	}

	ul.horizontal_scroll > li {
		/*width : 100%;*/	
		min-width : 230px; /*calc((100vw - 24px) * 0.458);	*/
		/*display : inline-block;*/	
		/*width : 250px;*/
		/*width : calc((736px - 40px) * 0.325); : 226.2px */	
		list-style : none;	
		list-style-type : none;	
	}

	ul.horizontal_scroll > li:not(:last-child) {
		margin-right : 6px;	
	}

	ul.horizontal_scroll > li:last-child {
		padding-right : 0px;	
	}

	ul.horizontal_scroll > img {
		vertical-align : bottom;
	}


	figure.Right {  
		width : 40.0%;		
		max-width : 260px; 
	}	

	figure.x2{  
		width : 40.0%;			
		max-width : 310px; 
	}


	figure.Center_840x500 { 
		width : 90.0%;			
		max-width : 650px; 
	}



	img.H_major{
		display : inline-block;	
		vertical-align : middle;	
		width : auto;
		max-height : 256px;	
	}	
}