/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* =============================================== */





/*モーダルウインドウに関する記述*/
/* =============================================== */
#modal-content{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:552px solid #aaa;
	background:#fff;
	z-index:2;
}



#modal-overlay{
	z-index:550;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;

	/* スマホ対策としての120%。urlアドレスの部分がスクロールで縮む */
	height:120%;
	background-color:#ddd;

 /*  これがないと iOS でモーダルウインドウが消せない */
 /* iOS では on の前に document と body を指定するとイベントが発火しない仕様 */
cursor: pointer;
}

#modal-content1,
#modal-content2,
#modal-content3 {
  position:fixed;
	width:600px;
  z-index:551;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
  background:#fff;
  text-align:center;
  padding:20px;
  display:none;

/* overflow と max-height の二つでモーダルコンテンツ縦スクロール可能 */
overflow: auto; 
max-height:  100%; /* android4.3 以下用 calc が効かないので先に書く */
max-height: calc(100vh - 1.5em);
max-height: -webkit-calc(100vh - 1.5em);

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#modal-content1,
#modal-content2,
#modal-content3 {
width:100%;
max-height: 100%; /* android4.3 以下用 calc が効かないので先に書く */
max-height: calc(100vh - 5em);
max-height: -webkit-calc(100vh - 5em);

}

}

.modal-title {
margin:30px 20px;
padding:20px;
text-align:center;
display:inline-block;
width:400px;
border-bottom:1px solid #f00;
font-size:130%;
font-weight:bold;
}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.modal-title {
width:50%;

}

}

.modal-close-bt {
  position:fixed;
  z-index:552;
  top:5%;

  /* modal の幅が600px なので真ん中から150px 右にずらしてに設定 */
  left:65%; /* android4.3 以下用 calc が効かないので先に書く */
  left:calc(50% + 150px);
  left:-webkit-calc(50% + 150px);
  background:#fff;
  text-align:center;
  padding:0px;

 /*  これがないと iOS でモーダルウインドウが消せない */
 /* iOS では on の前に document と body を指定するとイベントが発火しない仕様 */
cursor: pointer;

  display:none; /* 最初は閉じておく */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.modal-close-bt {
 left:70vw;
}

}
/* =============================================== */
 


/* =#wrapをheight100%にするためには親要素も100%にしなければならない= */
html, body {
  height: 100%;
}

#wrap {
	min-height: 100%; /* =最小の高さが100%= */
	width: 950px;
	margin: 0 auto;
    position: relative; /* wrapは相対配置(footはabsolute絶対配置) ２カラムページでは無効 */
}



#wrap.view_mode_1,
#wrap.view_mode_2,
#wrap.view_mode_3 {
	width: 100%;
	max-width:none;
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#wrap {
	min-height: 100%; /* =最小の高さが100%= */
	width:100%;
	margin: 0 auto;
    position: relative; /* wrapは相対配置(footはabsolute絶対配置) ２カラムページでは無効 */
	overflow: hidden;  /* 横幅オーバーでiphoneが横スクロールするのを防ぐ */
}

}


/* =============================================== */
#foot {
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;
	clear: both;  /* ２カラム解除 */

/* =====================
foot2で使っている、「コンテンツの内容が少ない場合もfooterを最下部に置く記述」だが、float:leftのあるページだと、float:leftが効いてヘッダーの真下にfooterが出る。
２カラムでもやり方はあるようだが、cssを根本的に変えないといけないのでしてない。
【参考】http://www.revulo.com/blog/20070927.html
    position: absolute;
    bottom:0;
    width:100%;
========================== */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#foot {
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;
	//clear: both;  /* ２カラム解除 */
}

}
/* =============================================== */


#foot2 {
/* content2（サイドバーがないページ、input.phpとか）用 */
	text-align: center;
	border-top: 1px solid #d4d4d4;
	background: #fff;
	padding-top: 5px;

