@charset "UTF-8";

/*
Theme Name: WATANABE YU 2026
Description: WATANABE YU PHOTO STUDIO のホームページ
Theme URI: 
Author: Watanabe Yu
Author URI: watanabe-yu.jp
Version: バージョン
License: ライセンス
License URI: watanabe-yu.jp
*/

/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd  {}
li                   {list-style:none;}
input,textarea       {font-size: 1em;}
img                  {border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}


@font-face {
  font-family: "Futura-Dem";
  font-weight: 900;
  src: local("Futura Demi"),
       local("Futura-Dem"),
       url("https://watanabe-yu.jp/wp/wp-content/themes/watanabe-yu/font/Futura-Dem.woff") format("woff"),
       url("https://watanabe-yu.jp/wp/wp-content/themes/watanabe-yu/font/Futura-Dem.ttf") format("truetype");
}

@font-face {
  font-family: "Futura-Book";
  font-weight: 900;
  src: local("Futura Book"),
       local("Futura-Boo"),
       url("https://watanabe-yu.jp/wp/wp-content/themes/watanabe-yu/font/Futura-Boo.woff") format("woff"),
       url("https://watanabe-yu.jp/wp/wp-content/themes/watanabe-yu/font/Futura-Boo.ttf") format("truetype");
}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body              {font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;                  
                   font-size: 80%;line-height: 2;color: #207a98;letter-spacing: 0.12em;font-weight: 500;background: #f9f5f0;}
em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: none;color: #207a98;}
a:link            {}
a:hover           {text-decoration: none;}
a:visited         {}
a:active          {}
input,textarea    {margin: 3px;padding: 2px;}

hr{
	height: 0; /*高さをリセット*/
	margin: 0; /*マージンをリセット*/
	padding: 0; /*パディングをリセット*/
	border: 0; /*ボーダーをリセット*/
}

.sp               {display: none;}
.fit img          {width: 100%;height: 100%;object-fit: cover;}
.center           {text-align: center;}
.futura           {font-family: "Futura-Dem";}
.aven             {font-family: "AvenirNextLTPro-Demi"; /* font-family: "AvenirNextLTPro-Medium"; */}
.left             {float: left;}
.right            {float: right;}

body.no-scroll    {overflow: hidden;}

.insta_icon       {width: 52px;}


/* header ---------------------------------------------------------------------------------------------------------------------- */
#head_wrapper        {width: 100%;height: auto;margin: 0;padding: 58px 0 0;display: block;}
#head_wrapper::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#header              {width: 87%;margin: auto;}
#header #id          {width: 230px;}
#header #id img      {width: 100%;}

/* foot_wrapper ---------------------------------------------------------------------------------------------------------------- */
#foot_wrapper        {width: 100%;padding: 80px 0 36px;display: block;background: #f4f0ea;}
#foot_wrapper::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}

/* footer */
#footer              {width: 90%;margin: auto;}
#footer::after       {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#footer .left_box    {float: left;}
#footer .right_box   {float: right;text-align: right;}

/* foot_nav */
#foot_nav li         {font-size: 20px;margin: 0 0 30px;font-family: HelveticaLTPro-Bold;line-height: 150%;letter-spacing: 0.05em;}
#foot_nav li a       {color: #207a98;line-height: 100%;text-decoration: none;}

/* data_box */
#footer #data_box     {font-size: 20px;color: #207a98;line-height: 150%;}
#footer #data_box ul  {clear: both;}
#footer #data_box li  {font-size: 16px;letter-spacing: 0.05em;font-family: HelveticaNeueLTPro-Md;}
#footer #data_box li a{}

#foot_id             {width: 230px;margin: 0 0 40px;float: right;}
#foot_id img         {width: 100%;}

/* copy */
#copy                {width: 100%;height: 20px;padding: 20px 0;text-align: right;clear: both;}
#copy small          {font-size: 12px;letter-spacing: 0.05em;font-family: HelveticaNeueLTPro-Md;}

/* nav ------------------------------------------------------------------------------------------------------------------------- */
#nav_id           {width: 87%;margin: auto;padding: 58px 0 0;}
#nav_id h2        {width: 230px;}
#nav_id h2 img    {width: 100%;}

/* home ------------------------------------------------------------------------------------------------------------------------ */
#home             {}

#home .block-bg          {transition: all .7s ease;}
#home .block-bg.isAnimate{background: #1e6076;}
#home .block-bg .wrapper        {display: block;clear: both;}
#home .block-bg .wrapper::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}

#home .bg-color          {padding-bottom: 110px;}
#home .container         {padding-top: 110px;}


/* main */
#home #main               {width: 926px;height: auto;margin: auto;padding: 70px 0 0;}
#home #main::after        {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#home #main .image        {width: 100%;height: 616px;margin: 0 0 18px;position: relative;overflow: hidden;background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;}
#home #main.main1 .image  {background-image: url(images/main1_pc.jpg);}
#home #main.main2 .image  {background-image: url(images/main2_pc.jpg);}
#home #main.main3 .image  {background-image: url(images/main3_pc.jpg);}
#home #main.main4 .image  {background-image: url(images/main4_pc.jpg);}


/* container */
#home .container                {width: 350px;margin: auto;color: #207a98;}
#home .container::after         {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#home .container h2             {margin: 0 0 40px;font-size: 35px;line-height: 115%;font-family: HelveticaLTPro-Roman;letter-spacing: 0.03em;}
#home .container .pick_post     {margin: 0 0 80px;}
#home .container .pick_post::after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
#home .container .pick_post h2  {margin: 0 0 20px;font-size: 20px;line-height: 150%;}
#home .container .date          {margin: 0 0 20px;font-size: 13px;}
#home .container .text_btn      {margin: 0 0 30px;font-size: 12px;letter-spacing: 0.05em;font-family: HelveticaNeueLTPro-Md;}
#home .container .text_btn a    {color: #207a98;padding: 0;text-decoration: none;border-bottom: solid 1px #207a98;}
#home .container .text          {margin: 0 0 30px;font-size: 12px;line-height: 200%;}
#home .container .image         {margin: 0 0 20px;}
#home .container .image img     {width: 100%;}
/* #home .container .fit           {width: 486px;height: 298px;} */
#home .container .view_btn      {font-size: 12px;letter-spacing: 0.05em;font-family: HelveticaNeueLTPro-Md;}
#home .container .view_btn a    {color: #207a98;padding: 0;text-decoration: none;border-bottom: solid 1px #207a98;}

/* home-about */
#home .container#home-about h2          {color: #f9f5f0;}
#home .container#home-about .text_btn a {color: #f9f5f0;border-bottom: solid 1px #f9f5f0;}
#home .container#home-about .view_btn a {color: #f9f5f0;border-bottom: solid 1px #f9f5f0;}

/* wrapper -------------------------------------------------------------------------------------------------------------------- */
#wrapper                {width: 100%;height: auto;margin: 0;padding: 0 0 100px;}
#wrapper::after         {content: "";height: 0;display: block;visibility: hidden;clear: both;}

/* cont_body */
#cont_body              {width: 60%;height: auto;margin: auto;padding: 120px 0 0;display: block;}
#cont_body::after       {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#cont_body .cont_title  {margin: 0 0 40px;font-size: 30px;text-align: center;letter-spacing: 0.16em;}

/* about ---------------------------------------------------------------------------------------------------------------------- */
#about #wrapper          {padding: 0;}
#about .container        {width: 700px;margin: auto;padding-top: 100px;}
#about .container::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#about .container img    {width: 100%;}
#about .container .image {margin: 0 0 40px;}
#about .container .image1{margin: 0 0 30px;}
#about .container .text  {margin: 0 0 60px;font-size: 13px;line-height: 40px;}
#about .container .text1 {margin: 0 0 50px;}

#about .container.data_box      {padding-top: 0;}
#about .container .owner        {padding: 30px 0;}
#about .container .owner .image {width: 350px;}
#about .container .owner .name  {font-size: 20px;}
#about .container .owner .text  {line-height: 25px;}

#about .container .info .image  {width: 558px;}
#about .container .info .text   {line-height: 25px;}
#about .container .info .text a {color: #207a98;text-decoration: none;}

#about .block-bg          {transition: all .7s ease;}
#about .block-bg.isAnimate{background: #1e6076;}
#about .block-bg .wrapper        {display: block;clear: both;}
#about .block-bg .wrapper::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#about .bg-color          {padding-bottom: 110px;}

#about .block-bg.isAnimate .data_box .name  {color: #fff;}
#about .block-bg.isAnimate .data_box .text  {color: #fff;}
#about .block-bg.isAnimate .data_box .text a{color: #fff;}

/* price ---------------------------------------------------------------------------------------------------------------------- */
#price                  {}

/* index */
.Index                  {margin-top: 10px;padding: 45px 0 100px;
                         background-image: url(images/giza.png), url(images/giza.png);
                         background-repeat: no-repeat, no-repeat;
						 background-position: center top, center bottom;
						 background-size: 100% auto, 100% auto;
						 -webkit-background-size: 100% auto, 100% auto;}
.Index::after           {content: "";height: 0;display: block;visibility: hidden;clear: both;}

.Index .btn_box         {width: 435px;margin: auto;}
.Index .btn_box::after  {content: "";height: 0;display: block;visibility: hidden;clear: both;}

.Index .plan_btn        {width: 210px;display: block;text-decoration: none;}
.Index .plan_btn::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.Index .plan .pict      {margin: 0 0 20px;}
.Index .plan::after     {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.Index .plan h2         {margin: 0 0 4px;font-size: 16px;color: #90b9c6;line-height: 1;}
.Index .plan h3         {font-size: 15px;color: #207a98;}

/* studio */
#studio                 {}

/* location */
#location               {}

/* photo_plan */
.photo_plan #cont_body         {width: 870px;padding: 60px 0 0 !important;}
.photo_plan #main              {width: 842px;margin: auto;padding-top: 50px;}
.photo_plan section            {width: 100%;height: auto;margin: 0 0 60px;}
.photo_plan section::after     {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.photo_plan .title_jp          {margin: 0 0 10px;font-size: 14px;color: #207a98;line-height: 100%;}
.photo_plan .title_en          {margin: 0 0 30px;font-size: 25px;color: #90b9c6;line-height: 100%;}
.photo_plan .title_en.aven     {font-family: "AvenirNextLTPro-Medium" !important;}
.photo_plan #breadcrumb        {width: 100%;margin: 0 0 40px;display: block;font-family: "Futura-BooK";color: #757575;font-size: 12px;}
.photo_plan #breadcrumb::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.photo_plan #breadcrumb li     {float: left;}
.photo_plan #breadcrumb li a   {margin: 0 10px 0 0;padding-right: 20px;color: #757575;text-decoration: none;background: url(images/arrow1.png) no-repeat right top;
                                background-size: 12px 12px;}
.photo_plan .plan_menu         {margin: 0 0 20px;font-weight: 500;}
.photo_plan .plan_menu::after  {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.photo_plan .menu              {margin: 0 0 10px;padding-left: 24px;font-size: 14px;line-height: 160%;font-weight: bold;
                                background: url(images/maruhana.svg) no-repeat left 3px;background-size: 18px auto;}
.photo_plan .menu span         {font-size: 87%;}
.photo_plan .cap               {font-size: 11px;line-height: 160%;}

.photo_plan .option             {padding-top: 20px;font-weight: 700;}
.photo_plan .option h3          {margin: 0 0 2px;font-size: 11px;}
.photo_plan .option .text       {margin: 0 0 20px;font-size: 11px;line-height: 170%;}
.photo_plan .option .option_menu{font-size: 12px;}
.photo_plan .option .cap        {font-weight: 500;}

.photo_plan h3.sub_title       {margin: 0 0 50px;text-align: center;font-size: 18px;color: #90b9c6;}
.photo_plan .gallery           {padding: 0 0 40px;}
.photo_plan .gallery:last-child{padding: 0 0 20px;}
.photo_plan .gallery img       {margin: 0 0 80px;}

/* Plan */
#Plan                   {display: flex;justify-content: center;}

/* Gallery */
#Gallery                {background-image: url(images/giza.svg), url(images/giza.svg);
                         background-repeat: no-repeat, no-repeat;
						 background-position: center top, center bottom;
						 background-size: 100% auto, 100% auto;
						 -webkit-background-size: 100% auto, 100% auto;
						 margin: 0;
						 padding: 100px 30px 0;}


/* wedding -------------------------------------------------------------------------------------------------------------------- */
#wedding                  {}
#wedding .Index .plan_btn {margin-bottom: 50px;}

#wedd-day      {}
#wedd-location {}
#wedd-studio   {}


/* blog ----------------------------------------------------------------------------------------------------------------------- */
#blog                   {}
#blog .cont_body        {width: 486px;height: auto;margin: auto;padding: 100px 0 0;display: block;}
#blog .cont_body::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#blog .post_list        {width: 100%;height: auto;margin: 0 0 100px;padding: 40px 0 0;}
#blog .post_list::after {content: "";height: 0;display: block;visibility: hidden;clear: both;}
#blog .post             {letter-spacing: 0.05em;}
#blog .post .date       {margin: 0 0 40px;font-size: 13px;}
#blog .post .post_title {margin: 0 0 60px;font-size: 32px;font-weight: normal;line-height: 140%;}
#blog .post .image      {margin: 0 0 40px;}
#blog .post .image img  {width: 100%;}
#blog .post .excerpt    {margin: 0 0 30px;font-size: 14px;line-height: 190%;}
#blog .post .text_btn   {font-size: 12px;}
#blog .post .text_btn a {padding: 0;text-decoration: none;border-bottom: solid 1px #207a98;}

#blog .post .cont_body .post img   {width: 100%;padding: 20px 0;}
#blog .cont_body .post img         {width: 100%;padding: 20px 0;}


/* select_box */
#select_box                 {padding: 20px 0 80px;text-align: center;}
#select_box .select         {width: 20%;margin: 0 auto 0;display: block;}
#select_box .select select  {width: 100%;height: 40px;padding: 0;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;/* background: transparent; */
                             border-radius: 0;position: relative;z-index: 1;border: none;background: none;}
#select_box .select select  {padding: 0 6px;letter-spacing: 0.2em;color: #605f5f;font-size: 9px;font-weight: 700;border-bottom: 2px solid #605f5f;
                             background-image: url(images/select_arrow.svg);background-repeat: no-repeat;background-position: 92% center;background-size: 4px auto;}

#select_box #categories select {border-top: 2px solid #605f5f;}


/* blog-post ------------------------------------------------------------------------------------------------------------------ */
#blog-post                        {}
#blog-post #wrapper               {padding: 0 0 50px;}
#blog-post .cont_body             {width: 600px;height: auto;margin: auto;padding: 100px 0 0;display: block;}
#blog-post .cont_body .post       {margin: 0 0 80px;letter-spacing: 0.05em;}
#blog-post .cont_body .post::after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
#blog-post .cont_body .post img   {width: 100%;height: auto;padding: 20px 0;}
#blog-post .post .date            {margin: 0 0 40px;font-size: 13px;}
#blog-post .post .post_title      {margin: 0 0 60px;font-size: 32px;font-weight: normal;line-height: 140%;}


.movie        {position: relative;width: 100%;padding-top: 56.25%;margin: 20px 0;}
.movie iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

.navigation a  {text-decoration: none;color: #207a98;font-size: 12px;letter-spacing: 0.05em;}
.navigation div{width: 100%;}
.navigation .alignright{text-align: right;}


/* related-posts */
#related-posts            {width: 100%;height: auto;padding: 100px 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
#related-posts::after     {content: "";width: 32%;height: 0;display: block;}
#related-posts .item      {width: 32%;margin: 0 0 30px;}
#related-posts .item .pict{width: 100%;margin: 0 0 10px;position: relative;}
#related-posts .item .pict::after{content: "";display: block;padding-top: 100%;}
#related-posts .item .pict img   {width: 100%;height: 100%; margin: auto;object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#related-posts h2         {padding: 0 8px;margin: 0 0 6px;font-size: 12px;font-family: HelveticaLTPro-Bold;letter-spacing: 0.05em;}
#related-posts h2 a       {text-decoration: none;}
#related-posts .date      {padding: 0 8px;margin: 0;font-size: 11px;letter-spacing: 0.05em;}


/* wp-pagenavi */
.wp-pagenavi              {text-align: right;}
.wp-pagenavi a            {color: #fff;text-decoration: none;font-family: HelveticaLTPro-Roman;}

.wp-pagenavi a.page             {margin: 0 7px;}
.wp-pagenavi a.previouspostslink{margin: 0 17px 0 0;padding: 0;text-decoration: none;border-bottom: solid 1px #fff;}
.wp-pagenavi a.nextpostslink    {margin: 0 0 0 17px;padding: 0;text-decoration: none;border-bottom: solid 1px #fff;}

#blog .wp-pagenavi a                  {color: #207a98;}
#blog .wp-pagenavi a.previouspostslink{padding: 0;text-decoration: none;border-bottom: solid 1px #207a98;letter-spacing: 0.05em;}
#blog .wp-pagenavi a.nextpostslink    {padding: 0;text-decoration: none;border-bottom: solid 1px #207a98;letter-spacing: 0.05em;}


/* order_form ----------------------------------------------------------------------------------------------------------------------- */
#order             {}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}


#order_form             {}

#order_form form        {font-size: 11px;font-weight: 600;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
#order_form form dt     {margin: 0 0 4px;}
#order_form form dd     {margin: 0 0 18px;}
#order_form form dd:last-child{margin: 0;}
#order_form form .text{width: 100%;font-size: 10px;padding: 0;line-height: 160%;}
#order_form input[type='text'] {width: 100%;padding: 6px 0;border-bottom: 1px solid #207a98;font-weight: 600;}
#order_form input[type='email']{width: 100%;padding: 6px 0;border-bottom: 1px solid #207a98;font-weight: 600;}
#order_form textarea           {width: 100%;height: 8em;padding: 6px;border: solid 1px #207a98;background: #fff;}
#order_form input::placeholder {color: #9f9f9f;font-size: 12px;}
.years-old,.member  {width: 34px !important;padding: 6px !important;border: 1px solid #207a98;background: #fff;text-align: center;}

#order_form .form-box        {margin:  0 0 30px;}
#order_form .form-box::after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#order_form .form-box h4     {margin: 0 0 10px;}
#order_form .form-box h5     {font-size: 10px;}
#order_form .form-box .text  {margin: 0 0 10px;}
#order_form .red             {color: #fd6827;font-size: 10px;}


/* checkbox */
#order_form .checkbox      {margin: 0 0 10px;}
#order_form .checkbox label{display: block;margin: 0 0 10px;padding: 0 0 0 20px;position: relative;font-size: 10px;font-weight: 600;}
#order_form .checkbox label:last-child{margin: 0;}
#order_form .checkbox .option + span::before   {content: "";width: 16px;height: 16px;display: block;border: 1px solid #207a98;
                                     position: absolute;left: 0;top: 2px;opacity: .6;
									 -webkit-transition: all .12s, border-color .08s;
									  transition: all .12s, border-color .08s;}

#order_form .checkbox .option:checked + span::before{width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;
                                                           border-top-color: transparent;border-left-color: transparent;
														   -webkit-transform: rotate(45deg);transform: rotate(45deg);}



/*
#order_form input[type='checkbox'] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
*/


/* select */
#order_form .select-box         {width: 100%;display: inline-block;position: relative;overflow: hidden;}
#order_form .select-box::after  {content: "";width: 6px;height: 6px;border-bottom: solid 1px #207a98;border-right: solid 1px #207a98;
                                 -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);
							     position: absolute;top: 50%;right: 16px;margin-top: -4px;}
#order_form .select-box select  {width: 100%;padding: 8px 8px 8px 14px;border: 1px solid #207a98;background: #fff;color: #207a98;font-weight: 600;position: relative;letter-spacing: 0.1em;}


#order_form .date             {width: 100%;display: flex;justify-content: space-between;text-align: center;}
#order_form .date span        {width: 32%;display: block;position: relative;overflow: hidden;}


/* radio */
#order_form .radio                    {display: flex;justify-content: space-between;text-align: center;}
#order_form .radio .mwform-radio-field{width:  32%;height: 36px;}
#order_form .radio label              {width: 100%;height: 100%;display: block;position: relative;}
#order_form .radio .mwform-radio-field-text{width: 100%;height: 100%;padding-top: 6px;position: absolute;left: 0;top: 0;
                                          border: 1px solid #207a98;background: #fff;opacity: .5;}
#order_form .radio .time:checked + .mwform-radio-field-text{opacity: 1;}


/* send-btn */
#order_form .btn          {width: 50%;height: 50px;margin: auto;isplay: block;text-align: center;}
#order_form .send-btn     {width: 100%;height: 100%;color: #fff;background: #207a98;letter-spacing: 0.12em;}



/* contact --------------------------------------------------------------------------------------------------------------------- */
#contact             {}
#contact .cont_body  {width: 500px;margin: auto;padding: 100px 0 0;}

#contact input,
#contact button,
#contact select,
#contact textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  margin: 0;
}

#contact textarea {
  resize: vertical;
}

#contact input[type='checkbox'],
#contact input[type='radio'] {
  display: none;
}

#contact input[type='submit'],
#contact input[type='button'],
#contact label,
#contact button,
#contact select {
  cursor: pointer;
}

#contact select::-ms-expand {
  display: none;
}


#contact .form_box          {}
#contact .form_box ul       {width: 100%;height: auto;margin: 0 0 50px;display: block;}
#contact .form_box ul::after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
#contact .form_box li       {width: 100%;margin: 0 0 20px;padding: 10px 0;border-bottom: solid 3px #605f5f;font-size: 18px}
#contact input[type='text'],
#contact textarea           {width: 100%;}
::placeholder               {font-size: 18px;color: #888;line-height: 150%;font-family: HelveticaLTPro-Roman, "Noto Sans JP", sans-serif;}

#contact .send_btn          {width: 30px;height: 16px;display: block;float: right;}
#contact .send_btn input    {width: 100%;height: 100%;text-indent: -9999px;background: url(images/send_btn.png) no-repeat left top;}

/*
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder                   {color: transparent;}
input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder         {color: transparent;}
input:focus::placeholder,textarea:focus::placeholder                             {color: transparent;}
*/

.mw_wp_form_complete .text_box  {/* text-align: center; */ font-family: HelveticaNeueLTPro-Md, "Noto Sans JP", sans-serif;}
.mw_wp_form_complete .textM     {margin: 0 0 20px;font-size: 20px;}
.mw_wp_form_complete .text      {font-size: 12px;line-height: 190%;}



@media screen and (max-width: 787px) {

.sp               {display: block;}
.pc               {display: none;}

/* header ---------------------------------------------------------------------------------------------------------------------- */
#head_wrapper     {width: 100%;height: 64px;padding: 0;position: relative;}
#header           {width: 100%;padding: 28px 6% 0;position: fixed;left: 0;top: 0;z-index: 100;}
#header #id       {width: 60%;padding-left: 1px;}

/* foot_wrapper ---------------------------------------------------------------------------------------------------------------- */
#foot_wrapper        {padding: 35px 0 20px;}

/* footer */
#footer              {width: 80%;}

/* foot_nav */
#foot_nav            {padding-top: 3px;}
#foot_nav li         {font-size: 14px;margin: 0 0 25px;}

/* data_box */
#footer #data_box    {font-size: 11px;color: #207a98;}
#footer #data_box ul {clear: both;}
#footer #data_box li {font-size: 10px;line-height: 200%;}

#foot_id             {width: 160px;margin: 0 0 24px;}
#foot_id img         {width: 100%;}

#copy                {padding-top: 10px;}
#copy small          {font-size: 10px;}

#footer .insta_icon  {width: 32px;padding-top: 6px;}

/* nav ------------------------------------------------------------------------------------------------------------------------- */
#nav_id           {width: 100%;padding: 28px 6% 0;}
#nav_id h2        {width: 60%;padding-left: 1px;}


.bg-color         {padding-bottom: 50px;}


/* home ------------------------------------------------------------------------------------------------------------------------ */
/* main */
#home #main               {width: 86%;margin: auto;padding: 50px 0 0;}
#home #main .image        {width: 100%;height: auto;margin: 0 0 10px;padding-top: 133.4375%;position: relative;overflow: hidden;
                           background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
#home #main.main1 .image  {background-image: url(images/main1_sp.jpg);}
#home #main.main2 .image  {background-image: url(images/main2_sp.jpg);}
#home #main.main3 .image  {background-image: url(images/main3_sp.jpg);}
#home #main.main4 .image  {background-image: url(images/main4_sp.jpg);}

/* container */
#home .container                {width: 76%;margin: auto;padding-top: 60px;}
#home .container h2             {margin: 0 0 5px;font-size: 24px;}
#home .container .pick_post     {margin: 0 0 60px;}
#home .container .pick_post h2  {margin: 0 0 20px;font-size: 13px;line-height: 150%;}
#home .container .date          {margin: 0 0 16px;font-size: 10px;}
#home .container .text          {margin: 0 0 16px;font-size: 10px;line-height: 170%;letter-spacing: 0.1em;}
#home .container .text br       {display: none;}
#home .container .fit           {width: 100%;height: 47vw;}
#home .container .image         {margin: 0 0 6px;}
#home .container .image img     {width: 100%;}
#home .container .view_btn      {font-size: 10px;}
#home .container .text_btn      {margin: 0 0 30px;font-size: 10px;}

#home .container .pick_post:nth-child(3){padding-right: 8%;}
#home .container .pick_post:nth-child(4){padding-left: 24%;}

#home .container .pick_post:nth-child(4) .fit{height: 45vw;}

#home-about      {padding: 70px 7% 0 !important;}
#home-about h2   {margin: 0 0 18px !important;}

#studio-photo    {padding-top: 0px !important;}
#wedd-photo      {padding-top: 0px !important;float: right;}

#home .bg-color  {padding-bottom: 70px;}

/* wrapper -------------------------------------------------------------------------------------------------------------------- */
#wrapper                {padding: 0 0 90px;}

/* cont_body ------------------------------------------------------------------------------------------------------------------ */
#cont_body              {width: 85%;height: auto;margin: auto;padding: 83px 0 0;display: block;}
#cont_body .cont_title  {margin: 0 0 30px;padding-top: 5px;font-size: 19px;line-height: 100%;}


/* about ---------------------------------------------------------------------------------------------------------------------- */
#about .container        {width: 85%;margin: auto;padding-top: 100px;}
#about .container img    {width: 100%;}
#about .container .image {width: 100%;margin: 0 0 30px;}
#about .container .image1{margin: 0 0 20px;}
#about .container .text  {margin: 0 0 40px;font-size: 11px;line-height: 325%;letter-spacing: 0.07em;}
#about .container .text1 {margin: 0 0 36px;}

#about .container .owner        {padding: 30px 0;}
#about .container .owner .image {width: 60%;}
#about .container .owner .name  {font-size: 16px;}
#about .container .owner .text  {font-size: 10px;line-height: 200%;}

#about .container .info .image  {width: 100%;}
#about .container .info .text   {font-size: 10px;line-height: 200%;}


/* price ---------------------------------------------------------------------------------------------------------------------- */
/* index */
.Index                  {margin-top: 0;padding: 42px 0 57px;
                         background-image: url(images/giza.svg), url(images/giza.svg);
                         background-repeat: no-repeat, no-repeat;
						 background-position: center top, center bottom;
						 background-size: 100% auto, 100% auto;}
.Index .btn_box         {width: 100%;margin: auto;}
.Index .plan_btn        {width: 48.6%;}
.Index .plan .pict      {margin: 0 0 12px;}
.Index .plan h2         {margin: 0 0 10px;font-size: 11px;}
.Index .plan h3         {font-size: 12px;line-height: 100%;}


/* photo_plan */
.photo_plan #cont_body         {width: 85%;padding: 30px 0 0 !important;}
.photo_plan #main              {width: 100%;padding-top: 60px;}
.photo_plan section            {width: 100%;height: auto;margin: 0 0 40px;}
.photo_plan .title_jp          {margin: 0 0 6px;font-size: 13px;}
.photo_plan .title_en          {margin: 0 0 20px;font-size: 20px;}
.photo_plan #breadcrumb        {width: 100%;margin: 0 0 30px;font-size: 12px;}
.photo_plan #breadcrumb li     {float: left;}
.photo_plan #breadcrumb li a   {margin: 0 10px 0 0;padding-right: 16px;background-size: 8px 8px;}
.photo_plan .plan_menu         {margin: 0 0 23px;font-weight: 500;}
.photo_plan .plan_menu::after  {content: "";height: 0;display: block;visibility: hidden;clear: both;}
.photo_plan .menu              {margin: 0 0 4px;padding-left: 18px;font-size: 15px;
                                background-position: left 5px;background-size: 14px auto;}
.photo_plan .menu span         {font-size: 87%;}
.photo_plan .cap               {font-size: 10px;}

.photo_plan .option             {padding-top: 12px;}
.photo_plan .option h3          {margin: 0 0 6px;font-size: 12px;}
.photo_plan .option .text       {margin: 0 0 20px;font-size: 12px;}
.photo_plan .option .text li    {line-height: 150%}
.photo_plan .option .text li.option_menu{font-size: 12px;line-height: 170%}

.photo_plan h3.sub_title       {margin: 0 0 30px;font-size: 15px;}
.photo_plan .gallery           {padding: 0 0 40px;}
.photo_plan .gallery img       {margin: 0 0 40px;}

/* Gallery */
#Gallery                {background-image: url(images/giza.svg), url(images/giza.svg);
                         background-repeat: no-repeat, no-repeat;
						 background-position: center top, center bottom;
						 background-size: 100% auto, 100% auto;
						 padding: 60px 0 0;}

#cont_body #Gallery .cont_title{margin: 0 0 16px;}


/* wedding -------------------------------------------------------------------------------------------------------------------- */
#wedding .Index .plan_btn {margin-bottom: 34px;}


/* blog ----------------------------------------------------------------------------------------------------------------------- */
#blog #wrapper           {padding: 0 0 48px;}
#blog .cont_body         {width: 80%;padding: 30px 0 0;}
#blog .post_list         {width: 100%;height: auto;margin: 0 0 70px;padding: 30px 0 0;}
#blog .post              {letter-spacing: 0.05em;}
#blog .post .date        {margin: 0 0 20px;font-size: 11px;}
#blog .post .post_title  {margin: 0 0 30px;font-size: 23px;}
#blog .post .image       {margin: 0 0 20px;}
#blog .post .excerpt     {margin: 0 0 30px;font-size: 10px;line-height: 190%;}
#blog .post .text_btn    {font-size: 10px;}

#blog .cont_body .post img   {width: 100%;padding: 20px 0;}
#blog .post .content         {font-size: 11px;}

#blog .post_list:nth-child(1) {padding-right: 5.2%}
#blog .post_list:nth-child(2) {padding-left: 22.4%}
#blog .post_list:nth-child(4) {padding-right: 5.2%}
#blog .post_list:nth-child(5) {padding-left: 22.4%}



/* select_box */
#select_box                 {padding: 20px 0 80px;text-align: center;}
#select_box .select         {width: 38%;margin: 0 auto 0;display: block;}
#select_box .select select  {width: 100%;height: 40px;padding: 0;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;/* background: transparent; */
                             border-radius: 0;position: relative;z-index: 1;border: none;background: none;}
#select_box .select select  {padding: 0 6px;letter-spacing: 0.2em;color: #605f5f;font-size: 9px;font-weight: 700;border-bottom: 2px solid #605f5f;
                             background-image: url(images/select_arrow.svg);background-repeat: no-repeat;background-position: 92% center;background-size: 4px auto;}

