@charset "UTF-8";


/*ページ全体を中央に*/
.wrapper { margin: 0 auto 0 auto; }


/*リンクの線とカーソルを置いたときの線と訪問後の色*/
a:link { color: orange; text-decoration: none; } 
a:hover { color: orange; text-decoration: underline; }
a:visited { color: darkgray; }


/*画像と文字を行の中央に配置*/
img.ex { vertical-align: middle; max-width: 100%; height: auto; width: auto; }


/*文字*/
* { font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS　Pゴシック", "MS PGothic", sans-serif;
 float: none; position: static; }


/*ページ背景色*/
body { color: #333333; background-color: #eaffea; font-size: 16px; margin: 0px; padding: 20px; line-height: 180%; border: 0; }


/*テキストの配置とその他テキストの設定*/
p { text-align: left; overflow-wrap: break-word; word-wrap: break-word; }
.example1 { font-size: 14px; }
.example2 { font-size: 12px; color: red; }
.example3 { font-size: 16px; color: blueviolet; }
.example4 { font-size: 16px; color: orange; }
.example5 { font-size: 10px; color: blueviolet; }
.example6 { font-size: 16px; color: pink; }
.example7 { font-size: 16px; color: black; }


/*タイトル表示*/
.h1 { font size: 16px; color: blueviolet; font-weight: bolder; line-height: 200%;
 margin-top: 1.0em; margin-right: 0; margin-bottom: 1.0em; margin-left: 0; text-align: right; }

/*ボックス*/
.textbox { width: 100%; color: #333333;/*文字色*/ background: #eaffea; border: 0; /*線*/ margin: auto; padding: auto; }


/*ウィンドウ幅が767px以上の場合に適用*/
@media screen and (min-width: 767px) { .textbox { width: 65%; font-size: 110%; line-height: 180%; } }

/*ウィンドウ幅が最大767pxまでの場合に適用*/
@media screen and (max-width: 767px) { .textbox { width: 85%; font-size: 100%; line-height: 160%; } }

/*ウィンドウ幅が最大479pxまでの場合に適用*/
@media screen and (max-width: 479px) { .textbox { width: 100%; font-size: 100%; line-height: 150%; } }