/* ===コンテンツの内容が少ない場合もfooterを最下部に置く記述=== */
    position: absolute; /* footは絶対配置(wrapはrelative相対配置) */
    bottom:0; /* ぜったい配置で一番下 */
    width:100%;
}



/* =============================================== */


#head {
	border-bottom: 1px solid #d4d4d4;
	background: #fff;
	padding: 20px 0px 0px 0px;
	margin-bottom: 15px;
}

#head.prem-member {
	padding: 0px 0px 0px 0px;
}


#head2 {
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background: #fff;
	padding: 10px;

	/* header 固定の記述 */
	position:fixed;
	top:0;

	z-index:10;
	text-align: center;
	margin: 0 auto;

	/* なぜか1pxずれているので修正 */
	margin-left:-1px;
	/* wrap の width 950px から head2 の padding 左右20px を引いた値 */
	width: 930px;
}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#head2 {
	width:100%;
	padding: 10px 0px 0px 0px;
}

}


/* =============================================== */
#header-ad {
	margin-left: 200px;
	margin-top: -20px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-ad {
	margin-left: 0px;
	margin-top:  80px; /* header-banner の height に対応 */

}

#header-ad.prem-member {
	margin-left: 0px;
	margin-top: 30px; /* header-banner の height に対応 */

}

}
/* =============================================== */


/* header-banner と #header-control-button を囲うもの */
/* スマホでは上部固定 */
/* =============================================== */
#header-front {

	padding: 0px 12px 0px 10px;
	width: 200px;
	float:left;
font-size:80%;

}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-front {

	position:fixed;
	top: 0px;
	height:70px;
	padding: 10px 12px 0px 30px;
	z-index:500;
	width: 100%;
	background-color: #fff;
	border-bottom: solid #ddd 1px;
	border:#f00 solid 0px;
}

#header-front.prem-member {
	height:40px;
	padding: 3px 12px 0px 30px;
}



}
/* =============================================== */

/* =============================================== */
#header-banner {
/* ===paddingの12pxはワイドバナーの横移動================= */
	display:inline-block;
	padding: 0px 12px 0px 10px;
	width: 150px;
	border: solid #3BAF75 0px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-banner {


}

#header-banner.prem-member {

}



}

/* 表示設定ボタンがはみ出してしまわないように余白を減らす */
/* スマホの表示設定ボタンは非表示にしたので無効にしてある */
/*
@media screen and (max-width: 320px) {
#header-banner {
	padding: 10px 12px 0px 10px;
}
}
*/
/* =============================================== */

/* ヘッダーバナー横の検索履歴やらのボタン */
/* スマホでしか表示されない。たぶんjquery で非表示設定している */
#header-control-button {

border:#00f solid 0px;
margin : 0 auto;
}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-control-button {
display:inline-block;
}
}

/* 連想類語辞典 × 日本語表現インフォ 会員登録ページ等  */
/* =============================================== */
#header-banner2 {
/* ===paddingの12pxはワイドバナーの横移動================= */
	padding: 10px 12px 10px 10px;
	width: 200px;
	float:left;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-banner2 {
	float:none;
	position:fixed;
	top: 0px;
	height:70px;
	padding: 10px 0px;
	z-index:500;
	width: 100%;
	background-color: #fff;
	border-bottom: solid #ddd 1px;
}
}
/* =============================================== */


/* タイトルヘッダーにある検索履歴の表示・非表示 */
/* =============================================== */
.header-menu-respon {
display:none;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.header-menu-respon {

/* inline はデフォルト値 */
display:inline;
}

}
/* =============================================== */

/* =============================================== */
#header-kensaku-box {
	clear: both;  /* headの２カラム解除 */
	box-sizing: border-box; /* width を border と padding を含めた値にする */
	width: 100%;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px; /* inner の margin-left に対応 */
	margin-right: 0px;
	padding: 0px;
	border: 0px solid #ff0000;
	font-size: 130%;
	background-color: #fff;
	z-index:500;

}


