
/* ---------------------------------------------------------------
	start max 550px
--------------------------------------------------------------- */

@media screen and ( max-width: 550px ) {
	
/* --------------- blog --------------- */
	
	.col_blog {
		display: block;
	}
	
	.cont_blog {
		width: 88vw;
		margin: 0 auto 6%;
	}
	
	.img_blog {
		width: 84vw;
		height: 84vw;
	}
	
	.label_date {
		left: calc( 40% - 123px );
	}
	
	
	
}

/* ---------------------------------------------------------------
	end max 550px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

body {
	font-size: 3.2vw;
}

#wrap {
	padding-top: 80px;
}

/* --------------- header --------------- */
	
	a.btn_insta {
		width: 50px;
	}
	
	#menubtn {
		width: 50px;
		height: 50px;
	}
	
	#menubtn span {
		width: 38px;
		left: 6px;
	}
	
	#menubtn span:nth-child(2) {
		top: 15px;
	}
	
	#menubtn span:nth-child(3) {
		top: 25px;
	}
	
	.fixed_navi {
		top: 80px;
	}
	
	
/* --------------- footer --------------- */
	
	.col_fix_footer a {
		font-size: 4vw;
	}
	
	.icon_fix_footer {
		width: 32%;
		padding: 0 4%;
		box-sizing: border-box;
	}
	
	/*.col_fix_footer .txt {
		width: 68%;
	}*/
	
	
	
/* --------------- top --------------- */
	
	.txt_topnews dl dt {
		width: 28vw;
	}
	
	.txt_topnews dl dd {
		width: calc( 100% - 28vw );
	}
	
	.bg_top1 {
		padding: 10vw 0;
	}
	
	.col_top1 dl {
		margin-bottom: 5vw;
	}
	
	.col_top1 dl dd {
		font-size: 3.6vw;
	}
	
	.col_top2 {
		padding: 10vw 0;
	}
	
	ul.list_topmenu li {
		font-size: 3.2vw;
	}
	
	ul.list_topmenu li .label {
		font-size: 3vw;
	}
	
	.mds_top.blog {
		margin: 0 auto 4vw;
	}
	
	.link_topblog a {
		font-size: 4vw;
	}
	
	.mds_top.gallery {
		margin: 0 auto 4vw;
	}
	
	.img_topgallery {
		margin: 0 auto 2vw;
		padding: 4vw 2.5vw;
		background-position: -1vw top, -1vw bottom;
		background-size: 2vw auto, 2vw auto;
	}
	
	.col_top3.contact {
		padding: 0;
	}
	
	.mds_top.contact {
		margin: 0 auto 4vw;
	}
	
	.col_topcontact a {
		height: 14vw;
		font-size: 3.8vw;
	}
	
	.col_topcontact a.tel {
		font-size: 4.8vw;
	}
	
	.col_topcontact a.tel .icon_tel {
		width: 6vw;
		margin: 0 1vw 0 0;
	}
	
	.mds_top.access {
		margin: 0 auto 4vw;
	}
	
	.col_topaccess {
		margin: 0 auto 6vw;
		font-size: 3.6vw;
	}
	
	.col_l_topaccess {
		margin: 0 0 5vw;
	}
	
	.cont_topaccess dl dt {
		font-size: 3vw;
	}
	
	.col_topmap iframe {
		height: 45vw;
	}
	
	
	
/* --------------- lumino --------------- */
	
	.mds1 {
		margin: 0 auto 4vw;
	}
	
	.mds1 .txt {
		margin: 2vw 0 0 0;
		font-size: 3.6vw;
	}
	
	.lead_lumino1 {
		margin: 0 auto 4vw;
		font-size: 4vw;
	}
	
	.img_lead_lumino {
		margin: 0 auto 6.5vw;
	}
	
	.mds_point_lumino {
		margin: 0 0 3.5vw;
		padding: 2vw 5px;
		font-size: 3vw;
	}
	
	.cont_point_lumino .txt {
		margin: 0 0 3.5vw;
		font-size: 2.8vw;
	}
	
	
	
