@charset "UTF-8";



/* ################################################################################################## */
/* ################################################################################################## */
/* ########## 画面の幅 960px ######################################################################## */

/* 幅 960px 以上の指定 */
.body{
display: block;
width:960px;	/* 幅サイズ 960px */
max-width : 960px; /* サイズの上限を設定する */
}

/* 背景画像を指定 */
.back_ground_image{
width: 100vw;	/* 幅サイズいっぱいに表示 */
max-width : 100vw; /* サイズの上限を設定する */

}


/*  Startボタンの設定　*/
.start_btn{
    zoom: 180%;				　/*画像拡大率を制御*/
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 9vw;
    left: 27vw;
max-zoom : 200%; /* サイズの上限を設定する */
}
/* IE11用 */
_:-ms-lang(x)::-ms-backdrop, .start_btn { zoom: 180%; bottom: 17vw; left: 52vw; max-zoom : 200%;}

/*  facebookの設定　*/
.fb{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 10vw;
    left: 40vw;
    max-height : 60px; /* サイズの上限を設定する */
}
/* IE11用 */
_:-ms-lang(x)::-ms-backdrop, .fb { height: 60px; bottom: 9vw; left: 40vw; max-height : 60px;}

/*  instagramの設定　*/
.it{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 10vw;
    left: 43vw;
    max-height : 60px; /* サイズの上限を設定する */
}
/* IE11用 */
_:-ms-lang(x)::-ms-backdrop, .it { height: 60px; bottom: 9vw; left: 43vw; max-height : 60px;}


/*  questionの設定　*/
.question_image{
width: 100vw;	/* 幅サイズいっぱいに表示 */
background-size: contain;		/*画像を切り取ったり縦横比を崩したりすることなく、画像ができるだけ大きくなるよう拡大縮小します。 */
text-decoration: none;			/*テキストの装飾的な線*/
background-position: center center;	/*背景画像の初期位置*/
background-repeat: no-repeat;		/*背景画像をどのように繰り返すかを設定*/
zoom: 0%; 				/*拡大率を制御*/
max-width : 100vw; /* サイズの上限を設定する */
}

/*  質問1の内容を表示するボックス設定　*/
div.question_box1{
    width:1000px; height:50px;			/*  ボックスのサイズ　*/
    background:rgba(255,0 0,0.5);		/*  ボックスの背景を透明　*/
    text-align:center;				/*  文字を中央配置　*/
    position: relative;
    bottom: 48vw;
    left: 10vw;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    font-size: 75px;
    line-height: 150%;
    font-family: "メイリオ",sans-serif;
    max-width : 1000px; /* サイズの上限を設定する */
}

/*  yesボタンの設定　*/
.yes_btn{
    height: 120px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 35vw;
    left: 15vw;
    max-wheight : 120px; /* サイズの上限を設定する */
}



/*  noボタンの設定　*/
.no_btn{
    height: 120px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 35vw;
    left: 35vw;
    max-wheight : 120px; /* サイズの上限を設定する */
}

/*  facebookの設定　*/
.fb_q{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 14vw;
    left: 25vw;
    max-wheight : 60px; /* サイズの上限を設定する */
}


/*  instagramの設定　*/
.it_q{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 14vw;
    left: 28vw;
    max-wheight : 60px; /* サイズの上限を設定する */
}

/*  質問2の内容を表示するボックス設定　*/
div.question_box2{
    width:1100px; height:50px;			/*  ボックスのサイズ　*/
    background:rgba(255,0 0,0.5);		/*  ボックスの背景を透明　*/
    text-align:center;				/*  文字を中央配置　*/
    position: relative;
    bottom: 48vw;
    left: 8vw;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    font-size: 60px;
    line-height: 150%;
    font-family: "メイリオ",sans-serif;
    max-width : 1100px; /* サイズの上限を設定する */
}

/* 結果画面の背景画像を指定 */
.ans_image{
width: 100vw;	/* 幅サイズいっぱいに表示 */
background-size: contain;		/*画像を切り取ったり縦横比を崩したりすることなく、画像ができるだけ大きくなるよう拡大縮小します。 */
text-decoration: none;			/*テキストの装飾的な線*/
background-position: center center;	/*背景画像の初期位置*/
background-repeat: no-repeat;		/*背景画像をどのように繰り返すかを設定*/
zoom: 0%; 				/*拡大率を制御*/
max-width : 100vw; /* サイズの上限を設定する */
}



/*  aboutボタンの設定　*/
.about{
    height: 50px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 15vw;
    left: 12vw;
    max-height : 50px; /* サイズの上限を設定する */
}


/*  GoTopボタンの設定　*/
.GoTop{
    height: 50px;
    width: auto
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 15vw;
    left: 23vw;
    max-height : 50px; /* サイズの上限を設定する */
}


/*  結果画面のfacebookの設定　*/
.fb_ans{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 5.5vw;
    left: 8vw;
    max-height : 60px; /* サイズの上限を設定する */
}


/*  結果画面のinstagram設定　*/
.it_ans{
    height: 60px;
    width: auto;
    display: inline-block;
    justify-content: normal;
    align-items: normal;
    cursor: pointer;   
    position: relative;
    bottom: 5.5vw;
    left: 11vw;
    max-height : 60px; /* サイズの上限を設定する */
}
}