@charset "utf-8";

/*-------------------------------------------------------
sp_common
-------------------------------------------------------*/
@media screen and (max-width: 767px)  {

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

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}

input,
select {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}

#main { background-size:100% auto; }
#main .cont { display:block; width: 100%; }

/*-------------------------------------------------------
header
-------------------------------------------------------*/
#header #header_cont { justify-content:flex-start; position:relative; }
#header #header_cont .ad { flex:0 0 60%; }
#header #header_cont .ad img { width:100%; height:auto; }
#header #header_cont .conv { display:none; }
#h_news { display:none; }
#h_menu { display:none; }
#bread_list { display:none; }

#sp_menuBtn { position:fixed; top:10px; right:10px; z-index:100; }
#sp_menuBtn > a { align-items: center; background-color:#ffff; border:1px solid #ccc; border-radius:2px; display:flex; justify-content:center; padding:15px; text-decoration:none; position: fixed; right: 10px; top: 10px; }
.ui-tabs .ui-tabs-nav { display:flex; justify-content:space-between; min-width:100%; padding:10px 0 0; }
.ui-tabs .ui-tabs-panel { min-width:100%; max-width:100%; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:15px 8px; }
.ui-tabs .ui-tabs-nav li { display:flex; margin:0; flex:0 0 31%; text-align:center; }
.ui-tabs .ui-tabs-nav li a { display:inline-block; font-size:72%; padding:15px 8px; text-align:center; width:100%; }

#tabs-3 div { max-width:100%; }
#tabs-3 div dl {}
#tabs-3 div dl dt {}
#tabs-3 div dl dt img { width:100%; height:auto; max-width:480px; }

/*-------------------------------------------------------
menu
-------------------------------------------------------*/
.pannel { 
background-color: #eee;
min-width: 100%;
margin: 0 auto;
text-align: left;
letter-spacing:-.40em;
display:flex;
flex-wrap:wrap;
}
.pannel li { border-radius:8px; display:flex; flex:0 0 49%; letter-spacing:normal; vertical-align:top; position:relative; margin:2% 2% 0 0; width:49%; text-align:center; }
.pannel li:nth-child(3n) { margin-right:2%; }
.pannel li:first-child,
.pannel li:nth-child(2) { margin-top:0; }
.pannel li:nth-child(even) { margin-right:0; }
.pannel li a { border-radius:6px; display:block; line-height:1.6; padding:0; text-decoration:none; }
.pannel li a img { border-radius:6px; height:auto; max-width:300px; width:100%; }
.pannel li a span { font-size:62%; position:absolute; bottom:10px; display:block; padding-left:10px; text-align:left; }

/*-------------------------------------------------------
information
-------------------------------------------------------*/
#information { padding:0; }
#information #information_cont { width:100%; margin:0 auto; padding:0; text-align:center; }
#information #information_cont #news { margin:0; width:100%; }
#information #information_cont #news .news_title { background-color:#e60012; border-radius:6px 6px 0 0; margin:0 10px; text-align:left; }
#information #information_cont #news .news_title img {}
#information #information_cont #news .news_cont { border:none; }
#information #information_cont #news .news_cont a { display:block; text-align:center; }
#information #information_cont #news .news_cont a img { width:100%; height:auto; max-width:480px; }
#information #information_cont #news ol { border-top:none; }
#information #information_cont #news ol li a {}
#information #information_cont #news ol li a:hover { text-decoration:none; }
#information #information_cont #news ol li a:hover dl dd { text-decoration:none; }

#information #information_cont #news ol li a dl dd p { margin-top:10px; }
#information #information_cont #news ol li a dl dd div { margin-top:20px; }
#information #information_cont #news ol li a dl dd div img { width:100%; height:auto; max-width:480px; }

#information #information_cont #facebook { margin:0; width:100%; height:100%; }
#information #information_cont #facebook .facebook_title { background-color:#3c5a98; text-align:left; }

#information #information_cont #sNavi { display:inline-block; letter-spacing:normal; width:100%; vertical-align:top; }
#information #information_cont #sNavi ul { padding:10px 0 0; }
#information #information_cont #sNavi ul li a { text-decoration:none; }
#information #information_cont #sNavi ul li a dl { background-image: url("../../images/common/i_ar_gray.png"); background-position:98% center; background-repeat: no-repeat; background-size: 9px 14px; padding:0; }
#information #information_cont #sNavi ul li a dl dt { padding:5px 5px 0; }
#information #information_cont #sNavi ul li a dl dd { background-image:none; background-color:#eee; margin:10px 0 0; padding:10px; }
#information #information_cont #sNavi ul li a:hover { text-decoration:none; }
#information #information_cont #sNavi ul li a:hover dl dd { text-decoration:none; }

/*-------------------------------------------------------
page_top
-------------------------------------------------------*/
#page_top { border-bottom:1px solid #ccc; position:relative; letter-spacing:normal; margin:0; right:auto; width:100%; }
#page_top a { background:#f0f0f0; border:none; border-radius:0; color:#666; font-size:85%; letter-spacing:normal; text-align:center; width:100%; }
#page_top a span { padding-right:30px; letter-spacing:normal; }

/*-------------------------------------------------------
footer
-------------------------------------------------------*/
#footer #footer_cont #line_friend { background-color:#fff; border-bottom:1px solid #ccc; padding:20px; text-align:center; }

#footer #footer_cont #footer_head #footer_head_cont { width:100%; }
#footer #footer_cont #footer_head #footer_head_cont ul { letter-spacing:normal; padding:0; text-align:center; }
#footer #footer_cont #footer_head #footer_head_cont ul li { margin:20px auto 0; text-align:center; width:100%; }
#footer #footer_cont #footer_head #footer_head_cont ul li:first-child { margin-top:0; }
#footer #footer_cont #footer_head #footer_head_cont ul li:first-child img { max-width:120px; } 
#footer #footer_cont #footer_head #footer_head_cont ul li:nth-child(2) {}
#footer #footer_cont #footer_head #footer_head_cont ul li:nth-child(2) img { max-height:74px; width:auto; }
#footer #footer_cont #footer_head #footer_head_cont ul li:nth-child(3) {}
#footer #footer_cont #footer_head #footer_head_cont ul li:nth-child(3) img { max-width:260px; } 

#footer #footer_cont #footer_link_area { display:none; }
#footer #footer_cont #footer_link_area #footer_link_area_cont { width:100%; }

#footer #footer_cont #footer_sub_area { padding:0; }
#footer #footer_cont #footer_sub_area #footer_sub_area_cont { background-color:#eee; padding:15px; width:100%; }
#footer #footer_cont #footer_sub_area #footer_sub_area_cont ul { display:inline-block; padding:0; text-align:left; vertical-align:middle; }
#footer #footer_cont #footer_sub_area #footer_sub_area_cont ul li { font-size:85%; }

#footer #footer_cont #footer_bottom_area { padding:20px; }
#footer #footer_cont #footer_bottom_area #footer_bottom_area_cont { width:100%; } 
#footer #footer_cont #footer_bottom_area #footer_bottom_area_cont h2 { display:block; font-size:69%; width:100%; }
#footer #footer_cont #footer_bottom_area #footer_bottom_area_cont p { display:block; font-size:62%; margin-top:30px; text-align:center; width:100%; }

.fb_iframe_widget { display:block; }

/*-------------------------------------------------------
conversion
-------------------------------------------------------*/
.conversion {
background-color:#fff;
background-position:right bottom;
background-size:313px 80px;
padding:0;
text-align:center;
width:100%;
}
.conversion ul { letter-spacing:normal; padding-right:0; }
.conversion ul li { display:block; }
.conversion ul li:first-child { margin-right:0; }
.conversion ul li h4 { border-radius:0; padding:15px; }
.conversion ul li .map { padding:15px; }
.conversion ul li iframe { max-width:300px; }
.conversion ul li:nth-child(2) div { padding:15px 15px 95px 15px; }

}