#header-kensaku-box.view_mode_1,
#header-kensaku-box.view_mode_2,
#header-kensaku-box.view_mode_3 {
	text-align: center;
	width:100%;
}




@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-kensaku-box {
	margin-left: 0px; /* inner の margin-left に対応 */
}

}

#header-kensaku-box-left {
	display: inline-block; /* right と横並び */
	box-sizing: border-box; /* width を border と padding を含めた値にする */
	/* ↓これがないと inline-block を横に並べたときにずれることがある */
	vertical-align: top;
	border: 1px solid #d4d4d4;
	width: 630px;
	max-width: calc(100% - 170px); /* 170は「検索履歴ボタンの最小サイズのちょっと大きめ」*/
	max-width: -webkit-calc(100% - 170px);
	margin-right: 5px;
	padding: 10px;
	height:50px;
	background-color: #fff;
}

#header-kensaku-box-left.view_mode_3 {
	width: 555px;
}



@media screen and (max-width: 900px) {
#header-kensaku-box-left {




}
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-kensaku-box-left {
	width: 100%;
	max-width: none;
}

}

#header-kensaku-box-right {
	display: inline-block; /* left と横並び */
	box-sizing: border-box; /* width を border と padding を含めた値にする */
	/* ↓これがないと inline-block を横に並べたときにずれることがある */
	vertical-align: top;
	/*		width: 310px; */
	width: calc(100% - 640px);
	width: -webkit-calc(100% - 640px);
	max-width:308px;
	min-width:160px; /* これ以上小さくすると段落ちする */
	padding: 12px 0px;
	border: 1px solid #d4d4d4;
	height:50px;
	background-color: #fff;
}





@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#header-kensaku-box-right {
	display:none;
}

}
/* =============================================== */

/* > は直下の要素 */
.modal_open_bt_pc1 {
display:inline-block;margin-left:30px;padding-bottom:6px;
}

.modal_open_bt_pc1.view_mode_1,
.modal_open_bt_pc1.view_mode_2,
.modal_open_bt_pc1.view_mode_3 {
margin-left:0px;
}


.modal_open_bt_pc2 {
display:inline-block;margin-left:10px;padding-bottom:6px;
}


.modal_open_bt_pc2.view_mode_3 {
margin-left:0px;
}

.modal_open_bt_pc3 {
display:inline-block;margin-left:10px;padding-bottom:6px;
}

.modal_open_bt_pc3.view_mode_3 {
margin-left:10px;
}


/* =============================================== */
#content {
	box-sizing: border-box; /* margin と border を含めたものにする */
	width: 630px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 140%;
	float:left;
}


/* ruigo_view_mode の設定*/
#content.view_mode_1,
#content.view_mode_2,
#content.view_mode_3 {
/* ==width:940px ==*/
	margin-right: 0px;
width:100%;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#content {
	width:100%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-right: 0px;
	font-size: 140%;
	float:left;
}



}
/* =============================================== */


#content2 {
	box-sizing:border-box;
/* サイドバーがないページ、input.phpとか用 */
	padding: 20px;
	width: 820px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 140%;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#content2 {

	padding: 0px;
	width:100%;
	margin-right: 0px;
}

}



/* =============================================== */
#sideWrap {
width:250px;
float:left;
}

#sideWrap.view_mode_1,
#sideWrap.view_mode_2 {
width:100%;
float:left;
}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#sideWrap { width:100%; float:none; text-align:center; }

}
/* =============================================== */

/* プレミアム会員勧誘リンク */
.prem_invitation_fixed {
	display:none;
}


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

/* プレミアム会員誘導リンク */
.prem_invitation_fixed {
	display:inline-block;
	position: fixed;
	width:200px;
	height:50px;
	line-height:50px; /* 上下真ん中にするため height と同じ数値を入力*/
	top:70%;
	left:50%;
	margin-left:-101px; /* width + border から半分引いて中央にする */
	margin-top:-25px;
	padding:5px;
	border:1px solid #000;
	color:#fff;
	text-align:center;
	background-color: #A7663B;
	border-radius: 15px;
	z-index: 540; /* adsense の下に隠れないよう、#modal-overlay よりは下にする*/
}

}

