@charset "UTF-8";
/* ==============================================================*
【熊谷市：暑さ対策バンク】　スタイルシート　作成：2018年　更新：2021年8月
================================================================ */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 62.5%;
}


/* ------------------------基本設定------------------------ */
/* スタイルシート読み込まない時用区切り線 */
hr{
    display: none;
}

/* 隠しメッセージ */
p.jsmessage {
	margin: 4px;
	padding: 0;
}

/* 隠しジャンプ */
div.blockjump img {
	display: none;
}
#blockskip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: #999;
  text-align: center;
  color: #000000;
  z-index: 3000;
}
#blockskip a {
  color: #000000;
  overflow: hidden;
  background-color: transparent;
}
.show {
	line-height: 1.5em !important;
	background-color: #F6F6F6 !important;
	border-bottom: solid 1px #999 !important;
}
.show a {
    color: #000 !important;
    /*line-height: 150% !important;*/
    line-height: 1.7;
    /*font-size: 100% !important;*/
    font-size: 1.5rem !important;
    
    
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
body {
    /*font-size: 92%;*/
    font-size: 1.5rem;
    line-height: 1.7;
    margin:0;
    padding: 0;
    color: #444;
}
img{
    vertical-align:bottom;
}
#f0wrap1 p {
  margin: 0;
  padding: 0;
  line-height: 1%;
  font-size: 1%;
}
/*.vs_clear {
    clear: both;
    margin: 0;
    padding: 0;
}*/
.vs_clear {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
}




/* ==============================================================*
  トップページ用スタイル
================================================================ */
/*__共通指定__*/	
ul{
	margin: 0;
	padding: 0;
	}
ul li{
	list-style-type: none;
	background:none;
	margin: 0 0 0 0;
	padding:0;
	}
a{
	text-decoration:none;
	color:#0070C9;
	}
	
p {
    margin:0;
    padding:0;
    line-height: 1.58;
}

/* 目隠し見出し用指定 */
.txtno-display{
	margin:0;
	padding:0;
	height:1px;
	width:1px;
	position:absolute;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px);
	}	


/* ------------------------背景------------------------ */
body#base{
	min-width: 1040px;
}

#bg01{
	background: #FFF;
}
#bg02{
	background: url(/images/bg_mainvdod.png) no-repeat center top 40px,#66D1FF;
}

#attop{
	margin: 0 0 -1px 0;	
}


.all-01,
.all-02,
.all-03{
	width:1000px;
	margin: 0 auto;
	text-align:left;
}

#bg-cool{
	background: url(/images/bg_nami.png) no-repeat center top,#fff;
	padding: 250px 0 0 0;
}


/* ------------------------ヘッダー------------------------ */
#header {
    background: #fff;
}
.headIn {
    width: 1000px;
    margin: 0 auto;
}
.homelink{
	float:left;
}
.homelink p a {
    display: block;
    color: #fff;
    /*font-size: 115%;*/
    font-size: 1.6rem;
    /*padding: 13px 10px 13px 24px;*/
    padding: 10px 10px 11px 24px;
    position: relative;
    background: url(/images/ac_icon_link02_2018.png) no-repeat left 12px center,#0076D6;
    min-width: 200px;
}
.homelink p a::after{
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	bottom: -20px;
	left: 0;
	background: url(/images/bg_u-nami.png) repeat-x;
	padding: 10px 0;
	width: 100%;
}


