@charset "utf-8";

/* --------------------------------------------------
タブレット・スマホ横用のCSS
-------------------------------------------------- */
@media screen and (max-width: 768px){
	.tw100{width:100%;	margin: 0 auto;		display: block;}
	.tw90{width:90%;	margin: 0 auto;		display: block;}
	.tw80{width:80%;	margin: 0 auto;		display: block;}
	.tw70{width:70%;	margin: 0 auto;		display: block;}
	.tw70{width:70%;	margin: 0 auto;		display: block;}
	.tw60{width:60%;	margin: 0 auto;		display: block;}
	.tw50{width:50%;	margin: 0 auto;		display: block;}
	.tw40{width:40%;	margin: 0 auto;		display: block;}
	.tw30{width:30%;	margin: 0 auto;		display: block;}
}

/* 画面サイズが768px以下の場合に適用 */

@media screen and (max-width: 768px){
	
sp0{ display:none}

section,footer .shop {
    padding:0 10px;
}
#wrap{background:#FFF;}
	
/*width解除*/
.Inner{
width: 100%;
   padding: 75px 0 0 0;
}
.header_Inner{
width: 100%;
}
/*header廻り*/
#header {
    /*padding: 0 10px;
    height: 75px;*/
}
#h1title{
    display: none;
}
#heder_logo {
    width: 280px;
    z-index: 99999999;
    position:absolute;
    padding: 10px;
    }
header{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}
header .menu-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
    color: #000;
    padding: 5px;
    background: #FFF;
    text-align: center;
}
header .menu-btn span {
    display: block;
    padding-top: 4px;
    font-size: 8pt;
    color: #000;
}
header .menu-btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
    color: #000;
    font-size: 20pt;
}
.mm-menu {
    top: 75px !important;
}
	
.spw50{width: 50% !important;}
.spw60{width: 60% !important;}
.spw70{width: 70% !important;}
.spw80{width: 80% !important;}
.spw90{width: 90% !important;}
.spw92{width: 92% !important;}
.spw94{width: 94% !important;}
.spw96{width: 96% !important;}
.spw98{width: 98% !important;}
.spw100{width: 100% !important;}
/*****スマホ用メニュー*****/
#spmenu {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
}
nav small {
    display: none;
}
#dropmenu li a{color: #D60011;height: auto;}
#dropmenu li ul{position:relative;}
#dropmenu li ul{width:100%;}
#dropmenu li,#dropmenu li.concept,#dropmenu li.middle,#dropmenu li.middle2,#dropmenu li.middle3,#dropmenu li.small{width:100%;}
#dropmenu li a {text-indent: 20px;}
#dropmenu li a.mean-expand {text-indent: 0px;}
#dropmenu li ul li{height:auto;}
#dropmenu li ul li a {padding: 7px 0px;}
#dropmenu li:hover ul li{border:none;}
#dropmenu li.concept{border-bottom: 3px solid #D60011;}


footer section.shop h2 img {
    margin:0 auto;
}
h2 strong.title_sub img {
	display: inline-block;
	position: relative;
	top: 0px;
}
h2.bk {
    text-align: center;
    color: #000;
    font-size: 180%;
	font-weight:normal;
	margin-bottom:15px;
}

footer .footer_menu {margin-bottom:80px;
}
footer .footer_menu ul.footer_nav li {
    border: 1px dotted #fff;
    width: 42% !important;
    margin: 1%;
    text-align: center;
    padding: 5px;
	margin-left:2.3%;
margin-right:1.8%;
float:left;
}
footer ul.footer_nav{
    border:none;
    margin-right: 0px;
    float:none;
	margin-bottom:10px;
	
}
footer .footer_btn {
    float: none;
    display: table;
    padding-top: 10px;
    clear: both;
    margin: 0 auto;
}

.btn_6 {
    width: 90%;
}

.btn_5 {
    width: 90%;
}
.btn_4 {
    width: 90%;
}
.btn_3 {
    width: 90%;
}
.btn_2 {
    margin: 0 auto;
    width: 90%;
}
section.shop .tb2 {
   height: 178px;
}

.sp0{display: none;}

/*********各ページ設定*********/

/*index.html*/
.photo{width: 90%;}

/*otona.html*/
.top_indexBtn{width: 90%;}