/* =============================================== */
/* 余白 */
#inner { 
	clear: both;  /* headの２カラム解除 */
	margin:0px 0px 20px 0px;
 }

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

#inner { margin:15px 0px 20px 0px; }

}

/* サイドバーがないページ用 */
#inner-width { 
	clear: both;  /* headの２カラム解除 */
	margin:0px 0px 0px 0px;
 }
/* =============================================== */



.word_t_midasi,
.header_banner_dummy,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_midasi2 {
	padding:10px;
	line-height:1.5em;
	font-size:81%;
	border:solid 1px #d4d4d4;
	box-sizing: border-box; /* margin と border を含めたものにする */
	width:630px; /* content幅620に対応 */
	background-color: #ffffff;
}


.word_t_midasi.view_mode_1,
.word_t_midasi.view_mode_2,
.word_t_midasi.view_mode_3 {
width:100%;
}


/* 下スクロールしたときについてくる見出しの幅 20220116追記 */
/* width の 289px は小見出し一覧ボックスの横幅 290px に準じたもの */
/*
.word_t_midasi.view_mode_1,
.word_t_midasi.view_mode_2 {
	width: calc(100% - 289px);
	width: -webkit-calc(100% - 289px);
}
*/


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.word_t_midasi,
.header_banner_dummy,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_midasi2 {
	width:100%;
/* 文字が大きすぎると iphone6 などの小さい端末で position:fixed が有効になるタイミングで文字が大きくなる現象が出るので小さくする */
	font-size:80%;
}



}






.word_t_midasi,
.word_t_midasi2 {
white-space: nowrap;
overflow-x: auto;
/* overflow:auto hidden */;
overflow-style: panner;
}








.fixed_attr,
.fixed_attr2 {
    position: fixed;
    top: 0px;
}


.word_t_field,
.header_banner_dummy,
.word_t_midasi_dummy,
.word_t_midasi2_dummy,
.word_t_field2 {
	box-sizing: border-box; /* margin と border を含めたものにする */
	padding:10px;
	line-height:1.5em;
	font-size:81%;
	border-left:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	border-bottom:solid 1px #d4d4d4;
}

/*　画面サイズが769pxからはここを読み込む　*/
@media screen and (min-width: 769px) {

/* サブ見出し一覧を類語群の横に並べる */
.main_word_table_set.view_mode_1,
.main_word_table_set.view_mode_2 {
	box-sizing: border-box; /* margin と border を含めたものにする */
  display: -webkit-flex;
  display: flex;
}

}


/*　画面サイズが769pxからはここを読み込む　*/
@media screen and (min-width: 769px) {

/* サブ見出し一覧を類語群の横に並べる */
.main_word_table.view_mode_1,
.main_word_table.view_mode_2 {
	box-sizing: border-box; /* margin と border を含めたものにする */
  -webkit-flex: 1;
  flex: 1;

/* 20220116追記 */
/* ここに width を指定することで見出し幅がはみ出なくなった（スクロールしていないときのみ）*/
/* ここの数値は何でもいい？？ */
	width: calc(100% - 289px);
	width: -webkit-calc(100% - 289px);
}

}



/* word_t_midasi を fixed にした時の高さ合わせ用。最初は非表示 */
#header-kensaku-box-dummy,
.kensaku-box-dummy,
.header_banner_dummy,
.word_t_midasi_dummy,
.word_t_midasi2_dummy {
	display:none;
}

.word_t_field a,
.word_t_field2 a {/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t_field a:link 
.word_t_field2 a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t_field a:visited 
.word_t_field2 a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t_field a:hover 
.word_t_field2 a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 1px #ff0000;
}
.word_t_field a:active 
.word_t_field2 a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}






