/*** for PC Browser ***/

@media (min-width:401px)

{

/* 例外調整 */

#LeftPane .LinkList_Standard24 .ModuleReference {

	margin: 0px 0px 0px 0px;

}



#ContentPane h2 {

	margin-bottom: 10px;

}



#Header .BrowserSearch {

    display: none;

}



#Header .brandlogo {

    position: absolute;

    right: 0px;

    top: 10px;

}





/* 町の人口 */

.Jinkou .ModuleReference {

    background: #C0E1F0;

    border-radius: 5px;

    width: calc(100% - 5px);

    padding: 0px 5px 5px;

}



.Jinkou h2{

    border: none;

    font-size: 130%;

    text-align: center;

    margin: 0px;

}



.Jinkou .J_box {

    display: block;

    margin: 0px;

    padding: 10px;

    background: background;

    border-radius: 5px;

}



.Jinkou ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



.Jinkou ul li {

    margin: 0px;

    padding: 10px 0px 10px 0px;

    border-bottom: 1px solid #ccc;

    display: flex;

}



.Jinkou ul li:first-child {

    padding: 0px 0px 10px 0px;

}



.Jinkou span {

    display: block;

}



.Jinkou .J_aggregate {

    width: 35%;

    color: #015D8C;

    font-weight: bold;

}



.Jinkou .J_result {

    width: 65%;

}



.Jinkou .J_result::before {

    content: ": ";

    color: #015D8C;

    font-weight: bold;

}





/* 検索 */

.Top_Search .T_S_contents {

	border-top: 3px solid #015D8C;

	background: #E2F1F8;

	padding: 20px;

}



.Top_Search .ModuleReference {

    margin: 0px 0px 0px 0px;

}



.Top_Search .T_S_contents h2 {

    background: url(../../../Images/search_icon.png) no-repeat left center;

    border: none;

    padding-left: 40px;

}



.Top_Search .search_txt {

    border: 1px solid #015D8C;

    border-radius: 4px;

    background: #fff;

    display: flex;

}



.Top_Search #keywordsTp {

    background: transparent !important;

    border: none;

    margin: 0px;

    padding: 15px;

    display: block;

    width: 75%;

}



.Top_Search .SubmitBtn {

    background: #015D8C;

    color: #fff;

    margin: 0px;

    padding: 0px;

    border: none;

    width: 25%;

}



.Top_Search .search_radio_h {

    background: url(../../../Images/t_s_parts.png) no-repeat 0px 0px;

    position: absolute;

    width: 29px;

    height: 16px;

    z-index: 2;

    display: block;

    top: 2px;

    left: 38px;

}



.Top_Search .search_radio {

    padding: 15px 0px 0px 0px;

    z-index: 1;

    position: relative;

}



.Top_Search fieldset {

    border: 1px solid silver;

    margin: 0px;

    padding: 10px 10px 10px 120px;

    display: flex;

    background: #fff;

    width: 60%;

    border-radius: 4px;

    position: relative;

}



.Top_Search legend {

    position: absolute;

    top: 10px;

    left: 10px;

    margin: 0px;

    padding: 0px;

}



.Top_Search .search_radio input[type="radio"] {

    margin: 0px 5px 2px;

}



.Top_Search .search_radio label {

    margin: 0px 10px 0px 0px;

}



.keywordArea {

    background: #E2F1F8;

    padding: 0px 20px 20px;

    margin: 0px 0px 20px 0px;

}



.keywordArea_title {

    font-family: 'Zen Maru Gothic', serif !important;

    color: #232323;

    font-weight: bold;

    font-size: medium;

    margin: 0px 0px 10px 0px;

}



.keywordArea ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.keywordArea ul li {

    border: 1px solid #ccc;

    background: #fff;

    border-radius: 3px;

    display: block;

    margin: 0px 10px 10px 0px;

    padding: 10px;

}



.keywordArea ul li a {

}





/* トップページSNS */

.TopSns ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

}



.TopSns ul.T_S_u2 {

    margin: 1% 0 0 0;

}



.TopSns ul li {

    width: 32.66%;

    border: 1px solid #ccc;

    border-radius: 4px;

    margin: 0px 1% 0px 0px;

}



.TopSns ul.T_S_u2 li {

    width: 49.5%;

}



