@charset "utf-8";

/* hinamincho */
.hina-mincho-regular {
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
  color: #595755;
}
a {
  color: #595755; /* 押す前の色 */
  text-decoration: none; /* デフォルトの下線をなくす */
  position: relative; /* 疑似要素の基準位置 */
  transition: color 0.3s ease; /* 色変化を滑らかにする */
}

a:visited {
  color: #817781;/* 訪問済みのリンク */
}

a::after {
  content: '';
  position: absolute;
  bottom: -2px; /* リンクの少し下に線を出す */
  left: 0;
  width: 0; /* 初期状態では線を非表示 */
  height: 2px; /* 線の太さ */
  color: purple; /* 線の色 */
  transition: width 0.3s ease-out; /* 線の変化を滑らかにする */
}

 /* ホバー時の色 (クリック前でも色を変えたい場合) */
a:hover {
  color: #b8c0e8;
}

/* ホバー時に線を右に伸ばす */
/* a:hover::after {
  width: 100%; 
} */

/* クリック（アクティブ状態）時のスタイル */
a:active {
  color: #f1cee1; /* クリック時の色 */
}

/* a:active::after {
  width: 100%; クリック時も線を右に伸ばす
} */


/* 全ページ共通 */
p{
   font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #595755;  
}
h2{
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    color: #595755;
}
h3{
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    color: #595755;
}
h4{
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    color: #595755;
}
h5{
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #595755;
}
.center{
    text-align: center;
}
.displayflex{
    display: flex;
}

body {
  width: 100%;
  height: 100vh;
  background-color: #f2ece7;
  margin: 0; /* bodyのデフォルトの余白をリセット */

  /* サイト全体を中央揃えにする */
  display: flex;
  flex-direction: column; /* コンテンツを縦に並べる */
  align-items: center; /* 左右の中央に寄せる */
}


/* wrapper */
#wrapper{
    background-color: #f2ece7;
    max-width:1440px;
    margin: 0 auto; /* 左右を自動で均等に設定し、中央に配置 */
}
#wrapper02{
    background-color: #dfe0e5;
    max-width:1440px;
    margin: 0 auto; /* 左右を自動で均等に設定し、中央に配置 */
}




/* ヘッダー */
.headerbox{
    background-color: #f2eae2;
    padding: 50px;
}
.parasen-p{
  font-size: 10px;
  text-align: center;
}
.omokata-rogo{
  font-size:40px ;
  text-align: center;
  margin-bottom: 20px;
}
.nav-div{
    display: flex;
    padding: 20px;
}
.nav-div-bou{
    text-align: center;
    padding: 0px;
}

.first-view{
    display: flex;
    justify-content: center;
    width: 1440px;
}




/* はじめまして */
.hazimemasite{
    margin: 0px 100px 100px 550px;
    width: 430px;
    height: 225px;
    text-align: center;
}
.hazih2{
    font-size: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
}
.hazip{
    font-size: 14px;
    margin-left: 60px;
    color: #393837;
    width: 500px;
}

/* トップ、想いとパラジウム */

.section{
    margin-top: 100px;
    margin-left: 200px;
}
.omopara{
    display:flex;
    text-align: center;
    width:930px;
    margin: 10px 100px 50px 100px;
}

.h3{
    font-size: 36px;
    margin-bottom: 10px;
    width: 500px;
}
.h3-maru{
    font-size: 20px;
}
.motto-maru{
    font-size: 12px;
}

.omop{
    font-size: 14px;
    margin-left: 30px;
}

.motto{
    font-size: 18px;
    margin:25px 10px 10px 20px;
    width: 500px;
    margin-top: 40px;
}
.margin{
    margin: 200p;
}

.motto2{
    font-size: 18px;
    margin:40px 10px 10px 20px;
    width: 500px;
    margin-top: 40px;
}