/*f_seijin.html*/
.btn_5.position {
        position: initial;
}
section.gyalary_seijin .pc2 img {
    height: auto;
}
/*location_photo.html*/
.btn_5.position2 {
        position: initial;
}
small.bgBlak {
    margin: 20px 0px;
    text-align: center;
    float: left;
}
/*r_chapel.html*/
.btn_6{
  width: 90%;
}
.flow .box_pink{width:100%}
section.sikisidai .box{width: 46%;margin:2%;}





/*home*/

#home {
    padding: 0px 20px;
}
.homeimg {
    margin: 0 auto;
    float: none;
    width: 80%;
    margin-bottom: 30px;
}
#home #homeside {
    width: 80%;
    float: none;
    margin: 0 auto;
}
#home h1{display: none;}
#home .home_contact img {
    margin: 0 auto;
    width: 100%;
}
#home .home_contact{float:none;}

/*index*/
.top_campaign {
    position: relative;
    right: auto;
    top: auto;
    margin: 0 auto;
    margin-bottom: 20px;
}
/*マタニティー*/
.flow .box{width: 100%}
h2 strong.title_sub {
    float: none;
    display: block;
    margin-top: 10px;
}
/*お宮参り*/

/*七五三*/
.newishou {
    float: left;
    width: 47%;
}
/*よくある質問*/
.anchor img{width:100%;}

/*スタジオ案内*/
.studiobox h2 span{display: block;line-height: 2;}


.topsub {
    position: relative;
	padding-top: 20px;
}
p.tPink {
	padding-top:0px;
}

/*レスポンシブ表示・非表示対応*/
.tCenter-L{ text-align: left;}
.sphid{ display:none;}


/*コンタクト・SNS*/
.contact_btn1{ display: block;
position:fixed;
bottom:0;
left:0;
width:100%;
background:#FFF;
z-index:999;
padding-top:16px;
padding-bottom:13px;
text-align:center;
}

.contact_btn1 p{width:94%;
margin-left:auto;
margin-right:auto;
}

.contact_btn1 p img {
	display:inline;
	height:38px;
}

/* 写真だけの結婚式・別撮り結婚写真 new
---------------------------------------*/

/********************
 アコーディオン
********************/

.priceBox article {
	width: 96%;
	margin: 0 auto;
}
.priceL {
/*	margin-top: 2em;
*/}
.priceBox article .txt {
	font-size: 1.2em;
	/*padding: 1em 0;*/
}
/* title */
.priceL article label {
	margin: 0 auto;
	/*padding: 1em 0;*/
	display: block;
	font-size: 1em;
	color: #fff;
	position: relative;
}
.priceL .mPriList label {
}

.priceL article input[type="checkbox"].on-off {
	display: none;
}
.priceL article input[type="checkbox"].on-off + div.planbox {
	/*display: none;*/
	display: block;
}
.priceL article input[type="checkbox"].on-off:checked + div.planbox {
	/*display: block;*/
	display: none;
}

.priceL {
	text-align: center;
}
.priceL img, .priceL img {
	/*margin-bottom: .5em;*/
	width: 100%;
}
.priceL article.mPriList {
	display: inline-block;
	width: 100%;
	margin: 0;
	vertical-align: top;
}


.priceL article h2 {
	font-size: 2em;
}

.priceL article h2 img{width: 100%;}
	
.photoonlyBox,.photoonlyBox_L{
	width:100%;
	margin: 0;
	padding: 0;
}
.photoonlyBox img,.photoonlyBox_L img{width:100%;}
.photoonlyBox .planbox,.photoonlyBox_L .planbox{
	width: 96%;
	margin: 0 auto 30px;
}
.photoonlyBox .txtbox_s,.photoonlyBox_L .txtbox_s{
	width: 96%;
	margin: 0 auto;
	padding:30px 0;
	line-height: 1.6rem;
}

/*.............................*/

.planbox{ text-align:center;
width: 100%;
margin-left:auto;
margin-right:auto;}

.planbox img{width: 100%;}
.plan{ display:block;
margin-bottom:30px;
}

.planbox p{ font-size:100%;
line-height:1.5em;}

.ptel{
text-align:center; 
width: 96%;
margin-left:auto;
margin-right:auto;
}