.TopSns ul li:last-child {

    margin: 0px;

}



.TopSns ul li a {

    display: block;

    padding: 15px 15px 15px 55px;

    text-decoration: none;

    font-size: 120%;

    font-family: 'Zen Maru Gothic', serif !important;

    color: #232322;

}



.TopSns .T_S_l {

    background: url(../../../Images/sns_line.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_x {

    background: url(../../../Images/sns_x.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_I {

    background: url(../../../Images/sns_inst.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_Y {

    background: url(../../../Images/sns_youtube.png) no-repeat 10px 12px;

    background-size: 35px;

}





/* 目的から探す */

.SearchPpurpose ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.SearchPpurpose ul li {

    width: 19.2%;

    margin: 0px 1% 1% 0px;

}



.SearchPpurpose ul li:nth-child(5n) {

    margin: 0px 0px 1% 0px;

}



.SearchPpurpose ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: center;

    padding: 105px 0px 11px;

    text-decoration: none;

    color: #015D8C;

    font-weight: bold;

}



.SearchPpurpose .kura_001 {

    background: url(../../../Images/kura_001.png) no-repeat center 8px;

}



.SearchPpurpose .kura_002 {

    background: url(../../../Images/kura_002.png) no-repeat center 8px;

}



.SearchPpurpose .kura_003 {

    background: url(../../../Images/kura_003.png) no-repeat center 8px;

}



.SearchPpurpose .kura_004 {

    background: url(../../../Images/kura_004.png) no-repeat center 8px;

}



.SearchPpurpose .kura_005 {

    background: url(../../../Images/kura_005.png) no-repeat center 8px;

}



.SearchPpurpose .kura_006 {

    background: url(../../../Images/kura_006.png) no-repeat center 8px;

}



.SearchPpurpose .kura_007 {

    background: url(../../../Images/kura_007.png) no-repeat center 8px;

}



.SearchPpurpose .kura_008 {

    background: url(../../../Images/kura_008.png) no-repeat center 8px;

}



.SearchPpurpose .kura_009 {

    background: url(../../../Images/kura_009.png) no-repeat center 8px;

}



.SearchPpurpose .kura_010 {

    background: url(../../../Images/kura_010.png) no-repeat center 8px;

}





/* 吉田町のプロフィール */

.ProfileYoshida ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.ProfileYoshida ul li {

    width: 19.2%;

    margin: 0px 1% 1% 0px;

}



.ProfileYoshida ul li:nth-child(5n) {

    margin: 0px 0px 1% 0px;

}



.ProfileYoshida ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: center;

    padding: 118px 0px 10px;

    text-decoration: none;

    color: #232323;

    font-weight: bold;

}



.ProfileYoshida .p_001 {

    background: url(../../../Images/prof_001.png) no-repeat center 8px;

}



.ProfileYoshida .p_002 {

    background: url(../../../Images/prof_002.png) no-repeat center 8px;

}



.ProfileYoshida .p_003 {

    background: url(../../../Images/prof_003.png) no-repeat center 8px;

}



.ProfileYoshida .p_004 {

    background: url(../../../Images/prof_004.png) no-repeat center 8px;

}



.ProfileYoshida .p_005 {

    background: url(../../../Images/prof_005.png) no-repeat center 8px;

}





/* 関連サイト */

.RelatedSites ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.RelatedSites ul li {

    width: 19.2%;

    margin: 0px 1% 1% 0px;

}



.RelatedSites ul li:nth-child(5n) {

    margin: 0px 0px 1% 0px;

}



.RelatedSites ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: center;

    padding: 118px 0px 10px;

    text-decoration: none;

    color: #232323;

    font-weight: bold;

}



.RelatedSites .rs_001 {

    background: url(../../../Images/rs_001.png) no-repeat center 8px;

}



.RelatedSites .rs_002 {

    background: url(../../../Images/rs_002.png) no-repeat center 8px;

}



.RelatedSites .rs_003 {

    background: url(../../../Images/rs_003.png) no-repeat center 8px;

}



.RelatedSites .rs_004 {

    background: url(../../../Images/rs_004.png) no-repeat center 8px;

}



.RelatedSites .rs_005 {

    background: url(../../../Images/rs_005.png) no-repeat center 8px;

}



.SearchPpurpose ul li a:hover,

.ProfileYoshida ul li a:hover,

.TopSns ul li a:hover,

.RelatedSites ul li a:hover {

    opacity: 0.6;

    transition: 1s;

}



/*auto generated region*/



#BaseTable

{



}

#SystemMenu

{



}

#HeaderPane

{



}

#Middle

{



}

#LeftPane

{



}

#ContentPane

{



}

#RightPane

{



}

#FooterPane

{



}

}





/*** for Smart Phone ***/

@media (max-width:400px)

{

#Header .BrowserSearch {

    display: none;

}



#Header .brandlogo {

    position: absolute;

    right: 0px;

    top: 10px;

}





/* 町の人口 */

.Jinkou .ModuleReference {

    background: #C0E1F0;

    border-radius: 5px;

    width: 290px;

    padding: 0px 5px 5px;

}



.Jinkou h2{

    border: none;

    font-size: 130%;

    text-align: center;

    margin: 0px;

}



.Jinkou .J_box {

    display: block;

    margin: 0px;

    padding: 10px;

    background: background;

    border-radius: 5px;

}



.Jinkou ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



.Jinkou ul li {

    margin: 0px;

    padding: 10px 0px 10px 0px;

    border-bottom: 1px solid #ccc;

    display: flex;

}



.Jinkou ul li:first-child {

    padding: 0px 0px 10px 0px;

}



.Jinkou span {

    display: block;

}



.Jinkou .J_aggregate {

    width: 35%;

    color: #015D8C;

    font-weight: bold;

}



.Jinkou .J_result {

    width: 65%;

}



.Jinkou .J_result::before {

    content: ": ";

    color: #015D8C;

    font-weight: bold;

}





/* 検索 */

.Top_Search .ModuleReference {

    width: 320px;

    margin: 0px auto;

}



.Top_Search .T_S_contents {

    border-top: 3px solid #015D8C;

    background: #E2F1F8;

    padding: 10px;

}



.Top_Search .T_S_contents h2 {

    background: url(../../../Images/search_icon.png) no-repeat left center;

    border: none;

    padding: 0px 0px 0px 39px;

    margin: 20px auto;

}



.Top_Search .search_txt {

    border: 1px solid #015D8C;

    border-radius: 4px;

    background: #fff;

    display: flex;

}



.Top_Search #keywordsTp {

    background: transparent !important;

    border: none;

    margin: 0px;

    padding: 15px;

    display: block;

    width: 75%;

}



