@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;900&family=Noto+Serif+JP:wght@800;900&display=swap');

/* PC */
.spOnly {
		display: none;
}
.pcOnly {
		display: block;
}


.cover{
	margin: 0 auto;
	padding: 50px 0 50px;
	width: 1034px;
}


/* メイン
--------------------------------------------*/
#main2{
	margin: 0 auto;
	padding:0px;
	width: 1000px;
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:150%;
	color:#231815;
	text-align:left;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main2 .area ul {
	display: block;
	padding: 0 0 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main2 .area ul li{
 margin: 0 auto;
 padding: 0;
 width: 100%;
 border-bottom: 3px dotted #231815;
}
#main2 .area ul li:last-child{
	margin: 0 auto 0;
}
#main2 .area ul li a{
 display: block;
 padding: 26px 0;
 width: 100%;
 text-align: left;
 line-height: 150%;
 color: #231815;
 text-decoration: none;
 transition: .3s;
}
#main2 .area ul li a:hover{
 opacity: 0.5;
}
#main2 .area ul li.none{
 display: block;
 padding: 26px 0;
 width: 100%;
 font-size: 20px;
 text-align: center;
 line-height: 150%;
 cursor: default;
}
#main2 .area ul li .date {
    float: none;  /* floatを解除 */
    width: auto;  /* 幅を自動調整 */
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-weight: 600;
    padding: 0;
    font-size: 48px;
    font-feature-settings: "palt";
    -webkit-text-stroke: 1px #231815;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 20px;  /* 日付と都道府県の間隔を調整 */
}
#main2 .area ul li .date span{
 font-size: 66px;
 font-weight: bold;
}
#main2 .area ul li .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#main2 .area ul li .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main2 .area ul li .date.holiday b,
#main2 .area ul li .date.holiday b.sat,
#main2 .area ul li .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main2 .area ul li .reTxt{
 float: left;
 margin: 0;
 padding: 0;
 width: 63%;
 font-size: 30px;
 line-height: 150%;
 color: #f15a00;
 font-weight: 500;
 text-align: right;
 font-feature-settings: "palt";
 vertical-align: middle;
}
#main2 .area ul li .reTxt div{
 font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
 float: left;
 font-size: 30px;
 line-height: 150%;
 color: #231815;
 font-weight: 800;
 text-align: left;
 vertical-align: middle;
 display: inline-block;
}
#main2 .area ul li .inner{
 position: relative;
}
#main2 .area ul li .boxL {
    display: flex;
    align-items: center;  /* 垂直方向を中央揃え */
    justify-content: center;  /* 水平方向を中央揃え */
    padding: 15px 0;
}

#main2 .area ul li .boxL .ryuko {
    margin-right: 20px;  /* 画像とテキストの間隔を確保 */
}
#main2 .area ul li .boxL .ryuko img {
    width: auto;  /* 自動調整で元のサイズを維持 */
    height: auto;
    max-width: 100%;  /* 幅がコンテナを超えないようにする */
    object-fit: cover;  /* 画像の縦横比を保持 */
}
#main2 .area ul li .boxL .boxR {
    display: flex;
    flex-direction: column;
    justify-content: center;  /* テキストの中央揃え */
    min-height: 250px;  /* 画像の高さと一致させる */
}
#main2 .area ul li .boxL .boxR .pref {
    font-size: 40px;
	font-weight: bold;  /* 文字を太字に */
    line-height: 1.2;
    margin-left: 15px;  /* 日付と都道府県の間隔を広げる */
    margin-top: 0;  /* 上の余白をなくす */
    white-space: nowrap;
    flex-basis: auto;  /* 自然な幅で表示 */
    flex-shrink: 0;  /* 縮小を防止 */
}

#main2 .area ul li .boxL .boxR .date_str{
	color:black
}
#main2 .area ul li .boxL .boxR .details {
    display: flex;
    align-items: center;
	text-align: center;
    flex-wrap: wrap;  /* 必要に応じて折り返す */
    margin-bottom: 5px;
    width: 100%;
}
#main2 .area ul li .boxL .boxR .schedule-date {
    font-size: 30px;
    line-height: 0.4;
    display: flex;
    align-items: center;
	text-align: center;
}