.planbox p.dbox01{ font-size:90%;
line-height:1.5em;
text-align:left;
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.planbox p.dbox02{ font-size:90%;
line-height:1.5em;
text-align:left;
border:#666 1px dotted;
padding:10px;
width: 94.5%;
}

.planbox .planbox_l{
width:100%;
float:none;}

.planbox .planbox_r{
width:100%;
float:none;
}

.profilebox{
	font-size: 90%;
	line-height: 1.5em;
	border: #666 1px solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width:89.5%;
margin-left:auto;
margin-right:auto;
}

p.fl01{float:left;
width:20%;
}
p.fl01 img{width:100%;}

.profilebox dl{
width:73%;
float:right;
padding-right: 20px;
padding-top: 10px;}

.profilebox dl dt{ text-align:right;
width:100%;
padding-left:0px;
margin-bottom:30px}
.profilebox dl dt img{width:100%;}

.profilebox dl dd{margin-bottom:5px;}
.profilebox dl dd.linebott{ border-bottom:#999 1px solid;
margin-bottom:5px;}




/*p.fl01{float:none;
width:100%;
text-align: center !important;
}

p.fl01 img{width:40%;margin-left:auto;
margin-right:auto;}



.profilebox dl{
text-align: left;
width:96%;
float: none;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;}

.profilebox dl dt{width:100%;
text-align: left;
padding-left:0;
margin-bottom:10px;
}
.profilebox dl dt img{width:100%;}
.profilebox dl dd{margin-bottom:5px;}
.profilebox dl dd.linebott{ border-bottom:#999 1px solid;
margin-bottom:5px;}*/

/*TELボックス*/
.telbox{
	background-image: url(../img/photo_only/plan02_tel_bg.jpg);
	background-repeat: no-repeat;
	height:auto;
	padding-left:70px;
	padding-top:20px;
	background-size: contain;
	margin-bottom:20px;
}

.telbox img{ width:80%}

/*バナー*/
.bannbox{ text-align:center;
}

.bannbox img{ margin-left:5px;
margin-right:5px;
 display:inline;
 width:42%;
 margin-bottom:20px;
}

.bannbox a{ display:inline;}


/*plan_gallery*/

.plan_gallery{ text-align:center;
	background-color:#efefef;
	padding-top:30px;
	padding-bottom:30px;}

.plan_gallery h2{width:80%;
margin-left:auto;
margin-right:auto;
	}
.plan_gallery h2 img{width:100%;}
	
.plan_gallery p{ padding-left:7px;}



/*振袖追加設定*/

.campaign_box{
	position:relative;
	margin-bottom:20px;
	width:100%;
	margin-left:auto;
margin-right:auto;
}

.campaign_box img{margin-left:auto; margin-right: auto;}

.campaign_box .m_telbox{
	width: 80%;
	/*position: absolute;
	top: 72%;
	left:10%;*/
	background-image: url(../img/category/download.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:0;
	z-index:100;
	background-size:20%;
	margin: 0 auto 30px auto;
}

.campaign_box img{max-width: 100%;}
.campaign_box .m_telbox li{padding-left:22%;}
.campaign_box .m_telbox li.tl70{padding-left:22%;}
.campaign_box .m_telbox li img{width: 100%;}

.campaign_box .txt_fuki{margin:40px auto !important;}

.campaign_box .borderbox{
	padding: 15px;
}
.campaign_box .borderbox .tit1{	
	font-size:1.8em;
	line-height: 1.3;
	text-align: center;
}
.campaign_box .borderbox .priceimg{max-width: 300px;}

.campaign_box .borderbox ul.setlist_W,.campaign_box .borderbox ul.setlist_M{
	width:100%;
	padding: 0;
}
.campaign_box .borderbox ul.setlist li{
	width:16%;
	margin:0 2% 10px;
	text-align: center;
	line-height: 1.3;
}
.campaign_box .borderbox ul.setlist li span{margin-left: -1em;}
.campaign_box .borderbox .bg_gray{padding: 15px;}
.campaign_box .borderbox .pricelist{display: block;}
	.campaign_box .borderbox .pricelist li{margin-bottom: .5em;}
.campaign_box .borderbox .pricelist li:first-child::after{
	content:none;
}
.campaign_box .borderbox .photo{
	margin-bottom: -15px;
	left: 0; right: 0;
	position: relative;
	}
.campaign_box .borderbox .tit2{
	font-size:1.2em;
}

.campaign_box .borderbox .albumlist{
	margin-left:-30px;
}
	
	
/*大人の記念写真*/
.adult_anniv{
	position:relative;
	margin-bottom:20px;
	width: 94%;
	margin-left:auto;
	margin-right:auto;
}
.adult_anniv .icon_box{
	width: 90%;
	position: absolute;
	top: 42%;
	left:5%;
	padding-left:0;
	z-index:100;
}
.adult_anniv .a_photo_telbox{
	width: 70%;
	position: absolute;
	top: 70%;
	left:0;
	padding-left:17%;
	z-index:100;
}
.adult_anniv .a_photo_telbox img{
	width:100%;
}
.adult_anniv img{margin-left:auto; margin-right: auto;
}	

.g-nvi{width:100% !important; margin-left:auto; margin-right: auto;}

.g-nvi li{ float:left;margin-right:3px; margin-bottom:10px;width:32%;} 

.g-nvi img{width:100%;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:.3;}
    100% {opacity:1;}
}	
	
}