/* ------------------  検索(kuma-key-search)  ------------------ */
.t_search_area{
	float:right;
	width: 320px;
}
.t_search_box{
	margin: 5px 0 0 0;
}
.kuma-key-search {
    background-color: transparent;
}
.kuma-key-search form.gsc-search-box {
    margin-bottom: 0 !important;
}
.kuma-key-search table {
    margin: 0 !important;
    width: 100% !important;
}
.kuma-key-search table.gsc-search-box {
}
.kuma-key-search table.gsc-search-box td, 
.kuma-key-search table.gsc-search-box td.gsc-input {
    padding: 0;
    background-color: transparent;
    border: none;
}
.kuma-key-search table.gsc-search-box td input.gsc-input {
    font-family: "UD Shin Go Light","メイリオ", sans-serif;
    /*border: 1px solid #DDD !important;*/
    height: 34px !important;
    padding-left: 10px !important;
    font-size: 1.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: left 10px center !important;
    border-radius: 22px;
    border: none !important;
    background-color: #AEE7FF !important;
}
.kuma-key-search .gsc-input-box {
    /*border: none;*/
    /*background: none;*/
    border: 1px solid #AEE7FF !important;
    background-color: #AEE7FF !important;
    border-radius: 22px;
    padding: 0;
}
.kuma-key-search .gsc-search-button {
    margin: 0;
}
.kuma-key-search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #0076D6 !important;
    border-color: #0076D6 !important;
    display: block;
    text-decoration: none;
    margin-left: 10px !important;
    min-height: 34px;
    width: 80px;
    cursor: pointer;
    padding: 0 0 0 0;
    border-radius: 22px;
}
.kuma-key-search .gsc-search-button-v2 svg {
    width: 26px;
    height: 26px;
}
.kuma-key-search .gsst_b {
    padding: 0;
}

ul.screen_top_search li > .kuma-key-search {
    width: 440px;
}
.smph_search_wp > .kuma-key-search table.gsc-search-box td input.gsc-input {
    border: 1px solid #FFF !important;
    height: 44px !important;
}
.smph_search_wp > .kuma-key-search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #AAA !important;
    border-color: #AAA !important;
    min-height: 44px;
}

/* ------------------------メイン------------------------ */
.all-01 h1 {
    text-align: center;
    margin: 17px 0 15px;
}

/* ブランディング画像 */
.slider-area_wp {
    position: relative;
    margin: 10px auto 95px;
    width: 668px;
    height: 360px;
    border-radius: 19px;
    background: url(/images/bg_mainimgdod.png) repeat-x left bottom,#FFF;
}
.slider-area {
    margin: 0 auto;
    width: 500px;
    padding: 28px 0 0 0;
}
/*.bx-wrapper {
    position: relative;
}*/
ul.top_bxslider {
}
li.slider_li {
    padding: 0;
    background-image: none;
}
ul.top_bxslider li.slider_li:nth-of-type(n+2) {
    display: none;
}
#bx-start-stop-id > img {
}
.bx-has-controls-auto {
    position: absolute;
    bottom: -48px;
    right: 120px;
    z-index: 999;
    text-align: right;
}
.bx-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#bx-pager {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 0 0 0;
}
#bx-pager img {
    width: 100px;
    height: 60px;
}
#bx-pager > a:last-of-type {
    margin: 0 0 0 0;
}
#bx-pager > a {
    border: 4px solid #0076D6;
    background-color: #0076D6;
    border-radius: 5px;
    margin: 0 10px 0 0;
}
#bx-pager > a.active {
    border: 4px solid #FFF;
    background-color: #FFF;
}

/*.mainV{
	width:100%;
	padding: 0 0 50px 0;
	margin: 0 0 23px 0;
}
#slider {
	position: relative;
	margin: 10px auto 0;
	width: 668px;
	height: 360px;
	border-radius:19px;
	background: url(/images/bg_mainimgdod.png) repeat-x left bottom,#fff;
}
.featured-img {
  margin: 0 auto;
  width: 500px;
  padding: 28px 0 0 0;
}
div.ui-tabs-hide {
    display: none;
}
div.ui-tabs-panel {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
}
div.ui-tabs-nav-bt{
    position: relative;
}
ul.ui-tabs-nav {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 14px 0 0 0;
}
ul.ui-tabs-nav li a{
	display:block;
	width:108px;
	height:68px;
	background: #0076D6;
	border: 4px solid #0076D6;
	border-radius: 5px;
}
ul.ui-tabs-nav li {
	margin: 0 11px 0 0;
}
ul.ui-tabs-nav li:last-of-type{
	margin: 0 0 0 0;
}*/
/* activeな時　.ui-tabs-selected（class）がつく　 */
/*ul.ui-tabs-nav li.ui-tabs-nav-item.ui-tabs-selected a{
	background: #fff;
	border: 4px solid #fff;
}
ul.ui-tabs-nav img{
	width:100px;
	height:60px;
}*/
/* start/stop ボタン */
/*#navistop{
	position: absolute;
	bottom: 0px;
	right: 120px;
}
div.featured p {
    margin: 0;
    padding: 0;
}*/