/* --------------- anniversary --------------- */
	
	.mds1.anniversary {
		margin-bottom: 5vw;
	}
	
	.mds1.anniversary .txt {
		margin-top: 1.5vw;
	}
	
	ul.col_stamp_menu {
		margin: 0 auto 9vw;
	}
	
	.col_furisode {
		margin-bottom: 3vw;
	}
	
	.price_furisode {
		padding: 1vw 0 1vw 47%;
	}
	
	.price_furisode ul {
		width: 28%;
	}
	
	.price_furisode .price {
		width: 38%;
	}
	
	.price_furisode .note {
		width: 14vw;
		margin: 5vw 0 1vw 2.5vw;
	}
	
	.txt_furisode .note_furisode {
		margin: 1vw 0 0 0;
	}
	
	.col_price_menu {
		padding: 8vw 0;
	}
	
	.lead_price_menu {
		font-size: 3.8vw;
	}
	
	.cont_price_menu {
		margin-bottom: 6vw;
	}
	
	.cont_price_menu.btm {
		margin-bottom: 12vw;
	}
	
	.img_price_menu .mds .icon {
		width: 6.5vw;
		margin: 0 1.5vw 0 0;
	}
	
	.img_price_menu .mds .txt {
		padding-top: 2vw;
		font-size: 4vw;
	}
	
	.img_price_menu .mds .txt .small {
		font-size: 2.7vw;
	}
	
	.list_price_menu .mds {
		font-size: 2.6vw;
	}
	
	.list_price_menu dl dt {
		width: 18vw;
		min-height: 8vw;
		margin: 0 2vw 0 0;
		font-size: 3.2vw;
	}
	
	.list_price_menu dl dd {
		width: calc( 100% - 20vw );
		font-size: 4.4vw;
	}
	
	.mds_beauty_anniversary {
		padding: 1.5vw;
		font-size: 5.4vw;
	}
	
	.note_beauty_anniversary {
		font-size: 4vw;
	}
	
	.list_price_menu2 dl {
		padding: 5px 0;
	}
	
	.list_price_menu2 .mds {
		width: 18vw;
		margin-left: calc( 100% - 18vw );
		font-size: 2vw;
	}
	
	.list_price_menu2 dl dt {
		width: calc( 100% - 33vw - 10px );
		font-size: 4vw;
	}
	
	.list_price_menu2 dl dt span.note {
		font-size: 2.4vw;
	}
	
	.list_price_menu2 dl dd {
		width: 24vw;
		font-size: 3.3vw;
	}
	
	.list_price_menu2 dl dd:last-child {
		width: 18vw;
		font-size: 3.3vw;
	}
	
	
	
/* --------------- staff --------------- */

	.img_staff,
	.bg_blue .img_staff {
		width: 74%;
	}
	
	.name_staff dl dt {
		font-size: 6.2vw;
	}
	
	.name_staff dl dd {
		font-size: 4vw;
	}
	
	
	
/* --------------- blog --------------- */
	
	.col_blog {
		margin-bottom: 14vw;
	}
	
	.label_date {
		width: 25vw;
		left: 10%;
	}
	
	.ttl_blog .icon {
		width: 12%;
		max-width: 38px;
	}
	
	.ttl_blog {
		font-size: 4vw;
	}
	
	.ttl_blog .txt {
		width: calc( 88% - 8px );
		max-width: calc( 100% - 46px );
	}
	
	.pagenation_blog ul li {
		width: 10vw;
		height: 10vw;
		margin: 0 7px 10px 0;
	}
	
	.pagenation_blog ul li a {
		font-size: 4.6vw;
		border-radius: 3.2vw;
		-moz-border-radius: 3.2vw;
		-webkit-border-radius: 3.2vw;
	}
	
	
	
	
	




/* --------------- idphoto --------------- */

	.mds1.idphoto {
		margin-bottom: 10vw;
	}
	
	.read_idphoto1 {
		padding-top: 9vw;
		padding-bottom: 8vw;
		font-size: 3vw;
		line-height: 2.2;
	}
	
	.img_price_idphoto1,
	.img_price_whitening1 {
		margin-top: 5vw;
	}
	
	.idphoto .list_price_menu dl dt {
		width: 23vw;
	}
	
	.idphoto .list_price_menu dl dd {
		width: calc( 100% - 25vw );
	}
	
	.idphoto .list_price_menu dl dd.note {
		font-size: 10px;
	}
	
	.txt_idphoto_shot {
		margin-bottom: 8vw;
		font-size: 3.8vw;
	}
	
	.sample_idphoto .mdl {
		font-size: 2.8vw;
		line-height: 1.5;
	}
	
	.sample_idphoto .circle span {
		font-size: 11px;
		bottom: 2.5vw;
	}
	
	.mds_idphoto1 {
		padding-bottom: 3.5vw;
		font-size: 4.5vw;
	}
	
	.list_idphoto1 dl {
		margin-bottom: 4.5vw;
	}
	
	.list_idphoto1 dl dt {
		padding-left: 14vw;
		font-size: 4vw;
		background-size: 10vw auto;
	}
	
	.list_idphoto1 dl dd {
		font-size: 3.2vw;
	}
	
	.list_idphoto1 dl dd .etc {
		margin-left: 12vw;
		font-size: 3.5vw;
	}
	
	.txt_idphoto1 {
		font-size: 3vw;
	}


	