/* wp-pagenavi */
#blog .wp-pagenavi a.previouspostslink{font-size: 12px;}
#blog .wp-pagenavi a.nextpostslink    {font-size: 12px;}



/* blog-post ------------------------------------------------------------------------------------------------------------------ */
#blog-post                        {}
#blog-post .cont_body             {width: 80%;height: auto;margin: auto;padding: 75px 0 0;}
#blog-post .cont_body .post       {margin: 0 0 40px;}
#blog-post .cont_body .post img   {padding: 20px 0;}
#blog-post .post .date            {margin: 0 0 20px;font-size: 11px;}
#blog-post .post .post_title      {margin: 0 0 30px;font-size: 23px;}
#blog-post .post .content         {font-size: 11px;}

.navigation a {font-size: 10px;}


/* related-posts */
#related-posts            {padding: 70px 0 0;}
#related-posts h2         {margin: 0 0 4px;font-size: 11px;line-height: 160%;}
#related-posts .date      {font-size: 10px;}


/* contact --------------------------------------------------------------------------------------------------------------------- */
#contact .cont_body  {width: 72%;margin: auto;padding: 65px 0 0;}

#contact .form_box          {}
#contact .form_box ul       {margin: 0 0 30px;}
#contact .form_box li       {width: 100%;margin: 0 0 20px;padding: 4px 0;border-bottom: solid 2px #605f5f;font-size: 15px;}
#contact input[type='text'],
#contact textarea           {}
::placeholder               {font-size: 15px;}