#main2 .area ul li .boxL .boxR .content {
    margin-top: 1px;  /* 日付と都道府県の下に余白を作る */
    display: flex;
    flex-direction: column;  /* タイトル以下は縦並び */
	align-items: center;
    width: 500px;                /* 横幅を固定（例：300px） */
    box-sizing: border-box;      /* padding/borderを含めて幅計算する */
}
#main2 .area ul li .boxL .boxR .content > div {
    margin: 1px 0;
    font-size: 32px;
	margin-bottom: 1px;  /* 各行の下に余白を追加 */
    line-height: 1.4;  /* 行間を広げる */
}
#main2 .area ul li .boxL .boxR .target_machine {
    text-decoration: underline;
}


#main .area ul.result{
	margin: 0 auto;
	padding:10px 0 0px;
	width: 1000px;
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:150%;
	color:#231815;
	text-align:left;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main .area ul.result li{
	border-bottom: 3px dotted #231815;
}
#main .area ul.result li a{
 padding: 26px 0;
 width: 100%;
 display: block;
 cursor: pointer;
 transition: .3s;
}
#main .area ul.result li a:hover{
 opacity: 0.5;
}
#main .area ul.result li img{
 float: left;
	margin: 0 0 26px;
 width: 160px;
 height: auto;
}
#main .area ul.result li .txtBox{
 float: right;
 padding: 0 0 26px;
 width: 800px;
}
#main .area ul.result li .txtBox .title{
 font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	margin: -5px 0 0;
 padding: 5px 0 0;
 font-size: 48px;
	line-height: 140%;
	color: #231815;
 font-weight: 800;
	text-align: left;
}
#main .area ul.result li .txtBox .date{
 float: left;
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	margin: -3px 0 0;
 padding: 0 0 5px 5px;
 width: 35%;
 font-size: 35px;
	line-height: 140%;
	color: #231815;
 font-weight: 600;
	text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
 white-space: nowrap;
}
#main .area ul.result li .txtBox .date span{
 font-size: 50px;
 font-weight: bold;
}
#main .area ul.result li .txtBox .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#main .area ul.result li .txtBox .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main .area ul.result li .txtBox .date.holiday b,
#main .area ul.result li .txtBox .date.holiday b.sat,
#main .area ul.result li .txtBox .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main .area ul.result li .txtBox .reTxt{
 float: left;
	margin: 0 0 0;
 padding: 0;
 width: 64%;
 font-size: 36px;
 line-height: 140%;
 color: #0068B7;
 font-weight: 500;
 text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #0068B7;
 vertical-align: top;
}
#main .area ul.result li .txtBox p{
	margin: 0;
 padding: 0;
 font-size: 20px;
	line-height: 130%;
	color: #231815;
	text-align: left;
}
#main .area ul.result li .txtBox p img{
 float: none;
	margin: 0;
 width: 16px;
 height: auto;
}


/* 結果報告
---------------------------------------------------------*/
#result{
 margin: 0 auto;
 padding: 0;
 width: 900px;
 text-align: center;
}
#result h2{
	margin: 0 0 30px;
 padding: 15px 18px 10px;
 font-size: 34px;
	line-height: 130%;
	color: #fff;
	text-align: left;
 font-weight: bold;
	background-color: #231815;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#result .resultBox{
	margin: 0 auto;
 padding: 50px 0 10px;
	width: 100%;
	text-align: left;
}
#result .resultBox img{
 margin: 0;
 width: 160px;
 height: auto;
 display: inline-block;
 vertical-align: middle;
}
#result .resultBox .date{
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
 float: left;
 margin: 0;
 padding: 0;
 width: 340px;
 font-size: 48px;
 line-height: 120%;
 color: #231815;
 font-weight: 600;
 text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
 display: inline-block;
}
#result .resultBox .date span{
 font-size: 66px;
 font-weight: bold;
}
#result .resultBox .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#result .resultBox .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#result .resultBox .date.holiday b,
#result .resultBox .date.holiday b.sat,
#result .resultBox .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#result .resultBox .reTxt{
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
 float: left;
 margin: 0;
 padding: 4px 0 0;
 width: calc(100% - 340px);
 font-size: 54px;
 line-height: 120%;
 color: #231815;
 font-weight: 600;
 text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
 display: inline-block;
}
#result .txt{
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin: 0 0 25px;
 padding: 5px 0 10px;
 width: 100%;
 font-size: 20px;
	line-height: 200%;
 font-weight: 500;
 text-align: left;
}
#result .txt p{
 width: 100%;
}
#result .txt p .aligncenter{
 margin: 0 auto;
 display: block;
}
#result .txt p .alignleft{
 float: left;
	margin-right: 0.5em;
}
#result .txt p .alignright{
 float: right;
	margin-left: 0.5em;
}
#result .txt strong{
 font-size: 24px;
 font-weight: 900;
}

