@charset "utf-8";

/*-base------------------------------------------------------------------------------------------------*/
* {
    -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; }

/*------------------------------------------------------------*/
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;
       /* background-color: rgba(255, 255, 255, 0.15); */
}
#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:right;
}
.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.7);
        float:right;
}
#side2 {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        word-wrap:break-word;
        overflow:hidden;
        float:right;
        background-color: rgba(255, 255, 255, 0.7);
}
#side1 {
	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; padding-bottom: 32768px; margin-bottom: -32768px;}
.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;}
}

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

/**********************************************************
 * 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;
}
}