#contact .send_btn          {width: 15px;height: 8px;}
#contact .send_btn input    {background-size: cover;}

.mw_wp_form_complete .textM     {margin: 0 0 20px;font-size: 17px;}
.mw_wp_form_complete .text      {font-size: 11px;line-height: 200%;}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* order */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}


#order_form form        {font-size: 11px;}
#order_form form dt     {margin: 0 0 4px;}
#order_form form dd     {margin: 0 0 18px;}
#order_form form dd:last-child{margin: 0;}
#order_form form .text{width: 100%;font-size: 10px;padding: 0;line-height: 160%;}
#order_form input[type='text'] {width: 100%;padding: 6px 0;}
#order_form input[type='email']{width: 100%;padding: 6px 0;}
#order_form textarea           {width: 100%;height: 8em;padding: 6px;}
#order_form input::placeholder                {color: #9f9f9f;font-size: 10px;}
.years-old,.member  {width: 30px !important;padding: 4px !important;}

#order_form .form-box        {margin:  0 0 30px;}
#order_form .form-box h4     {margin: 0 0 10px;}
#order_form .form-box h5     {font-size: 10px;}
#order_form .form-box .text  {margin: 0 0 10px;}
#order_form .form-box .text a{text-decoration: underline;}
#order_form .red             {color: #fd6827;font-size: 10px;}