#result .back{
	margin: 30px auto 10px;
	width: 180px;
}
#result .back a{
 margin: 0;
 padding: 15px 0;
 width: 100%;
 font-size: 20px;
 color: #fff;
 line-height: 100%;
 text-align: center;
 background-color: #999;
 display: block;
 border: 1px solid #999;
 text-decoration: none;
}
#result .back a:hover{
 color: #999;
 background-color: #fff;
	opacity:1;
}

.chat{
 width: 322px;
 position: fixed;
 top: 265px;
 right: 20px;
}
.chat img {
 width: 100%;
 height: auto;
 transition: .3s;
}
.chat a{
 width: 100%;
 display: block;
}
.chat a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


@media screen and (max-width: 780px){
/* SP */
.pcOnly {
		display: none;
}
.spOnly {
	display: block;
}
.cover{
	margin: 0 auto;
	padding: 5vw 0 5vw;
	width: 100%;
}
.report-button {
	top: 50px !important; /* スマホで位置調整 */
}
.report-image {
	width: 100px; /* 画像の幅を縮小 */
	height: auto; /* 縦横比を保持 */
}
.div details{
	text-align: center;
}

.tables-area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin-bottom: 1em;
}

.tables-area table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    line-height: 1.6;
    /* min-width: 320px; ← 一旦無効化 */
}

.tables-area th {
    white-space: nowrap;
}

.tables-area td {
    white-space: normal;
    font-size: 12px;
    padding: 1px 5px;       /* ← 上下の余白を縮める */
    line-height: 1.4;       /* ← 行間を少し詰める */
}

.tables-area td:first-child {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px;       /* ← 見出し側も調整を一致させる */
    line-height: 1.4;
}



/* メイン
--------------------------------------------*/
#main2 {
	width: 85%;
	margin: 0 auto;
	padding: 0;  /* 内側の余白を完全になくす */
}

#main2 .area ul {
	display: block;
	padding: 0 0 4vw;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main2 .area ul li {
	margin: 0 auto;
	width: 95%;
	border-bottom: 2px dotted #231815;
	height: auto;  /* 高さを自動調整 */
	min-height: 40px;  /* 最小限の高さを設定 */
}
#main2 .area ul li:last-child{
	margin: 0 auto 0;
}
#main2 .area ul li a {
	padding: 0.5vw 0;
	display: flex;
	align-items: center;  /* 画像とテキストを垂直方向に中央揃え */
}
#main2 .area ul li a:hover{
 opacity: 0.5;
}
#main2 .area ul li.none{
 display: block;
 padding: 3.4vw 0;
 width: 100%;
 font-size: 4vw;
 text-align: center;
 line-height: 150%;
 cursor: default;
}
#main2 .area ul li .date{
 float: left;
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
 font-weight: 600;
 padding: 0 0 3.4vw;
 width: 55%;
 font-size: 5.7vw;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
}
#main2 .area ul li .date span{
 font-size: 10vw;
 font-weight: bold;
}
#main2 .area ul li .date b{
 margin: 0;
}
#main2 .area ul li .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#main2 .area ul li .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main2 .area ul li .date.holiday b,
#main2 .area ul li .date.holiday b.sat,
#main2 .area ul li .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main2 .area ul li .reTxt{
 float: left;
 margin: 0;
 padding: 3vw 0 0;
 width: 45%;
 font-size: 3.4vw;
 line-height: 150%;
 color: #f15a00;
 font-weight: 500;
 text-align: right;
 font-feature-settings: "palt";
}
#main2 .area ul li .reTxt div{
 font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
 float: left;
 font-size: 3.4vw;
 color: #231815;
 font-weight: 800;
 text-align: left;
 vertical-align: middle;
 display: inline-block;
}
#main2 .area ul li .boxL {
	display: flex;
	align-items: center;
}
#main2 .area ul li .inner{
 position: relative;
}