.motto-deka{
    font-size: 30px;

}
.omoi-yazi{
    padding: 10px;
    margin-left: -100px;
    margin-bottom: 20px;
}

/* トップ、オモイのカタチ。 */

.titlediv{
    width: 500px;
    margin: 200px 0px 0px 150px;
}

.title{
    font-size: 36px;
    margin-bottom: 10px;
}

.titlep{
    font-size: 14px;
    margin-left: 30px;
    width: 800px;
}

.katachi-img{
    margin-top: 50PX;
}

.katachi-img-01{
    text-align: center;
}

.katachi-div01{
    display: flex;
    padding: 20px;
    margin-top: 100px;
}
.katachi-div01-1{
    padding: 20px;
    margin-left: 200px;
}

.katachi-ring-h401{
    font-size: 38px;
    margin-top: 100px;
    margin-left: 200px;
}
.katachi-ring-p01{
    font-size: 18px;
    margin-top: 300px;
    margin-left: 100px;
}

.katachi{
    display: flex;
    /* border: 1px solid #000; */
    margin-left: 950px;
    margin-top: 50px;
}
.yazi-magin{
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 10px;
}
.katachi-motto{
    font-size: 18px;
    margin-left: 30px;
    width: 350px;
}





/* トップ、ナツのオモイのカタチ */
.natsu-ring-div{
    display: flex;
    margin-top: 100px;
}
.natsu-ring-div01{
    display: flex;
    width: 600px;
    padding: 50px;
    margin-left: 150px;
}
.natsu-ring-div02{
    display: flex;
    width: 600px;
    padding: 50px; 
}
.natsu-ring-title01{
    font-size: 48px;
    margin-top: 100px;
    color: #595755;
}
.natsu-ring-p01{
    font-size: 20px;
    margin-left: 50px;
    margin-bottom: 50px;
}
.natstu-motto{
    font-size: 18px;
    margin-left: 30px;
    width: 600px;
}

/* トップ、君への片想いが終わる時。 */

.titlekimi{
    margin: 200px auto 50px auto;
    width: 1027px;
}
.kimikata{
    text-align: center;
}
.kimikata-div{
    margin: 50px auto 0px 320px;
    display: flex;
    width: 800px;
}
.kimikata-yazi{
    margin-top: 50px ;
    margin-right: 30px;
    margin-left: 20px;
}
.kimikata-botan{
    font-size: 18px;
    margin-top: 50px;
    margin-left: 20px;
    width: 600px;
}



/* トップ、休憩室 */
.kyuukei-div{
    margin-left: 350px;
}
.kyu-p{
    margin-top: 0px;
    margin-left: 20px;
    font-size: 18px;
}
.k{
    display: flex;
    margin-left: 380px;
    margin-top: 10px;
    padding: 20px;
}
.k-yazi{
    margin-top: 50px;
    margin-left: 20px;
}

/* トップ、オモカタ場所 */
.secmag200{
    margin: 200px;
}
.comment-p{
    font-size: 14px;
    margin-bottom: 50px;
    margin-left: 30px;
    width: 800px;
}
.shop-div{
    display: flex;
    margin: 0px auto 0px auto;
    width: 1085px;
    padding: 0px;
}
.shop-div-02{
    padding: 20px;
    margin-top: 20px;
}
.shop-div-03{
    padding: 20px;
    margin-top: 20px;
}
.shop-div-04{
    padding: 20px;
    margin-top: -25px;
    width: 500px;
}
.google-map{
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}

.shop-div p{
    font-size: 16px;
}
.shop-tenmei{
    font-size: 30px;
}


/* トップ、メッセージ */
.message-p{
    font-size: 18px;
    text-align: center;
    margin: 150px auto 150px auto;
}

/* トップ、フッター */
footer{
    background-color: #c1aa9d;
   
    height: 200px;
    
}
.copy{
    text-align: center;
    padding: 20px;
}