/* checkbox */
#order_form .checkbox      {margin: 0 0 10px;}
#order_form .checkbox label{display: block;margin: 0 0 10px;padding: 0 0 0 20px;position: relative;font-size: 10px;}
#order_form .checkbox label:last-child{margin: 0;}
#order_form .checkbox .option + span::before   {content: "";width: 16px;height: 16px;
                                     position: absolute;left: 0;top: 2px;opacity: .6;
									 -webkit-transition: all .12s, border-color .08s;
									  transition: all .12s, border-color .08s;}

#order_form .checkbox .option:checked + span::before{width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;
                                                           border-top-color: transparent;border-left-color: transparent;
														   -webkit-transform: rotate(45deg);transform: rotate(45deg);}


/*
#order_form input[type='checkbox'] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
*/


/* select */
#order_form .select-box         {width: 100%;display: inline-block;position: relative;overflow: hidden;}
#order_form .select-box::after  {content: "";width: 6px;height: 6px;
                               -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);
							   position: absolute;top: 50%;right: 16px;margin-top: -4px;}
#order_form .select-box select  {width: 100%;}




/* radio */
#order_form .radio                    {display: flex;justify-content: space-between;text-align: center;}
#order_form .radio .mwform-radio-field{width:  32%;height: 36px;}
#order_form .radio label              {width: 100%;height: 100%;display: block;position: relative;}
#order_form .radio .mwform-radio-field-text{width: 100%;height: 100%;padding-top: 6px;}
#order_form .radio .time:checked + .mwform-radio-field-text{opacity: 1;}


