@charset "utf-8";

/*-base---------------------------------------------
a #1598e1
a hover #1d2088
side12 side12 rgba(0, 162, 233,
---------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
*:before, *:after { box-sizing: inherit; }
a:link,previous a:link,next a:link{color:#1598e1;}
a:visited{color:#1598e1;}
a:active{color:#1598e1;}
a:hover{color:#1d2088;}
a:hover img{opacity:0.8;}
a img{transition:0.6s;}
a{
    background-color:transparent;/*基本の背景色（好きな色）*/
    -webkit-touch-callout:none;/*デフォルトのタッチした時のハイライトを消す*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);/*デフォルトのタッチした時のハイライトを消す*/
}

/*#form, #present, #access, #a, #b, #c, #d, #e, #f, #g{
  margin-top : -62px;
  padding-top : 62px;
}*/

/*------------------------------------------------------------*/
html {  
        width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
        width:100%;
        min-height: 100% !important;
        height: auto;
        margin: 0;
        padding: 0;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
        word-wrap:break-word;
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
        line-height: 1.4;
        font-size: -webkit-calc(100vw / 31);
        font-size: calc(100vw / 31);
}
#lwrap {
	width:100%;
        min-height:100%;
        height:auto !important;
        height:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        overflow:hidden;
}
#mwrap {
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        overflow:hidden;
        text-align:left;
}
#header {
       /* position: fixed;
        top: 0; */
        width: 100%;
        max-width: 1000px;
	margin:0;
        padding: 0;
        display: block;
        clear: both;
        overflow: hidden;
        z-index: 100;
}
.top-fixed {max-width: 1000px !important;}
#swrap {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        overflow:hidden;
}
article {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
        overflow:hidden;
        float:left;
}
.content {
        width:100%;
	margin:0;
	padding:0.5em 0 0 0;
	display:block;
        clear:both;
        word-wrap:break-word;
        overflow:hidden;
        background-color: rgba(255,255,255,0.8);
        float:left;
}
#side1 {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        word-wrap:break-word;
        overflow:hidden;
        float:right;
        max-width: 750px;
        background-color: rgba(255, 255, 255, 0.7);
}
#side2 {
	display:none;
}

/**********************************************************
 * 750px以上 PC 1column以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
body{font-size:25px;}
#mwrap {
        max-width:1004px;
        border-left: 2px solid #9e836e;
        border-right: 2px solid #9e836e;
        background-color: rgba(255, 255, 255, 0.8);
}
#swrap{width:750px;}
article{width:750px;}
.content{width:750px; padding-bottom: 32768px; margin-bottom: -32768px;}
}

/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#mwrap{background-color:transparent;}
#swrap{width:1000px;}
article {width:1000px; padding-bottom: 32768px; margin-bottom: -32768px;}
}

/**********************************************************
 * 1000px〜1500px *
 **********************************************************/
@media only screen and (min-width: 1000px) and (max-width: 1500px)
{
.full-bgc {
  background-image: url(../images/full-bg2.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;
  background-size:1004px auto;  
}
}

/**********************************************************
 * 1500px〜 *
 **********************************************************/
@media only screen and (min-width: 1500px)
{
.full-bgb {
  background-image: url(../images/full-bg3.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;
  background-size:100% auto;  
}
}