@charset "UTF-8";
/* CSS Document */
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 100;
  height: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}
a:hover {
  text-decoration: none;
    color:#1faac3;
}
a:visited { color:#1faac3;}

.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
.alt {
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0;
}


details {

}
details:not(:last-child) {
  margin-bottom: 20px;
}

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary {
  list-style: none;
  cursor: pointer;
  padding: 20px;
  color: #1faac3;
  font-size: 2rem;
  font-weight: bold;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}

/**
 * Font Awesomeのプラスアイコン使用
**/
details summary::before {
	
class:fa-chevron-down;
  font-family: FontAwesome;
  content: '\f067';
  margin-right: 20px;

}
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details[open] summary::before {
	
class:fa-chevron-up;
  font-family: FontAwesome;
  content: '\f068';
  margin-right: 20px;
}


p {
  margin: 0;
}
h1 {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0;
}
h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
    font-weight: normal;
}

.pt30 {
  padding-top: 30px;
}
.pt60 {
  padding-top: 60px;
}

.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb60 {
  padding-bottom: 60px;
}
.pt88 { padding-top:88px; }
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.blue {color:#1faac3;}

ul { margin:0; padding:0;}
ul li { list-style:none;}

@media screen and (max-width:1199px) {
  body {
    /*    background-color: #00ff00;*/
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
/*全体*/
.wrapper100 {
  width: 100%;
    overflow-x: hidden;
}
.wrapper1200 {
  width: 1200px;
  margin: 0 auto;
}
.contents { width:1056px; margin:0 auto; padding: 0 72px 0 72px;}

.w100 img {
  width: 100%;
}

.w70 img {
  width: 70%;
margin-left:15%;
}


a:hover {opacity: 0.6; cursor: pointer;}

@media screen and (max-width:1199px) {
  .wrapper100, .wrapper1200{
    width: 100%;
  }
    .contents { width:88%; margin:0 auto; padding: 0 6% 0 6%;}
}


/*header*/
.header { height:80px;margin: 0 auto; display: block; position: relative;}
.header h2 {font-size: 2.4em;color:#1faac3;  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.header .logo { position: absolute; top:20px; left:20px;}
.header .logo img { width:120%;}
.button_wrapper { position: absolute; top:20px; right:20px;}
@media screen and (max-width:1199px) {
.header .logo{ position: absolute; top:10px; left:20px;}
.header h2 {font-size: 2.1em;color:#1faac3; position: absolute;
    left: 50%;
       transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
top:50px;
/*    background-color: #ff0022;*/
    width:90%;
    text-align: center;
    }
    .header .logo img { width:80%;}
}

/*humbugermenu*/
.menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: relative;
     z-index: 1000;
    cursor:pointer;
}


 .menu-trigger {
    position: fixed;
    width: 32px;
    height: 26px;
    top:20px; 
    right:calc(50% - 580px);
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
}

@media screen and (max-width:1199px) {
.menu-trigger {
    position: fixed;
    width: 32px;
    height: 26px;
    top:20px; right:20px;
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
}}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #1faac3;
    border-radius: 5px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 11px;
    width: 90%;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
    width: 80%;
}
  #menu01.active span:nth-of-type(1) {
    transform: translateY(11px) rotate(-45deg);
  }
  #menu01.active span:nth-of-type(2) {
    opacity: 0;
  }
  #menu01.active span:nth-of-type(3) {
    transform: translateY(-11px) rotate(45deg);
      width:100%;
  }