/* --------------- wedding --------------- */
	
	.mds1.wedding1 {
		margin-bottom: 5vw;
	}
	
	.read_idphoto1.wedding {
		padding-top: 9vw;
		padding-bottom: 8vw;
		font-size: 3vw;
		line-height: 1.8;
	
	}
	
	.wedding .mds1.gallery {
		margin-bottom: 0;
	}
	
	.mds1.rental .txt {
		font-size: 3.6vw;
	}
	
	.price_wedding_pack1 {
		font-size: 6.5vw;
	}
	
	.price_wedding_pack1 .tax {
		font-size: 12px;
	}
	
	.set_wedding_pack1 .mds {
		margin-bottom: -32vw;
		top: -29vw;
	}
	
	.wedding .list_price_menu dl dt,
	.wedding .list_price_menu dl.top dt {
		width: 35vw;
		font-size: 4vw;
	}
	
	.wedding .list_price_menu dl dd {
		font-size: 3vw;
	}
	
	.wedding .list_price_menu dl dd div {
		padding: 6px 0 5px 6px;
	}
	
	.spmds_wedding_price .menu {
		padding-bottom: 0;
		font-size: 3vw;
	}
	
	.spmds_wedding_price .menu .menu {
		font-size: 3.2vw;
	}

	.spmds_wedding_price .mds1 {
		width: 35vw;
	}
	
	.list_price_menu_wedding .left .menu {
		font-size: 3.2vw;
	}
	
	.gradeup .list_price_menu_wedding .left .img {
		width: 12vw;
	}
	
	.list_price_menu_wedding .right dl dt {
		width: 60%;
		font-size: 4vw;
	}
	
	.list_price_menu_wedding .right dl dd {
		width: calc(100% - 60%);
		font-size: 4.4vw;
	}
	
	.gradeup .list_price_menu_wedding .right dt {
		width: 47%;
		font-size: 4vw;
	}
	
	.gradeup .list_price_menu_wedding .right dd.select {
		width: 21%;
		font-size: 3.2vw;
	}
	
	.gradeup .list_price_menu_wedding .right dd {
		width: calc( 100% - 47% - 21% - 8px - 8px);
		padding: 0 5px;
	}
	
	
	
/* --------------- anniversary_men --------------- */
	
	.bg_anniversary1.mens {
		padding: 4.5vw 0;
	}
	
	.stamp_option_mens {
		margin: 0 6%;
	}
	
	.col_rental_menu {
		margin: 0 0 4vw;
	}
	
	.mens .mds1.rental {
		margin-bottom: 2vw;
	}
	
	.lead_rental_mens {
		margin-bottom: 6vw;
		font-size: 3.8vw;
	}
	
	ul.list_rental_mens {
		margin: 0 auto 2vw;
	}
	
	.txt_option_mens {
		margin-bottom: 6vw;
	}
	
	.note_beauty_anniversary.mens {
		font-size: 4vw;
	}
	
	.mens .lead_price_menu {
		margin-bottom: 3vw;
	}
	
	.list_price_menu2 dl dd.colspan {
		width: calc( 37vw + 5px );
	}
	
	.list_price_menu2 dl dd.colspan .cell div {
		width: 18vw;
		padding: 3px 0;
	}
	
	.list_price_menu2 dl dd.colspan .cell .center {
		width: 25vw;
		font-size: 3.3vw;
	}
	
	
	
/* --------------- hakama --------------- */
	
	.hakama .txt_option_mens {
		margin-bottom: 7vw;
	}
	
	.mds_flow_hakama {
		width: 92%;
		margin-bottom: 4.5vw;
	}
	
	.list_flow_hakama {
		margin-bottom: 6vw;
	}
	
	.list_flow_hakama ol li {
		padding-bottom: 1.5vw;
	}
	
	.mds_fee_hakamaplan {
		margin-bottom: 4vw;
	}
	
	
	