/* =================================================
.word_t みんなの類語辞典word.htmlのテーブル
トップページのランダムピックアップでも使用
================================================== */
.word_t {
	padding:10px;
	line-height:1.5em;
	font-size:90%;
	border-color:#d4d4d4;
	margin-bottom:15px;
}

.word_t.view_mode_1,
.word_t.view_mode_2,
.word_t.view_mode_3 {
width:100%;
max-width:950px;
margin-left:auto;
margin-right:auto;
}


.word_t tr td {
	padding:10px;
	line-height:1.5em;
	font-size:90%;
	border-color:#d4d4d4;
}


.word_t a{/*リンクされた文字*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:link {/*未訪問のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:visited {/*訪問後のリンク*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}
.word_t a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    border-bottom:solid 1px #ff0000;
}
.word_t a:active {/*クリック中*/
    color:#000000;
    border-bottom:solid 1px #d4d4d4;
}


/* =============================================== */
.kensaku-box {
box-sizing: border-box;
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	background: #fff;
	/* content幅620から右マージン10pxと左右ボーダー2pxを引いたもの（左マージン10pxは適用済み） */
	max-width:608px;
	width:100%;
}



.kensaku-box.view_mode_1,
.kensaku-box.view_mode_2,
.kensaku-box.view_mode_3 {
	padding: 5px 10px;
	max-width:none;
	max-width: 950px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.kensaku-box {
	padding: 5px 0px 10px 10px;
	max-width:none;
}
}
/* =============================================== */

/* =============================================== */
.sidebar-box1,
.sub_midasi_collection_box,
.sub_midasi_collection_box_dummy {
	box-sizing: border-box; /* margin と border を含めたものにする */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	margin-bottom:10px;
	width: 308px;
}


.sub_midasi_collection_box.view_mode_0 {
overflow-y:scroll;
}


/*　画面サイズが769pxからはここを読み込む　*/
@media screen and (min-width: 769px) {

.sub_midasi_collection_box.view_mode_1,
.sub_midasi_collection_box.view_mode_2,
.sub_midasi_collection_box_dummy.view_mode_1,
.sub_midasi_collection_box_dummy.view_mode_2  {
	box-sizing: border-box; /* margin と border を含めたものにする */
overflow-y:scroll;
z-index: 540;
	width: 290px;
height:200px
}

}

/* ruigo_view_mode の設定*/
.sidebar-box1.view_mode_1,
.sidebar-box1.view_mode_2,
.sidebar-box1.view_mode_3 {
	max-width: 950px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box1 {
	margin-left:-1px; /* なぜか1pxずれるので補正 */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}

.sub_midasi_collection_box,
.sub_midasi_collection_box_dummy {
	width:100%;
overflow-y:visible;
display:none;
}

}
/* =============================================== */

/* ===========サイドバーのテーブル用============== */
.sidebar-box2 {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	border-collapse: collapse;
	font-size: 90%;
	width: 300px;
}

.sidebar-box2 td {
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	text-align: center;
	padding: 5px 0px 5px 00px;
	border-width:0px; /* ==真ん中の線を消す== */
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box2 {
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}

}
/* =============================================== */


/* サイドバーアドセンスに利用 */
/* =============================================== */
.sidebar-box3 {
	box-sizing: border-box; /* margin と border を含めたものにする */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 6px 5px 4px; /* adsenseセンタリングの寸法 */
	margin-bottom:10px;
	width: 308px;
}



/* ruigo_view_mode の設定*/
.sidebar-box3.view_mode_1,
.sidebar-box3.view_mode_2,
.sidebar-box3.view_mode_3 {
	max-width: 950px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box3 {
	margin-left:-1px; /* なぜか1pxずれるので補正 */
	border-style:solid;
	border-width:1px;
	border-color:#d4d4d4;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
	width:100%;
}



}
/* =============================================== */