.Top_Search .SubmitBtn {

    background: #015D8C;

    color: #fff;

    margin: 0px;

    padding: 0px;

    border: none;

    width: 25%;

}



.Top_Search .search_radio_h {

    background: url(../../../Images/t_s_parts.png) no-repeat 0px 0px;

    position: absolute;

    width: 29px;

    height: 16px;

    z-index: 2;

    display: block;

    top: 2px;

    left: 38px;

}



.Top_Search .search_radio {

    padding: 15px 0px 0px 0px;

    z-index: 1;

    position: relative;

}



.Top_Search fieldset {

    border: 1px solid silver;

    margin: 0px;

    display: flex;

    background: #fff;

    border-radius: 4px;

    position: relative;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    padding: 40px 10px 10px;

    flex-direction: row;

}



.Top_Search legend {

    position: absolute;

    top: 10px;

    left: 10px;

    margin: 0px;

    padding: 0px;

    display: block;

}



.Top_Search .search_radio input[type="radio"] {

    margin: 0px 5px 2px;

}



.Top_Search .search_radio label {

    margin: 0px 10px 0px 0px;

}



.keywordArea {

    background: #E2F1F8;

    padding: 0px 20px 20px;

    margin: 0px 0px 20px 0px;

}



.keywordArea_title {

    font-family: 'Zen Maru Gothic', serif !important;

    color: #232323;

    font-weight: bold;

    font-size: medium;

    margin: 0px 0px 10px 0px;

}



.keywordArea ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.keywordArea ul li {

    border: 1px solid #ccc;

    background: #fff;

    border-radius: 3px;

    display: block;

    margin: 0px 10px 10px 0px;

    padding: 10px;

}



.keywordArea ul li a {

}





/* トップページSNS */

.TopSns ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.TopSns ul li {

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 4px;

    margin: 0px 0px 10px 0px;

}