/* 画像サイズの調整 */
#main2 .area ul li .boxL .ryuko {
	margin-right: 10px;
	width: 20vw;  /* 画像サイズを維持 */
}
#main2 .area ul li .boxL .ryuko img {
	width: 100%;
	height: 100%;
}

#main2 .area ul li .boxL .boxR .details {
	margin-bottom: 0.1vw;  /* detailsの下の余白をわずかに設定 */
	align-items: center;
	text-align: center;
}
#main2 .area ul li .boxL .boxR .content {
	margin-top: 0.1vw;  /* contentの上の余白をわずかに設定 */
    width: 250px;                /* 横幅を固定（例：300px） */
    box-sizing: border-box;      /* padding/borderを含めて幅計算する */
}

/* 都道府県のサイズと位置 */
#main2 .area ul li .boxL .boxR .pref {
	font-size: 3.8vw;  /* 長野県のサイズをさらに小さく */
	font-weight: bold;
	margin-left: 17px;  /* 間隔を詰める */
	white-space: nowrap;  /* 折り返しを防ぐ */
}

/* 日付部分のサイズと余白調整 */
#main2 .area ul li .boxL .boxR .schedule-date {
	font-size: 3vw !important;  /* 日付サイズを小さくして長野県のはみ出し防止 */
	margin-bottom: 4px;  /* 余白をさらに詰める */
	text-align: center;
}

/* テキストサイズと余白調整 */
#main2 .area ul li .boxL .boxR {
	font-size: 4vw;
	line-height: 0.5;
	min-height: 100px;
}

/* コンテンツ部分の文字サイズと行間調整 */
#main2 .area ul li .boxL .boxR .content > div {
	font-size: 3.5vw;  /* コンテンツ部分の文字サイズをさらに小さく */
	line-height: 0.8;  /* 行間をさらに詰める */
	margin-bottom: 2px;
}

#main .area ul.result{
	margin: 0 auto;
	padding: 0 0 0;
	width: 90%;
}
#main .area ul.result li{
	border-bottom: 2px dotted #231815;
}
#main .area ul.result li a{
 padding: 5vw 0;
}
#main .area ul.result li img{
 float: left;
 margin: 0 0 4vw;
 width: 19.2vw;
 height: auto;
}
#main .area ul.result li .txtBox{
 float: right;
 padding: 0 0 4vw;
 width: 75%;
}
#main .area ul.result li .txtBox .title{
 font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	margin: 0;
 padding: 0;
 font-size: 4.4vw;
	line-height: 130%;
	color: #231815;
 font-weight: 800;
	text-align: left;
}
#main .area ul.result li .txtBox .date{
 float: left;
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	margin: 0;
 padding: 0 0 0.8vw 0.5vw;
 width: 40%;
 font-size: 3.6vw;
	line-height: 140%;
	color: #231815;
 font-weight: 600;
	text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
}
#main .area ul.result li .txtBox .date span{
 font-size: 5.2vw;
 font-weight: bold;
}
#main .area ul.result li .txtBox .date b{
 margin: 0;
}
#main .area ul.result li .txtBox .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#main .area ul.result li .txtBox .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main .area ul.result li .txtBox .date.holiday b,
#main .area ul.result li .txtBox .date.holiday b.sat,
#main .area ul.result li .txtBox .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#main .area ul.result li .txtBox .reTxt{
 float: left;
 margin: 0;
 padding: 0.5vw 0 0;
 width: 58%;
 font-size: 3.6vw;
 line-height: 140%;
 color: #0068B7;
 font-weight: 500;
 text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #0068B7;
}
#main .area ul.result li .txtBox p{
	margin: 0;
 padding: 0;
 font-size: 3.4vw;
	line-height: 120%;
	color: #231815;
	text-align: left;
}
#main .area ul.result li .txtBox p img{
 float: none;
	margin: 0;
 width: 16px;
 height: auto;
}


