@charset "utf-8";
/*--↑文字コード指定--*/


/*--全体指定--*/

* {
   font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo',sans-serif;
    margin: 0 auto;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    word-break: break-all;
    vertical-align: bottom;
}

html,body {
    width: 100%;
    font-size: 100%;
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0 auto;
    color: #4e454a;
    letter-spacing: .06em;
     }

.clear {
    clear: both;
}
           body {
      background-color: #bcd5dc;
      z-index: -5;
      }
     
     
     body:after {
     background: url(../img/bg_67_5.gif) repeat-x top left;
     -webkit-background-size: auto;
     -moz-background-size: auto;
     -o-background-size: auto;
     background-size: auto;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     content: "";
     }
      
      
      /*--↓リンク設定--*/
      
      a:link {
      color: #2e2930;
      text-decoration: none;
      border-bottom: dotted 1px #c9caca;}
      
      
      a:visited {
      color: #180614;
      text-decoration: none;
      border-bottom: dotted 1px #c9caca;}
      
      
      a:hover {
      color: #bcd5dc;
      position: relative;
      top: 2px;
      left: 2px;
      text-decoration: none;}
      
      
      a:active { 
      text-decoration: none;}
      
      /*--↑ここまでリンク設定--*/
      
      
      input,textarea {
      margin-top: 2px;
      padding: 1px;
      color: #2e2930;
      background-color: #ffffff;
      border: solid 1px #aaaaaa;}
      
      
      input:focus,textarea:focus{
       border: solid 1px #aaaaaa;
       background-color: #ffffff;}
       
       
      br{letter-spacing: 0;}
     
     
     
     
     /*--↓ページ設定--*/
     
     #page {
     max-width: 650px;
     min-height: 100%;
     margin: 10 auto;
     padding: 5px;
     }
     
     
     .all {
     width: 650px;
     margin: 0 auto;
     padding: 15px;
     background-color: rgba(255, 255, 255, .8);
     border-radius: 1.5em;
     }
     
     
     
     
     
     /*--↓文字指定--*/
     
      .text {
      margin: 0 auto;
      padding: 30px 10px 100px;
      font-size: 90%;
      }
       
       
       /*--↑ここまで文字指定--*/
       
       
       
       
       
       
       /*--↓メニュー指定--*/
       
       #menu{text-align: left;}
       
       .site {
       float: left;
       font-size: 200%;
       }
       
       ul {
       list-style: none;
       text-align: right;
       padding-top: 15px;
       }
       
       li {
       display: inline;
       margin: 0 10px;
       }
       
       #smart{display: none;}
       
       /*--↑ここまでメニュー指定--*/
       
       
       
       
       
      /*--↓表示位置指定--*/
      
      .left {
       text-align: left; }
       
      .center {
       text-align: center; }
      
      .right {
       text-align: right; }
      
      /*--↑ここまで表示位置指定--*/
      
      
      
      
      
      
      /*--↓表示サイズ指定--*/
      
      .back { font-size: 85%; }
      
      .title { 
      font-size: 150%;
      text-align: right;
      padding: 15px 10px 30px;
      color: #995446;
      }
      
      /*--↑ここまで表示サイズ指定--*/
      
      
      
      
      .clear {
      clear: both;
      }
      
    
    /*--↑ここまでページ指定--*/







/*--↓dream.php出力ページ用CSS--*/

@media screen{

form.changeName, form.changeName fieldset,
form.changeName ul, form.changeName li,
form.changeName p
{
	margin: 0; padding: 0; border: none; background: none;
	font-weight: normal; font-style: normal;
}

form.changeName
{
	/* width: 15em; *//* 横幅次第でフォームの並ぶ数も変わる */
}

form.changeName legend
{
	display: none;
}

form.changeName ul, form.changeName li,
form.changeName p, form.changeName label
{
	display: inline; 
}
form.changeName li label
{
	display: none; /*項目名を非表示にする場合は inline を none に*/
}
form.changeName input,
form.changeName select
{
	vartical-align: middle;
	width: 6em;
}
form.changeName li input, form.changeName li select
{
	margin: 0 .7em 0 .25em;
}
form.changeName .process
{
	display: block; /* 実行フォームだけ下にやりたい場合は inline をblock */
	margin-top: .2em;
}
form.changeName .process label
{
	margin-right: 0.4em;
}
form.changeName .process input
{
	margin: 0 .2em 0 0; cursor: pointer;
	width: 3em;
}

}

/*--↑ここまでdream.php用css--*/







/*--↓タブレット用css--*/

@media screen and (min-width:1px) and (max-width:660px){



     #page {
     width: auto;
     margin: 10;
     padding: 10px;
     }
     
     
     
     .all {
     width: auto;
     margin: 0 auto;
     padding: 10px;}
     
     
     
     #menu{display: none;}
     
     #smart{
     display: block;
     text-align: left;
     line-height: 2;
     }
     
       .site {
       float: none;
       font-size: 200%;
       }
       
       ul {
       list-style: none;
       padding: 0;
       text-align: left;
       }
       
       li {
       display: inline;
       margin: 0 10px;
       }


}




/*--↑ここまでタブレット用css--*/







/*--スマホ用css--*/
@media screen and (min-width:1px) and (max-width:480px){


     
     #bg {
     background: url(../img/bg_67_5.gif) repeat-x #bcd5dc;
     -webkit-background-size: auto;
     -moz-background-size: auto;
     -o-background-size: auto;
     background-size: auto;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: auto;
     height: 120%;
     z-index: -1;
     }
     
     
     #page {
     width: auto;
     margin: 10px;
     padding: 0px;
     }
     
     .all {
     width: auto;
     margin: 0 auto;
     padding: 20px 10px;
     }
     
     
     #menu{display: none;}
     
     #smart{
     display: block;
     text-align: left;
     line-height: 2;
     }
     
       .site {
       float: none;
       font-size: 200%;
       }
       
       ul {
       list-style: none;
       padding: 0;
       text-align: right;
       }
       
       li {
       display: inline;
       margin: 0 10px;
       }
      
      
      .text {
      margin: 0 auto;
      padding: 40px 10px 80px;
      font-size: 100%;
      }


}

/*--↑ここまでスマホ用css--*/