@charset "UTF-8";

.icon{
  display: inline-block;
  vertical-align:  middle;
  font-size: 100px;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  line-height: 0;
}

.icon.icon_logo01{
  background-image: url(../img/icon/icon_logo01.svg);
  width: 1.64em;
  height: 0.99em;
}

.icon.icon_logo01.gray{
  background-image: url(../img/icon/icon_logo01_gray.svg);
  width: 1.64em;
  height: 0.99em;
}

.icon.icon_twitter.gray{
  background-image: url(../img/icon/icon_twitter_gray.svg);
  width: 0.15em;
  height: 0.12em;
}

.icon.icon_facebook.gray{
  background-image: url(../img/icon/icon_facebook_gray.svg);
  width: 0.07em;
  height: 0.15em;
}

.icon.icon_instagram.gray{
  background-image: url(../img/icon/icon_instagram_gray.svg);
  width: 0.15em;
  height: 0.15em;
}

.icon.icon_pinterest.gray{
  background-image: url(../img/icon/icon_pinterest_gray.svg);
  width: 0.15em;
  height: 0.15em;
}

.icon.icon_google.gray{
  background-image: url(../img/icon/icon_google_gray.svg);
  width: 0.16em;
  height: 0.16em;
}

.icon.icon_link.gray{
  background-image: url(../img/icon/icon_link_gray.svg);
  width: 0.16em;
  height: 0.17em;
}

.icon.icon_mail.gray{
  background-image: url(../img/icon/icon_mail_gray.svg);
  width: 0.15em;
  height: 0.13em;
}

.icon.icon_twitter.black{
  background-image: url(../img/icon/icon_twitter_black.svg);
  width: 0.15em;
  height: 0.12em;
}

.icon.icon_facebook.black{
  background-image: url(../img/icon/icon_facebook_black.svg);
  width: 0.07em;
  height: 0.15em;
}

.icon.icon_instagram.black{
  background-image: url(../img/icon/icon_instagram_black.svg);
  width: 0.15em;
  height: 0.15em;
}

.icon.icon_pinterest.black{
  background-image: url(../img/icon/icon_pinterest_black.svg);
  width: 0.15em;
  height: 0.15em;
}

.icon.icon_google.black{
  background-image: url(../img/icon/icon_google_black.svg);
  width: 0.16em;
  height: 0.16em;
}

.icon.icon_link.black{
  background-image: url(../img/icon/icon_link_black.svg);
  width: 0.16em;
  height: 0.17em;
}

.icon.icon_mail.black{
  background-image: url(../img/icon/icon_mail_black.svg);
  width: 0.15em;
  height: 0.13em;
}

.icon.icon_blank.gray{
  background-image: url(../img/icon/icon_blank_gray.svg);
  width: 0.08em;
  height: 0.08em;
}

.icon.icon_blank.white{
  background-image: url(../img/icon/icon_blank_white.svg);
  width: 0.08em;
  height: 0.08em;
}

.icon.icon_custom_logo{
  background-image: url(../img/icon/icon_custom_logo.svg);
  width: 2em;
  height: 1.72em;
}

.icon.logo_patrick01{
  background-image: url(../img/icon/logo_patrick01.svg);
  width: 1.12em;
  height: 0.81em;
}

.icon.logo_patrick02{
  background-image: url(../img/icon/logo_patrick02.svg);
  width: 1.98em;
  height: 0.57em;
}

.icon.icon_arrow01.white{
  background-image: url(../img/icon/icon_arrow01_white.svg);
  width: 0.31em;
  height: 0.11em;
}

.icon.logo_patrick_text.white{
  background-image: url(../img/icon/logo_patrick_text_white.svg);
  width: 1.2em;
  height: 0.19em;
}

.icon.logo_patrick_text.gray{
  background-image: url(../img/icon/logo_patrick_text_gray.svg);
  width: 1.2em;
  height: 0.19em;
}

.icon.icon_france{
  background-image: url(../img/icon/icon_france-32@2x.png);
  width: 0.3em;
  height: 0.15em;
}

.icon.icon_soccerball{
  background-image: url(../img/icon/icon_soccerball-32@2x.png);
  width: 0.45em;
  height: 0.445em;
  margin: 0 5px 0 5px;
}

.icon.logo_le_balloon{
  background-image: url(../img/icon/icon_logo_le_balloon.svg);
  width: 1.36em;
  height: 1em;
}

/* ------------------ .first_load ------------------ */

img.first_load{
  display: none;
}

/* ------------------ window_content ------------------ */

.window_content{
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding: 70px 30px;
}

/* ------------------ 背景 ------------------ */

.bg_black01{
  background-color: #000000;
}


/* ------------------ フォントカラー ------------------ */

.color_black01{
  color: #111111 !important;
}

.color_gray01{
  color: #666666 !important;
}

.color_gray02{
  color: #999999 !important;
}

.color_gray03{
  color: #cccccc !important;
}

.font_red01{
  color: #f6444c !important;
}
/* ------------------ .title ------------------ */

.title.type01{
  text-align: center;
  line-height: 1;
  margin: 0 0 35px 0;
}


.title.type01 .text01{
  text-align: left;
  font-size: 50px;
  font-family:'Didot LT W01 Roman', serif;
  display: inline-block;
  /*line-height: 0.8;*/
  line-height: 1;
  white-space: nowrap;
}

.title.type01 .text01_1{
  display: block;
  font-size: 48%;
  line-height: 1;
  font-family:'Didot LT W01 Roman', serif;
  text-align: center;
  margin-bottom: 20px;
}

.title.type01 .text01 .parts{
  display: inline-block;
  vertical-align:  middle;
}

.title.type01 > *{
  margin-bottom: 18px;
}
.title.type01 > *:last-child{
  margin-bottom: 0;
}
.title.type01 .text02{
  display: block;
  font-size: 12px;
}


/* sp */
@media screen and (max-width: 700px) {
  .title.type01{
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 23px;
  }
  .title.type01 .text01{
   font-size: 38px; 
  }
}

/* .title.type02 */

.title.type02{
  font-size: 36px;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 30px 0;
  font-weight: 100;
}

.title.type02 > *{
  text-align: left;
}

/* sp */
@media screen and (max-width: 700px) {
  .title.type02{ font-size: 28px; }
}

/* ------------------ .lead_block_wrap ------------------ */

.lead_block_wrap{
  display: -webkit-flex;
  display: flex;
  margin: 0 0 60px 0;
}

.lead_block_wrap:last-child{
  margin: 0;
}

.lead_block_wrap .lead_block{
  margin: 0 auto;
  max-width: 700px;
}

.lead_block_wrap .lead_block_child{
  margin: 32px 0;
}

.lead_block_wrap .lead_block_child:first-child{
  margin-top: 0;
}

.lead_block_wrap .lead_block_child:last-child{
  margin-bottom: 0;
}

/* ------------------ .imghover ------------------ */

.imghover{
  text-decoration: none !important;
  background-image: none !important;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
}

.imghover:hover{
 -ms-filter: "alpha(opacity=70)" ;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
}

/* ------------------ .link_block ------------------ */

.link_block{
  display: block;
}


/* ----------------------------------------------------------------------
.sns_list_wrap
----------------------------------------------------------------------*/

.sns_list_wrap{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 0;
}