/* 結果報告
---------------------------------------------------------*/
#result{
	margin: 0 auto;
	padding: 0;
	width: 90%;
	text-align: left;
}
#result h2{
	margin: 0 0 2.5vw;
 padding: 2.2vw 2.5vw 1.2vw;
 font-size: 4.2vw;
	line-height: 140%;
	color: #fff;
 font-weight: bold;
	background-color: #231815;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#result .resultBox{
	margin: 0 auto;
 padding: 6vw 0 2vw;
 width: 100%;
}
#result .resultBox img{
 margin: 0;
 width: 19.2vw;
 height: auto;
 display: inline-block;
 vertical-align: middle;
}
#result .resultBox .date{
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
 float: left;
	margin: 0;
 padding: 0;
 width: 42%;
 font-size: 5vw;
	line-height: 130%;
	color: #231815;
 font-weight: 600;
	text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
 display: inline-block;
}
#result .resultBox .date span{
 font-size: 7.2vw;
 font-weight: bold;
}
#result .resultBox .date b{
 margin: 0;
}
#result .resultBox .date b.sat{
 color: #0068B7;
 -webkit-text-stroke: 1px #0068B7;
}
#result .resultBox .date b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#result .resultBox .date.holiday b,
#result .resultBox .date.holiday b.sat,
#result .resultBox .date.holiday b.sun{
 color: #E60012;
 -webkit-text-stroke: 1px #E60012;
}
#result .resultBox .reTxt{
 font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
 float: left;
 margin: 0;
 padding: 0;
 width: 58%;
 font-size: 6.8vw;
 line-height: 110%;
 color: #231815;
 font-weight: 600;
 text-align: left;
 font-feature-settings: "palt";
 -webkit-text-stroke: 1px #231815;
 display: inline-block;
}
#result .txt{
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
 padding: 0 0 4vw;
 width: 100%;
 font-size: 3.4vw;
	line-height: 170%;
	text-align: left;
 font-weight: 500;
}
#result .txt p{
 width: 100%;
}
#result .txt p img{
 max-width: 100%;
 height: auto;
}
#result .txt p .aligncenter{
 margin: 0 auto;
 display: block;
}
#result .txt p .alignleft{
 float: left;
	margin-right: 1%;
 max-width: 48.5%;
}
#result .txt p .alignright{
 float: right;
	margin-left: 1%;
 max-width: 48.5%;
}
#result .txt p img{
 margin-bottom: 3vw;
}
#result .txt strong{
 font-size: 4.4vw;
 font-weight: 900;
}
#result .end{
 height: 2vw;
 border-bottom: 2px dotted #231815;
}

#result .back{
	margin: 30px auto 10px;
	width: 45%;
}
#result .back a{
 margin: 0;
 padding: 3vw 0 3.4vw;
 width: 100%;
 font-size: 3.6vw;
 color: #fff;
 line-height: 100%;
 text-align: center;
 background-color: #999;
 display: block;
 border: 1px solid #999;
}
#result .back a:hover{
 color: #999;
 background-color: #fff;
	opacity:1;
}

.chat{
 width: 40%;
 position: fixed;
 top: 25vw;
 right: 0;
}
.chat img {
 width: 100%;
 height: auto;
 transition: .3s;
}


}


@media screen and (max-width: 480px){


}



@media screen and (max-width: 763px) and (orientation: landscape) {
   /* 横向きの場合のスタイル */


}







/* other
---------------------------------------------------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */