/*====================
 - 1280px～：大型PC
 - 960px～1279px：小型PC
 - 600px～959px：タブレット
 - 480px～599px：SP横
 - ～479px：SP縦
====================*/

@charset "UTF-8";
@import "reset.css";
@import "style.css";
body { font-weight: normal; }
a {text-decoration:none;}
.mT20 {margin-top: 20px; float: left; clear: both; }
.mT40 {margin: 40px 0 20px; }
.mT50 {margin-top: 50px; }
.mT100 {margin-top: 100px; }
.btn { margin: 20px 25%; width: 50%; text-align: center; color: #FFF; float: left; clear: both; border-radius: 10px; background: #CC0000; }
.btn a{ color: #FFF; padding: 10px; text-align: center; display: block; }

/* content
------------------------------------------- */
.planMenu02-02{margin:0 0 100px 0;padding:0;width:100%;float:left;clear:both;}
.planMenu02-02 .wrap96-nl{margin:0;padding:0;width:calc(100% / 3);display:inline-block;}
.planMenu02-02 .wrap96-nl .box{margin:20px 1.5% 0;padding:0 0 20px 0;width:97%;border:1px solid #CCC;float: left; clear: both;}
.planMenu02-02 .wrap96-nl .box .entry-photo{margin:0;padding:0;width:100%;height:180px;}
.planMenu02-02 .wrap96-nl .box .entry-photo{ overflow:hidden; }
.planMenu02-02 .wrap96-nl .box .entry-photo img{ width: 100%; }
.planMenu02-02 .article_txt{ font-weight: normal; margin: 10px 0 0 2%; padding: 0; width: 96%; float: left; clear: both; font-size: 0.875rem; }
.planMenu02-02 ul.tag{ font-weight: normal; margin: 10px 2% 0; padding: 0; width: 96%; float: left; clear: both; font-size: 0.75rem; }
.planMenu02-02 ul.tag li{ margin:0 4px 5px; float: left; background:#CCC; border-radius: 10px; }
.planMenu02-02 ul.tag li a{ padding: 3px 5px; display: block; }

h3 { text-align:center; margin: 20px 0; width: 100%; float:left;clear:both; font-size: 1rem; line-height: 1.5rem; }
.txt-right { text-align: right; width: 100%; font-size: 0.75rem; float:left;clear:both; font-weight: normal; }
.img-center { text-align: center; width: 90%; float:left; clear:both; margin: 0 5%; }
.text_area { text-align: left; width: 94%; float:left; clear:both; margin: 0px 3%; font-size: 1rem; line-height: 1.5rem; }
.text_area .txt{ text-align: left; width: 100%; float:left; clear:both; margin: 20px 0; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; }
.text_area02 { text-align: left; width: 90%; float:left; clear:both; margin: 20px 5%; font-size: 1rem; line-height: 1.5rem; }
.text_area02 .txt{ text-align: left; width: 100%; float:left; clear:both; margin: 0 0 20px; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; }
.txt02{ text-align: left; width: 96%; float:left; clear:both; margin: 10px 2%; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; }
.txt03{ text-align: left; width: 96%; float:left; clear:both; margin: 10px 2% 0; font-size: 0.875rem; line-height: 1.5rem; }
.text_area .img-left,.text_area02 .img-left{ text-align: left; width: 40%; float:left; margin: 0; }
.text_area .box-right,.text_area02 .box-right{ text-align: left; width: 57%; float:left; margin: 0 0 0 3%; font-size: 0.875rem; line-height: 1.5rem; }



table.planlist{ margin: 0px 2% 50px; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.planlist03{ float: left; clear: both; margin: 20px 2% 20px; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.planlist th,table.planlist03 th{ border-bottom: 1px solid #CCC; width: 30%; padding: 19px 0 10px 2%; float: left; background: #1F223A; color: #FFF; height: 54px; text-align: left; }
table.planlist th.l2{ height: 68px; line-height: 68px; padding: 0 0 0 2%; }
table.planlist th.l3{ height: 90px; line-height: 90px; padding: 0 0 0 2%; }
table.planlist th.l4{ height: 120px; line-height: 120px; padding: 0 0 0 2%; }
table.planlist th.l5{ height: 150px; line-height: 150px; padding: 0 0 0 2%; }
table.planlist th.l6{ height: 180px; line-height: 180px; padding: 0 0 0 2%; }
table.planlist th.box100-02,
table.planlist th.box100,
table.planlist03 th.box100{ width: 100%; padding: 15px 0 10px 2%; float: left; background: #1F223A; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.planlist td,
table.planlist03 td{ border-bottom: 1px solid #CCC; width: 70%; float: left; padding: 17px 2% 10px; height: 54px; }
table.planlist td.box30{ border-bottom: 1px solid #CCC; width: 30%; float: left; padding: 17px 2% 10px; height: 54px; }
table.planlist td.l2{ padding: 10px 2% 0; height: 68px; }
table.planlist td.l3{ padding: 10px 2% 0; height: 90px; }
table.planlist td.l4{ padding: 10px 2% 0; height: 120px; }
table.planlist td.l5{ padding: 10px 2% 0; height: 150px; }
table.planlist td.l6{ padding: 10px 2% 0; height: 180px; }
table.planlist .price,table.planlist03 .price{ font-weight: bold; font-size: 1.25rem; color: #CC0000; }
table.pricelist04{ float: left; clear: both; margin: 20px 2% 20px; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.pricelist04 th,table.pricelist04 td{ padding: 15px 0; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
table.pricelist04 th{  background: #1F223A; color: #FFF; }
table.pricelist04 th.w40{ width: 40%; }
table.pricelist04 th.w30{ width: 30%; }
table.pricelist04 td.w40{ width: 40%; padding: 15px 0 15px 5px; }
table.pricelist04 td.w30{ width: 30%; padding: 15px 5px 15px 0; text-align: right; font-size: 1rem; font-weight: bold; color: #CC0000; }
table.pricelist04 td.w60{ width: 30%; padding: 15px 5px 15px 0; text-align: right; font-size: 1rem; font-weight: bold; color: #CC0000; }

table.pricelist{ margin: 20px 2%; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; float: left; clear: both; }
table.pricelist th{ border-bottom: 1px solid #CCC; width: 25%; padding: 19px 0 10px 2%; float: left; background: #530B30; color: #FFF; height: 54px; text-align: left; }
table.pricelist th.box100{ width: 100%; padding: 15px 0 10px 2%; float: left; background: #530B30; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.pricelist th.box100-02{ width: 100%; display: block; padding: 5px 0; text-align: center; font-weight: bold; font-size: 1rem; line-height:50px; }
table.pricelist td{ border-bottom: 1px solid #CCC; width: 25%; float: left; padding: 17px 2% 10px; height: 54px; }
table.pricelist .price{ font-weight: bold; font-size: 1.25rem; color: #CC0000; }

.waku_block { width: 90%; float: left; clear: both; margin: 20px 5% 0; padding: 15px 2%; border: 1px solid #CCC; }
.waku_block .sub_t { width: 100%; float: left; clear: both; margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #CCC; text-align: center; font-size: 1rem; }
.waku_block .txt { width: 100%; float: left; clear: both; margin: 10px 0 0 0; padding: 0; text-align: left; font-size: 0.875rem; line-height: 1.75rem; font-weight: normal; }

/*-- 753 -- */
.box753 { font-weight: normal; float: left; clear: both; border-radius: 20px; border: 3px solid #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 100%; margin: 0 0 40px 0; }
.box753 .boxleft { float: left; width: 56%; margin: 10px 2%; font-size: 1.2rem; text-align: center; }
.box753 .pricetitle,.box .boxleft .pricetitle { float: left; clear: both; width: 100%; margin: 10px 2%; padding: 0 0 5px 0; text-align: center; border-bottom: 2px solid #333; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 22px; color: #663300; }
.box753 .boxleft table { float: left; clear: both; width: 100%; margin: 10px 2%; font-size: 1.25rem; text-align: center; border-bottom: 1px solid #333; border-left: 1px solid #333; }
.box753 .boxleft table thead th{ margin: 0; padding: 10px 2%; font-size: 1.25rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #645E51; color: #FFF; }
.box753 .boxleft table tbody td{ margin: 0; padding: 10px 1%; font-size: 1rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #FFF; vertical-align: middle; }
.box753 .boxleft table tbody td.pr{ text-align: right; width: 30%; font-size: 1.25rem; }
.fwb { font-size: 1.25rem; }
.box753 .pricetitle { float: left; clear: both; width: 100%; margin: 10px 2%; text-align: center; border-bottom: 2px solid #333; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 22px; color: #663300; }
.box753 .pricetitle02 { float: left; clear: both; width: 96%; margin: 15px 2% 5px; padding:0 0 7px 0; text-align: center; border-bottom: 2px solid #333; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 22px; color: #663300; }
.box753 .bro_txt { float: left; clear: both; width: 96%; margin: 10px 2% 15px; text-align: left; font-size: 1rem; }

.box753 .photo { float: left; width: 36%; margin: 10px 2%; vertical-align: middle; }
.box753 .photo02 { float: left; width: 41%; margin: 30px 2% 0; vertical-align: middle; }
.box753 .photo img,
.box753 .photo02 img{ width: 100%; }

.box753 .boxleft p { float: left; clear: both; width: 100%; margin: 10px 2%; font-size: 0.875rem; text-align: left; }
.box753 .boxleft table tbody th{ vertical-align: middle; width: 50%; margin: 0; padding: 10px 2%; font-size: 1rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #645E51; color: #FFF; }
.box753 .boxleft p.cup { float: left; clear: both; width: 100%; margin: 0px 2% 10px; font-size: 0.875rem; text-align: left; }
.box753 .btn_ma { margin: 0 5%; float: left;border-radius: 50px; background: #CC0000; font-size: 0.75rem; width: 90%; color: #FFF; text-align: center; }
.box753 .btn_ma a{ color: #fff; padding: 3px; display: block; } 

.calender { float: left; clear: both; width: 96%; margin: 20px 2% 40px; padding: 0; }
.calender table.cbox{ float: left; clear: both; width: 98%; margin: 0 1%; border-bottom: 1px solid #333; background: #FFF; border-right: 1px solid #333; padding: 0; }
.calender table.cbox tbody th{ width: 10%; border-top: 1px solid #333; border-left: 1px solid #333; padding: 5px 0; text-align: center; font-size: 1rem; background: #558ED5; color: #FFF; }
.calender table.cbox tbody td{ border-top: 1px solid #333; border-left: 1px solid #333; padding: 5px; font-size: 1rem; background: #D5DCEA; }
.calender table.cbox tbody th.c753{ width: 10%; border-top: 1px solid #333; border-left: 1px solid #333; padding: 5px 0; text-align: center; font-size: 1rem; background: #D99694; color: #FFF; }
.calender table.cbox tbody td.c753-02{ border-top: 1px solid #333; border-left: 1px solid #333; padding: 5px; font-size: 1rem; font-weight: bold; color: #FF0099; background: #F3DFDF; }
.yoyaku{ float: left; clear: both; width: 100%; margin: 10px 0 0 0; padding: 5px 2%; font-size: 1rem; font-weight: bold; color: #FFF; text-align: center; background: #D42557; }

table.planlist02{ margin: 20px 2%; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; float: left; clear: both; }
table.planlist02 th { width: 30%; padding: 15px 0 10px 2%; background: #1F223A; color: #FFF; border-top: 1px solid #CCC; }
table.planlist02 td { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px 0 10px 20px }
table.planlist02 .price{ font-weight: bold; font-size: 1.25rem; color: #CC0000; }

.img02 { width: 700px; margin: 50px auto; text-align: center; padding: 50px 0 0; }
ul.cap { width: 96%; margin: 20px 2%; font-size: 0.75rem; padding: 0 0 5px 0; display: block; font-weight: normal; } 

.h_photo_box { float: left; width: 29%; margin: 0 2%; }
.h_photo{ width:100%; height:auto; float:left; position:relative; margin:10px 0 0 0; }
.imgonmouse { width:100%; }
.imgonmouse img { padding:5px 0 0 5px; float:left; width:100%; }
.imgonmouse ul { margin: 10px 0 30px 0; float: left; clear: both;  width:100%;}
.imgonmouse ul li img { width: 100%; }
.imgonmouse ul li { float: left; width: 31%; margin: 0px 1%;}

.cation{ font-weight: bold; font-size: 1rem; color: #CC0000; margin: 10px 0 10px 2%; float: left; clear: both; }
.txt02{ text-align: left; width: 96%; float:left; clear:both; margin: 0px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }
.txt02-02{ text-align: left; width: 96%; float:left; clear:both; margin: 0px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }

.pricetitle03 { float: left; clear: both; width: 96%; margin: 20px 2% 0; padding: 10px 0; text-align: center; font-size: 1rem; font-weight: bold; border-left: 5px solid #CC0000; border-right: 5px solid #CC0000; border-top: 1px solid #CC0000; border-bottom: 1px solid #CC0000; }
.contact02 { float: left; clear: both; width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 1rem; font-weight: bold; }
.contact03 { float: left; clear: both; width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 1rem; font-weight: bold; }

.form_block{ width:96%; border:1px solid #E0E0E0; float:left; clear: both; padding:0px; text-align:left; margin: 0 2%; }
.form_block input{ margin:0; padding:4px 2px; }
.form_block table th{ vertical-align: middle; margin:0px 0 8px 0; padding:10px 0 10px 10px; width:30%; font-weight:normal; background:#F3DEE6; font-size:12px; line-height:18px; text-align:left; border-top: 8px #FFFFFF solid; border-right: 8px #FFFFFF solid; border-bottom: 8px #FFFFFF solid; border-left: 7px #FFFFFF solid; border-collapse: collapse; }
.form_block table th .required{ float:right; width:56px; padding:0; }
.form_block table td{ font-size: 0.875rem;  }
.borderline { boeder:1px solid #CCC; }
.col-head-type2 { border-collapse: collapse; width: 100%; }
.col-head-type2 th,
.col-head-type2 td { padding: 10px 0; font-size: 1rem; font-weight: normal; }
.col-head-type2 th { text-align: left; width: 20%; }
.col-head-type2 .maxbox,
.col-head-type2 textarea { width: 80%; border:0; padding:5px;color:#aaa; border:solid 1px #ccc; margin:0; color: #333; }
.col-head-type2 textarea { height: 100px; }
.col-head-type2 .minbox { width: 20%; padding:5px; color:#aaa; border: solid 1px #ccc; margin: 0;}

.hoge { width: 30%; border:solid 1px #ccc; padding:15px 30px; margin: 30px 35% 20px; text-transform:uppercase; font-weight:bold; color:#333; cursor:pointer;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

.back { float: left; width: 50%; }
.next { float: left; width: 50%; }
.back .hoge,.next .hoge { width: 80%; margin: 30px 10% 20px; }

.map_area { margin: 0 2%; width: 96%; float: left; clear: both; }
.map_area dl{ margin: 0; width: 100%; float: left; clear: both; }
.map_area dl dt{ margin: 0; width: 100%; float: left; clear: both; border-bottom: 1px solid #CC0000; }
.map_area dl dd{ margin: 10px 0 20px 0; width: 100%; float: left; clear: both; font-weight: normal; }
.map_area .map{ margin: 20px 0 0 0; padding: 1%; width: 100%; height: 500px; border: 1px solid #CCC; }

/*-- 人力車 --*/
#gallery { margin: 20px 0 20px 0; float: left; clear: both; width: 100%; }
#gallery ul{ margin: 0; width: 100%; }
#gallery ul li.item01{ margin: 0 1%; width: 19%; float: left; }
#gallery ul li.item02{ margin: 0 1%; width: 48%; float: left; }
#gallery ul li.item01 img,#gallery ul li.item02 img{ width: 100%; height: auto; overflow: hidden; }

/*-- 撮影プラン --*/
.photoplanarea { float: left; clear: both; border-top: 5px solid #D42557; border-bottom: 5px solid  #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 100%; }
.photoplanarea .cltxt{ float: left; clear: both; margin: 20px 5% 0; font-size: 14px; }
.photoplanarea .cltxt span{ font-size: 16px; font-weight: bold; }
.photoplanarea .cltxt span.fr{ font-size: 16px; font-weight: bold; color: #C00; }
.photoplanarea h1{ float: left; clear: both; width: 96%; color: #663300; padding: 0 2%; margin: 20px 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 24px; color: #663300; text-align: center; }
.photoplanarea02 { float: left; clear: both; width: 100%; margin: 0 0 40px 0; padding: 20px 0;  border-radius: 10px;　-webkit-border-radius: 10px;　-moz-border-radius: 10px; border: 3px solid #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); }
.photoplanarea02 .discription{ float: left; clear: both; width: 100%; background: #FFF; color: #663300; padding: 0; margin: 0 0 10px 0; font-weight: bold; font-size: 0.875rem; color: #663300; text-align: center; }
.photoplanarea02 .discription02{ float: left; clear: both; width: 90%; color: #663300; padding: 0; margin: 10px 5% 10px; font-weight: normal; font-size: 0.875rem; color: #663300; text-align: left; }
.photoplanarea .title { float: left; clear: both; width: 90%; color: #663300; padding: 0; margin: 10px 5% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 24px; color: #663300; text-align: center; border-bottom: 1px solid #333; }
.photoplanarea02 .title{ float: left; clear: both; width: 96%; color: #663300; padding: 0 0 5px 0; margin: 0 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 24px; color: #663300; text-align: center; border-bottom: 1px solid #333; }
.priceboxarea { float: left; clear: both; margin: 0 2%; width: 96%; } 
.pricebox { float: left; width: 46%; margin: 0 2% 20px; }
.priceboxarea table{ float: left; clear: both; margin: 20px 0 0; width: 100%; border-top: 1px solid #333; border-right: 1px solid #333; } 
.priceboxarea table thead th{ background: #D42557; color: #FFFFFF; font-weight: bold; font-size: 22px; text-align: center; border-left: 1px solid #333; } 
.priceboxarea table tbody td{ border-bottom: 1px solid #333; border-left: 1px solid #333; text-align: center; font-weight: normal; font-size: 0.75rem; } 
.priceboxarea table tbody td span.fb{ font-weight: bold; font-size: 18px; } 
.planbox { float: left; width: 46%; margin: 20px 2% 20px; }
.planphototitle { margin: 20px 0 0 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #D42557; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); width: 100%; color: #FFF; padding: 5px; text-align: center; font-size: 18px; font-weight: bold; float: left; clear: both; }
.pricebox ul{ float: left; width: 96%; margin: 20px 2% 0; }
.pricebox ul li{ float: left; width: 100%; margin: 0; font-size: 0.85rem; font-weight: normal; }
.pricebox p{ float: left; clear: both; width: 96%; margin: 0 2%; font-size: 0.75rem; color: #C00; font-weight: bold; }
.planbox .photo{ float: left; clear: both; width: 96%; margin: 0px 2%; }
ul.photooption { margin: 0; padding: 0; width: 100%; }
ul.photooption li.title{ margin: 20px 0 0 0; padding: 0 0 5px 0; width: 100%; font-size: 1rem; valign: top; }
ul.photooption li dl{ margin: 10px 0 0 0; padding: 0; width: 100%; }
ul.photooption li dl dt{ margin: 0; padding: 0; width: 100%; }
ul.photooption li dl dd{ margin: 0; padding: 0; width: 100%; font-size: 0.75rem; }

.btnarea03 { float: left; clear: both; width: 600px; margin: 40px 240px 0px; padding: 0; }
.btnarea04 { float: left; clear: both; width: 90%; margin: 0px 5% 50px; padding: 0; }
p.txt { text-align: center; font-size: 16px; width: 90%; margin: 10px 5% 0; float: left; clear: both; }
.mTB50 { float: left; clear: both; margin: 50px 0 100px; }

.btnArea { margin: 50px 0 0; float: left; clear: both; width: 100%; text-align: center; }
.btnArea .submit{ margin: 0 auto; width: 320px; text-align: center; }
.btnArea02 { margin: 50px 0 0; float: left; clear: both; width: 100%; text-align: center; }
.btnArea02 .back{ margin: 0 5%; float: left; width: 40%; }
.btnArea02 .next{ margin: 0 5%; float: left; width: 40%; }

ul.ulbox04-02 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 30px; }
ul.ulbox04-02 li { width: 23%; float:left; margin: 20px 1% 0; }
ul.ulbox04-02 li img{ width: 100%; }

ul.ulbox03  { text-align: left; width: 80%; float:left; clear:both; margin: 50px 10% 0; }
ul.ulbox03 li{ text-align: left; width: 100%; float:left; clear:both; margin: 0 0 30px; }

/* ------------------------------ */
/* 1280px～：大型PC
/* ------------------------------ */
@media screen and (min-width:1280px) {
.planMenu02-02 .wrap96-nl{margin:0;padding:0;width:calc(100% / 3);display:inline-block;}

ul.ulbox04 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 20px; }
ul.ulbox04 li { width: 23%; float:left; margin: 20px 1% 0; }
ul.ulbox04 li img{ width: 100%; }
ul.ulbox04 li.wp01 { width: 23%; float:left; margin: 20px 1% 0; height: 200px; overflow: hidden }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 20px 1% 0; height: 200px; overflow: hidden }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 20px 1% 0; height: 200px; overflow: hidden }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
ul.ulbox04 li.wp03-02 { width: 48%; float:left; margin: 20px 1% 0; height: 210px; overflow: hidden }
ul.ulbox04 li.wp01-02 { width: 23%; float:left; margin: 20px 1% 0; height: 210px; overflow: hidden }

}



/* ------------------------------ */
/* 960px～1279px：小型PC
/* ------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
.planMenu02-02 {margin: 0;padding:0;width:100%;}
.planMenu02-02 .wrap96-nl{margin:20px 0 0 0;padding:0 1%;width:calc(100% / 3);display:inline-block;}
.planMenu02-02 .wrap96-nl .article_txt{height:80px;}

table.planlist{ margin: 20px 2%; width: 96%; float: left; clear: both; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.planlist th{ border-bottom: 1px solid #CCC; width: 30%; padding: 19px 0 10px 2%; float: left; background: #1F223A; color: #FFF; height: 54px; }
table.planlist th.l2{ height: 68px; line-height: 68px; padding: 0 0 0 2%; }
table.planlist th.l3{ height: 90px; line-height: 90px; padding: 0 0 0 2%; }
table.planlist th.l4{ height: 120px; line-height: 120px; padding: 0 0 0 2%; }
table.planlist th.l5{ height: 150px; line-height: 150px; padding: 0 0 0 2%; }
table.planlist th.l6{ height: 180px; line-height: 180px; padding: 0 0 0 2%; }
table.planlist th.box100,
table.planlist th.box100-02{ width: 100%; padding: 15px 0 10px 2%; float: left; background: #1F223A; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.planlist td{ border-bottom: 1px solid #CCC; width: 70%; float: left; padding: 17px 2% 10px; height: 54px; letter-spacing: -0.5px; }
table.planlist td.l2{ padding: 10px 2% 0; height: 68px; }
table.planlist td.l3{ padding: 10px 2% 0; height: 90px; }
table.planlist td.l4{ padding: 10px 2% 0; height: 120px; }
table.planlist td.l5{ padding: 10px 2% 0; height: 150px; }
table.planlist td.l6{ padding: 10px 2% 0; height: 180px; }
table.planlist .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }

ul.ulbox04 li.wp01 { width: 23%; float:left; margin: 10px 1% 0; height: 160px; overflow: hidden }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 10px 1% 0; height: 160px; overflow: hidden }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 10px 1% 0; height: 160px; overflow: hidden }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }

.form_block{ width:96%; border:1px solid #E0E0E0; float:left; padding:0px; text-align:left; margin: 0 2%; }
.form_block table th{ vertical-align: middle; margin:0px 0 8px 0; padding:10px 0 8px 10px; width:30%; font-weight:normal; background:#F3DEE6; font-size:12px; line-height:18px; text-align:left; border-top: 8px #FFFFFF solid; border-right: 8px #FFFFFF solid; border-bottom: 8px #FFFFFF solid; border-left: 7px #FFFFFF solid; border-collapse: collapse; }
.form_block td{ width:70%; padding:10px 0 5px 20px; font-size:12px; line-height:18px; border: 8px #FFFFFF solid; border-collapse: collapse; }


/*-- 撮影プラン --*/
.photoplanarea02 { float: left; clear: both; width: 100%; margin: 20px 0 40px 0; padding: 20px 0;  border-radius: 10px;　-webkit-border-radius: 10px;　-moz-border-radius: 10px; border: 3px solid #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); }
.priceboxarea { float: left; clear: both; margin: 0 2%; width: 96%; } 
.pricebox { float: left; clear: both; width: 100%; margin: 0 0 20px; }
.planbox { float: left; width: 96%; margin: 0px 2% 20px; }
.photoplanarea02 .discription{ float: left; clear: both; width: 96%; color: #663300; background: #FFF; padding: 0; margin: 0 2% 10px; font-weight: bold; font-size: 0.75rem; color: #663300; text-align: center; }
.photoplanarea02 .title{ float: left; clear: both; width: 96%; color: #663300; padding: 0 0 5px 0; margin: 0 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #663300; text-align: center; border-bottom: 1px solid #333; }

ul.ulbox04 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 20px; }
ul.ulbox04 li { width: 48%; float:left; margin: 20px 1% 0; }
ul.ulbox04 li img{ width: 100%; }
ul.ulbox04 li.wp01 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
ul.ulbox04 li.wp03-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }


}




/* ------------------------------ */
/* 600px～959px：タブレット
/* ------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
.cation{ font-weight: bold; font-size: 1rem; color: #CC0000; margin: 10px 0 10px 2%; float: left; clear: both; }
.txt02{ text-align: left; width: 96%; float:left; clear:both; margin: 0px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }
.txt02-02{ text-align: left; width: 96%; float:left; clear:both; margin: 0px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }


.planMenu02-02 .wrap96-nl{margin:20px 0 0 0;padding:0 1%;width:calc(100% / 3);display:inline-block;}
.planMenu02-02 .wrap96-nl .box .entry-photo{ overflow:hidden; }
.planMenu02-02 .article_txt{ font-weight: normal; margin: 10px 0 0 2%; padding: 0; width: 96%; float: left; clear: both; font-size: 0.875rem; height: 100px; }
.planMenu02-02 ul.tag{ font-weight: normal; margin: 10px 2% 0; padding: 0; width: 96%; float: left; clear: both; font-size: 0.75rem; }
.planMenu02-02 ul.tag li{ margin:0 4px 5px; float: left; background:#CCC; border-radius: 10px; }
.planMenu02-02 ul.tag li a{ padding: 3px 5px; display: block; }

table.planlist{ margin: 20px 2%; width: 96%; font-size: 0.75rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.planlist th{ border-bottom: 1px solid #CCC; width: 30%; padding: 19px 0 10px 2%; float: left; background: #1F223A; color: #FFF; height: 50px; }
table.planlist th.l2{ height: 64px; line-height: 68px; padding: 0 0 0 2%; }
table.planlist th.l3{ height: 86px; line-height: 86px; padding: 0 0 0 2%; }
table.planlist th.l4{ height: 116px; line-height: 116px; padding: 0 0 0 2%; }
table.planlist th.l5{ height: 116px; line-height: 116px; padding: 0 0 0 2%; }
table.planlist th.l6{ height: 170px; line-height: 170px; padding: 0 0 0 2%; }
table.planlist th.box100,
table.planlist th.box100-02{ width: 100%; padding: 15px 0 10px 2%; float: left; background: #1F223A; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.planlist td{ border-bottom: 1px solid #CCC; width: 70%; float: left; padding: 17px 2% 10px; height: 50px; }
table.planlist td.l2{ padding: 10px 2% 0; height: 64px; }
table.planlist td.l3{ padding: 10px 2% 0; height: 86px; }
table.planlist td.l4{ padding: 10px 2% 0; height: 116px; }
table.planlist td.l5{ padding: 10px 2% 0; height: 116px; }
table.planlist td.l6{ padding: 10px 2% 0; height: 170px; }
table.planlist .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist .price,table.planlist03 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist02 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }

ul.ulbox04 li.wp01 { width: 23%; float:left; margin: 10px 1% 0; height: 120px; overflow: hidden }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 10px 1% 0; height: 120px; overflow: hidden }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 10px 1% 0; height: 120px; overflow: hidden }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
.img02 { width: 96%; margin: 20px 2%; text-align: center; padding: 0; float: left; clear: both; }
.img02 img{ width: 100%; }

.form_block table th{ vertical-align: middle; margin:0px 0 8px 0; padding:10px 0 8px 10px; width:30%; font-weight:normal; background:#F3DEE6; font-size:12px; line-height:18px; text-align:left; border-top: 8px #FFFFFF solid; border-right: 8px #FFFFFF solid; border-bottom: 8px #FFFFFF solid; border-left: 7px #FFFFFF solid; border-collapse: collapse; }
.form_block td{ width:70%; padding:10px 0 5px 20px; font-size:12px; line-height:18px; border: 8px #FFFFFF solid; border-collapse: collapse; }

/*-- 人力車 --*/
#gallery { margin: 20px 5% 0; float: left; clear: both; width: 90%; }
#gallery ul{ margin: 0; width: 100%; }
#gallery ul li.item01 img{ height: auto; overflow: hidden; }
#gallery ul li.item02 img{ height: auto; overflow: hidden; }

/*-- 撮影プラン --*/
.photoplanarea02 .discription{ float: left; clear: both; width: 96%; color: #663300; background: #FFF; padding: 0; margin: 0 2% 10px; font-weight: bold; font-size: 0.75rem; color: #663300; text-align: center; }
.photoplanarea02 .title{ float: left; clear: both; width: 96%; color: #663300; padding: 0 0 5px 0; margin: 0 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #663300; text-align: center; border-bottom: 1px solid #333; }

ul.ulbox04 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 20px; }
ul.ulbox04 li { width: 48%; float:left; margin: 20px 1% 0; }
ul.ulbox04 li img{ width: 100%; }
ul.ulbox04 li.wp01 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
ul.ulbox04 li.wp03-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }

}


/* ------------------------------ */
/* 480px～599px：SP横
/* ------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 
.btn { margin: 20px 10%; width: 80%; text-align: center; color: #FFF; float: left; clear: both; border-radius: 10px; background: #CC0000; }
.mT40 {margin: 0; display: block; }

ul.ulbox04 li.wp01 { width: 23%; float:left; margin: 10px 1% 0; height: 100px; overflow: hidden }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 10px 1% 0; height: 100px; overflow: hidden }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 10px 1% 0; height: 100px; overflow: hidden }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }

.planMenu02-02 .wrap96-nl{margin:20px 0 0 0;padding:0 1%;width:calc(100% / 2);display:inline-block;}
.planMenu02-02 ul.tag{ font-weight: normal; margin: 10px 2% 0; padding: 0; width: 96%; height: 50px; float: left; clear: both; font-size: 0.75rem; }

table.planlist{ margin: 20px 2%; width: 96%; font-size: 0.75rem; font-weight: normal; border-top: none; border-right: none; }
table.planlist th.l2,table.planlist th.l3,table.planlist th.l4,table.planlist th.l5,table.planlist th.l6,table.planlist th{ border-bottom: none; width: 100%; padding: 0; background: #1F223A; color: #FFF; height: 50px; text-align: center; line-height: 50px; display: block; }
table.planlist th.box100,
table.planlist th.box100-02{ width: 100%; border-bottom: 1px solid #CCC; padding: 0; background: #1F223A; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; line-height: 50px; display: block; }
table.planlist td{ border-bottom: none; width: 100%; padding: 15px 2% 20px; display: block; }
table.planlist td.l2{ padding: 15px 2% 20px; width: 100%; }
table.planlist td.l3{ padding: 15px 2% 20px; width: 100%; }
table.planlist td.l4{ padding: 15px 2% 20px; width: 100%; }
table.planlist td.l5{ padding: 15px 2% 20px; width: 100%; }
table.planlist td.l6{ padding: 15px 2% 20px; width: 100%; }
table.planlist .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist .price,table.planlist03 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist02 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist02 th span.fsd { font-size: 0.7rem; }

table.pricelist{ margin: 20px 2%; width: 96%; font-size: 0.75rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; float: left; clear: both; }
table.pricelist th{ border-bottom: 1px solid #CCC; width: 27%; padding: 19px 0 10px 2%; float: left; background: #530B30; color: #FFF; height: 54px; text-align: left; }
table.pricelist th.box100{ width: 100%; padding: 15px 0 10px 2%; float: left; background: #530B30; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.pricelist th.box100-02{ width: 100%; display: block; padding: 5px 0; text-align: center; font-weight: bold; font-size: 1rem; }
table.pricelist td{ border-bottom: 1px solid #CCC; width: 23%; float: left; padding: 17px 2% 10px; height: 54px; }
table.pricelist .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }


.text_area .txt{ text-align: left; width: 100%; float:left; clear:both; margin: 20px 0 20px 0; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; }
.text_area .img-left{ text-align: left; width: 80%; float:left; clear: both; margin: 0 10%; }
.text_area .box-right{ text-align: left; width: 100%; float:left; clear: both; margin: 20px 0 0 0; font-size: 0.875rem; line-height: 1.5rem; }

.img02 { width: 96%; margin: 0px 2%; text-align: center; padding: 0; float: left; clear: both; }
.img02 img{ width: 100%; }

.form_block{ width:96%; border:1px solid #E0E0E0; float:left; clear: both; padding:0px; text-align:left; margin: 20px 2%; }
.form_block table th{ vertical-align: middle; margin:0px 0 8px 0; padding:10px 0 8px 10px; width:30%; font-weight:normal; background:#F3DEE6; font-size:12px; line-height:18px; text-align:left; border-top: 8px #FFFFFF solid; border-right: 8px #FFFFFF solid; border-bottom: 8px #FFFFFF solid; border-left: 7px #FFFFFF solid; border-collapse: collapse; }
.form_block td{ width:70%; padding:10px 0 5px 20px; font-size:12px; line-height:18px; border: 8px #FFFFFF solid; border-collapse: collapse; }

/*-- 人力車 --*/
#gallery { margin: 20px 5% 0; float: left; clear: both; width: 90%; }
#gallery ul{ margin: 0; width: 100%; }
#gallery ul li.item01{ margin: 0 1% 20px; width: 31%; float: left; }
#gallery ul li.item02{ margin: 0 0 20px 0; width: 100%; float: left; clear: both; }
#gallery ul li.item01 img{ height: auto; overflow: hidden; }
#gallery ul li.item02 img{ height: auto; overflow: hidden; }

/*-- 撮影プラン --*/
.photoplanarea02 { float: left; clear: both; width: 100%; margin: 20px 0 40px 0; padding: 20px 0;  border-radius: 10px;　-webkit-border-radius: 10px;　-moz-border-radius: 10px; border: 3px solid #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); }
.priceboxarea { float: left; clear: both; margin: 0 2%; width: 96%; } 
.pricebox { float: left; clear: both; width: 100%; margin: 0 0 20px; }
.planbox { float: left; width: 80%; margin: 0px 10% 20px; }
.planbox img{ width: 100%; }
.photoplanarea02 .discription{ float: left; clear: both; width: 96%; color: #663300; background: #FFF; padding: 0; margin: 0 2% 10px; font-weight: bold; font-size: 0.75rem; color: #663300; text-align: center; }
.photoplanarea02 .title{ float: left; clear: both; width: 96%; color: #663300; padding: 0 0 5px 0; margin: 0 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #663300; text-align: center; border-bottom: 1px solid #333; }

ul.ulbox04 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 20px; }
ul.ulbox04 li { width: 48%; float:left; margin: 20px 1% 0; }
ul.ulbox04 li img{ width: 100%; }
ul.ulbox04 li.wp01 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
ul.ulbox04 li.wp03-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }

}



/* ------------------------------ */
/* ～479px：SP縦
/* ------------------------------ */
@media screen and (max-width:479px) {
.btn { margin: 20px 5%; width: 90%; text-align: center; color: #FFF; float: left; clear: both; border-radius: 10px; background: #CC0000; }
.mT20 {margin-top: 20px; float: left; clear: both; display: block; }
.txt02{ text-align: left; width: 96%; float:left; clear:both; margin: 0px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }
.txt02-02{ text-align: left; width: 96%; float:left; clear:both; margin: -20px 2% 10px; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }
.txt03{ text-align: left; width: 96%; float:left; clear:both; margin: 20px 2% 0; font-weight: normal; font-size: 0.875rem; line-height: 1.3rem; }
.mT40 {margin: 0; display: block; }

.planMenu02-02 .wrap96-nl{ margin:20px 0 0 0;padding:0 1%;width:100%;display:block; }

ul.ulbox04 { text-align: left; width: 92%; float:left; clear:both; margin: 0 4% 20px; }
ul.ulbox04 li { width: 48%; float:left; margin: 20px 1% 0; }
ul.ulbox04 li img{ width: 100%; }
ul.ulbox04 li.wp01 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp03 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01 img,ul.ulbox04 li.wp02 img,ul.ulbox04 li.wp03 img,{ width: 100%;; }
ul.ulbox04 li.wp03-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }
ul.ulbox04 li.wp01-02 { width: 48%; float:left; margin: 20px 1% 0; height: auto; }

table.planlist{ margin: 20px 0% 20px; padding: 0 2%; width: 100%; font-size: 0.75rem; font-weight: normal; border-top: none; border-right: none; float: left; clear: both; }
table.planlist th.l2,table.planlist th.l3,table.planlist th.l4,table.planlist th.l5,table.planlist th.l6,table.planlist th{ border-bottom: none; width: 100%; padding: 0; background: #1F223A; color: #FFF; height: 50px; font-size: 1rem; text-align: center; line-height: 50px; display: block; }
table.planlist th.box100{ width: 100%; border-bottom: 1px solid #CCC; padding: 5px 0; display: block; background: #1F223A; color: #FFF; text-align: center; font-weight: bold; font-size: 1rem; }
table.planlist th.box100-02{ width: 100%; display: block; padding: 5px 0; text-align: center; font-weight: bold; font-size: 1rem; }
table.planlist td{ border-bottom: none; width: 100%; padding: 10px 2% 5px; margin: 0 0 10px 0; display: block; font-size: 0.875rem; border-right: none; border-left: none; letter-spacing: -0.5px; float: left; clear: both; }
table.planlist td.ptxt{ font-size: 0.875rem; }
table.planlist td.l2{ padding: 10px 2% 20px; display: block;}
table.planlist td.l3{ padding: 10px 2% 20px; display: block;}
table.planlist td.l4{ padding: 10px 2% 20px; display: block; height: 150px; }
table.planlist td.l5{ padding: 10px 2% 20px; display: block; }
table.planlist td.l6{ padding: 10px 2% 20px; display: block; }
table.planlist .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }

.cation{ font-weight: bold; font-size: 1rem; color: #CC0000; margin: 10px 0 10px 2%; float: left; clear: both; }

table.pricelist{ margin: 20px 0%; width: 100%; padding: 0 2%; font-size: 0.875rem; font-weight: normal; border-top: none; border-right: none; float: left; clear: both; }
table.pricelist th{ width: 100%; text-align: center; display: block; }
table.pricelist th.box100{ width: 100%; display: block; font-size: 0.875rem; }
table.pricelist th.box100-02{ width: 100%; display: block; padding: 5px 0; text-align: center; font-weight: bold; font-size: 0.875rem; }
table.pricelist td{ width: 100%; text-align: center; display: block; padding: 10px 2%; }

.text_area .txt{ text-align: left; width: 100%; float:left; clear:both; margin: 20px 0 20px 0; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; }
.text_area .img-left{ text-align: left; width: 80%; float:left; clear: both; margin: 20px 10%; }
.text_area .box-right{ text-align: left; width: 100%; float:left; clear: both; margin: 20px 0 0 0; font-size: 0.875rem; line-height: 1.5rem; }
.img-center { text-align: center; width: 96%; float:left; clear:both; margin: 0 2% 20px; }

/*-- 753 -- */
.box753 .boxleft { width: 90%; margin: 10px 5%; font-size: 1.2rem; text-align: center; }
.box753 .photo { float: left; width: 90%; margin: 5px 5% 20px; float: left; clear: both; }
.box753 .photo img { width: 100%; }
.box753 .boxleft .pricetitle { float: left; clear: both; width: 100%; margin: 10px 0; text-align: center; border-bottom: 2px solid #333; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.2rem; color: #663300; }
.box753 .pricetitle02 { float: left; clear: both; width: 90%; margin: 10px 5% 5px; text-align: center; border-bottom: 2px solid #333; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.1rem; color: #663300; }
.box753 .boxleft table { float: left; clear: both; width: 100%; margin: 10px 0%; font-size: 1.25rem; text-align: center; border-bottom: 1px solid #333; border-left: 1px solid #333; }
.box753 .boxleft table thead th{ margin: 0; padding: 10px 2%; font-size: 0.875rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #645E51; color: #FFF; }
.box753 .boxleft table tbody td{ margin: 0; padding: 10px 1%; font-size: 1rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #FFF; vertical-align: middle; }
.box753 .boxleft table tbody td.pr{ text-align: right; width: 30%; font-size: 1.25rem; }

.box753 .boxleft table.sp100 { float: left; clear: both; width: 100%; margin: 10px 0%; font-size: 1.25rem; text-align: center; border-bottom: 1px solid #333; border-left: 1px solid #333; }
.box753 .boxleft table.sp100 tbody th{ float: left; clear: both; margin: 0; padding: 10px 2%; font-size: 0.875rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #645E51; color: #FFF; width: 100%; }
.box753 .boxleft table.sp100 tbody td{ float: left; clear: both; margin: 0; padding: 5px 2% 10px; font-size: 1.25rem; text-align: center; border-top: 1px solid #333; border-right: 1px solid #333; background: #FFF; color: #333; width: 100%; }

table.planlist02 th { text-align: center; }
table.planlist02 td { padding: 10px 0 10px 5px }
table.planlist .price,table.planlist03 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist02 .price{ font-weight: bold; font-size: 1rem; color: #CC0000; }
table.planlist02 th span.fsd { font-size: 0.7rem; }

.h_photo_box { float: left; width: 90%; margin: 0 5%; clear: both; }
.h_photo{ width:100%; height:auto; float:left; position:relative; margin:10px 0 0 0; }
.imgonmouse { width:100%; }
.imgonmouse img { padding:5px 0 0 5px; float:left; width:100%; }
.imgonmouse ul { margin: 10px 0 30px 0; float: left; clear: both; width:100%;}
.imgonmouse ul li img { width: 100%; }
.imgonmouse ul li { float: left; width: 31%; margin: 0px 1%;}

.img02 { width: 96%; margin: 0px 2%; text-align: center; padding: 0; float: left; clear: both; }
.img02 img{ width: 100%; }
table.pricelist04{ float: left; clear: both; margin: 20px 2% 20px; width: 96%; font-size: 0.875rem; font-weight: normal; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
table.pricelist04 th,table.pricelist04 td{ padding: 15px 0; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
table.pricelist04 th{  background: #1F223A; color: #FFF; text-align: center; }
table.pricelist04 th.w40{ width: 40%; }
table.pricelist04 th.w30{ width: 30%; }
table.pricelist04 td.w40{ width: 40%; padding: 15px 5px; font-size: 0.875rem;}
table.pricelist04 td.w30{ width: 30%; padding: 15px 10px 15px 0; text-align: right; font-size: 1rem; font-weight: bold; color: #CC0000; }
table.pricelist04 td.w60{ width: 30%; padding: 15px 10px 15px 0; text-align: right; font-size: 1rem; font-weight: bold; color: #CC0000; vertical-align: middle;}

.form_block{ width:96%; border:1px solid #E0E0E0; float:left; padding:0px; text-align:left; margin: 20px 2%; }
.form_block table th{ vertical-align: middle; margin:0px 0 8px 0; padding:10px 0 8px 10px; width:100%; font-weight:normal; background:#F3DEE6; font-size:12px; line-height:18px; text-align:left; border-top: 8px #FFFFFF solid; border-right: 8px #FFFFFF solid; border-bottom: 8px #FFFFFF solid; border-left: 7px #FFFFFF solid; border-collapse: collapse; }
.form_block td{ width:100%; padding:0 2% 5px 2%; font-size:12px; line-height:18px; border: 8px #FFFFFF solid; border-collapse: collapse; }

.col-head-type2 tr,
.col-head-type2 th,
.col-head-type2 td { display: block; width: auto; }
.col-head-type2 th { padding-bottom: 0; }
.col-head-type2 .maxbox,
.col-head-type2 textarea { width: 100%; }
.col-head-type2 .minbox { width: 20%; padding:5px; color:#aaa; border: solid 1px #ccc; margin: 0;}
.hoge { width: 80%; margin: 30px 10% 20px; }
.back { float: left; width: 100%; clear: both; }
.next { float: left; width: 100%; clear: both; }
.back .hoge,.next .hoge { width: 80%; margin: 30px 10% 20px; }

/*-- 人力車 --*/
#gallery { margin: 20px 5% 0; float: left; clear: both; width: 90%; }
#gallery ul{ margin: 0; width: 100%; }
#gallery ul li.item01{ margin: 0 1% 20px; width: 31%; float: left; }
#gallery ul li.item02{ margin: 0 5% 20px; width: 90%; float: left; clear: both; }
#gallery ul li.item01 img{ height: auto; overflow: hidden; }
#gallery ul li.item02 img{ width: 100%; height: auto; overflow: hidden; }

/*-- 撮影プラン --*/
.photoplanarea02 { float: left; clear: both; width: 100%; margin: 20px 0 40px 0; padding: 20px 0;  border-radius: 10px;　-webkit-border-radius: 10px;　-moz-border-radius: 10px; border: 3px solid #F1AEB3; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); }
.priceboxarea { float: left; clear: both; margin: 0 2%; width: 96%; } 
.pricebox { float: left; clear: both; width: 100%; margin: 0 0 20px; }
.planbox { float: left; width: 80%; margin: 0px 10% 20px; }
.planbox img{ width: 100%; }
.photoplanarea02 .discription{ float: left; clear: both; width: 96%; color: #663300; background: #FFF; padding: 0; margin: 0 2% 10px; font-weight: bold; font-size: 0.75rem; color: #663300; text-align: center; }
.photoplanarea02 .title{ float: left; clear: both; width: 96%; color: #663300; padding: 0 0 5px 0; margin: 0 2% 0; font-family: 'ipa', "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: YuMincho, "游明朝", 'ipa', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 1.5rem; line-height: 2rem; color: #663300; text-align: center; border-bottom: 1px solid #333; }


}