/* 注目情報 chumoku-box */
.chumoku-box{
	margin:20px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	border-radius: 17px;
	background-color: #0076D6;
	border: 4px solid #0076D6;
}
.chumoku-box h2{
	color:#fff;
	font-weight: normal;
	width:152px;
	border-radius:4px 0px 0px 4px;
	padding: 28px 10px 28px 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	text-align: center;
}

.chumoku-box > .infotxt{
	background:#FFF;
	border-radius: 0 13px 13px 0;
	padding: 15px 10px 15px 25px;
	width: 840px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.chumoku-box > .infotxt p{
	margin: 0 0 6px 18px;
}
.chumoku-box > .infotxt p:last-child{
	margin: 0 0 0 18px;
}
.chumoku-box > .infotxt h3 {
    font-size: 1.6rem;
}
.chumoku-box > .infotxt h3 a{
	display:block;
	background: url(/images/ac_icon_link_2018.png) no-repeat top 4px left 0;
	padding: 0 0 0 18px;
	text-decoration:underline;
	display:block;
}


/* くまがやの暑さ対策事業(メインメニュー) */
.gnavi-box{
	background:url(/images/bg_Bigdod-whi1.png) no-repeat center bottom;
	padding: 25px 0 0 0;
}
.gnavi-box h2{
	text-align:center;
	padding: 0 0 17px 0;
}
ul.gnavi{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 1000px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
ul.gnavi li.libt01{
	padding: 0 94px 24px 0;
}
ul.gnavi li.libt02{
	padding: 0 87px 24px 0;
}
ul.gnavi li.libt03{
	padding: 0 0 24px 0;
}
ul.gnavi li.libt04{
	padding: 0 146px 24px 0;
}
ul.gnavi li.libt05{
	padding: 0 0 24px 0;
}


/* 涼しく過ごして夏を楽しもう(メインコンテンツ) */
#main{}
#main h2{
	text-align:center;
	padding: 0 0 66px 0;
}

/* バナー */
#main ul.cool-banalink{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
#main ul.cool-banalink li{
	margin: 0 40px 30px 0;
}
#main ul.cool-banalink li:nth-of-type(4n){
	margin: 0 0 30px 0;
}


/* リンクテキスト */
ul.cool-txlink{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
ul.cool-txlink li{
	margin: 0 20px 15px 0;
}
ul.cool-txlink li:nth-of-type(3n){
	margin: 0 0 15px 0;
}

ul.cool-txlink li a{
	color:#444;
	display:block;
	border-radius: 20px;
	width:320px;
	background: url(/images/ac_icon_link_2018.png) no-repeat top 27px left 30px,#AEE7FF;
	padding: 22px 10px 22px 57px;
}


/* ------------------------フッター------------------------ */
#footer {
    background: url(/images/bg_footdod.png) repeat-x top left,#AEE7FF;
    margin: 60px 0 0 0;
    padding: 111px 0 14px 0;
}
.footIn {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#f0wrap1 {
    margin: 10px 0 0 0;
}
#f0wrap1 h2 {
    font-size: 2.1rem;
    font-weight: normal;
    padding: 8px 4px 6px 1px;
}
address {
    font-style: normal;
}

#f0wrap2 {
    margin: 33px 0 0 0;
}
ul#aboutweb li {
    margin: 0 0 10px 0;
    font-size: 1.5rem;
}
ul#aboutweb li a {
    color: #444;
    display: block;
    border-radius: 20px;
    width: 240px;
    background: url(/images/ac_icon_link_2018.png) no-repeat top 15px left 16px,#fff;
    padding: 10px 10px 10px 35px;
}

#f0copy {
    text-align: center;
    padding: 7px 0 0 0;
    font-size: 1.3rem;
}

/* ページ上部へ戻る */
.page-top {
    position: fixed;
    bottom: 130px;
    right: 20px;
    padding: 10px;
    text-decoration: none;
    z-index: 999;
}










@media screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
/* ==============================================================
  768px 以下の指定 印刷除く
================================================================ */