/*max-width: 768px*/









/* --------------------------------------------------
スマホ縦用のCSS
-------------------------------------------------- */

/* 画面サイズが480px以下の場合に適用 */

@media screen and (max-width: 480px){
.spw50{width: 50% !important;}
.spw60{width: 60% !important;}
.spw70{width: 70% !important;}
.spw80{width: 80% !important;}
.spw90{width: 90% !important;}
.spw100{width: 100% !important;}

img.sp100{width:100%;}

/*********共通部分*********/

table th {
    text-align: left;
    display: block;
    font-weight: bold;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background: none;
    padding: 10px 10px 0px 10px;
    border-bottom: none;
    font-size: 17px;
}
table td {
    display: block;
}
#heder_logo {
    width: 220px;
    padding: 10px 0px;
}
.top_btn{
    width: 90%;
}
.topsub {
    position: relative;
    top: -10px;
}
section.shop .sp1 {
    border-top: 1px dotted #555;
    padding-top: 10px;
    display: inline-block;
    height: auto;
}

/*********各ページ設定*********/

/*home*/
.homeimg,#home #homeside{width: 100%;}


/*マタニティー*/
h2 strong.title_sub img {
    display: block;
}
h2 strong.title_sub img {
	display: inline-block;
	position: relative;
	top: 0px;
}
/*お宮参り*/

.newishou{width:100%;}
.banner {padding: 10px;}
.flow_absolute{position: initial;}




h2.gray {
    text-align: center;
    color: #555;
    font-size: 20px;
}


h2.black {
    text-align: center;
    margin-bottom: 40px;
    color:  #000;
    font-size: 26px;
}

.item img{
	width: 100% !important;
}

.item {
	width: 44% !important;
}

/*レスポンシブ表示・非表示対応*/
.tCenter-L{ text-align: left;}
.sphid{ display:none;}

/*FIXお問い合わせ・SNS設定*/
.contact_btn1{ display: block;
position:fixed;
bottom:0;
left:0;
width:100%;
background:#FFF;
z-index:999;
padding-top:13px;
padding-bottom:10px;
text-align:center;
}

.contact_btn1 p{width:94%;
margin-left:auto;
margin-right:auto;
}

.contact_btn1 p img {
	display:inline;
	height:33px;
}

/* 写真だけの結婚式・別撮り結婚写真 new
---------------------------------------*/

/********************
 アコーディオン
********************/

.priceBox article {
	width: 96%;
	margin: 0 auto;
}
.priceL {
/*	margin-top: 2em;
*/}
.priceBox article .txt {
	font-size: 1.2em;
	/*padding: 1em 0;*/
}
/* title */
.priceL article label {
	margin: 0 auto;
	/*padding: 1em 0;*/
	display: block;
	font-size: 1em;
	color: #fff;
	position: relative;
}
.priceL .mPriList label {
}

.priceL article input[type="checkbox"].on-off {
	display: none;
}
.priceL article input[type="checkbox"].on-off + div.planbox {
	/*display: none;*/
	display: block;
}
.priceL article input[type="checkbox"].on-off:checked + div.planbox {
	/*display: block;*/
	display: none;
}

.priceL {
	text-align: center;
}
.priceL img, .priceL img {
	/*margin-bottom: .5em;*/
	width: 100%;
}
.priceL article.mPriList {
	display: inline-block;
	width: 100%;
	margin: 0;
	vertical-align: top;
}


.priceL article h2 {
	font-size: 2em;
}

.priceL article h2 img{width: 100%;}

/*.............................*/

.planbox{ text-align:center;
width: 100%;
margin-left:auto;
margin-right:auto;}