.menu {
  position: fixed;
  top: 0;left:0;
opacity: 0.95;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
.menu.active { display:block;}   
.menu ul {
    width: 100%;
    display: list-item;
    text-align:left;margin: 0 auto; padding: 0.7; 
}
.menu ul li {
    display: inline-block; margin-right: 10px;font-size:1.4em; line-height: 78px;
   display: list-item;
    list-style: none;
    margin-top: 30px;
    text-align: center;
    color: #1faac3;
    font-size: 2em;
}
.menu ul li a { color:#1faac3; cursor: pointer;  }

/*humbugermenu*/

.bluebar { background-color:#1faac3; height:10px; /*position: fixed; */ width: 100%;/* top: 78px;*/}
/*header*/

/*gyoshoku*/

#gyoshoku h3 {display:none;}
#gyoshoku p { margin: 30px 0 30px 0;font-size: 1.4em; line-height: 1.8em;}
#gyoshoku p a {color:#1faac3;}
.ml20 {margin-left:20px;}
.mb30 { margin-bottom:30px;}
.button img { width:48%;}
@media screen and (max-width:769px) {
#gyoshoku .ml20 { margin-left:2%;}
#gyoshoku .mb30 { margin-bottom:10px;}
}
/*gyoshoku*/

/*attempt*/
#attempt .title { margin-top:10px;background-repeat: no-repeat; background-position: left top; background-image:url("../images/photo01.png");  min-height:160px; }
#attempt h3 {  padding-top: 10px;font-size:3.2em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
#attempt h4 { margin-left: 160px; padding-top: 0px;font-size:2.6em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
#cook h3,#publish h3,#events h3 { margin-left: 160px; padding-top: 0px;font-size:3.2em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
#attempt .sub,#cook .sub,#publish .sub,#events .sub {margin-left: 160px; font-size: 1.4em; line-height: 1.8em; margin-top:10px;}
#attempt p,#cook p,#publish p,#events p  {font-size: 1.4em; line-height: 1.8em; margin: 20px 0 20px 0;}
#attempt p a,#cook p a,#publish p a#events p a {color:#1faac3;}

@media screen and (max-width:1199px) {
    #attempt h3 {  padding-top: 10px;font-size:2.4em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
    #attempt h4 { margin-left: 160px; padding-top: 0px;font-size:1.8em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
    #cook h3,#publish h3,#events h3 { margin-left: 160px; padding-top: 0px;font-size:2.4em;color:#1faac3;font-family: 'M PLUS Rounded 1c', sans-serif;}
#attempt .sub,#cook .sub,#publish .sub,#events .sub {margin-left: 160px; font-size: 1.4em; line-height: 1.8em;}
#attempt p,#cook p,#publish p,#events p  {font-size: 1.4em; line-height: 1.8em; margin: 20px 0 20px 0;}
#attempt p a,#cook p a,#publish p a#events p a {color:#1faac3;}
}

/*attempt*/


/*cook*/
#cook .title {margin-top:20px;background-repeat: no-repeat; background-position: left top; background-image:url("../images/photo04.png");  min-height:160px;}
#cook h4,#events h4 {font-size:2em;font-family: 'M PLUS Rounded 1c', sans-serif; }
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
 .blueborder {background-image : linear-gradient(to right, #1faac3 8px, transparent 8px);
 background-size: 10px 1px;
 background-repeat: repeat-x; 
 background-position: left top;
width:90%; margin: 0 auto;}
/*cook*/



/*publish*/
#publish .title {margin-top:20px;background-repeat: no-repeat; background-position: left top; background-image:url("../images/photo05.png");  min-height:160px;}
#publish .enelog { text-align: center;}
@media screen and (max-width:769px) {
#publish .enelog .ml20 { margin-left:0;}
}
/*publish*/


/*events*/
#events .title {margin-top:20px;background-repeat: no-repeat; background-position: left top; background-image:url("../images/fukushima-fes-thumb.png");  min-height:160px;}
/*events*/

.snsarea { background-color:#535353;  text-align: center; }
.snsarea ul li { display:inline-block; margin-right: 30px; width: 32px;  padding: 5px;
  border: none;
  border-radius: 2px;
font-size: 1.8em;
  text-decoration: none; color:#ffffff;}
.snsarea ul li a {color:#ffffff;}
.snsarea ul li:last-child { margin-right: 0;} 


.fb {
  background-color: #3B5998;
  color: white;
}

.twitter {
  background-color: #000;
  color: white;
}

.footer { height:53px; background-color:#444444; color:#ffffff; font-size: 1.2em; width:100%;}
.footer ul { text-align: center; padding-top: 12px;}
.footer ul li { display:inline-block; padding-right: 45px; padding-left: 45px; line-height: 33px; font-size: 1.2em;border-right: 2px solid #ffffff; height: 33px; width:200px;}
.footer ul li a { color:#ffffff;}
.footer ul li:first-child { padding-left: 0; text-align: right; }
.footer ul li:last-child { padding-right: 0;border-right: none; text-align: left;}
.copyright {height:53px; color:#999999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#f4f4f4; line-height: 53px; font-size: 1em; text-align: center;}