@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Last modified : :2021
***********************************************/



@media print, screen and (min-width: 800px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


body {
	margin:0;
	padding:0;
	width:100%; 
	text-align:center;
	float:left;

background: #9fca65 url('../images/image.png') no-repeat center right fixed; 
background-size: 700px;
position: relative; 
height: auto !important; height: 100%; min-height: 100%;
}


#governor-s_set1 {
                                top: 10px;
                                right: 0;
                                left: 0;
                                margin: auto;
                                width:100%;
                                position: absolute;
	}
#governor-s_set1 a:link {
	color:#ffffff;
	}


#governor-s_set1 a:visited {
	color:#ffffff;
	}

       /* スライドショーの外枠 */
        .slideshow-container {
            max-width: 80%;
            position: relative;
            margin: auto;
            text-align: center;
            padding:  0;
            display: flex;
            align-items: flex-end;
        }


.s-left{
                                width:auto;
	float:left;
	}

        /* 画像のスタイル */
        .mySlides {
            display: none; /* 初期状態は非表示 */
            cursor: pointer; /* クリックできることを示す */
        }

        .mySlides img {
            width: auto;
height: 95vh;
            border-radius: 5px;
        }

        /* ボタンのスタイル */
        .controls {
            margin:  0;
        }

        .btn {

            text-decoration: none;
            background-color: #0b8902;
            color: #ffffff;
            padding:5px;
            margin: 20px;
            border-radius: 5px;
            display: inline-block;
            transition: 0.3s;
	float:left;
             font-size:2em;
        }

        .btn:hover {
            background-color: #4bb0cd;
        }


        .btn2 {
                                top: 0px;
                                position: absolute;
            text-decoration: none;
            background-color: #9f9f9f;
            color: #ffffff;
            padding:5px;
            margin: 0 20px 0 20px;
            border-radius: 5px;
            display: inline-block;
            transition: 0.3s;
	float:left;
             font-size:2em;
        }

        .btn2:hover {
            background-color: #767776;
        }



}


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

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}

body {
background: #9fca65;
background: #9fca65 url('../images/image-sp.png') no-repeat right bottom fixed; 
background-size: 70%;
position: relative; 
height: auto !important; height: 100%; min-height: 100%;
}

#governor-s_set1 {
                                top: 5px;
                                right: 0;
                                left: 0;
                                margin: auto;
                                width:100%;
                                position: absolute;
	}
#governor-s_set1 a:link {
	color:#ffffff;
	}


#governor-s_set1 a:visited {
	color:#ffffff;
	}

       /* スライドショーの外枠 */
        .slideshow-container {
            max-width: 100%;
            position: relative;
            margin: auto;
            text-align: center;
            padding:  0;
            display: flex;
            align-items: flex-end;
        }


.s-left{
	float:left;
	}

.s-right{
	float:right;
	}



        /* 画像のスタイル */
        .mySlides {
            display: none; /* 初期状態は非表示 */
            cursor: pointer; /* クリックできることを示す */
        }

        .mySlides img {
            width: 95%;
            height: auto;
            border-radius: 5px;
            margin: 0 10px 0 10px;
        }

        /* ボタンのスタイル */
        .controls {
            margin: 20px 0 0 10px;
        }

        .btn {

            text-decoration: none;
            background-color: #0b8902;
            color: #ffffff;
            padding:3px;
            margin: 10px;
            border-radius: 3px;
            display: inline-block;
            transition: 0.3s;
             font-size:0.8em;
        }

        .btn:hover {
            background-color: #4bb0cd;
        }

        .btn2 {
                                top: 0px;
                                right:10px;
                                position: absolute;
            text-decoration: none;
            background-color: #9f9f9f;
            color: #ffffff;
            padding:3px;
            border-radius: 5px;
            display: inline-block;
            transition: 0.3s;
             font-size:0.8em;
        }

        .btn2:hover {
            background-color: #767776;
        }


}