.sns_list_wrap .sns_list{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.sns_list_wrap .sns_list li{
  margin: 0 22px 0 0;
}

.sns_list_wrap .sns_list li:last-child{
  margin: 0 0 0 0;
}


/* ----------------------------------------------------------------------
.top_about_image_list_wrap
----------------------------------------------------------------------*/

.top_about_image_list_wrap{
  text-align: center;
  margin: 50px 0 0 0;
}

.top_about_image_list li{
  margin: 0 0 50px 0;
  line-height: 0;
}

.top_about_image_list li:last-child{
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------
.btn_row
----------------------------------------------------------------------*/

.btn_row{
  margin-top: 40px;
}

/* ----------------------------------------------------------------------
.btn_wrap
----------------------------------------------------------------------*/

.btn_wrap{
  position: relative;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.btn_wrap .btn{
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  align-content: center;
  -webkit-align-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  text-decoration: none !important;
  background-image: none !important;
  background-repeat: repeat;
  background-position: left top;
}

.btn_wrap .btn_text{
  position: relative;
  line-height: 1.2;
  display: inline-block;
}

.btn_wrap .btn_img{
  position: relative;
  margin: 0 0.5em;
  line-height: 0;
  transform-origin: 50% 50%;
}

.btn_wrap .btn_img.rotate0{
  transform: rotate(0deg);
}

.btn_wrap .btn_img.rotate90{
  transform: rotate(90deg);
}

.btn_wrap .btn_img.rotate180{
  transform: rotate(180deg);
}

.btn_wrap .btn_img.rotate270{
  transform: rotate(270deg);
}

.btn_wrap .btn_img:first-child{
  margin-left: 0;
}

.btn_wrap .btn_img:last-child{
  margin-right: 0;
}

.btn_wrap .btn_img .default_img{
  position: relative;
  z-index: 1;
}

.btn_wrap .btn_img .hover_img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}

.normal .btn:hover .btn_img .hover_img{
  opacity: 1;
}

.btn_wrap .btn_img:last-child{
  margin-right: 0;
}

.btn_wrap .icon_arrow01{
  -webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
}

.btn_wrap:hover .icon_arrow01{
  -webkit-animation: arrow_move 0.8s 1;
  -moz-animation: arrow_move 0.8s 1;
  -o-animation: arrow_move 0.8s 1;
  -ms-animation: arrow_move 0.8s 1;
  animation: arrow_move 0.8s 1;
}

@-webkit-keyframes arrow_move {
    0%   {-webkit-transform: translate(0px, 0px);}
    50%  {-webkit-transform: translate(6px, 0px);}
    100% {-webkit-transform: translate(0px, 0px);}
}

@-moz-keyframes arrow_move {
    0%   { -moz-transform: translate(0px, 0px);}
    50%  { -moz-transform: translate(6px, 0px);}
    100% { -moz-transform: translate(0px, 0px);}
}

@-o-keyframes arrow_move {
    0%   { -o-transform: translate(0px, 0px);}
    50%  { -o-transform: translate(6px, 0px);}
    100% { -o-transform: translate(0px, 0px);}
}

@-ms-keyframes arrow_move {
    0%   { -ms-transform: translate(0px, 0px);}
    50%  { -ms-transform: translate(6px, 0px);}
    100% { -ms-transform: translate(0px, 0px);}
}

@keyframes arrow_move {
    0%   { transform: translate(0px, 0px);}
    50%  { transform: translate(6px, 0px);}
    100% { transform: translate(0px, 0px);}
}

/* .btn_wrap.color */

.btn_wrap.type_normal .btn{
  color: #999999;
  border: 1px solid #999999;
}

.btn_wrap.type_normal.color_black01 .btn{
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}

/* .btn_wrap .btn .border */

.btn_wrap .btn .border{
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  background-color: #000000;
  height: 1px;
  width: 0%;
}

.btn_wrap .btn .border.type01{
  -moz-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn_wrap .btn .border.type02{
  -moz-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn_wrap.active .btn .border.type01{
  width: 100%;
}

.btn_wrap.active.end .btn .border.type01{
  -moz-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn_wrap.active.end:hover .border.type01{
  display: none;
}

.btn_wrap.active.end:hover .border.type02{
  width: 100%;
}

/* .btn_wrap.type_normal */

.btn_wrap.type_normal,
.btn_wrap.type_normal .btn{
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px;
}

.btn_wrap.type_normal{
  font-size: 12px;
  min-width: 164px;
}

.btn_wrap.type_normal .btn{
  padding: 0.7em 20px;
  -moz-transition: color 0.4s ease 0s,background-color 0.4s ease 0s,border-color 0.4s ease 0s;
  -webkit-transition: color 0.4s ease 0s,background-color 0.4s ease 0s,border-color 0.4s ease 0s;
  -o-transition: color 0.4s ease 0s,background-color 0.4s ease 0s,border-color 0.4s ease 0s;
  -ms-transition: color 0.4s ease 0s,background-color 0.4s ease 0s,border-color 0.4s ease 0s;
  transition: color 0.4s ease 0s,background-color 0.4s ease 0s,border-color 0.4s ease 0s;
}

.btn_wrap.type_normal .btn:hover{
  border-color: #000000;
  background-color: #000000;
  color: #ffffff;
}

.btn_wrap.type_normal.color_black01 .btn:hover{
  color: #999999;
  border-color: #999999;
  background-color: #ffffff;
}

/* .btn_wrap.type_viewmore */

.btn_wrap.type_viewmore,
.btn_wrap.type_viewmore .btn{
  background-color: transparent;
}

.btn_wrap.type_viewmore .btn .btn_text{
  padding: 0 2px 5px 2px;
  line-height: 1;
}

.btn_wrap.type_viewmore .btn .btn_text:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000000;
}

/* .btn_wrap.type_circle */

.btn_wrap.type_circle{
  font-size: 15px;
}

.btn_wrap.type_circle .btn_wrap{
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: transparent;
}

.btn_wrap.type_circle .btn{
  min-width: 5em;
  white-space: nowrap;
  padding: 1em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.btn_wrap.type_circle .btn:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #ffffff;
}

.normal .btn_wrap.type_circle:hover .btn:before{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.btn_wrap.type_circle .btn:after{
  content: "";
  display: inline-block;
  height: 0;
  padding-bottom: 100%;
}

.btn_wrap.type_circle .btn_text{
  position: relative;
  z-index: 3;
  color: #000000;
  font-family:'Didot LT W01 Bold', serif;
  font-weight: 500;
}

/* pc */
@media all and (min-width: 901px) {
}

/* pad以下 */
@media screen and (max-width: 900px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 900px) {
}

/* sp */
@media screen and (max-width: 700px) {
}

/* ----------------------------------------------------------------------
.popup
----------------------------------------------------------------------*/

.popup_zone{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 30000;
  white-space: nowrap;
  text-align: center;
  letter-spacing: -0.4em;
  display: none;
}

.popup_zone:after{
  content: "";
  display: inline-block;
  vertical-align:  middle;
  height: 100%;
}

.popup_zone .popup_wrap{
  text-align: left;
  display: inline-block;
  vertical-align:  middle;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  white-space: normal;
  letter-spacing: normal;
  padding: 20px;
  -moz-transition: width 1s ease 0s, max-width 1s ease 0s;
  -webkit-transition: width 1s ease 0s, max-width 1s ease 0s;
  -o-transition: width 1s ease 0s, max-width 1s ease 0s;
  -ms-transition: width 1s ease 0s, max-width 1s ease 0s;
  transition: width 1s ease 0s, max-width 1s ease 0s;
}

.popup_zone .popup_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.75);
}

/* .popup_crew_content */

.popup_crew_content{
  display: none;
  padding: 58px 30px;
}

.popup_zone .popup_crew_content{
  display: block;
}

.popup_crew_content .popup_crew_content_in{
  max-width: 780px;
  margin: 0 auto;
}

.popup_crew_content .popup_crew_title{
  font-size: 20px;
  line-height: 1.5;
  font-family: "Rounded Mplus 1c";
  font-weight: 500;
  margin: 0 0 19px 0;
  color: #111d3e;
}

.popup_crew_content .popup_crew_text{
  font-family: "Rounded Mplus 1c";
  line-height: 1.43;
  margin: 0 0 40px 0;
}

/* sp */
@media screen and (max-width: 700px) {
  .popup_crew_content{
    padding: 22px 20px;
  }
  .popup_crew_content .popup_crew_content_in{
    max-width: 400px;
    margin: 0 auto;
  }
  .popup_crew_content .popup_crew_title{
    font-size: 18px;
    line-height: 1.55;
    margin: 0 0 10px 0;
  }
  .popup_crew_content .popup_crew_text{
   margin: 0 0 20px 0; 
  }
}

/* ----------------------------------------------------------------------
.cms_block
----------------------------------------------------------------------*/

.cms_block{
  width: 100%;
  margin: 0 auto;
}

.cms_block .cms_block_in{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.cms_block .cms_block_title01{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 10px 0;
}

.cms_block .cms_block_title01 > *{
  margin-right: 8px;
}

.cms_block .cms_block_title01 > *:last-child{
  margin-right: 0px;
}

.cms_block .cms_block_title01 .text01{
  font-size: 17px;
  line-height: 1.2;
  color: #111d3e;
  font-family: "Rounded Mplus 1c";
  font-weight: 500;
}

.cms_block .cms_block_image{
  position: relative;
  margin: 0 0 14px 0;
}

.cms_block .cms_block_image + .cms_block_image{
  margin-top: 45px;
}

/* sp */
@media screen and (max-width: 700px) {
  .cms_block .cms_block_image + .cms_block_image{
    margin-top: 20px;
  }
}

.cms_block .collaboration_text{
  font-size: 14px;
  margin: 22px 0 0 0;
}

.cms_block .collaboration_title{
  margin-bottom: 25px;
  text-align: center;
}

.cms_block .collaboration_link_list_wrap{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
}

.cms_block .collaboration_link_list_wrap a{
  color: #999999;
}

.cms_block .collaboration_link_title{
  margin: 1em;
  line-height: 1;
  width: 100%;
  text-align: center;
}

.cms_block .collaboration_link_list{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

.cms_block .collaboration_link_list a{
  text-decoration: underline;
}

.cms_block .collaboration_link_list a:hover{
  text-decoration: none;
}

.cms_block .collaboration_link_list{
  margin: 0 -40px -20px 0;
}

.cms_block .collaboration_link_list li{
  margin: 0 40px 20px 0;
}

/* sp */
@media screen and (max-width: 700px) {
  .cms_block .collaboration_link_list{
    margin: 0 -20px -20px 0;
  }

  .cms_block .collaboration_link_list li{
    margin: 0 20px 20px 0;
  }
}

#anfield02_03 .cms_block .collaboration_link_list{
  display: block;
  margin: 0 0 -14px 0;
  text-align: center;
}

#anfield02_03 .cms_block .collaboration_link_list li{
  margin: 0 0px 14px 0;
}

.cms_block .cms_img_mark01{
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: 276px;
  height: 96px;
  background-image: url(../img/icon/cms_img_mark01_red-32@2x.png);
  background-size: 100% auto;
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 15px 20px;
}

.cms_block .cms_img_mark01 .text01{
  font-size: 19px;
  font-family: "Rounded Mplus 1c";
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
}

.cms_block .cms_img_mark01.type_red{
  background-image: url(../img/icon/cms_img_mark01_red-32@2x.png);
}

.cms_block .cms_img_mark01.type_red .text01{
  -moz-text-shadow: 2px 3px 3px rgba(186,21,50,0.53);
  -webkit-text-shadow: 2px 3px 3px rgba(186,21,50,0.53);
  text-shadow: 2px 3px 3px rgba(186,21,50,0.53);
}

.cms_block .cms_img_mark01.type_blue{
  background-image: url(../img/icon/cms_img_mark01_blue-32@2x.png);
}

.cms_block .cms_img_mark01.type_blue .text01{
  -moz-text-shadow: 2px 3px 3px rgba(16,3,144,0.53);
  -webkit-text-shadow: 2px 3px 3px rgba(16,3,144,0.53);
  text-shadow: 2px 3px 3px rgba(16,3,144,0.53);
}

/* sp */
@media screen and (max-width: 700px) {
  .cms_block .cms_img_mark01{
    padding: 15px 10px;
  }
}

.row_content.news_row .col{
  width: 25%;
}

@media screen and (max-width: 900px) {
  .row_content.news_row .col{
    width: 50%;
  }
}

@media screen and (max-width: 700px) {
  .row_content.news_row .col{
    width: 100%;
  }
}


.row_content.news_row .col .img_cover{
  padding-bottom: 67%;
}

.row_content.news_row .col .cms_block_image{
  margin: 0;
}

.row_content.news_row .col .cms_news_text{
  padding: 27px 15px 0px 15px;
}

.row_content.news_row .col .cms_news_text_in{
  max-width: 270px;
  margin: 0 auto;
}

.row_content.news_row .col .cms_news_date{
  font-size: 12px;
  line-height: 1;
  color: #999999;
  margin: 0 0 10px 0;
}

.row_content.news_row{
  margin: 50px 0 -40px 0;
}

.row_content.news_row .col{
  padding-bottom: 40px;
}

.row_content.news_row .col .cms_news_title{
  font-size: 15px;
}

/* sp */
@media screen and (max-width: 700px) {
  .row_content.news_row{
    margin-top: 20px;
  }
  .row_content.news_row .col .cms_news_text{
    padding: 27px 0px 0px 0px;
  }
  .row_content.news_row .col .cms_news_text_in{
    max-width: none;
  }
}

/* ----------------------------------------------------------------------
.video_wrap
----------------------------------------------------------------------*/

.video_wrap{
  position: relative;
  overflow:  hidden;
}


/* ----------------------------------------------------------------------
.video_player
----------------------------------------------------------------------*/

.video_player{
  position: relative;
  
}

.video_player .video_vision{
  position: relative;
  z-index: 1;
  line-height: 1;
  height: 100%;
}

.video_player .video_control{
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 33px 20px 33px;
  -moz-transition: background-color 0.4s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s;
  -o-transition: background-color 0.4s ease 0s;
  -ms-transition: background-color 0.4s ease 0s;
  transition: background-color 0.4s ease 0s;
  background-color: rgba(0,0,0,0);
}

.video_player.video_active .video_control{
  background-color: rgba(0,0,0,0);
}

.video_player.video_active:hover .video_control{
  background-color: rgba(0,0,0,0);
}

.video_player .video_control_in{
  position: relative;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
}

.video_player .video_progress_wrap{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  height: 20px;
  cursor: pointer;
}

.video_player .video_progress_wrap .video_progress{
  position: relative;
  width: 100%;
  height: 2px;
  background-color: rgba(246,240,240,0.3);
}

.video_player .video_progress_wrap .video_progress_bar{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: #ffffff;
}

.video_player .video_button_wrap{
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  padding: 0 24px;
}

.video_player .video_button_wrap:first-child{
  padding-left: 0;
}

.video_player .video_button_wrap:last-child{
  padding-right: 0;
}

.video_player .video_button{
  position: relative;
  cursor: pointer;
  display: block;
  margin: 0 25px 0 0;
  background-repeat: no-repeat;
  background-position: left center;
  width: 20px;
  height: 20px;
}

.video_player .video_button:last-child{
  margin: 0;
}

.video_player .video_button.video_play{
  background-image: url(../img/icon/icon_video_stop-32@2x.png);
  background-size: 9px 13px;
}

.video_player .video_button.active.video_play{
  background-image: none !important;
}

.video_player .video_button.video_play.active:before,
.video_player .video_button.video_play.active:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 22px;
  margin: -11px 0 0 -10px;
}

.video_player .video_button.video_play.active:before{
  background-image: url(../img/icon/icon_video_play02.png);
}

.video_player .video_button.video_play.active:after{
  -moz-transition: opacity 0.4s ease 0s;
  -webkit-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  z-index: 2;
  background-image: url(../img/icon/icon_video_play02_hover.png);
}

.video_player .video_button.video_play.active:hover:after{
  -ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

.video_player .video_button.video_sound{
  background-image: url(../img/icon/icon_video_sound_off-32@2x.png);
  background-size: auto 14px;
  width: 20px;
  height: 20px;
}

.video_player .video_button.video_sound.active{
  background-image: url(../img/icon/icon_video_sound_on-32@2x.png);
  background-size: auto 14px;
}

.video_player .video_button.video_scale{
  background-image: url(../img/icon/icon_video_scale-32@2x.png);
  background-size: auto 13px;
}

.video_player video {
    width: 100%;
    height: auto;
}

/* ----------------------------------------------------------------------
.video_switch_block
----------------------------------------------------------------------*/

.video_switch_block{
  position: relative;
  padding-bottom: 56%;
}

.video_switch_block .opacity_video{
  display: none;
}

.video_switch_block .video_switch_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_switch_block .video_switch_bg .video_wrap,
.video_switch_block .video_switch_bg .img_cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_switch_content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video_switch_content .video_switch{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
}

.video_switch_block .video_switch_logo_wrap,
.top_visual_logo_wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  z-index: 2;
}

.video_switch_block .video_switch_logo,
.top_visual_logo_wrap .top_visual_logo{
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
  background-color: rgba(0,0,0,1);
}

.normal .video_switch_block .video_switch_logo_wrap:hover .video_switch_logo{
  -ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.video_switch_block .video_switch_logo_in,
.top_visual_logo_wrap .top_visual_logo_in{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  display: -webkit-flex;
  display: flex;
  justify-content: -webkit-center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px;
}

.video_switch_block .video_switch_btn{
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.25em 0 0 -2.25em;
  z-index: 4;
}

.video_switch_block .video_switch_logo_wrap .video_switch_logo + .video_switch_btn{
  transition: opacity 0.4s ease 0s;
  -webkit-transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  -ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.normal .video_switch_block .video_switch_logo_wrap:hover .video_switch_logo + .video_switch_btn{
  -ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.video_switch_block .video_switch_btn .btn_zone .btn_wrap{
  font-size: inherit;
}

.video_switch_block .video_play_content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_switch_block .video_play_content .video_player{
  width: 100%;
  height: 100%;
}

.video_switch_block .video_play_content .video_wrap{
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------
.video_player2
----------------------------------------------------------------------*/

.video_player2{
  position: relative;
}

.video_player2 video {
    width: 100%;
    height: auto;
}

.video_player2 .video_switch .video_switch_in {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.video_player2 .video_switch{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.6);
  -webkit-transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
  cursor: pointer;
}

.video_player2.active .video_switch{
  -ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.video_player2.active:hover .video_switch{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.video_player2.first_click .video_switch{
  -ms-filter: "alpha(opacity=0)" !important;
	-khtml-opacity: 0 !important;
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0 !important;
	opacity: 0 !important;
}

.video_player2.first_stop .video_switch{
  -ms-filter: "alpha(opacity=100)" !important;
	-khtml-opacity: 1 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1 !important;
	opacity: 1 !important;	
}

/* .yearbox */

.yearbox_wrap{
  font-size: 50px;
}

.yearbox_wrap .title.type01{
  overflow:  hidden;
  margin: 0;
}

.yearbox_wrap .title.type01 .text01{
  position: relative;
  line-height: 1;
  margin: 0 0 0 0;
  font-size: inherit;
  padding: 0 0.8em;
}

.yearbox_wrap .title.type01 .text01:before,
.yearbox_wrap .title.type01 .text01:after{
  content: "";
  position: absolute;
  top: 50%;
  width: 100vw;
  height: 1px;
  background-color: #cccccc;
}

.yearbox_wrap .title.type01 .text01:before{
  left: -100vw;
}

.yearbox_wrap .title.type01 .text01:after{
  right: -100vw;
}

.yearbox_wrap .yearbox{
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: -0.5em 0 0 0;
  padding: 1em 20px 1em 20px;
}

.yearbox_wrap .yearbox_in{
  font-size: 14px;
}

/* sp */
@media screen and (max-width: 700px) {
  .yearbox_wrap{
    font-size: 40px;
  }
}


/* SNSボックス  */

.common_sns_box{
  font-size: 12px;
  position: relative;
  margin: 0 auto 0 auto;
  color: #999999;
  max-width: 320px;
}

.common_sns_box .common_sns_box_title{
  overflow:  hidden;
  text-align: center;
  line-height: 1;
}

.common_sns_box .common_sns_box_title .text01{
  position: relative;
  display: inline-block;
  padding: 0 1.96em;
}

.common_sns_box .common_sns_box_title .text01:before,
.common_sns_box .common_sns_box_title .text01:after{
  content: "";
  position: absolute;
  top: 0.5em;
  width: 100vw;
  height: 1px;
  background-color: #999999;
}

.common_sns_box .common_sns_box_title .text01:before{
  left: -100vw;
}

.common_sns_box .common_sns_box_title .text01:after{
  right: -100vw;
}

.common_sns_box .common_sns_box_in{
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 2em 20px;
  margin: -0.5em 0 0 0;
}

.common_sns_box .common_sns_box_list_wrap{
  text-align: center;
  letter-spacing: -0.4em;
}

.common_sns_box .common_sns_box_list_wrap .common_sns_box_list_title{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  font-size: 13px;
  line-height: 1;
  margin: 0 29px 0 0;
}

.common_sns_box .common_sns_box_list_wrap .common_sns_box_list{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.common_sns_box .common_sns_box_list_wrap .common_sns_box_list li{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 29px 0 0;
  line-height: 0;
}

.common_sns_box .common_sns_box_list_wrap .common_sns_box_list li.link .link-container{
  position: absolute;
  top: 20px;
  left: 0;
  display: none;
}

.common_sns_box .common_sns_box_list_wrap .common_sns_box_list li.link .link-container input{
  color: #000000 !important;
  width: auto;
}
.common_sns_box .common_sns_box_list_wrap .common_sns_box_list li:last-child{
  margin: 0 !important;
}

@media only screen and (max-width:768px){
  
  .common_sns_box .common_sns_box_list_wrap .common_sns_box_list_title{
   margin:  0 0 10px 0;
    display: block;
  }
}


/* pc */
@media all and (min-width: 901px) {
}

/* pad以下 */
@media screen and (max-width: 900px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 900px) {
}

/* sp */
@media screen and (max-width: 700px) {
}