@charset "utf-8";
@media  (max-width:780px) {
    
    /*#top {background-color: #fff0f5;}*/
   
    .head_img img { width: 100%; height: auto;}
   
    .js #menu-headnav {	display: none;}
    .js .slicknav_menu { display: block; position: fixed; top:10px; right: 0px; z-index: 999; width: 100%; }
    #main_menu { display: block; width: 100%; }
    #main_menu a { text-align: center; }
    #main_menu a:hover { text-align: center; }
   
   
    section { text-align: center;}


    /*タイトル見出し*/
    .caption { width: 90%; text-align: center; padding: 10% 5%; }
    .caption li:nth-child(1) { font-family: 'Noto Serif JP', serif;}
    .caption li:nth-child(2) { font-family: 'Noto Serif JP', serif; font-size: 24px; margin-top: 10px;}
    .caption li:nth-child(3) { display: block; font-size: 14px; padding: 0 5%; text-align: left; margin: 20px auto 0 auto; line-height: 180%; }
    .caption li:nth-child(3) span {color:#cb3279; font-weight:bold; }
    .caption li:nth-child(4) { font-family: 'Noto Serif JP', serif; font-size: 24px; margin-top: 30px;}
    .caption li:nth-child(5) { display: block; width: 90%; padding: 0 5%; text-align: left; margin: 20px auto 0 auto; line-height: 180%; }
    .caption h1 { font-family: 'Noto Serif', serif; font-size: 30px; margin-top: 10px; font-weight: normal; }
    .caption img { width: 100%; height:auto; margin: 30px 0; }
    .caption a img { width: 100%; height:auto; margin: 30px 0; box-shadow: 0px 10px 5px -5px #ccc;}


    /*プラン料金*/
    .specialplan { width: 90%; margin: 20% 5% 20% 5%;}
    .specialplan h2 { font-size: 24px; font-family: 'Noto Serif JP', serif; color: #cb3279; text-align: center;}
    .specialplan ul { width: 100%; list-style: none;}
    .specialplan_detail { width: 100%; text-align: left; list-style: none; padding: 10% 0; }
    .specialplan_detail img {width: 100%; height: auto;}
    .specialplan_detail li:nth-child(2)  { font-size: 14px; margin: 10px 0 10px 0; color: #333; line-height: 1.2; }
    .specialplan_detail li:nth-child(3) { font-size: 10px; color: #333; line-height: 1.2; }
    .specialplan_detail span {color:#cb3279; font-weight: bold; }
    .option {width: 90%; padding: 5%; border: solid 2px #DA537F; border-radius: 5px;}
    .option li:nth-child(1) { text-align: center; font-size: 20px; color: #cb3279; padding: 10px 0 20px 0; }
    .option li:nth-child(2) { text-align: left; font-size: 14px; line-height: 1.2; }
    .option span { color: #cb3279; font-weight: bold; }
    
    /*テキスト*/
    .text { width: 90%; margin: 20% 5% 20% 5%;}
    .text h2 { font-size: 24px; font-family: 'Noto Serif JP', serif; color: #cb3279; text-align: center;}
    .text ul { list-style: none; line-height: 1.2; padding: 10% 0; }
    .text li { font-size: 15px; margin-bottom: 12px; color: #333; }
    .text img { width: 100%; height:auto; margin: 30px 0; }
    .text a img { width: 100%; height:auto; margin: 30px 0; box-shadow: 0px 10px 5px -5px #ccc;}
    .text span {color:#cb3279; font-weight:bold; }
   
   
    /*バナー*/
    .banner_area { width: 90%; text-align: center; margin: 30px 5% 30px 5%;}
    .banner_area img { width: 100%; height: auto;}
   
   
    /* SNSフォロー */
       .snsfollow_area { width: 100%; margin: 60px 0 60px 0; padding: 20px; text-align: center;}
       .snsfollow {padding: 30px; text-align: center; }
       .snsfollow_title { color: #444; list-style: none; }
       .snsfollow_title li { color: #E95377; font-size: 20px; padding-bottom: 20px;}
       .snsfollow_title li:nth-child(2) { color: #666; font-size: 16px; }
       /* ボタン全体 */
       .flowbtn10{display:inline; padding-inline:40px; font-size:42px; text-decoration:none; transition:.5s; color:#444; }
       /* インスタ・pocket・ラインだけ少し大きく */
       .flowbtn10 .fa-instagram, .fa-line{font-size:45px;}
       /* Instagramマウスホバー時 */
       .flowbtn10 .fa-instagram:hover{color:#c6529a; }
       /* Facebookマウスホバー時 */
       .flowbtn10 .fa-facebook-f:hover{color:#3b5998; }
       /* ulタグの内側余白を０にする */
       ul.snsbtniti{padding:0!important; }
       /* アイコン全体の位置 */
       .snsbtniti{display:inline-flex; flex-flow:row wrap; justify-content:space-between;	}
       /* アイコン同士の余白 */
       .snsbtniti li{flex:0 0 33%; text-align:center!important; }
   
   
   
    /* FOOTER */
    footer { width: 100%;  min-width: 360px; max-width: 780px; margin: 0 auto;}
    .map_area { display: flex; flex-wrap: wrap; background: #fff0f5; }
    #map {order:2; width: 100%; height: 300px; margin: 20px auto 40px auto;}
    #map iframe {width: 100%;  height: 100%;}
    #access {order:1; min-width: 360px; margin: 20px auto 20px auto; text-align: center;}
    #access li { margin-top: 5px;}
    #access li:nth-child(1) { font-family: 'Noto Serif JP', serif; font-size: 24px;}
    #access li:nth-child(2) { margin-top: 25px;}
    #access li:nth-child(3) { font-family: 'Noto Serif JP', serif; font-size: 24px; margin-top: 5px;}
    #access li:nth-child(4) { margin-top: 8px;}
   
    .footer_menu_area { width: 100%; min-width: 360px; text-align: center; margin: 25px 0 0 0;}
    .footer_menu {display: none;}
   
    .bottom_glay { width: 100%; min-width: 360px; font-size: 12px; text-align: center; }
   
   }
   

 
@media (min-width:781px) {

    #top {background-image: url(../img/sakura_back.png); background-repeat: repeat; background-position: top;}
   
    .head_img { height: auto; text-align: center; }
    .head_img img { width:780px; height: auto; }
   
    .js #menu-headnav { display: none;}
    .js .slicknav_menu { display: block; position: fixed; top:10px; right: 0px; z-index: 999; width: 100%; }
    #main_menu { display: block; width: 100%; }
    #main_menu a { text-align: center; }
    #main_menu a:hover { text-align: center; }
   
   
    section { text-align: center;}    
  
    /*タイトル見出し*/
    .caption { width: 780px; text-align: center; margin: 80px auto 0 auto; }
    .caption li:nth-child(1) { font-family: 'Noto Serif JP', serif;}
    .caption li:nth-child(2) { font-family: 'Noto Serif JP', serif; font-size: 30px; margin-top: 15px}
    .caption li:nth-child(3) { margin-top: 30px; font-size: 16px; line-height: 170%}
    .caption li:nth-child(3) span { color: #cb3279; font-weight: bold; }
    .caption li:nth-child(4) { font-family: 'Noto Serif JP', serif; font-size: 30px; margin-top: 15px;}
    .caption li:nth-child(5) { margin-top: 30px;}
    .caption h1 { font-family: 'Noto Serif', serif; font-size: 30px; margin-top: 10px; font-weight: normal; }
    .caption img { width: 100%; height:auto; margin: 30px 0; }
    .caption a img { width: 100%; height:auto; margin: 30px 0; box-shadow: 5px 5px 10px 0 #ccc;}




    /*プラン料金*/
    .specialplan { width: 780px; text-align: center; margin: 80px auto 0 auto; padding: 40px 0;}
    .specialplan h2 { font-size: 30px; font-family: 'Noto Serif JP', serif; color: #cb3279; text-align: center;}
    .specialplan ul { width: 100%; list-style: none;}
    .specialplan_detail { width: 100%; text-align: left; list-style: none; padding: 5% 0; }
    .specialplan_detail img {width: 100%; height: auto;}
    .specialplan_detail li:nth-child(2)  { font-size: 18px; margin: 10px 0 10px 0; color: #333; line-height: 1.2; }
    .specialplan_detail li:nth-child(3) { font-size: 14px; color: #333; line-height: 1.2; }
    .specialplan_detail span {color:#cb3279; font-weight: bold; }
    .option {width: 60%; margin: 0 15%; padding: 5%; border: solid 2px #DA537F; border-radius: 5px;}
    .option li:nth-child(1) { text-align: center; font-size: 20px; color: #cb3279; padding: 10px 0 20px 0; }
    .option li:nth-child(2) { text-align: left; font-size: 18px; line-height: 1.2; }
    .option span { color: #cb3279; font-weight: bold; }
   
    
    /*テキスト*/
    .text { width: 780px; text-align:center; margin: 80px auto 0 auto; line-height: 1.2;}
    .text h2 { font-size: 30px; font-family: 'Noto Serif JP', serif; color: #cb3279; text-align: center;}
    .text ul { width: 100%; min-width: auto; text-align: left; list-style: none; padding: 30px 0; }
    .text li { font-size: 16px; margin-bottom: 12px; color: #333; }
    .text img { width: 100%; height:auto; margin: 30px 0; }
    .text a img { width: 100%; height:auto; margin: 30px 0; box-shadow: 5px 5px 10px 0 #ccc;}
    .text span {color:#cb3279; font-weight: bold; }
   

    /* よくあるご質問
    .faq{width: auto; padding: 20px 0; }
   
      details {border: 1px solid #ccc;}
      details {width: 90%; margin: 20px auto 0 auto; background: #f4eeee; }
      details summary {list-style: none; position: relative; cursor: pointer; text-align: left; padding: 15px; color: #444;
        font-family: 'Noto Serif', serif; font-size: 18px; transition: .5s }
      details summary::-webkit-details-marker { display: none; }
   
      details summary::before {font-family: FontAwesome; content: '\f055'; margin-right: 20px; color: #cb3a3e; }
   
      details[open] summary::before { content: '\f056';}
   
      details p {margin: 0; padding: 10px; text-align: left; font-size: 18px; line-height: 130%; }
      details span {color:#E58B93; font-weight: bold; }
   
      details li {text-align: center; list-style: none; margin-bottom: 30px; font-size: 20px; font-family: 'Noto Serif', serif; }
    */
   
    /*バナー*/
    .banner_area { width: 780px; margin: 40px auto; text-align: center;}
    .banner_area img { width: 100%; height: auto;}
   
   
    /* SNSフォロー */
       .snsfollow_area { width: 100%; margin: 60px 0 60px 0; padding: 20px; text-align: center;}
       .snsfollow { width: 780px; margin: auto; padding: 30px 0; text-align: center; background-color: #fff;}
       .snsfollow_title { color: #444; list-style: none; }
       .snsfollow_title li { color: #E95377; font-size: 20px; padding-bottom: 20px;}
       .snsfollow_title li:nth-child(2) { color: #666; font-size: 16px; }
       /* ボタン全体 */
       .flowbtn10{display:inline; padding-inline:40px; font-size:42px; text-decoration:none; transition:.5s; color:#444; }
       /* インスタ・pocket・ラインだけ少し大きく */
       .flowbtn10 .fa-instagram, .fa-line{font-size:45px;}
       /* Instagramマウスホバー時 */
       .flowbtn10 .fa-instagram:hover{color:#c6529a; }
       /* Facebookマウスホバー時 */
       .flowbtn10 .fa-facebook-f:hover{color:#3b5998; }
       /* ulタグの内側余白を０にする */
       ul.snsbtniti{padding:0!important; }
       /* アイコン全体の位置 */
       .snsbtniti{display:inline-flex; flex-flow:row wrap; justify-content:space-between;	}
       /* アイコン同士の余白 */
       .snsbtniti li{flex:0 0 33%; text-align:center!important; }
   
   
   
    /* FOOTER */
    footer { width: 100%;  min-width: 360px; max-width: 780px; margin: 0 auto;}
    .map_area { display: flex; flex-wrap: wrap; background: #fff0f5; }
    #map {order:2; width: 100%; height: 300px; margin: 20px auto 40px auto;}
    #map iframe {width: 100%;  height: 100%;}
    #access {order:1; min-width: 360px; margin: 20px auto 20px auto; text-align: center;}
    #access li { margin-top: 5px;}
    #access li:nth-child(1) { font-family: 'Noto Serif JP', serif; font-size: 24px;}
    #access li:nth-child(2) { margin-top: 25px;}
    #access li:nth-child(3) { font-family: 'Noto Serif JP', serif; font-size: 24px; margin-top: 5px;}
    #access li:nth-child(4) { margin-top: 8px;}
   
    .footer_menu_area { width: 100%; min-width: 360px; text-align: center; margin: 25px 0 0 0;}
    .footer_menu {display: none;}
   
    .bottom_glay { width: 100%; min-width: 360px; font-size: 12px; text-align: center; }
   
   }