@charset "utf-8";

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@font-face {
	font-family: 'MyFont';
//	src: url(../font/02UtsukushiMincho.ttf);
//	src: url(../font/koduka-gothic-pr6n-r.otf);
}
html{
	overflow: overlay;
}
html::-webkit-scrollbar{
	width: 16px;
}
html::-webkit-scrollbar-thumb{
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #ccc;
	border-right: none;
}
html::-webkit-scrollbar-track{
	background: transparent;
}

body{
	width: 100%;
	font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
//	font-family: MyFont;
	margin: 0;
	padding: 0;
	color: #333;
	letter-spacing: 0.1rem;
	line-height: 2rem;
//	border: 1px solid #000;
}
.default1{/* タイトルロゴ */
//	display: block;
	width: 40%;
	margin-top: 5rem;
	margin-left: auto;
	margin-right: auto;
//	border: 1px solid #000;
}
.default2{/* サブタイトル */
//	font-family: MyFont;
	width: 100%;
	font-size: 0.8rem;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
//	border: 1px solid #000;
}
.default2_1{/* サブタイトル 改行用 */
	display: block;
//	border: 1px solid #000;
}
.default3{/* SNS枠 */
	margin-top: 1rem;
	margin-left: 2rem;
//	border: 1px solid #000;
}
.default4{/* Twitterアイコン */
	width: 2rem;
//	border: 1px solid #000;
}
.default5{
//	width: 100%;
	text-align: center;
//	border: 1px solid #000;
}
.default6{
	display: block;
	width: 85%;
	font-size: 0.8rem;
	color: #333;
	text-align: left;
	text-decoration: none;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
	box-shadow: 2px 2px 4px gray;
//	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default6:hover{
	transition: 0.4s;
	transform: translate3d(0, 5px, 0);
	color: #fff;
	box-shadow: none;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default7{/* page_title aタグ */
//	font-family: MyFont;
	text-decoration: none;
	width: 100%;
	color: #333;
//	font-size: 1.7rem;
//	background-color: #99CCFF;
//	border: 1px solid #000;
}
.default8{
	display: block;
	font-size: 0.8rem;
	color: #333;
	text-align: left;
	text-decoration: none;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-bottom: 1rem;
	box-shadow: 2px 2px 4px gray;
//	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default8:hover{
	transition: 0.5s;
	transform: translate3d(0, 5px, 0);
	color: #1da1f2;
	box-shadow: none;
//	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default8_1{
	display: block;
//	border: 1px solid #000;
}
.default9{
	display: block;
	line-height: 1.3rem;
//	font-size: 1.3rem;
	color: #aaa;
//	margin-left: 1rem;
//	border: 1px solid #000;
}
.default10{
	font-size: 0.6rem;
	margin-left: 0.5rem;
//	border: 1px solid #000;
}
.default11{/* page_title h1タグ */
	display: block;
	font-size: 0.9rem;
//	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed #ccc;
}
.default13{/* page_title カテゴリサブタイトル */
	font-size: 0.6rem;
//	border: 1px solid #000;
}
.default14{/* サムネイル */
	width: 4rem;
	margin-right: 1rem;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.default15{/* h2タイトル用 */
//	width: 100%;
	margin-top: 2rem;
	font-size: 0.8rem;
//	padding-left: 1rem;
//	background-color: #ccc;
//	border-left: 1px solid #000;
}
.default16{/* img pc */
	display: block;
	width: 90%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}
.default17{/* img mobile*/
	display: block;
	width: 50%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}
.default18{/* */
	font-size: 0.7rem;
	margin-top: 1rem;
	padding-left: 0.5rem;
//	border: 1px solid #000;
}
.default19{/* */
	overflow: scroll;
	border: 1px solid #ccc;
}
.default20{/* */
	padding-left: 1rem;
	border: 1px solid #000;
}
.default21{/* */
	font-size: 0.6rem;
	padding-left: 0.5rem;
//	border: 1px solid #000;
}
.default22{/* ダウンロード */
	float: right;
	font-size: 0.5rem;
	color: #333;
	text-decoration: none;
	line-height: 1rem;
	padding: 0.3rem 0.6rem;
	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default22:hover{/* ダウンロード */
	transition: 0.5s;
	color: #fff;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default23{/* サンプルページ */
	display: block;
	width: 50%;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 0.8rem;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
//	padding-top: 1rem;
//	padding-bottom: 1rem;
	padding: 1rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default23:hover{/* サンプルページ */
	transition: 0.5s;
	color: #fff;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default24{/* ad1 ad2 */
	text-align: center;
	margin-top: 2rem;
//	border: 1px solid #000;
}
.default25{/* ad1 ad2 広告 */
//	border: 1px solid #000;
}
.default26{/* ad1 ad2 広告 */
	font-size: 0.5rem;
	color: #ccc;
//	padding-top: 0.2rem;
//	padding-bottom: 0.2rem;
//	padding-left: 0.5rem;
//	padding-right: 0.5rem;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default27{/* 各言語用ボタン　正規表現 */
	display: block;
	width: 100%;
	height: 3rem;
	letter-spacing: 0.1rem;
	font-size: 0.8rem;
	color: #1da1f2;
	text-decoration: none;
	border-radius: 0.3rem;
	cursor: pointer;
	margin-top: 0.5rem;
//	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	background-color: #fff;
	border: 1px solid #1da1f2;
}
.default27:hover{/*  */
	transition: 0.5s;
	color: #fff;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default28{/* 条件 正規表現 demo */
	display: inline-block;
	font-size: 0.7rem;
	color: #fff;
//	padding-top: 0.2rem;
//	padding-bottom: 0.2rem;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
	border-radius: 0.5rem;
	margin-top: 1.5rem;
	background: skyblue;
//	background-color: #999;
//	border: 1px solid #000;
}
.default29{/* 各条件 */
	font-size: 0.8rem;
	line-height: 1.4rem;
	margin-left: 0.5rem;
	margin-top: 1rem;
//	border: 1px solid #ccc;
}
.default29_1{/* 検証データ 検証結果 */
	margin-left: 1.5rem;
//	margin-top: 0.5rem;
//	border: 1px solid #ccc;
}
.default30{/*  */
}
.default31{/* demo */
	display: inline-block;
	font-size: 0.7rem;
	color: #fff;
//	padding-top: 0.2rem;
//	padding-bottom: 0.2rem;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	border-radius: 0.5rem;
	margin-top: 2rem;
	background-color: #999;
//	border: 1px solid #ccc;
}
.default32{/* h3 正規表現 */
	margin-top: 1rem;
//	border: 1px solid #ccc;
}
.default33{/* h2 正規表現用 */
	margin-top: 3rem;
	line-height: 1.4rem;
	font-size: 0.9rem;
	padding-left: 0.7rem;
	border-left: 0.3rem solid #1da1f2;
}
.default33_1{/* h2 正規表現用 番号*/
	display: table-cell;
	font-size: 0.9rem;
	color: #777;
//	border: 1px solid #000;
}
.default33_2{/* h2 正規表現用 タイトル*/
	display: table-cell;
	padding-left: 0.5rem;
//	border: 1px solid #000;
}
.default34{/* テキストエリアフォーム（正規表現パターン） */
	display: block;
	width: 95%;
	height: 2rem;
	outline: none;
	padding: 0.5rem;
	margin-top: 2rem;
//	margin-left: auto;
//	margin-right: auto;
	border-radius: 0.5rem;
}
.default35{/* 検証ボタン（正規表現） */
	display: block;
	width: 30%;
	height: 3rem;
	color: #333;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.5rem;
	cursor: pointer;
	letter-spacing: 0.5rem;
	text-indent: 0.5rem;/* letter-spacingと同値にすること */
	background-color: #fff;
	border: 1px solid #ccc;
}
.default35:hover{/*  */
	transition: 0.5s;
	color: #fff;
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
}
.default36{/* 正規表現（正規表現） */
	font-size: 0.7rem;
	color: #fff;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
	border-radius: 0.5rem;
	margin-top: 1.5rem;
	background-color: #999;
//	border: 1px solid #ccc;
}
.default37{/* パターン実例 */
	margin-top: 1.5rem;
	margin-left: 1.5rem;
//	border: 1px solid #ccc;
}
.default38{/* 【結果】マッチしました。 */
	margin-top: 1.5rem;
//	border: 1px solid #000;
}
.default39{/* ページ区切り線　hr用　正規表現 */
	height: 1px;
	border: none;
	border-top: dashed 1px #999;
}
.default40{/* default29用　下余白作成　正規表現 */
	margin-bottom: 2rem;
//	border: 1px solid #000;
}
.default41{/* table 検証データ　正規表現 */
	font-size: 0.8rem;
	margin-top: 1rem;
	margin-left: 0.5rem;
//	border: 1px solid #000;
}
.default41_1{/* table td 検証データ　正規表現 */
	padding-left: 1rem;
//	border: 1px solid #000;
}
.default41_2{/* table td 検証データ　正規表現 */
	padding-left: 1rem;
//	border: 1px solid #000;
}
.default41_3{/* table td 検証データ 矢印　正規表現 */
	font-size: 0.8rem;
	color: #aaa;
//	border: 1px solid #000;
}
.default42{/* フォームアクション */
	display: inline;
//	border: 1px solid #000;
}
.default43{/* 条件　()内　正規表現 */
	font-size: 0.7rem;
	margin-left: 0.3rem;
//	border: 1px solid #000;
}
.default44{/* 正規表現コンテンツパータン内　上ボタン用 */
	width: 100%;
	text-align: right;
//	border: 1px solid #000;
}
.default45{/* メニュー　ul */
	list-style:  none;
	margin-top: 1rem;
	margin-bottom: 2rem;
//	border: 1px solid #000;
}
.default46{/* メニュー　li */
//	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
//	border: 1px solid #000;
}
.default47{/* メニュー　li a*/
	display: table;
	text-decoration: none;
	color: #333;
//	font-size: 0.9rem;
//	border: 1px solid #000;
}
.default47:hover{
	color: #1da1f2;
	transition: 0.2s;
//	border: 1px solid #000;
}
.default48{/* 目次 */
	font-size: 1.2rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
//	border: 1px solid #000;
}
.default49{
	display: table-cell;
//	width: 1rem;
	text-align: right;
	font-size: 0.8rem;
	color: #777;
	padding-right: 0.5rem;
//	border: 1px solid #000;
}
.default49_1{
	display: table-cell;
	line-height: 1.3rem;
	font-size: 0.8rem;
//	border: 1px solid #000;
}
.default50{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	color: #333;
	font-size: 0.5rem;
	text-decoration: none;
	text-align: center;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	border: 1px solid #ccc;
}
.default50_selected{
	color: #fff;
	background: skyblue;
	border: 1px solid skyblue;
}
.default50:hover{
	transition: 0.5s;
	color: #fff;
	background: skyblue;
	border: 1px solid skyblue;
}
.default51{
	text-align: center;
//	border: 1px solid #000;
}
.default52{
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
//	border: 1px solid #000;
}
.default53{
	font-size: 0.8rem;
	line-height: 1rem;
	margin-top: 0.5rem;
//	border: 1px solid #000;
}
.default54{
	display: block;
	line-height: 1.5rem;
	font-size: 0.9rem;
	margin: 1rem 0 0 1rem;
//	border: 1px solid #000;
}
.default55{
//	display: block;
	width: 90%;
	margin: 1rem 0 0 1rem;
//	border: 1px solid #000;
}
.default56{
	display: inline-block;
	line-height: 1.5rem;
	font-size: 0.9rem;
	margin: 1rem 1rem 0 1rem;
//	border: 1px solid #000;
}

/*  PC向けのスタイル：1024px以上 */
@media only screen and (min-width: 1024px){
html{
	overflow: overlay;
}
html::-webkit-scrollbar{
	width: 16px;
}
html::-webkit-scrollbar-thumb{
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #ccc;
	border-right: none;
}
html::-webkit-scrollbar-track{
	background: transparent;
}
body{
//	background-image: url("../img/background1_1.jpg");
//	background-position: center center;/* 画像を常に天地左右の中央に配置 */
//	background-repeat: no-repeat;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
//	background-attachment: fixed;
//	background-size: cover;
//	border: 1px solid #000;
}
.default1{/* タイトルロゴ */
	margin-top: 20%;
	width: 30%;
//	border: 1px solid #000;
}
.default2{/* サブタイトル */
	margin-top: 4rem;
	width: 100%;/* default1と共通設定*/
//	border: 1px solid #000;
}
.default2_1{/* サブタイトル 改行用 */
	display: inline-block;
//	border: 1px solid #000;
}
.default3{/* SNS枠 */
	margin-top: 2rem;
	margin-left: 4rem;
//	border: 1px solid #000;
}
.default4{/* Twitterアイコン */
	width: 3rem;
//	border: 1px solid #000;
}
.default5{
	margin-left: 2rem;
//	border: 1px solid #000;
}
.default6{
	display: inline-block;
	width: 45%;
	text-align: center;
	font-size: 0.9rem;
	padding-left: 0;
	margin-top: 2rem;
	margin-left: 1rem;
	margin-right: 1rem;
//	border: 1px solid #000;
}
.default8{
	width: 95%;
	font-size: 0.9rem;
	padding-left: 2rem;
	margin-left: 0;
	margin-right: 0;
}
.default8_1{
	display: inline-block;
//	border: 1px solid #000;
}
.default9{
	display: inline-block;
	margin-left: 2rem;
//	border: 1px solid #000;
}
.default10{
	font-size: 0.7rem;
//	border: 1px solid #000;
}
.default11{/* 各ページタイトル */
	font-size: 1.3rem;
//	border: 1px solid #000;
}
.default12{
	display: none;
}
.default13{
	font-size: 1rem;
}
.default15{/* h2タイトル用 */
	font-size: 1.2rem;
}
.default18{/* */
	margin-top: 2rem;
	font-size: 0.8rem;
}
.default22{/* ダウンロード */
	line-height: 1.3rem;
	padding: 0rem 1rem;
}
.default23{/* サンプルページ */
	display: block;
	width: 50%;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 0.8rem;
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
//	padding-top: 1rem;
//	padding-bottom: 1rem;
	padding: 1rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid #ccc;
}
.default27{/* 各言語用ボタン　正規表現 */
	display: inline;
	width: 7rem;
	height: 2rem;
	margin-bottom: 0.5rem;
}
.default29{/* 各条件 */
	font-size: 1rem;
	line-height: 2rem;
	margin-left: 1.5rem;
}
.default33{/* h2 正規表現用 */
	font-size: 1.2rem;
}
.default41{/* table 検証データ　正規表現 */
	font-size: 1rem;
	margin-left: 1.5rem;
//	border: 1px solid #000;
}
.default49_1{
	font-size: 1rem;
//	border: 1px solid #000;
}
.default53{
	line-height: 1.5rem;
//	border: 1px solid #000;
}
.default54{
	line-height: initial;
//	border: 1px solid #000;
}
.default55{
	width: initial;
//	border: 1px solid #000;
}


}