#order_form .radio-btn label     {position: relative;display: inline-block;padding: 3px 3px 3px 16px;}
#order_form .radio-btn .mwform-radio-field-text::before,
#order_form .radio-btn .mwform-radio-field-text::after   {position: absolute;content: "";left: 0;top: 50%;border-radius: 100%;-webkit-transition: all .2s;transition: all .2s;}
#order_form .radio-btn .mwform-radio-field-text::before  {width: 14px;height: 14px;margin-top: -6px;}
#order_form .radio-btn .mwform-radio-field-text::after   {opacity: 0;left: 3px;width: 8px;height: 8px;margin-top: -3px;}
#order_form .radio-btn .furisode:checked + .mwform-radio-field-text::before{background: #fff;}
#order_form .radio-btn .furisode:checked + .mwform-radio-field-text::after {opacity: 1;}

#order_form .radio-btn .mother:checked + .mwform-radio-field-text::before{background: #fff;}
#order_form .radio-btn .mother:checked + .mwform-radio-field-text::after {opacity: 1;}

/* send-btn */
#order_form .btn          {width: 50%;height: 50px;margin: auto;isplay: block;text-align: center;}
#order_form .send-btn     {width: 100%;height: 100%;}


/* option-list */
#order_form .option-list          {width: 100%;display: block;clear: both;}
#order_form .option-list::after   {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#order_form .option-list .left    {display: block;float: left;}
#order_form .option-list .right   {display: block;float: right;}
#order_form .option-list .option1 {width: 100%;margin: 0 0 5px;padding: 0 0 5px;display: block;clear: both;border-bottom: 1px dotted #207a98;}
#order_form .option-list .option1::after{content: "";height: 0;clear: both;visibility: hidden;display: block;}


}