/* --------------- anniversatyphoto --------------- */
	
	#mainimg.anniphoto .fiximg {
		top: 80px;
	}
	
	.col_anniphoto1 {
		padding: 5vw 0;
	}
	
	.lead_anniphoto1 {
		margin-bottom: 6vw;
	}
	
	.mds_reason_anniphoto1 {
		margin-bottom: 20vw;
		font-size: 4.6vw;
		background-size: 8% auto, 5.5% auto;
	}
	
	.img_mds_anniphoto1 {
		margin-bottom: 5vw;
	}
	
	.mds_reason_anniphoto1 .big {
		font-size: 6.4vw;
	}
	
	.mds_reason_anniphoto1 .big .blue {
		font-size: 10.5vw;
	}
	
	.list_reason_anniphoto {
		margin-bottom: 14vw;
		padding: 0;
	}
	
	.list_reason_anniphoto.btm {
		margin-bottom: 7vw;
	}
	
	.list_reason_anniphoto .mds {
		padding: 2vw 1vw 2vw 3.5vw;
		font-size: 4.8vw;
	}
	
	.list_reason_anniphoto .mds .num {
		width: 13vw;
		top: -6vw;
		left: -3vw;
	}
	
	.list_reason_anniphoto .mds span.big.brown {
		font-size: 9vw;
	}
	
	.cont_reason_anniphoto {
		margin: 0;
		padding: 4vw 0;
	}
	
	.txt_reason1 {
		margin-bottom: 4vw;
		font-size: 3.6vw;
	}
	
	dl.box_reason_anniphoto {
		margin: 0 0 4vw;
		padding: 0 2.5vw;
	}
	
	dl.box_reason_anniphoto dt .txt {
		font-size: 2.9vw;
	}
	
	dl.box_reason_anniphoto dd {
		padding: 2vw 0;
		font-size: 2.7vw;
	}
	
	.list_reason_anniphoto .mds span.fs40.brown {
		font-size: 6.5vw;
	}
	
	.list_reason_anniphoto .mds .note {
		font-size: 3vw;
	}
	
	.cont_reason_anniphoto.price {
		margin-top: 6vw;
	}
	
	.list_reason_anniphoto .cont_reason_anniphoto .list_price_menu .mds {
		height: 4vw;
		font-size: 2.6vw;
	}
	
	.list_reason_anniphoto .mds .small {
		font-size: 3vw;
	}
	
	.txt_access_anniphoto {
		margin: 0 0 4vw;
	}
	
	.txt_access_anniphoto dl {
		margin-bottom: 1.4vw;
	}
	
	.txt_access_anniphoto dl dt {
		margin-bottom: 1vw;
		font-size: 3.6vw;
	}
	
	.txt_access_anniphoto dl dt .icon {
		width: 10%;
		max-width: 20px;
	}
	
	.txt_access_anniphoto dl dd {
		font-size: 3vw;
	}
	
	.txt_access_anniphoto dl dd .indent1 + .indent1 {
		margin-top: 1.4vw;
	}
	
	a.link_anniphoto {
		margin-bottom: 5vw;
	}
	
	
	
/* --------------- ceremony --------------- */

	ul.col_stamp_menu.mens.ceremony {
		margin-bottom: 9vw;
	}



/* --------------- shichigosan --------------- */
	
	.mds_fee_hakamaplan.shichigosan {
		margin-bottom: 4vw;
	}
	
	.tbl_shichigosan_rentfee .mds {
		font-size: 2vw;
		background-image: url(../img/shichigosan/sp/bg_mds_fee.gif);
	}
	
	.tbl_shichigosan_rentfee dl {
		font-size: 4.2vw;
	}
	
	.tbl_shichigosan_rentfee dl dt.split,
	.tbl_shichigosan_rentfee dl dt {
		width: 100px;
	}
	
	.tbl_shichigosan_rentfee dl dt.split:before {
		width: 2px;
		transform: rotate3d(1, 1, 1, -78.5deg);
	}
	
	.tbl_shichigosan_rentfee dl dt.split .wrap {
		font-size: 13px;
	}
	
	.tbl_shichigosan_rentfee dl dt.split .left {
		margin: auto 0 8px 10px;
	}
	
	.tbl_shichigosan_rentfee dl dt.split .right {
		margin: 8px 10px auto 0;
	}
	
	.tbl_shichigosan_rentfee dl dd {
		width: calc( (100% - 100px) / 2);
	}
	
	.tbl_shichigosan_rentfee dl dd .small {
		font-size: 3.6vw;
	}
	
	ul.note_hakamaplan.shichigosan {
		letter-spacing: 0;
	}
	ul.note_hakamaplan.shichigosan li {
		margin-bottom: 8px;
	}
	
	ul.note_shichigosanplan {
		padding-bottom: 4vw;
		font-size: 3.4vw;
	}
	ul.note_shichigosanplan li {
		margin-bottom: 5px;
	}





}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */

