@charset "utf-8";
/* =========================================================
　◆　Responsive CSS
========================================================= */

/* screens default
***************************************/
.SP { display:none; }
.SP_inline { display:none; }
.PC { display:block; }
.PC_inline { display:inline; }
.PC_absolute { position:absolute; }

/* screens smaller than 1280
***************************************/
@media screen and (max-width: 1440px){
#Wrap { width: auto; margin: 0 auto; background: #FFFFFF; }
}

/* screens smaller than 960
***************************************/
@media screen and (max-width: 960px){

#Head #Head_inner h1.logo object, 
#Head #Head_inner h1.logo embed { width: 90px; height:22px; }
#Head #Head_inner .logo_ci object,
#Head #Head_inner .logo_ci embed { pointer-events: none; }

/* =========================================================
　◆Foot
========================================================= */
#Foot { } 
#Foot #Foot_inner { width: 100%; }
#Foot #Foot_inner .foot_description { margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #585858; }
#Foot #Foot_inner .foot_description p { color: #666666; font-size: 12px; line-height: 1.4; }
#Foot #Foot_inner .foot_link { display: inline; float: right; }
#Foot #Foot_inner .foot_link li { display: inline; float: left; }
#Foot #Foot_inner .foot_link li.last { margin-left: 12px; }
#Foot #Foot_inner .foot_link li a { font-size: 12px; line-height: 1.0; color: #999999; text-decoration: none; }
#Foot #Foot_inner .foot_link li a:hover { text-decoration: underline; }
#Foot #Foot_inner #Copy { font-size: 12px; line-height: 1.0; color: #999999; display: inline; float: left; }
}

@media screen and (min-width: 769px){
#Gnav { display: block !important; }
.network .networkarea { }
}
/* screens smaller than 768
**************************************/
@media screen and (max-width: 768px){
.SP { display:block; }
.SP_inline { display:inline; }
.PC { display:none; }
.PC_inline { display:none; }
.PC_absolute { position:static; }

#Wrap { position: relative; z-index: 1; min-width:0; }
#Main { padding-top: 0; margin-bottom: 75px; }
#Main_inner { padding-top: 0; }

/* old_android */
.old_android #Main_inner { padding-top: 0; }

.movie_sp_wrap{ position: relative ; margin:0px ; padding-top: 0px ; padding-bottom: 57% ; overflow: hidden ; }
.movie_sp_wrap iframe { position: absolute ; top: 0 ; left: 0 ; height: 100% ; width: 100% ; }

/* =========================================================
　◆Head
========================================================= */
#Head { width: 100%; height: 50px; background: #FFFFFF; position: fixed; z-index: 1000; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4); box-shadow: 0px 1px 2px rgba(0,0,0,0.4); max-width: none; min-width: 0; }
#Head.active { -webkit-box-shadow: 0px 2px 4px rgb(0, 0, 0); -moz-box-shadow: 0px 2px 4px rgb(0, 0, 0); box-shadow: 0px 2px 4px rgb(0, 0, 0); }
#Head #Head_inner { width: auto; margin: 0 auto; padding-top: 8px; position: relative; }
#Head #Head_inner h1.logo { width: 114px; height: 30px; padding-top: 0px; margin-left: 55px; }
#Head #Head_inner h1.logo a { display: block; font-size: 18px; }
#Head #Head_inner .logo_ci img { pointer-events: none; width:34px; height:29px; display: block; }
#Head #Head_inner .pc_head_nav { display: none; }
#Head #Head_inner .logo_ci { position: absolute; width: 34px; height: 29px; left: 15px; top: 10px; }
#Head #Head_inner .logo_ci a { display: block; }
#Head #Head_inner #Gnav_btn { display: block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; }

/* old_android */
.old_android #Head { position: relative; }


/* =========================================================
　◆SNS
========================================================= */
#sp_Sns_area { display: block; border-bottom: 1px solid #D2D2D2; }
#sp_Sns_area_inner { width: 90.625%; margin: 0 auto; padding: 3.125% 0; }
#sp_Sns_area .share_txt { display: inline; float: left; line-height: 20px; }
#sp_Sns_area .share_btn { display: inline; float: right; }
#sp_Sns_area li { display: inline; float: left; }
#sp_Sns_area li.sns_fb { width: 50px; margin-right: 19px; height: 20px; *margin-right: 0px; overflow:hidden;}
#sp_Sns_area li.sns_fb iframe { border: none; overflow: hidden; }
#sp_Sns_area li.sns_tw { width: 60px; height: 20px; margin-right: 17px; }
#sp_Sns_area li.sns_gplus { width: 32px; height: 20px; margin-right: 15px; }

#pc_Sns_area { display: none; }

/* =========================================================
　◆Gnav
========================================================= */
#Gnav { width: 100%; background: none; position: static; max-width: none; min-width: 0; }
#Gnav #Gnav_inner { width: 87.5%; margin: 0 auto; padding-top: 65px; }
#Gnav #Gnav_inner .nav_link { display: none; }

#Gnav #Gnav_inner .sort_box { margin-bottom: 20px;}
#Gnav #Gnav_inner .sort_box .sort_name { display: block; background: #EEEEEE; -webkit-box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.5); box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.5); cursor: pointer; position: relative; z-index: 50; padding: 12px 0; }
#Gnav #Gnav_inner .sort_box .sort_name span { display: block; font-size: 123.1%; line-height: 1.2; width: 91%; margin: 0 auto; background: url(../png/sort_name_open.png) right center no-repeat; -webkit-background-size: 15px 9px;  -moz-background-size: 15px 9px; background-size: 15px 9px; font-family: 'AlternateGothicCom-No2'; }
#Gnav #Gnav_inner .sort_box .sort_name span.active { background: url(../png/sort_name_close.png) right center no-repeat; -webkit-background-size: 15px 9px;  -moz-background-size: 15px 9px; background-size: 15px 9px; }
#Gnav #Gnav_inner .sort_box .sort_btn { background: #EEEEEE; position: relative; z-index: 10; width: 100%; display: none; }
#Gnav #Gnav_inner .sort_box .sort_btn li { width: 100%; display: block; float: none; margin-right: 0px; background: #EEEEEE; text-align: center; border: none; border-bottom: 1px solid #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 44px; }
#Gnav #Gnav_inner .sort_box .sort_btn li.last { border-right:none;}
#Gnav #Gnav_inner .sort_box .sort_btn li a { display: block; color: #333333; text-decoration: none; font-size:138.5%; font-family: "AlternateGothicCom-No2",Arial\9, Helvetica\9, sans-serif\9;}
#Gnav #Gnav_inner .sort_box .sort_btn li.active { background: #D2D2D2; }

/* =========================================================
　◆map_area
========================================================= */
.map_area { display: none; }

/* =========================================================
　◆networkarea
========================================================= */
.network .titlearea { font-size: 36px; padding: 14px 0; }
.network .networkarea { width: 100%; }
.networkarea .areabox { border-top:solid 1px #DDDDDD; }
.networkarea .areabox .list { width: 100%; clear: both; }
.networkarea .areabox .list:after { content:""; visibility:hidden; font-size:0; clear:both; display:block; }
.networkarea .areabox .list li { display:block; float:none; width:100%; margin-right:0; border-bottom:solid 1px #DDDDDD; position: relative; }

.networkarea .areabox li div.line .disp_tb .country { height: 44px; }
.networkarea .areabox li div.line .country { display:block; float:none; padding-left:15px; }
.networkarea .areabox li div.line .country .country_txt { background:url(../png/sp_icon_01.png) left center no-repeat; text-decoration:none; font-size:16px; color:#0085B2; -webkit-background-size: 18px 18px; background-size: 18px 18px; width: 40%; word-break: break-all; margin-left: 15px; }
.networkarea .areabox li div.line .country:hover .country_txt { text-decoration: underline; }
.networkarea .areabox li div.line .disp_tb .country.active .country_txt { color:#E60012; background:url(../png/sp_icon_02.png) left center no-repeat; -webkit-background-size: 18px 18px; background-size: 18px 18px; text-decoration: none; }
.networkarea .areabox li div.boder_top .area { border-top: none; }
.networkarea .areabox li div.line .area { width: 100%; }
.networkarea .areabox li div.line .option_area { top: 7px; right: 15px; }
.networkarea .areabox li div.line .option_website { width:84px;}
.networkarea .areabox li div.line .option_facebook { width:30px;}
.networkarea .areabox li div.line .wb_btn { width: 84px; height: 30px; }
.networkarea .areabox li div.line .fb_btn { width: 30px; height: 30px; }

.data .accordion { position: relative; }
.data .accordion .close { position:absolute; width: 25px; height: 25px; top:25px; right:12px; }
.data .accordion .gray { margin-bottom: 0; padding: 0 4.6875%; width: auto; }
.data .accordion .gray .country_name { margin-bottom:16px; padding-top: 30px; word-break: break-all; }
.data .accordion .gray .gray_inner { padding: 0 0 30px; display:block; width:100%; margin:0;}
.data .accordion .gray .gray_inner.multi { padding-top: 30px; }
.data .accordion .gray .gray_inner.last { margin-bottom: 30px; }
.data .accordion .gray .gray_inner .address { font-size:14px; word-break: break-all; }
.data .accordion .gray .gray_inner .phone { font-size: 14px; }
.data .accordion .gray .gray_inner .fax { font-size: 14px; }
.data .accordion .gray .gray_inner .email { font-size: 14px; }
.data .accordion .gray .gray_inner .facebook { width: 45px; }
.data .accordion .gray .gray_inner .website { font-size: 14px; width: 126px; }
.data .accordion .gray .gray_inner .small { font-size: 10px; }
.data .accordion .gray .gray_inner .facebook a,
.data .accordion .gray .gray_inner .website a { display: block; }

.data .accordion .arrow01 { width:16px; height: 8px; margin: 0 auto; }
.data .accordion .arrow02 { width:16px; height: 8px; margin: 0 auto; }
.data .accordion .arrow03 { width:16px; height: 8px; margin: 0 auto; }

/* =========================================================
　◆Foot
========================================================= */
#Foot { width: 100%; background: #333333; } 
#Foot #Foot_inner { width: auto; margin: 0 auto; padding: 11px 0 19px; }
.iphone #Foot #Foot_inner { padding: 9px 0 19px; }
#Foot #Foot_inner .foot_description { display: none; }
#Foot #Foot_inner .foot_link { display: block; float: none; margin-bottom: 10px; }
#Foot #Foot_inner .foot_link ul { text-align: center; }
#Foot #Foot_inner .foot_link li { display: inline-block; float: none; }
#Foot #Foot_inner .foot_link li.last { margin-left: 12px; }
#Foot #Foot_inner .foot_link li a { font-size: 10px; line-height: 1.0; color: #999999; text-decoration: none; }
#Foot #Foot_inner .foot_link li a:hover { text-decoration: none; }
#Foot #Foot_inner #Copy { font-size: 10px; line-height: 1.0; display: block; float: none; text-align: center; }
.caption { width:90.625%;  margin: 0 auto;  padding-top: 35px; }
}