.sp-none {
  display: none !important;
}
img {
  max-width: 100%;
  height: auto;
}


/* ------------------------基本設定------------------------ */
#NAVI {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute;
    overflow: hidden;
}


/* ------------------------背景------------------------ */
body#base{
    min-width: auto;
}
#bg01{
}
#bg02 {
    background: #66D1FF;
}
#attop {
    margin: 0;
}
.all-01,
.all-02,
.all-03{
    width: 100%;
    margin: 0;
}
/*.all-01 {
    padding: 0 10px;
}*/
#bg-cool {
    background: url(/images/bg_nami.png) no-repeat center top -80px,#FFF;
    padding: 110px 0 0 0;
}


/* ------------------------ヘッダー------------------------ */
#header {
    background: #66D1FF;
}
.sp_head_wp {
    width: 100%;
    text-align: left;
}
.sp_headin {
}
#header_logo {
    float: none;
    margin: 0;
    padding: 14px 0 0 10px;
    width: 100%;
    border-bottom: 1px solid #FFF;
    height: 80px;
}
#header_logo img {
    width: 205px;
    height: auto;
}

/* ヘッダメニュー */
.smph_menu {
    background-color: #0076D6;
    padding: 5px 20px 30px;
}
.spmenu_wp {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
ul.spmenu {
    /*position: relative;*/
    /*left: 0;*/
    /*float: none;*/
    text-align: left;
    padding: 0;
}
ul.spmenu li {
    border-bottom: 1px solid #FFF;
    padding: 0;
}
ul.spmenu li a {
    color: #FFF;
    text-decoration: none;
    padding: 10px 10px 10px 20px;
    display: block;
    font-size: 1.8rem;
    line-height: 1.58;
    position: relative;
}
ul.spmenu li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF;
    top: 50%;
    right: 10px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ul.spmenu a:link, ul.spmenu a:visited, ul.spmenu a:hover, ul.spmenu a:active {
    color: #FFF;
}
.b_h0rightwp {
    float: none;
}
ul.b_headlist {
    float: none;
    padding: 30px 0 6px 0;
    margin: 0;
    font-size: 1.6rem;
}
ul.b_headlist li {
    padding: 0 0 4px 0;
    float: none;
    background-image: none;
    text-align: center;
    font-weight: bold;
}
ul.b_headlist li a {
    display: block;
    padding: 9px 10px 8px 10px;
    color: #FFF !important;
    box-sizing: border-box;
    border: 1px solid #FFF;
    border-radius: 14px;
    font-size: 1.6rem;
    font-weight: normal;
}

/* 開閉 */
.menu_btn_wp {
    position: absolute;
    top: 16px;
    right: 15px;
}
.menu_btn_wp > button {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #005AA3;
    font-size: 11px;
    font-weight: bold;
}
.menu-trigger, .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  .menu-trigger {
    position: relative;
    width: 40px;
    height: 32px;
    margin: 0 auto;
}
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #0076D6;
    border-radius: 4px;
}
  .menu-trigger span:nth-of-type(1) {
    top: 0;
}
  .menu-trigger span:nth-of-type(2) {
    top: 13px;
}
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    margin: 0 0 2px 0;
}
  .menu-trigger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0076D6;
    border-radius: 4px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}
  .menu-trigger.active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  .menu-trigger.active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}

/* 検索 */
.kuma-key-search table.gsc-search-box td input.gsc-input {
    background-color: #FFF !important;
}
.kuma-key-search .gsc-input-box {
    border: 1px solid #FFF !important;
    background-color: #FFF !important;
}
.kuma-key-search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #000 !important;
    border-color: #000 !important;
}


/* ------------------------メイン------------------------ */
.all-01 h1 {
    /*padding: 20px 0 20px;
    background: none;
    margin: 0 30px;*/
    display: none;
}
.all-01 h1 > img {
    /*width: 351px;*/
}