/* 表現インフォへのリンク スマホでは表示しない */
/* =============================================== */
.sidebar-box4 {
	box-sizing: border-box; /* margin と border を含めたものにする */
	border:solid 1px #d4d4d4;
	font-size: 90%;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
	width: 308px;
	padding-top:5px;
	padding-bottom:5px;
}

/* ruigo_view_mode の設定*/
.sidebar-box4.view_mode_1,
.sidebar-box4.view_mode_2,
.sidebar-box4.view_mode_3 {
	border:solid 0px #d4d4d4;
	max-width: 950px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sidebar-box4 {
	display:none;
}

}
/* =============================================== */


/* ====サイドバーにある入力画面へのリンク===== */
.input_link {
	line-height:1.6em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.input_link {
	pointer-events:none;/*リンクを非リンクに変える*/  
	cursor:default;/*マウスカーソルを矢印のまま変えない*/    
}

/****スマホの無効リンクの色******/

/* === ノーマル状態 === */
.input_link a:link {
	color : #999999;
}

/* === 訪問済み === */
.input_link a:visited {
	color : #999999;
}

}
/* =============================================== */


/* ====スマホでは投稿できない、のコメントを出力==== */
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.sp_msg:before {
	content: "※現在、投稿はＰＣからのみ行えます。";
	color : #ff0000;
}

}
/* =============================================== */

/* サブ見出しごとの類語群の設定 */
/* クラス名の先頭が ruigogun_paragraph- なら */
/* =============================================== */
div[id^="ruigogun_paragraph-"] {	
line-height:1.8em;
margin:10px 0px
}
/* =============================================== */

/* クラス名の先頭が fixed_sub_midasi- なら */
/* 初期値は非表示 */
/* =============================================== */
span[class^="fixed_sub_midasi-"] {	
display:none;
}
/* =============================================== */

/* id名の先頭が sub_midasi_collection_parts- なら */
/* =============================================== */
li[id^="sub_midasi_collection_parts-"],
li[id^="sub_midasi_collection_parts_modal-"], {	
margin:25px;
}


ol#sub_midasi_list,
ol#sub_midasi_list_modal{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
}
  
ol#sub_midasi_list li,
ol#sub_midasi_list_modal li{
  list-style-type:none;
  background: #F7F7F7;
  position:relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-size:14px;
}

ol#sub_midasi_list li.only_renso,
ol#sub_midasi_list_modal li.only_renso{
  background: #E7D3D3;
}

  
ol#sub_midasi_list li:before,
ol#sub_midasi_list_modal li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #ddd;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* =============================================== */

/* ==========アドセンス位置の微調整=============== */
.ad-posi1 {
margin:10px 0px 10px 0px;

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.ad-posi1 {
text-align:center;
margin:15px 0px 10px 0px;
}
}
/* =============================================== */

.ad-posi2 {
margin:30px 0px 10px 20px;

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.ad-posi2 {
text-align:center;
margin:15px 0px 10px 0px;
}
}
/* =============================================== */



.yomi1 {
	font-size: 85%;
}


.box1 {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}




a {
text-decoration: none;
}



/* ==みんなの類語辞典、アダルトワード用=============== */
/* ==adsenseが表示されない箇所======================== */
.wide-banner {
	width: 728px;
	height: 90px;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.wide-banner {
	width: 320px;
	height: 50px;
}

}



/*サイドバー*/
.sidebar-banner {
	width: 300px;
	height: 250px;
}
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.sidebar-banner {

/*よく分からんけどこれでバランスが取れる。いずれ画像に変更する*/
padding-top:1000px;

margin-top:1000px;
margin-bottom:100px;
}



}




/*コンテンツ内*/
.content-banner {
	width: 336px;
	height: 280px;

}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.content-banner {
	width: 320px;
	height: 50px;
}

}

/* 会員のヘッダー adsense につく class。スマホでは非表示 */
/* ====================================================== */
@media screen and (max-width: 768px) {
.prem-flame {

display:none;
}
}
/* ====================================================== */