.planbox img{width: 100%;}

.plan{ display:block;
margin-bottom:30px;
}

.planbox p{ font-size:100%;
line-height:1.5em;}

.ptel{
text-align:center; 
width: 96%;
margin-left:auto;
margin-right:auto;
}

.planbox p.dbox01{ font-size:90%;
line-height:1.5em;
text-align:left;
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.planbox p.dbox02{ font-size:90%;
line-height:1.5em;
text-align:left;
border:#666 1px dotted;
padding:10px;
width: 94.5%;
}

.planbox .planbox_l{
width:100%;
float:none;}

.planbox .planbox_r{
width:100%;
float:none;
}


.profilebox{
	font-size: 90%;
	line-height: 1.5em;
	border: #666 1px solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width:89.5%;
margin-left:auto;
margin-right:auto;
	
}

p.fl01{float:none;
width:100%;
text-align: center !important;
}

p.fl01 img{width:40%;margin-left:auto;
margin-right:auto;}

.profilebox dl{
text-align: left;
width:96%;
float: none;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;}

.profilebox dl dt{width:100%;
text-align: left;
padding-left:0;
margin-bottom:10px;
}
.profilebox dl dt img{width:100%;}
.profilebox dl dd{margin-bottom:5px;}
.profilebox dl dd.linebott{ border-bottom:#999 1px solid;
margin-bottom:5px;}

/*TELボックス*/
.telbox{
	background-image: url(../img/photo_only/plan02_tel_bg.jpg);
	background-repeat: no-repeat;
	height:auto;
	padding-left:40px;
	padding-top:20px;
	background-size: contain;
	margin-bottom:20px;
	text-align:right;
}

.telbox img{ width:80%}
.telbox .ptel2{ width:100%;margin-left:-3px;
}

/*バナー*/
.bannbox{ text-align:center;
}

.bannbox img{ margin-left:5px;
margin-right:5px;
 display:inline;
 width:42%;
 margin-bottom:20px;
}

.bannbox a{ display:inline;}


/*plan_gallery*/

.plan_gallery{ text-align:center;
	background-color:#efefef;
	padding-top:30px;
	padding-bottom:30px;}

.plan_gallery h2{width:80%;
margin-left:auto;
margin-right:auto;
	}
.plan_gallery h2 img{width:100%;}
	
.plan_gallery p{ padding-left:7px;}

/*振袖追加設定*/

.campaign_box{
	position:relative;
	margin-bottom:20px;
	width:100%;
	margin-left:auto;
margin-right:auto;
}

.campaign_box img{margin-left:auto; margin-right: auto;}

.campaign_box .m_telbox{
    width: 90%;
    /*position: absolute;
    top: 476px;
    left: 10%;
	height: 159px;*/
    background-image: url(../img/category/download.jpg);
    /*background-position: left top;*/
    background-position:left top;
    background-repeat: no-repeat;
	background-size: contain;
    padding-left: 0;
    z-index: 100;
    background-size: 20%;
	margin: 0 auto;
}

.campaign_box img{width: 100%;}
.campaign_box .borderbox ul.setlist{width: 100%;}
.campaign_box .borderbox ul.setlist li{width: 29%;}
.campaign_box .borderbox ul.setlist_M li{width:40%; }
.campaign_box .borderbox ul.setlist_M li img{max-width: 90px;}

	
	
.campaign_box .m_telbox li{width:78%;}

.campaign_box .m_telbox li img{width: 100%;}

.campaign_box .m_telbox li.tl70{
	width:78% !important;
}


/*大人の記念写真*/
.adult_anniv{
	position:relative;
	margin-bottom:20px;
	width: 94%;
	margin-left:auto;
margin-right:auto;
}
.adult_anniv .icon_box{
	width: 90%;
	position: absolute;
	top: 41%;
	left:5%;
	padding-left:0;
	z-index:100;
}
.adult_anniv .a_photo_telbox{
	width: 80%;
	position: absolute;
	top: 70%;
	left:0;
	padding-left:15%;
	z-index:100;
	text-align: center;
}
.adult_anniv .a_photo_telbox p{
	font-size:60%;
	margin-top:-10px;
}
.adult_anniv .a_photo_telbox img{
	width:100%;
}
.adult_anniv img{margin-left:auto; margin-right: auto;
}

.rental_price table td{display: table-cell;}
	.rental_price .new{width:25%;}
}
/*max-width: 480px*/