/* ブランディング画像　slider */
.slider-area_wp {
    margin: 0 0 20px 0;
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 10px 10px 10px;
}
.slider-area {
    margin: 0;
    width: 100%;
    padding: 0;
}
ul.top_bxslider {}
li.slider_li {
    padding: 0;
    background-image: none;
}
ul.top_bxslider li.slider_li:nth-of-type(n+2) {
}
li.slider_li img {
    width: 768px;
}
.bx-has-controls-auto {
    width: 60px;
    bottom: 10px;
    right: 10px;
}
.bx-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#bx-pager {
    width: calc(100% - 60px);
    justify-content: flex-start;
    padding: 12px 0 0 0;
    position: relative;
    margin-right: 60px;
}
#bx-pager img {
    width: 100px;
    height: auto;
}
#bx-pager > a:last-of-type {
    margin: 0 0 0 0;
}
#bx-pager > a {
    margin: 0 10px 0 0;
    width: 100px;
}
#bx-pager > a.active {
}


/* 注目情報 chumoku-box */
.chumoku-box {
    margin: 20px 10px 0;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.chumoku-box h2 {
    width: 100%;
    border-radius: 4px 0px 0px 4px;
    padding: 7px 10px 7px 10px;
    font-size: 2.2rem;
}
.chumoku-box > .infotxt {
    border-radius: 0 0 13px 13px;
    padding: 12px 10px 12px 9px;
    width: 100%;
}
.chumoku-box > .infotxt p{
    margin: 7px 0 6px 14px;
}
.chumoku-box > .infotxt p:last-child{
    margin: 7px 0 0 14px;
}
.chumoku-box > .infotxt h3 a{
    padding: 0 0 0 14px;
}


/* くまがやの暑さ対策事業(メインメニュー) */
.gnavi-box {
    background: none;
    padding: 0;
    margin: 35px 0 0 0;
}
.gnavi-box h2 {
    padding: 0 10px 15px;
}
ul.gnavi {
    width: 100%;
}
ul.gnavi li {}
ul.gnavi li img {
    width: 170px;
    height: auto;
}
ul.gnavi li.libt01,
ul.gnavi li.libt02,
ul.gnavi li.libt03,
ul.gnavi li.libt04,
ul.gnavi li.libt05 {
    padding: 0 0 10px 0;
}


/* 涼しく過ごして夏を楽しもう(メインコンテンツ) */
#main{}
#main h2 {
    padding: 0 0 30px 0;
}
#main ul.cool-banalink{
    margin: 0;
    padding: 0 5px 0 10px;
}
#main ul.cool-banalink li {
    padding: 0 5px 5px 0;
    margin: 0;
}
#main ul.cool-banalink li img {
    width: 100%;
    max-width: auto;
    height: auto;
}
#main ul.cool-banalink li img {
    width: 175px;
}


/* リンクテキスト */
ul.cool-txlink {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 25px 10px -1px;
}
ul.cool-txlink li {
    width: 100%;
    margin: 0 0 10px 0;
}
ul.cool-txlink li:nth-of-type(3n){
    margin: 0 0 10px 0;
}
ul.cool-txlink li a {
    color: #444;
    display: block;
    border-radius: 20px;
    width: 100%;
    background: url(/images/ac_icon_link_2018.png) no-repeat top 27px left 30px,#AEE7FF;
    padding: 22px 10px 22px 57px;
}


/* ------------------------フッター------------------------ */
#footer {
    margin: 40px 0 0 0;
}
.footIn {
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 0 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    flex-direction: column;
}

#f0wrap2 {
    margin: 23px 0 0 0;
    width: 100%;
}
ul#aboutweb li{}
ul#aboutweb li a{ 
    width: 100%;
}

/* ページ上部へ戻る */
.page-top {
    bottom: 5px;
    right: 5px;
    padding: 0;
}


}/* end_max-width: 768px */




@media screen and (max-width: 374px) {
/* ==============================================================
  374px 以下の指定 印刷除く
================================================================ */


#bg-cool {
    padding: 100px 0 0 0;
}

ul.gnavi li img {
    width: 150px;
}

#main ul.cool-banalink {
    margin: 0;
    padding: 0 6px 0 10px;
}
#main ul.cool-banalink li {
    padding: 0 4px 4px 0;
    margin: 0;
}
#main ul.cool-banalink li img {
    width: 148px;
}

#footer {
    margin: 10px 0 0 0;
}


}/* end_max-width: 374px */