/* ==みんなの類語辞典、索引の見出し======================== */
.ruigo_midasi1 {
	line-height:2em;
	width: 92%;
	padding: 0px;
	border-bottom:2px solid #000099;
	font-size: 120%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.ruigo_midasi1 { margin-left: 0px; }

}
/* ====================================================== */

/* ==みんなの類語辞典、日本語ワードネットの見出しのテーブル== */
.ruigo_midasi2 {
	line-height:2em;
	width: 100%;
	padding: 0px;
	border-style:none;
	font-size: 90%;
	margin-bottom:10px;
	margin-left:5px;
	margin-top:30px;
}

.ruigo_midasi2.view_mode_1,
.ruigo_midasi2.view_mode_2,
.ruigo_midasi2.view_mode_3 {
width:100%;
max-width:950px;
margin-left:auto;
margin-right:auto;

}




.ruigo_midasi2 tr td {
	line-height:1.5em;
	border-style:none;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
.ruigo_midasi2 { margin-left: 0px; }

}
/* ========================================================== */

.sakuin {
	font-size: 120%;
	padding: 10px;
	line-height:1cm;
	border: 0px;
	width: 90%; 
}

.sakuin td {
	border:0px;
}



/* 文字の先頭につく青い棒 */
/* ====================================================== */
.pre_mark1 {
	border-left: 5px solid #106eb7;
	padding-left: 5px;
margin-left:10px;

}
/* ====================================================== */


/* =連想類語辞典トップページ見出し「～ようこそ」に使用= */
.font1 {
	font-weight: bold;
	line-height:1.5em;
	font-size:120%;
	padding: 5px 0px 5px 10px;

}


/* ===検索結果がゼロだった場合のエラーメッセージに使用==== */

.font2 {
	line-height:1.5em;
	font-size:90%;
	border-style:solid;
	border-width:1px;
	border-color:#CC0000;
	background-color:#F2D8DF;
	padding: 5px 0px 5px 10px;
}

/* === sakuin.htmlのリストに使用 === */
.font3 {
	line-height:1.5em;
	font-size:90%;
}


/* pre_mark1 見出しの下に続く文章で主に使用。faq.html とか */
.font4 {
	font-size:90%;
	margin:20px 0px 0px 10px;
	line-height:1.5em;
}


