/*
Theme Name: marikotanaka's theme
Theme URI: http://marikotanaka.jp
Description: marikotanaka's theme
Version: 1.0
Author: aki3xyz
Author URI: https://github.com/aki3xyz
*/

/* @media screen and (min-width: 480) { */
/* }                                    */
a {
  text-decoration: none;
}

/* ---------------------------------------------------------------------
 * Site Content
 * --------------------------------------------------------------------- */

.site-content {
  width: 820px;
  margin: 0 auto;
}


/* ---------------------------------------------------------------------
 * Social Link 
 * --------------------------------------------------------------------- */

.social-links-container {
  text-align: right;
}

.social-links-inner:hover {
  box-shadow:0px 0px 1px 1px #D48989;
  border-radius:100px;
}

.social-links-inner {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 0px;
}


/* ---------------------------------------------------------------------
 * Global Nav
 * --------------------------------------------------------------------- */
.gnav-container {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
}

.gnav-inner {
  display: block;
  width: 136px;
  height: 37px;
}

.gnav-inner:hover{
  border-bottom: 0.5px solid #D48989;
}

.gnav-inner {
  display: block;
  width: 136px;
  height: 37px;
}

.gnav-logo {
  top: -23px;
  height: 60px;
  width: 226px;
  border-radius: 0px;
}

.gnav-logoimg {
  height: 60px;
  width: 226px;
  border-radius: 0px;
}

.gnav-text-en {
  text-decoration: none;
  color: #333333;
  font-family: Cormorant Garamond;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
}

.gnav-text-ja {
  text-decoration: none;
  color: #333333;
  font-family: Noto Serif JP;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: center;
}

/* ---------------------------------------------------------------------
 * Hero
 * --------------------------------------------------------------------- */

.hero-container{
  margin-top: 38px;
  height: 511px;
  width: 746px;
}

.hero-bg1 {
  z-index:1;
  position: absolute;
  width: 535px;
  height: 354px;
  background: #F4F6F9;
}

.hero-bg2 {
  z-index:2;
  position: absolute;
  margin-top: 28px;
  margin-left: 440px;
  width: 487px;
  height: 483px;
}

.hero-bg3 {
  z-index:3;
  position: absolute;
  margin-top: 263px;
  margin-left: 13px;
  width: 427px;
  height: 183px;
}

.hero-message-container {
  z-index: 9;
  position: absolute;
  margin-top: 91px;
  margin-left: 223px;
  height: 111px;
  width: 328px;
}

.hero-message1 {
  position: absolute;
  margin-top: -25px;
  margin-left: 22px;
  height: 43px;
  width: 328px;
  font-family: Allura;
  font-size: 29px;
  font-style: normal;
  font-weight: 200;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  align-items: center;
  color: #333333;
}

.hero-message2 {
  position: absolute;
  height: 111px;
  width: 328px;
  font-family: Cormorant Garamond;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: 0em;
  text-align: center;
  align-items: center;
  color: #333333;
}

.hero-message3 {
  position: absolute;
  margin-top: 68px;
  height: 62px;
  width: 245px;
  font-family: Noto Serif JP;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: center;
  align-items: center;
  color: #333333;
}

.hero-message-link {
  color: #D36060;
}

.hero-message-link:hover {
  border-bottom: 0.5px solid #D48989;
}