.ft-nav{
    display: flex;
    margin-left: 450px;
    margin-top: 20px;
}

.parasen-p-ft{
  font-size: 10px;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
}
.omokata-rogo{
  font-size:40px ;
  text-align: center;
  margin-bottom: 20px;
}





/* 下層ページゾーーーーーーーーーーーーン */

/* 下層ページタイトル４８ｐｘ */
.kasou-title{
    padding: 80px;
    margin-left: 100px;
    font-size: 48px;
}
/* 下層、オモイのカタチの想い。 */
.rogo-img{
    position: relative;
}
.omi-title{
    padding: 50px;
    margin-bottom: 70px;
    font-size: 60px;
    text-align: center;
}
.omoi-title01{
    padding: 50px;
    margin-left: 150px;
    font-size: 30px;
}
.omoi-title01-div{
    margin-left: 230px;
    margin-top: -40px;
    margin-bottom: 60px;
}
.omoi-title01-p{
    font-size: 18px;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: 500px;
}
.omoi-title01-p02{
    font-size: 18px;
    margin-left: 400px;
    margin-top: 50px;
}
.omoi-title01-p03{
    font-size: 18px;
    margin-left: 50px;
    margin-top: 70px;
}
.omoi-flex{
    display: flex;
}
.omoi-dekamozi-01{
    font-size: 30px;
    margin-left: 100px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.omoi-dekamozi-02{
    font-size: 20px;
    margin-left: 200px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.omoi-dekamozi-03{
    font-size: 40px;
    margin-left: 250px;
    margin-top: 50px;
    margin-bottom: 50px;
}




.omoi-div{
    display: flex;
}
.omoi-last-div{
    padding: 50px;
    margin-left: 200px;
    margin-top: 150px;
    display: flex;
}
.omoi-last-p01{
    font-size: 20px;
}
.omoi-last-p02{
    font-size: 20px;
    text-align: center;
    margin: 100px 100px 150px 100px;
}
.omoi-dekamozi{
    font-size: 48px;
}



/* 下層、商品紹介オモイのカタチ。ページ */
.katachi-div{
    display: flex;
}
.ring-titlip01{
    font-size: 18px;
    margin-left: 930px;
}
.ring-titlip02{
    font-size: 18px;
    margin-left: 960px;
}

.ring-title{
    display: flex;
}
.ring-div01{
    padding: 100px 100px 0px 0px;
    margin-left: 220px;
    margin-bottom: 50px;
}
.ring-div02{
    padding: 100px;
}
.ring-div02-01{
    padding: 100px 100px 100px 60px;
    margin-top: 5px;
}
.ring-div02-02{
    padding: 100px 100px 100px 90px;
    margin-top: 22px;
    margin-left: -15px;
}
.ring-div03{
    padding: 100px;
}
.ring-div03-01{
    padding: 100px;
    margin-top: 10px;
}
.ring-div03-02{
    padding: 100px;
    margin-top: 20px;
    margin-left: -25px;
}
.ring-title h4{
    font-size: 36px;
}
.ring-title p{
    font-size: 14px;
    margin-top: 50px;
}
.ring-tenpo-div{
    display: flex;
    padding: 100px;
    margin-left: 300px;
}
.ring-tenpo-yazi{
    margin-left: -480px;
}
.ring-tenpo-p{
    margin-left: 20px;
    font-size: 24px;
}


/* 下層、プライバシーポリシー*/

.omoi{
    padding: 50px 100px 100px 100px;
}
.omoi-margin{
    margin-bottom: 30px;
}
.omoi h3{
    font-size: 48px;
    margin-bottom: 30px;
}
.omoi h4{
    font-size: 20px;
    margin-bottom: 10px;
}
.omoi p {
    font-size: 14px;
}
.pri-magin{
    margin-bottom: 150px;
}

/* 下層、パラジウムのお話。 */
.para-00{
    padding: 50px;
    margin-left: 50px;
    font-size: 48px;
}
.para-01{
    font-size: 18px;
    margin-left: 800px;
}
.para-img{
    display: flex;
    padding: 50px 150px 100px 150px;
}
.para-imgmozi{
    padding: 0px 150px 100px 150px;
}

/* 下層、夏のカタチ */
.natu-back{
background-color: #dfe0e5;
}
.natsu-kisetsu{
    font-size: 20px;
    margin-left: 1000px;
}
.natsu-img{
    padding: 50px;
    margin-left: 200px;
    margin-top: 100px;
}
.aoi-margin{
    margin-top: 60px;
}
.nastu-message{
    font-size: 48px;
    text-align: center;
    padding: 100px;
}
.natsu-last-p01{
    font-size: 20px;
    padding: 20px; 
    margin-left: 450px;
    margin-top: 100px;
}
.natsu-last-p02{
    font-size: 20px;
    padding: 50px;
    margin-left: 650px;
    margin-bottom: 100px;
}

.nastu-deka{
    font-size: 50px;
}



/* 下層、オモカタ休憩室 */
.kyuukei-title{
    padding: 100px 100px 10px 100px;
    margin-left: 50px;
    font-size: 48px;
    text-align: center;
}
.kyuukei-title-p{
    margin-left: 50px;
    font-size: 18px;
    text-align: center;
}
.kyuukei-h4{
    margin: 100px auto 0px auto;
    width: 1150px;
}
.kyuukei-gazou{
    padding: 50px;;
}
.kyuukei-last-p01{
    font-size: 36px;
    padding: 20px; 
    margin-left: 300px;
    margin-top: 100px;
}
.kyuukei-last-p02{
    font-size: 28px;
    padding: 50px;
    margin-left: 450px;
    margin-bottom: 100px;
}
.kyuukei-modoru-div{
    display: flex;
    margin: 100px 0px 150px 350px;
}
.modoru-yazi{
    margin-left: 500px;
    margin-right: 20px;
}
.modoru-p{
    font-size: 18px;
    margin-top: 5px;
    margin-right: 10px;
}

/* 下層、映画キミカタページ */
.eiga-kinen{
    font-size: 24px;
    padding: 100px 100px 15px 100px;
}
.eiga-h3{
    font-size: 48px;
    margin-left: 150px;
    margin-bottom:20px;
}
.eiga-h4{
    font-size: 43px;
    margin-left: 250px;
}
.eiga-div01{
    display: flex;
    width: 1200px;
    margin: 100px auto 100px auto;
}
.eiga-div02{
    padding: 20px 50px 20px 50px;
}
.eiga-p01{
    font-size: 22px;
    margin-left: 0px;
    margin-top: -20px;
}
.eiga-p02{
    font-size: 19px;
    margin-left: 250px;
    margin-top: 20px;
}
.eiga-p03{
    font-size: 15px;
    margin-top: 30px;
    margin-left: 20px;
}
.eiga-p04{
    font-size: 15px;
    margin-top: 30px;
    margin-left: 330px;
}
.eiga-titlep{
    font-size: 16px;
    margin-left: 230px;
}
.eiga-ring-div01{
    display: flex;
    width: 600px;
    padding: 50px;
    margin-left: 150px;
}
.eiga-ring-div02{
    display: flex;
    width: 700px;
    padding: 50px; 
}
.eiga-ring-title01{
    font-size: 48px;
    margin-top: 200px;
}
.eiga-ring-title02{
    font-size: 48px;
    margin-top: 200px;
    margin-left: 25px;
}
.eiga-ring-p01{
    font-size: 20px;
    margin-left: 20px;
}
.eiga-ring-p02{
    font-size: 20px;
    margin-left: 50px;
}

.eiga-last-p01{
    font-size: 36px;
    padding: 20px; 
    margin-left: 300px;
    margin-top: 100px;
}
.eiga-last-p02{
    font-size: 28px;
    padding: 50px;
    margin-left: 750px;
    margin-bottom: 100px;
}
.eiga-modoru-div{
    display: flex;
    margin: 50px 100px 200px 350px ;
}
.eiga-modoru-div02{
    display: flex;
    margin:-150px 100px 200px 350px ;
}
.eiga-modoru-yazi{
    margin-left: 500px;
    margin-right: 20px;
    margin-top: 20px
}



/* 下層、お問い合わせページ */
.otoi-kochira{
    padding: 50px;
    text-align: center
}
.otoi-h5{
    font-size: 18px;
    margin-left: 440px;
    padding: 10px;
    margin-top: 50px;
}
.otoi-h5-02{
    font-size: 18px;
    margin-left: 440px;
    padding: 50px 30px 20px 10px;
    margin-bottom: 0px;
}
.otoi-p-div{
    display: flex;
    margin-left: 450px;
}
.otoi-p-01{
    padding: 10px;
}
.otoi-p-02{
    padding: 10px;
    margin-left: 300px;
}
.otoi-p-03{
    text-align: center;
    font-size: 12px;
    margin-top: -20px;
    margin-left: 280px;
}
.otoi-p-04{
    text-align: center;
    font-size: 20px;
    padding: 10px;
}
.otoi-p-05{
    text-align: center;
    font-size: 18px;
    margin-top: 100px;
    margin-left: 50px;
}
.otoi-div01{
    width: 280px;
    height: 50px;
    background-color: #f2eae2;
    padding: 20px;
    border-radius: 3px;
}
.otoi-div02{
    width: 280px;
    height: 50px;
    background-color: #f2eae2;
    margin-left: 50px;
    border-radius: 3px;
}
.otoi-div03{
    width: 600px;
    height: 50px;
    background-color: #f2eae2;
    margin-left: 450px;
    display: flex;
    border-radius: 3px;
}
.otoi-div04{
    width: 600px;
    height: 370px;
    background-color: #f2eae2;
    margin-left: 450px;
    margin-top: 15px;
    border-radius: 3px;
}
.otoi-div05{
    width: 20px;
    height: 20px;
    background-color: #dfe0e5;
    margin-left: 250px;
    padding: px;
    margin-top: 15px;
    border-radius: 3px;
}
.otoi-div06{
    width: 150px;
    height: 50px;
    background-color: #f2eae2;
    margin-left: 450px;
    margin-top: 80px;
    margin-bottom: 150px;
    border-radius: 3px;
}
.df{
    display: flex;
}

/* ひとつのオモイのカタチ。 */
.hitotsu-title-p{
    font-size: 18px;
    margin-left: 500px;
}

.hitotsu-div{
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}
.hitotsu-div01{
    padding: 50px;
}
.hitotsu-div02{
    padding: 80px;
}
.hitotsu-h4{
    font-size: 72px;
    margin-left: 200px;
    margin-top: 200px;
}
.hitotsu-h4-p{
    font-size: 18px;
    margin-left: 460px;
}
.hitotsu-p-01{
    font-size: 18px;
    margin-left: 300px;
    margin-top:0px ;
}
.hitotsu-p-02{
    font-size: 24px;
    margin-left: 700px;
    margin-bottom: 30px;
    margin-top: 50px;
    padding: 50px;
}
.hitotsu-p-03{
    font-size:20px ;
    margin-left: 300px;
    margin-bottom: 50px;
    padding: 50px;
}
.hitotsu-p-04{
    font-size: 18px;
    margin-left: 500px;
    margin-bottom: 30px;
}

.hitotsu-p-04{
    font-size: 18px;
    margin-left: 800px;
    margin-bottom:30px ;
}
.hitotsu-p-05{
    font-size: 18px;
    margin-left: 400px;
    margin-bottom:150px ;
}

.muchuu{
    font-size: 48px;
}