/* JQuery用。touch_only_rensoクラスはhtmlファイルに設定なし */
.touch_only_renso { background-color:#d9effc;}
.notouch_only_renso { background-color:#E7D3D3;}

/* =========================================================
■.snsbt-list
SNSボタン ＋１ボタンが改行してしまうのでリストで対応
========================================================= */
.snsbt-list {

list-style: none;
margin: 0;
padding: 0;
}

.snsbt-list li {
list-style: none;
margin: 0;
padding: 0 0 0 5px;
float: left;
}
/* ====================================================== */

/* =======プレミアム会員の申し込み説明ページで使用======= */
.list1 {
list-style-type:decimal;

}

p {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

dl {
	margin-bottom: 10px;
}
dt {
	border-left: 5px solid #106eb7;
	padding-left: 5px;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 0.5em;
}

.required {
	background-color: #BB1850;
	color: #fff;
	font-size: 90%;
	padding: 2px;
	margin-left: 10px;
}


th, td {
	border: 1px solid #999;
	padding: 3px;
}

th {
	background-color: #106eb7;
	color: #fff;
	font-weight: bold;
}

li {
	list-style: circle;
	margin-left: 20px;
	margin-bottom: 0.5em;
}

li.list1 {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 0.5em;

}

.paging {
	margin-top: 10px;
	text-align: center;
}
.paging li {
	display: inline;
	list-style: none;
}

.error {
	font-size: 90%;
	color: #BB1850;
}

#lead {
	margin-bottom: 1em;
}

.msg {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.msg img {
	float: left;
	margin-right: 5px;
}
.msg p {
	margin: 0;
}
.msg .day,
.msg .day a {
	font-size: 80%;
	color: #999;
}



.name {
	float: right;
	margin-right: 5px;

}

.adsense1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.adsense2 {
	margin-top: -10px;
	margin-bottom: 9px;
}

/* ====================================================== */
/* == login.php のメッセージ位置 about_prem でも使用 == */
.message1 {
	margin:30px 0px 0px 100px;
	font-size: 90%;
	line-height:1.5em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.message1 {
	margin:30px 10px 0px 10px;
	font-size: 90%;
}

}
/* ====================================================== */

/* ====================================================== */
/* ==tokusyo.phpのメッセージ位置== */
.message2 {
	margin:15px 0px 0px 100px;
	font-size: 90%;
	line-height:1.5em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.message2 {
	margin:15px 10px 0px 10px;
	font-size: 90%;
}

}
/* ====================================================== */



/* 文字ハイライト */
/* 検索文字と同じ言葉をハイライトに使用 */
/* ====================================================== */
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
/* ====================================================== */


//この二つ問い合わせメール送信ページに使う？表現インフォからコピーしたやつ
/* ====================================================== */
div.tablecss{
    font-size:90%;
    display:table;
    width: 100%;
    table-layout:fixed;
}

.tablerow{
    display:table-row;
    width:100%;height:100%;
    padding:130px;
}

/* .tablerow の直下のもの */
.tablerow > div,
.tablerow > a{
    display:table-cell;
    height:100%;
    vertical-align:middle;
    text-align:left;
    border: 1px solid #C4E0EC;
    padding:15px;
}
/* ====================================================== */


/* 問い合わせページテキストエリア */
.textarea1 {
width:400px;
height:120px;

}


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

.textarea1 {
width:90%;

}

}


/*member 見出し用パンくずリスト関係*/
/* ====================================================== */
.breadcrumb-now {
	text-decoration:none;
	background-color:#ffcc99;
	border-radius: 5px; /* 丸かど */
	padding:5px;
}

.breadcrumb-word a,
.breadcrumb-now a {
	text-decoration:none;
	color:#000;
}
/* ====================================================== */

/* =========================================================
■.prem プレミアムサービス比較のテーブル
========================================================= */
.prem_t { 
margin: 10px auto; /* センタリング */
auto;font-size:90%;
} 


.prem_t td { 
padding: 10px;
} 

/* ====================================================== */

/* ===会員ログイン、登録画面のinputボックス============== */
.input1 {
width: 20em;
}

@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/

.input1 { width: 80%; }

}

/* ====================================================== */

/* premium サービスの見出し */
/* ====================================================== */
.prem_midasi1 {
box-sizing: border-box;
border: 5px solid #006AB6;
padding: 50px;
text-align:center;
margin-bottom:50px;
 width:100%;
border-radius: 20px;
font-size:120%;
}

.prem_midasi2 {
box-sizing: border-box;
border-bottom: 5px solid #006AB6;

padding-bottom: 5px;

text-align:center;
margin-bottom:50px;

}

.prem_midasi3 {
border: 5px solid #006AB6;

padding: 15px;
  width:250px;
  height:250px;
text-align:center;
vertical-align:middle;
margin: 10px auto;
border-radius: 10px;
}

.prem_midasi4 {
box-sizing: border-box;
height:70px;
font-weight:bold;
color:#006AB6;
border:0px solid #ddd;
padding-top:25px

}

.prem_midasi5 {
box-sizing: border-box;
font-size:90%;
padding:10px;
line-height:1.3em;
}
/* ====================================================== */


/* 最初の検索窓の直下に表示される、「表示領域を拡大する」 */
@media screen and (max-width: 768px) {
/*ウインドウサイズが768px以下の時この中のcssに上書きされます。*/
#view_mode_ad {

display:none;

}
}

/* stripe 決済ボタン */
/* ====================================================== */

/* ====================================================== */