.TopSns ul li a {

    display: block;

    padding: 15px 15px 15px 55px;

    text-decoration: none;

    font-size: 120%;

    font-family: 'Zen Maru Gothic', serif !important;

    color: #232322;

}



.TopSns .T_S_l {

    background: url(../../../Images/sns_line.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_x {

    background: url(../../../Images/sns_x.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_I {

    background: url(../../../Images/sns_inst.png) no-repeat 10px 12px;

    background-size: 35px;

}



.TopSns .T_S_Y {

    background: url(../../../Images/sns_youtube.png) no-repeat 10px 12px;

    background-size: 35px;

}





/* 目的から探す */

.SearchPpurpose ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.SearchPpurpose ul li {

    width: calc(( 100% / 2 ) - 10px);

    margin: 0px 5px 10px;

}



.SearchPpurpose ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: center;

    padding: 105px 0px 11px;

    text-decoration: none;

    color: #015D8C;

    font-weight: bold;

}



.SearchPpurpose .kura_001 {

    background: url(../../../Images/kura_001.png) no-repeat center 8px;

}



.SearchPpurpose .kura_002 {

    background: url(../../../Images/kura_002.png) no-repeat center 8px;

}



.SearchPpurpose .kura_003 {

    background: url(../../../Images/kura_003.png) no-repeat center 8px;

}



.SearchPpurpose .kura_004 {

    background: url(../../../Images/kura_004.png) no-repeat center 8px;

}



.SearchPpurpose .kura_005 {

    background: url(../../../Images/kura_005.png) no-repeat center 8px;

}



.SearchPpurpose .kura_006 {

    background: url(../../../Images/kura_006.png) no-repeat center 8px;

}



.SearchPpurpose .kura_007 {

    background: url(../../../Images/kura_007.png) no-repeat center 8px;

}



.SearchPpurpose .kura_008 {

    background: url(../../../Images/kura_008.png) no-repeat center 8px;

}



.SearchPpurpose .kura_009 {

    background: url(../../../Images/kura_009.png) no-repeat center 8px;

}



.SearchPpurpose .kura_010 {

    background: url(../../../Images/kura_010.png) no-repeat center 8px;

}





/* 吉田町のプロフィール */

.ProfileYoshida ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.ProfileYoshida ul li {

    width: 100%;

    margin: 0px 0px 10px 0px;

    padding: 0px;

}



.ProfileYoshida ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: left;

    padding: 50px 10px 50px 150px;

    text-decoration: none;

    color: #232323;

    font-weight: bold;

}



.ProfileYoshida .p_001 {

    background: url(../../../Images/prof_001.png) no-repeat 10px center;

}



.ProfileYoshida .p_002 {

    background: url(../../../Images/prof_002.png) no-repeat 10px center;

}



.ProfileYoshida .p_003 {

    background: url(../../../Images/prof_003.png) no-repeat 10px center;

}



.ProfileYoshida .p_004 {

    background: url(../../../Images/prof_004.png) no-repeat 10px center;

}



.ProfileYoshida .p_005 {

    background: url(../../../Images/prof_005.png) no-repeat 10px center;

}





/* 関連サイト */

.RelatedSites ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}



.RelatedSites ul li {

    width: 100%;

    margin: 0px 0px 10px 0px;

}



.RelatedSites ul li a {

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-align: left;

    padding: 50px 10px 50px 150px;

    text-decoration: none;

    color: #232323;

    font-weight: bold;

}



.RelatedSites .rs_001 {

    background: url(../../../Images/rs_001.png) no-repeat 10px center;

}



.RelatedSites .rs_002 {

    background: url(../../../Images/rs_002.png) no-repeat 10px center;

}



.RelatedSites .rs_003 {

    background: url(../../../Images/rs_003.png) no-repeat 10px center;

}



.RelatedSites .rs_004 {

    background: url(../../../Images/rs_004.png) no-repeat 10px center;

}



.RelatedSites .rs_005 {

    background: url(../../../Images/rs_005.png) no-repeat 10px center;

}







.SearchPpurpose ul li a:hover,

.ProfileYoshida ul li a:hover,

.TopSns ul li a:hover,

.RelatedSites ul li a:hover {

    opacity: 0.6;

    transition: 1s;

}

}